chore: generate

bun.lock

@@ -905,26 +905,26 @@
     },
   },
   "trustedDependencies": [
+    "esbuild",
     "tree-sitter-powershell",
+    "protobufjs",
+    "electron",
     "web-tree-sitter",
     "tree-sitter-bash",
-    "esbuild",
-    "electron",
-    "protobufjs",
   ],
   "patchedDependencies": {
-    "solid-js@1.9.10": "patches/solid-js@1.9.10.patch",
     "@pierre/trees@1.0.0-beta.4": "patches/@pierre%2Ftrees@1.0.0-beta.4.patch",
-    "@ai-sdk/xai@3.0.82": "patches/@ai-sdk%2Fxai@3.0.82.patch",
-    "pacote@21.5.0": "patches/pacote@21.5.0.patch",
-    "@standard-community/standard-openapi@0.2.9": "patches/@standard-community%2Fstandard-openapi@0.2.9.patch",
     "@modelcontextprotocol/sdk@1.29.0": "patches/@modelcontextprotocol%2Fsdk@1.29.0.patch",
     "gcp-metadata@8.1.2": "patches/gcp-metadata@8.1.2.patch",
-    "@ai-sdk/google@3.0.73": "patches/@ai-sdk%2Fgoogle@3.0.73.patch",
+    "@standard-community/standard-openapi@0.2.9": "patches/@standard-community%2Fstandard-openapi@0.2.9.patch",
+    "@npmcli/agent@4.0.2": "patches/@npmcli%2Fagent@4.0.2.patch",
     "@silvia-odwyer/photon-node@0.3.4": "patches/@silvia-odwyer%2Fphoton-node@0.3.4.patch",
     "@tanstack/solid-virtual@3.13.28": "patches/@tanstack%2Fsolid-virtual@3.13.28.patch",
+    "solid-js@1.9.10": "patches/solid-js@1.9.10.patch",
+    "@ai-sdk/google@3.0.73": "patches/@ai-sdk%2Fgoogle@3.0.73.patch",
+    "@ai-sdk/xai@3.0.82": "patches/@ai-sdk%2Fxai@3.0.82.patch",
     "@tanstack/virtual-core@3.17.0": "patches/@tanstack%2Fvirtual-core@3.17.0.patch",
-    "@npmcli/agent@4.0.2": "patches/@npmcli%2Fagent@4.0.2.patch",
+    "pacote@21.5.0": "patches/pacote@21.5.0.patch",
   },
   "overrides": {
     "@opentui/core": "catalog:",

packages/app/e2e/regression/session-timeline-collapse-state.spec.ts

@@ -196,7 +196,8 @@ test.describe("regression: session timeline local row state", () => {
     const events: EventPayload[] = []
     const lines = Array.from({ length: 1_000 }, (_, index) => `export const value${index} = ${index}\n`).join("")
     const after = [100, 300, 500, 700, 900].reduce(
-      (result, index) => result.replace(`export const value${index} = ${index}`, `export const value${index} = compute(${index})`),
+      (result, index) =>
+        result.replace(`export const value${index} = ${index}`, `export const value${index} = compute(${index})`),
       lines,
     )
     const part = {
@@ -385,11 +386,7 @@ function readExpanded(element: Element) {
   return !!content && content.getBoundingClientRect().height > 0
 }
 
-async function mockServer(
+async function mockServer(page: Page, events: EventPayload[], messages = [userMessage, assistantMessage]) {
-  page: Page,
-  events: EventPayload[],
-  messages = [userMessage, assistantMessage],
-) {
   await mockOpenCodeServer(page, {
     directory,
     project: project(),

packages/app/e2e/smoke/session-timeline.spec.ts

@@ -172,7 +172,9 @@ test.describe("smoke: session timeline", () => {
                 })
                 .map((element) => element.dataset.messageId!)
                 .filter((id) => ids.has(id))
-              const bottom = root.querySelector<HTMLElement>('[data-timeline-row="bottom-spacer"]')?.getBoundingClientRect()
+              const bottom = root
+                .querySelector<HTMLElement>('[data-timeline-row="bottom-spacer"]')
+                ?.getBoundingClientRect()
               samples.push({ ids: visible, last: visible.includes(last), bottomError: bottom?.bottom - view.bottom })
               if (!firstPaint && visible.includes(last) && Math.abs((bottom?.bottom ?? Infinity) - view.bottom) <= 1) {
                 firstPaint = true
@@ -187,9 +189,11 @@ test.describe("smoke: session timeline", () => {
             requestAnimationFrame(sample)
           }, 0)
         }
-        ;(window as Window & {
+        ;(
+          window as Window & {
             __sessionTabPaint?: { samples: typeof samples; removed: () => number; stop: () => void }
-        }).__sessionTabPaint = {
+          }
+        ).__sessionTabPaint = {
           samples,
           removed: () => removedFirstPaintNodes,
           stop: () => {
@@ -203,19 +207,21 @@ test.describe("smoke: session timeline", () => {
 
     await switchTitlebarSession(page, fixture.targetID, fixture.expected.targetTitle)
     await page.waitForFunction(() =>
-      (window as Window & { __sessionTabPaint?: { samples: Array<{ ids: string[] }> } }).__sessionTabPaint?.samples.some(
+      (
-        (sample) => sample.ids.length > 0,
+        window as Window & { __sessionTabPaint?: { samples: Array<{ ids: string[] }> } }
-      ),
+      ).__sessionTabPaint?.samples.some((sample) => sample.ids.length > 0),
     )
     await page.waitForTimeout(200)
     const first = await page.evaluate(() => {
-      const probe = (window as Window & {
+      const probe = (
+        window as Window & {
           __sessionTabPaint?: {
             samples: Array<{ ids: string[]; last: boolean; bottomError?: number }>
             removed: () => number
             stop: () => void
           }
-      }).__sessionTabPaint!
+        }
+      ).__sessionTabPaint!
       probe.stop()
       return { first: probe.samples.find((sample) => sample.ids.length > 0), removed: probe.removed() }
     })
@@ -253,7 +259,8 @@ test.describe("smoke: session timeline", () => {
     await expectSessionTitle(page, fixture.expected.sourceTitle)
     const last = fixture.expected.targetMessageIDs.at(-1)!
     const destination = fixture.messages[fixture.targetID].map((message) => message.info.id)
-    await page.evaluate(({ destination, last }) => {
+    await page.evaluate(
+      ({ destination, last }) => {
         const ids = new Set(destination)
         const samples: Array<{ destination: boolean; last: boolean; bottomError?: number }> = []
         const sample = () => {
@@ -262,7 +269,9 @@ test.describe("smoke: session timeline", () => {
           )
           if (root) {
             const view = root.getBoundingClientRect()
-          const spacer = root.querySelector<HTMLElement>('[data-timeline-row="bottom-spacer"]')?.getBoundingClientRect()
+            const spacer = root
+              .querySelector<HTMLElement>('[data-timeline-row="bottom-spacer"]')
+              ?.getBoundingClientRect()
             const messages = [...root.querySelectorAll<HTMLElement>("[data-message-id]")].filter((element) => {
               const rect = element.getBoundingClientRect()
               return rect.bottom > view.top && rect.top < view.bottom
@@ -277,7 +286,9 @@ test.describe("smoke: session timeline", () => {
         }
         ;(window as Window & { __coldTabSamples?: typeof samples }).__coldTabSamples = samples
         requestAnimationFrame(() => setTimeout(sample, 0))
-    }, { destination, last })
+      },
+      { destination, last },
+    )
 
     await switchTitlebarSession(page, fixture.targetID, fixture.expected.targetTitle)
     await page.waitForFunction(() =>
@@ -286,9 +297,11 @@ test.describe("smoke: session timeline", () => {
       ),
     )
     const result = await page.evaluate(() => {
-      const samples = (window as Window & {
+      const samples = (
+        window as Window & {
           __coldTabSamples?: Array<{ destination: boolean; last: boolean; bottomError?: number }>
-      }).__coldTabSamples!
+        }
+      ).__coldTabSamples!
       return samples.find((sample) => sample.destination)!
     })
     expect(result.last).toBe(true)

packages/app/src/pages/session/timeline/message-timeline.tsx

@@ -82,10 +82,7 @@ type FramedTimelineRow = Exclude<TimelineRow.TimelineRow, { _tag: "TurnGap" }>
 type TimelineRowByTag<T extends TimelineRow.TimelineRow["_tag"]> = Extract<TimelineRow.TimelineRow, { _tag: T }>
 
 const timelineFallbackItemSize = 60
-const timelineCache = new Map<
+const timelineCache = new Map<string, { measurements: VirtualItem[]; toolOpen: Record<string, boolean | undefined> }>()
-  string,
-  { measurements: VirtualItem[]; toolOpen: Record<string, boolean | undefined> }
->()
 
 const taskDescription = (part: PartType, sessionID: string) => {
   if (part.type !== "tool" || part.tool !== "task") return

packages/app/src/pages/session/timeline/model.ts

@@ -55,11 +55,7 @@ export function createTimelineModel(input: {
     const id = input.sessionID()
     return !id || sync().data.message[id] !== undefined
   })
-  const userMessages = createMemo(
+  const userMessages = createMemo(() => selectUserMessages(messages()), emptyUserMessages, { equals: same })
-    () => selectUserMessages(messages()),
-    emptyUserMessages,
-    { equals: same },
-  )
   const visibleUserMessages = createMemo(
     () => {
       return selectVisibleUserMessages(userMessages(), input.revertMessageID())

packages/app/src/pages/session/timeline/projection.ts

@@ -27,8 +27,11 @@ export function createTimelineProjection(input: {
     return result
   })
   const activeMessageID = createMemo(() => {
-    const parentID = input.messages().findLast(
+    const parentID = input
-      (message): message is AssistantMessage => message.role === "assistant" && typeof message.time.completed !== "number",
+      .messages()
+      .findLast(
+        (message): message is AssistantMessage =>
+          message.role === "assistant" && typeof message.time.completed !== "number",
       )?.parentID
     if (parentID) {
       const messages = input.messages()

packages/ui/src/components/markdown-stream.test.ts

@@ -123,8 +123,12 @@ describe("markdown stream", () => {
   })
 
   test("only reuses pending blocks with compatible identity and content", () => {
-    expect(canReusePendingBlock({ mode: "full", raw: "First\n\n" }, { mode: "full", raw: "# Inserted\n\n", src: "", })).toBe(false)
+    expect(
-    expect(canReusePendingBlock({ mode: "code", raw: "```ts\none" }, { mode: "code", raw: "```ts\none two", src: "" })).toBe(true)
+      canReusePendingBlock({ mode: "full", raw: "First\n\n" }, { mode: "full", raw: "# Inserted\n\n", src: "" }),
+    ).toBe(false)
+    expect(
+      canReusePendingBlock({ mode: "code", raw: "```ts\none" }, { mode: "code", raw: "```ts\none two", src: "" }),
+    ).toBe(true)
     expect(canReusePendingBlock({ mode: "code", raw: "```ts\none" }, { mode: "live", raw: "one", src: "" })).toBe(false)
   })
 

packages/ui/src/components/markdown-worker-protocol.test.ts

@@ -1,5 +1,9 @@
 import { expect, test } from "bun:test"
-import { applyMarkdownWorkerResponse, markdownBlockKey, shouldReleaseMarkdownWorkerState } from "./markdown-worker-protocol"
+import {
+  applyMarkdownWorkerResponse,
+  markdownBlockKey,
+  shouldReleaseMarkdownWorkerState,
+} from "./markdown-worker-protocol"
 
 const token = (content: string): [string, string] => [content, ""]
 const response = (id: number, reset: boolean, stable: [string, string][], unstable: [string, string][]) => ({

packages/ui/src/components/markdown.tsx

@@ -3,7 +3,16 @@ import { useI18n } from "../context/i18n"
 import DOMPurify from "dompurify"
 import morphdom from "morphdom"
 import { checksum } from "@opencode-ai/core/util/encode"
-import { ComponentProps, createEffect, createMemo, createResource, createSignal, createUniqueId, onCleanup, splitProps } from "solid-js"
+import {
+  ComponentProps,
+  createEffect,
+  createMemo,
+  createResource,
+  createSignal,
+  createUniqueId,
+  onCleanup,
+  splitProps,
+} from "solid-js"
 import { isServer } from "solid-js/web"
 import { bundledLanguages } from "shiki"
 import { canReusePendingBlock, project, type Block, type Projection } from "./markdown-stream"
@@ -439,9 +448,9 @@ export function Markdown(
     nextCodeKeys.forEach((key) => activeCodeKeys.add(key))
     content.forEach((block, index) => updateBlock(container, index, block, labels))
     while (container.children.length > content.length) container.lastElementChild?.remove()
-    container.querySelectorAll<HTMLButtonElement>('[data-slot="markdown-copy-button"]').forEach((button) =>
+    container
-      setCopyState(button, labels, button.dataset.copied === "true"),
+      .querySelectorAll<HTMLButtonElement>('[data-slot="markdown-copy-button"]')
-    )
+      .forEach((button) => setCopyState(button, labels, button.dataset.copied === "true"))
     if (!copyCleanup)
       copyCleanup = setupCodeCopy(container, () => ({
         copy: i18n.t("ui.message.copy"),
@@ -549,8 +558,7 @@ function updateCodeBlock(
   block: Extract<RenderedBlock, { mode: "code" }>,
   labels: CopyLabels,
 ) {
-  const existing =
+  const existing = current instanceof HTMLDivElement && current.dataset.markdownKey === block.key ? current : undefined
-    current instanceof HTMLDivElement && current.dataset.markdownKey === block.key ? current : undefined
   const next = existing ?? document.createElement("div")
   next.dataset.markdownBlock = ""
   next.dataset.markdownKey = block.key
@@ -574,7 +582,10 @@ function updateCodeBlock(
     const prefix = prior.findIndex((token, index) => !sameToken(token, tail[index]))
     const keep = stableCount + (prefix < 0 ? Math.min(prior.length, tail.length) : prefix)
     while (code.children.length > keep) code.lastElementChild?.remove()
-    tail.slice(keep - stableCount).map(createTokenSpan).forEach((span) => code.appendChild(span))
+    tail
+      .slice(keep - stableCount)
+      .map(createTokenSpan)
+      .forEach((span) => code.appendChild(span))
     renderedCodeTokens.set(next, {
       language: block.language,
       generation: block.generation,

packages/ui/src/components/scroll-view.tsx

@@ -38,10 +38,7 @@ export function scrollTopFromThumbPointer(input: {
   const padding = 8
   const maxThumbTop = input.clientHeight - padding * 2 - input.thumbHeight
   if (maxThumbTop <= 0) return 0
-  const thumbTop = Math.max(
+  const thumbTop = Math.max(0, Math.min(input.pointer - input.viewportTop - padding - input.grabOffset, maxThumbTop))
-    0,
-    Math.min(input.pointer - input.viewportTop - padding - input.grabOffset, maxThumbTop),
-  )
   return (thumbTop / maxThumbTop) * Math.max(0, input.scrollHeight - input.clientHeight)
 }