big format

packages/opencode/src/cli/cmd/tui/component/dialog-model.tsx

@@ -52,7 +52,11 @@ export function DialogModel() {
               description: provider.name,
               category: provider.name,
             })),
-            filter((x) => Boolean(ref()?.filter) || !local.model.recent().find((y) => isDeepEqual(y, x.value))),
+            filter(
+              (x) =>
+                Boolean(ref()?.filter) ||
+                !local.model.recent().find((y) => isDeepEqual(y, x.value)),
+            ),
           ),
         ),
       ),

packages/opencode/src/cli/cmd/tui/component/dialog-session-list.tsx

@@ -20,8 +20,8 @@ export function DialogSessionList() {
 
   const deleteKeybind = "ctrl+d"
 
-  const currentSessionID = createMemo(() => 
-    route.data.type === "session" ? route.data.sessionID : undefined
+  const currentSessionID = createMemo(() =>
+    route.data.type === "session" ? route.data.sessionID : undefined,
   )
 
   const options = createMemo(() => {

packages/opencode/src/cli/cmd/tui/component/logo.tsx

@@ -3,9 +3,19 @@ import { TextAttributes } from "@opentui/core"
 import { For } from "solid-js"
 import { useTheme } from "@tui/context/theme"
 
-const LOGO_LEFT = [`                   `, `█▀▀█ █▀▀█ █▀▀█ █▀▀▄`, `█░░█ █░░█ █▀▀▀ █░░█`, `▀▀▀▀ █▀▀▀ ▀▀▀▀ ▀  ▀`]
+const LOGO_LEFT = [
+  `                   `,
+  `█▀▀█ █▀▀█ █▀▀█ █▀▀▄`,
+  `█░░█ █░░█ █▀▀▀ █░░█`,
+  `▀▀▀▀ █▀▀▀ ▀▀▀▀ ▀  ▀`,
+]
 
-const LOGO_RIGHT = [`             ▄     `, `█▀▀▀ █▀▀█ █▀▀█ █▀▀█`, `█░░░ █░░█ █░░█ █▀▀▀`, `▀▀▀▀ ▀▀▀▀ ▀▀▀▀ ▀▀▀▀`]
+const LOGO_RIGHT = [
+  `             ▄     `,
+  `█▀▀▀ █▀▀█ █▀▀█ █▀▀█`,
+  `█░░░ █░░█ █░░█ █▀▀▀`,
+  `▀▀▀▀ ▀▀▀▀ ▀▀▀▀ ▀▀▀▀`,
+]
 
 export function Logo() {
   const { theme } = useTheme()

packages/opencode/src/cli/cmd/tui/context/route.tsx

@@ -17,13 +17,11 @@ export const { use: useRoute, provider: RouteProvider } = createSimpleContext({
   init: (props: { data?: Route }) => {
     const [store, setStore] = createStore<Route>(
       props.data ??
-      (
-        process.env["OPENCODE_ROUTE"]
+        (process.env["OPENCODE_ROUTE"]
           ? JSON.parse(process.env["OPENCODE_ROUTE"])
           : {
-            type: "home",
-          }
-      ),
+              type: "home",
+            }),
     )
 
     return {

packages/opencode/src/cli/cmd/tui/context/sync.tsx

@@ -269,6 +269,7 @@ export const { use: useSync, provider: SyncProvider } = createSimpleContext({
         },
         async sync(sessionID: string) {
           const now = Date.now()
+          console.log("syncing", sessionID)
           const [session, messages, todo, diff] = await Promise.all([
             sdk.client.session.get({ path: { id: sessionID }, throwOnError: true }),
             sdk.client.session.messages({ path: { id: sessionID } }),

packages/opencode/src/cli/cmd/tui/context/theme/nightowl.json

@@ -218,4 +218,4 @@
       "light": "nightOwlFg"
     }
   }
-}
+}

packages/opencode/src/cli/cmd/tui/routes/session/dialog-message.tsx

@@ -7,7 +7,9 @@ import { useRoute } from "@tui/context/route"
 export function DialogMessage(props: { messageID: string; sessionID: string }) {
   const sync = useSync()
   const sdk = useSDK()
-  const message = createMemo(() => sync.data.message[props.sessionID]?.find((x) => x.id === props.messageID))
+  const message = createMemo(() =>
+    sync.data.message[props.sessionID]?.find((x) => x.id === props.messageID),
+  )
   const route = useRoute()
 
   return (

packages/opencode/src/cli/cmd/tui/routes/session/dialog-timeline.tsx

@@ -19,7 +19,9 @@ export function DialogTimeline(props: { sessionID: string; onMove: (messageID: s
     const result = [] as DialogSelectOption<string>[]
     for (const message of messages) {
       if (message.role !== "user") continue
-      const part = (sync.data.part[message.id] ?? []).find((x) => x.type === "text" && !x.synthetic) as TextPart
+      const part = (sync.data.part[message.id] ?? []).find(
+        (x) => x.type === "text" && !x.synthetic,
+      ) as TextPart
       if (!part) continue
       result.push({
         title: part.text.replace(/\n/g, " "),
@@ -33,5 +35,11 @@ export function DialogTimeline(props: { sessionID: string; onMove: (messageID: s
     return result
   })
 
-  return <DialogSelect onMove={(option) => props.onMove(option.value)} title="Timeline" options={options()} />
+  return (
+    <DialogSelect
+      onMove={(option) => props.onMove(option.value)}
+      title="Timeline"
+      options={options()}
+    />
+  )
 }

packages/opencode/src/cli/cmd/tui/routes/session/index.tsx

@@ -105,14 +105,15 @@ export function Session() {
   const sidebarVisible = createMemo(() => sidebar() === "show" || (sidebar() === "auto" && wide()))
   const contentWidth = createMemo(() => dimensions().width - (sidebarVisible() ? 42 : 0) - 4)
 
-  createEffect(() => {
-    sync.session.sync(route.sessionID).catch(() => {
+  createEffect(async () => {
+    await sync.session.sync(route.sessionID).catch(() => {
       toast.show({
         message: `Session not found: ${route.sessionID}`,
         variant: "error",
       })
       return navigate({ type: "home" })
     })
+    scroll.scrollBy(100_000)
   })
 
   const toast = useToast()

packages/opencode/src/cli/cmd/tui/spawn.ts

@@ -41,7 +41,12 @@ export const TuiSpawnCommand = cmd({
       )
       cwd = new URL("../../../../", import.meta.url).pathname
     } else cmd.push(process.execPath)
-    cmd.push("attach", server.url.toString(), "--dir", args.project ? path.resolve(args.project) : process.cwd())
+    cmd.push(
+      "attach",
+      server.url.toString(),
+      "--dir",
+      args.project ? path.resolve(args.project) : process.cwd(),
+    )
     const proc = Bun.spawn({
       cmd,
       cwd,

packages/opencode/src/cli/cmd/tui/ui/dialog-confirm.tsx

@@ -53,7 +53,9 @@ export function DialogConfirm(props: DialogConfirmProps) {
                 dialog.clear()
               }}
             >
-              <text fg={key === store.active ? theme.background : theme.textMuted}>{Locale.titlecase(key)}</text>
+              <text fg={key === store.active ? theme.background : theme.textMuted}>
+                {Locale.titlecase(key)}
+              </text>
             </box>
           )}
         </For>

packages/opencode/src/cli/cmd/tui/util/editor.ts

@@ -5,7 +5,10 @@ import { join } from "node:path"
 import { CliRenderer } from "@opentui/core"
 
 export namespace Editor {
-  export async function open(opts: { value: string; renderer: CliRenderer }): Promise<string | undefined> {
+  export async function open(opts: {
+    value: string
+    renderer: CliRenderer
+  }): Promise<string | undefined> {
     const editor = process.env["EDITOR"]
     if (!editor) return