@bojackduy/opencode-telescope 0.1.15 → 0.1.17

package/components/preview.tsx

@@ -59,7 +59,7 @@ export const ConversationPreview = (props: { item: SearchResult; parts: Conversa
 )
 
 const PreviewConversationPart = (props: { part: ConversationPreviewPart; item: SearchResult; syntax: SyntaxStyle; theme: TuiThemeCurrent }) => {
-  if (props.part.type === "tool") return <PreviewToolPart part={props.part} theme={props.theme} />
+  if (props.part.type === "tool") return <PreviewToolPart part={props.part} item={props.item} syntax={props.syntax} theme={props.theme} />
   if (props.part.type === "reasoning") return <PreviewReasoningPart part={props.part} syntax={props.syntax} theme={props.theme} />
   if (props.part.role === "assistant") return <PreviewAssistantPart part={props.part} item={props.item} syntax={props.syntax} theme={props.theme} />
   return <PreviewUserPart part={props.part} item={props.item} theme={props.theme} />
@@ -129,7 +129,7 @@ const PreviewReasoningPart = (props: { part: ConversationPreviewPart; syntax: Sy
   )
 }
 
-const PreviewToolPart = (props: { part: ConversationPreviewPart; theme: TuiThemeCurrent }) => {
+const PreviewToolPart = (props: { part: ConversationPreviewPart; item: SearchResult; syntax: SyntaxStyle; theme: TuiThemeCurrent }) => {
   const status = createMemo(() => props.part.state?.status ?? "pending")
   const failed = createMemo(() => status() === "error")
   const color = createMemo(() => {
@@ -137,27 +137,139 @@ const PreviewToolPart = (props: { part: ConversationPreviewPart; theme: TuiTheme
     if (status() === "completed") return props.theme.textMuted
     return props.theme.text
   })
+  const codeTool = createMemo(() => props.part.tool === "apply_patch" || props.part.tool === "edit" || props.part.tool === "write")
   return (
-    <box id={`tool-inline-${props.part.messageID}-${props.part.id}`} paddingLeft={3} marginTop={1} flexDirection="column" flexShrink={0}>
+    <box id={`tool-${props.part.messageID}-${props.part.id}`} paddingLeft={3} marginTop={1} flexDirection="column" flexShrink={0}>
       <Show when={props.part.target}>
-        <TargetMarker part={props.part} role="tool" time={props.part.timeCreated} theme={props.theme} />
+        <TargetMarker part={props.part} item={props.item} role={props.part.tool ?? "tool"} time={props.part.timeCreated} theme={props.theme} />
+      </Show>
+      <Show when={codeTool()} fallback={<CompactToolRow part={props.part} color={color()} failed={failed()} theme={props.theme} />}>
+        <CodeToolPreview part={props.part} syntax={props.syntax} theme={props.theme} />
       </Show>
-      <text fg={color()} wrapMode="none" overflow="hidden">
-        <span style={{ fg: failed() ? props.theme.error : props.theme.textMuted }}>{toolIcon(props.part.tool)} </span>
-        <span>{toolLabel(props.part.tool)}</span>
-        <span style={{ fg: props.theme.textMuted }}> {toolInputSummary(props.part.state?.input)}</span>
-        <span style={{ fg: props.theme.textMuted }}> · {status()}</span>
-      </text>
       <Show when={props.part.state?.error}>
         {(error) => <text fg={props.theme.error}>{error()}</text>}
       </Show>
-      <Show when={failed() ? props.part.state?.output : undefined}>
-        {(output) => <text fg={props.theme.textMuted}>{truncate(output().trim(), 300)}</text>}
-      </Show>
     </box>
   )
 }
 
+const CompactToolRow = (props: { part: ConversationPreviewPart; color: any; failed: boolean; theme: TuiThemeCurrent }) => (
+  <>
+    <text fg={props.color} wrapMode="none" overflow="hidden">
+      <span style={{ fg: props.failed ? props.theme.error : props.theme.textMuted }}>{toolIcon(props.part.tool)} </span>
+      <span>{toolLabel(props.part.tool)}</span>
+      <span style={{ fg: props.theme.textMuted }}> {toolInputSummary(props.part.state?.input)}</span>
+      <span style={{ fg: props.theme.textMuted }}> · {props.part.state?.status ?? "pending"}</span>
+    </text>
+    <Show when={props.failed ? props.part.state?.output : undefined}>
+      {(output) => <text fg={props.theme.textMuted}>{truncate(output().trim(), 300)}</text>}
+    </Show>
+  </>
+)
+
+const CodeToolPreview = (props: { part: ConversationPreviewPart; syntax: SyntaxStyle; theme: TuiThemeCurrent }) => {
+  if (props.part.tool === "apply_patch") return <ApplyPatchPreview part={props.part} syntax={props.syntax} theme={props.theme} />
+  if (props.part.tool === "edit") return <EditPreview part={props.part} syntax={props.syntax} theme={props.theme} />
+  if (props.part.tool === "write") return <WritePreview part={props.part} syntax={props.syntax} theme={props.theme} />
+  return <CompactToolRow part={props.part} color={props.theme.textMuted} failed={false} theme={props.theme} />
+}
+
+const ApplyPatchPreview = (props: { part: ConversationPreviewPart; syntax: SyntaxStyle; theme: TuiThemeCurrent }) => {
+  const files = createMemo(() => parseApplyPatchFiles(props.part.state?.metadata))
+  return (
+    <Show when={files().length > 0} fallback={<CompactToolRow part={props.part} color={props.theme.textMuted} failed={false} theme={props.theme} />}>
+      <For each={files()}>
+        {(file) => (
+          <ToolBlock title={patchTitle(file)} theme={props.theme}>
+            <DiffBlock diff={file.patch} filePath={file.filePath} syntax={props.syntax} theme={props.theme} />
+          </ToolBlock>
+        )}
+      </For>
+    </Show>
+  )
+}
+
+const EditPreview = (props: { part: ConversationPreviewPart; syntax: SyntaxStyle; theme: TuiThemeCurrent }) => {
+  const input = createMemo(() => recordValue(props.part.state?.input))
+  const metadata = createMemo(() => recordValue(props.part.state?.metadata))
+  const diff = createMemo(() => stringValue(metadata()?.diff) ?? stringValue(recordValue(metadata()?.filediff)?.patch) ?? "")
+  const filePath = createMemo(() => stringValue(input()?.filePath) ?? stringValue(recordValue(metadata()?.filediff)?.file) ?? "")
+  return (
+    <Show when={diff()} fallback={<CompactToolRow part={props.part} color={props.theme.textMuted} failed={false} theme={props.theme} />}>
+      {(value) => (
+        <ToolBlock title={`← Edit ${shortPath(filePath())}`} theme={props.theme}>
+          <DiffBlock diff={value()} filePath={filePath()} syntax={props.syntax} theme={props.theme} />
+        </ToolBlock>
+      )}
+    </Show>
+  )
+}
+
+const WritePreview = (props: { part: ConversationPreviewPart; syntax: SyntaxStyle; theme: TuiThemeCurrent }) => {
+  const input = createMemo(() => recordValue(props.part.state?.input))
+  const filePath = createMemo(() => stringValue(input()?.filePath) ?? "")
+  const content = createMemo(() => stringValue(input()?.content) ?? "")
+  return (
+    <Show when={content()} fallback={<CompactToolRow part={props.part} color={props.theme.textMuted} failed={false} theme={props.theme} />}>
+      {(value) => (
+        <ToolBlock title={`# Wrote ${shortPath(filePath())}`} theme={props.theme}>
+          <line_number fg={props.theme.textMuted} minWidth={3} paddingRight={1}>
+            <code
+              conceal={false}
+              fg={props.theme.text}
+              filetype={filetype(filePath())}
+              syntaxStyle={props.syntax}
+              content={value()}
+            />
+          </line_number>
+        </ToolBlock>
+      )}
+    </Show>
+  )
+}
+
+const ToolBlock = (props: { title: string; children: any; theme: TuiThemeCurrent }) => (
+  <box
+    border={["left"]}
+    paddingTop={1}
+    paddingBottom={1}
+    paddingLeft={2}
+    marginTop={1}
+    gap={1}
+    backgroundColor={props.theme.backgroundPanel}
+    customBorderChars={splitBorderChars}
+    borderColor={props.theme.background}
+    flexDirection="column"
+  >
+    <text paddingLeft={3} fg={props.theme.textMuted}>{props.title}</text>
+    {props.children}
+  </box>
+)
+
+const DiffBlock = (props: { diff: string; filePath: string; syntax: SyntaxStyle; theme: TuiThemeCurrent }) => (
+  <box paddingLeft={1}>
+    <diff
+      diff={props.diff}
+      view="unified"
+      filetype={filetype(props.filePath)}
+      syntaxStyle={props.syntax}
+      showLineNumbers={true}
+      width="100%"
+      wrapMode="word"
+      fg={props.theme.text}
+      addedBg={props.theme.diffAddedBg}
+      removedBg={props.theme.diffRemovedBg}
+      contextBg={props.theme.diffContextBg}
+      addedSignColor={props.theme.diffHighlightAdded}
+      removedSignColor={props.theme.diffHighlightRemoved}
+      lineNumberFg={props.theme.diffLineNumber}
+      lineNumberBg={props.theme.diffContextBg}
+      addedLineNumberBg={props.theme.diffAddedLineNumberBg}
+      removedLineNumberBg={props.theme.diffRemovedLineNumberBg}
+    />
+  </box>
+)
+
 const TargetMarker = (props: { part: ConversationPreviewPart; item?: SearchResult; role: string; time: number; theme: TuiThemeCurrent }) => (
   <box flexDirection="column" flexShrink={0}>
     <text fg={props.theme.warning} wrapMode="none" overflow="hidden">
@@ -273,3 +385,62 @@ function matchExcerpt(text: string, query: string, radius = 80) {
     after: `${text.slice(lastEnd, afterEnd).replace(/\s+/g, " ")}${afterEnd < text.length ? "..." : ""}`,
   }
 }
+
+function parseApplyPatchFiles(metadata: unknown) {
+  const files = recordValue(metadata)?.files
+  if (!Array.isArray(files)) return []
+  return files.flatMap((item) => {
+    const file = recordValue(item)
+    const filePath = stringValue(file?.filePath)
+    const relativePath = stringValue(file?.relativePath) ?? filePath
+    const patch = stringValue(file?.patch)
+    const type = stringValue(file?.type) ?? "update"
+    const deletions = numberValue(file?.deletions) ?? 0
+    if (!filePath || !relativePath || patch === undefined) return []
+    return [{ filePath, relativePath, patch, type, deletions }]
+  })
+}
+
+function patchTitle(file: { type: string; relativePath: string; filePath: string; deletions: number }) {
+  if (file.type === "delete") return `# Deleted ${file.relativePath}`
+  if (file.type === "add") return `# Created ${file.relativePath}`
+  if (file.type === "move") return `# Moved ${shortPath(file.filePath)} -> ${file.relativePath}`
+  return `← Patched ${file.relativePath}`
+}
+
+function recordValue(value: unknown): Record<string, unknown> | undefined {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return
+  return value as Record<string, unknown>
+}
+
+function stringValue(value: unknown) {
+  return typeof value === "string" ? value : undefined
+}
+
+function numberValue(value: unknown) {
+  return typeof value === "number" && Number.isFinite(value) ? value : undefined
+}
+
+function shortPath(value: string) {
+  if (!value) return "file"
+  const parts = value.split(/[\\/]/)
+  return parts.slice(-3).join("/")
+}
+
+function filetype(input: string) {
+  const ext = input.split(".").at(-1)?.toLowerCase()
+  if (!ext || ext === input.toLowerCase()) return "none"
+  if (["ts", "tsx", "js", "jsx", "mts", "cts"].includes(ext)) return "typescript"
+  if (ext === "py") return "python"
+  if (ext === "go") return "go"
+  if (ext === "rs") return "rust"
+  if (ext === "rb") return "ruby"
+  if (ext === "java") return "java"
+  if (ext === "json") return "json"
+  if (ext === "md") return "markdown"
+  if (ext === "yml" || ext === "yaml") return "yaml"
+  if (ext === "sql") return "sql"
+  if (ext === "sh" || ext === "bash" || ext === "zsh") return "shellscript"
+  if (ext === "diff" || ext === "patch") return "diff"
+  return ext
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "@bojackduy/opencode-telescope",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "description": "Fuzzy search across all OpenCode conversations — grep session and chat history, find code snippets, and jump to any chat instantly",
   "type": "module",
   "license": "MIT",

package/search.ts

@@ -11,7 +11,8 @@ export type SearchResult = {
   sessionTitle: string
   directory: string
   role: "user" | "assistant"
-  partType: "text" | "reasoning" | "tool" | "patch"
+  partType: "text" | "reasoning" | "tool"
+  tool?: string
   timeCreated: number
   snippet: string
   matchStart: number
@@ -57,6 +58,7 @@ export type ConversationPreviewCursor = {
 export type ToolState = {
   status: "pending" | "running" | "completed" | "error"
   input?: unknown
+  metadata?: unknown
   output?: string
   error?: string
 }
@@ -69,11 +71,12 @@ type Row = {
   directory: string
   role: SearchRole
   part_type?: SearchResult["partType"]
+  tool?: string | null
   time_created: number
   text: string
 }
 
-type SourceRow = Omit<Row, "text"> & {
+type IndexSourceRow = Omit<Row, "text"> & {
   data: string
 }
 
@@ -325,6 +328,7 @@ export function rowToSearchResult(row: Row, query: string): SearchResult | undef
     directory: row.directory,
     role: row.role,
     partType: row.part_type ?? "text",
+    tool: row.tool ?? undefined,
     timeCreated: row.time_created,
     snippet: makeSnippet(text, query),
     matchStart: match.start,
@@ -344,7 +348,7 @@ export function rowToSearchResult(row: Row, query: string): SearchResult | undef
 
 export function extractSearchText(data: string) {
   try {
-    return searchablePartText(JSON.parse(data)).replace(/\s+/g, " ").trim()
+    return extractFromValue(JSON.parse(data)).replace(/\s+/g, " ").trim()
   } catch {
     return data.replace(/\s+/g, " ").trim()
   }
@@ -497,7 +501,7 @@ function parseConversationPart(row: ConversationRow, target: boolean): Conversat
       role: row.role,
       type: row.type,
       timeCreated: row.time_created,
-      text: "",
+      text: extractToolIndexText(data).trim(),
       tool: typeof data.tool === "string" ? data.tool : "tool",
       state: parseToolState(data.state),
       target,
@@ -539,6 +543,7 @@ function parseToolState(value: unknown): ToolState | undefined {
   return {
     status: state.status as ToolState["status"],
     input: state.input,
+    metadata: state.metadata,
     output: typeof state.output === "string" ? state.output : undefined,
     error: typeof state.error === "string" ? state.error : undefined,
   }
@@ -575,8 +580,8 @@ function indexedTextRows(db: Database, dbPath: string, limit: number, query: str
     const offsetClause = offset ? "OFFSET ?" : ""
     debug.time("query:fts:exec")
     const rows = index.query<Row, (string | number)[]>(`
-      SELECT id, message_id, session_id, session_title, directory, role,
-             part_type, CAST(time_created AS INTEGER) AS time_created, text
+      SELECT id, message_id, session_id, session_title, directory, role, part_type, tool,
+             CAST(time_created AS INTEGER) AS time_created, text
       FROM document_fts
       WHERE ${conditions.join(" AND ")}
       ORDER BY bm25(document_fts), CAST(time_created AS INTEGER) DESC
@@ -593,7 +598,7 @@ function indexedTextRows(db: Database, dbPath: string, limit: number, query: str
 function visibleTextRows(db: Database, limit: number, query?: string, directory?: string, offset?: number, role?: SearchRole) {
   const offsetClause = offset ? "OFFSET ?" : ""
   const conditions: string[] = [
-    "json_extract(p.data, '$.type') IN ('text', 'reasoning', 'tool', 'patch')",
+    "json_extract(p.data, '$.type') = 'text'",
     role ? "json_extract(m.data, '$.role') = ?" : "json_extract(m.data, '$.role') IN ('user', 'assistant')",
   ]
   const params: (string | number)[] = []
@@ -607,7 +612,7 @@ function visibleTextRows(db: Database, limit: number, query?: string, directory?
 
   const tokens = query ? query.trim().split(/\s+/).filter(Boolean) : []
   for (const token of tokens) {
-    conditions.push("p.data LIKE ?")
+    conditions.push("json_extract(p.data, '$.text') LIKE ?")
     params.push(`%${token}%`)
   }
 
@@ -617,9 +622,8 @@ function visibleTextRows(db: Database, limit: number, query?: string, directory?
   const sql = `
     SELECT p.id, p.message_id, p.session_id, s.title AS session_title, s.directory,
            json_extract(m.data, '$.role') AS role,
-           json_extract(p.data, '$.type') AS part_type,
            p.time_created,
-           p.data
+           json_extract(p.data, '$.text') AS text
     FROM part p
     JOIN message m ON m.id = p.message_id
     JOIN session s ON s.id = p.session_id
@@ -628,9 +632,9 @@ function visibleTextRows(db: Database, limit: number, query?: string, directory?
     LIMIT ? ${offsetClause}
   `
   debug.time("query:sql:exec")
-  const rows = db.query<SourceRow, (string | number)[]>(sql).all(...params as any[])
+  const rows = db.query<Row, (string | number)[]>(sql).all(...params as any[])
   debug.timeEnd("query:sql:exec")
-  return rows.flatMap(sourceRowToSearchRow)
+  return rows
 }
 
 function ensureSearchIndex(source: Database, sourcePath: string) {
@@ -653,11 +657,11 @@ function ensureSearchIndex(source: Database, sourcePath: string) {
   return _indexDb
 }
 
-const SEARCH_INDEX_VERSION = "3"
+const SEARCH_INDEX_VERSION = "4"
 
 function searchIndexPath(sourcePath: string) {
   const parsed = path.parse(sourcePath)
-  return path.join(parsed.dir, `${parsed.name}-search.db`)
+  return path.join(parsed.dir, `${parsed.name}-telescope-search.db`)
 }
 
 function migrateSearchIndex(db: Database) {
@@ -674,14 +678,15 @@ function migrateSearchIndex(db: Database) {
       directory UNINDEXED,
       role UNINDEXED,
       part_type UNINDEXED,
+      tool UNINDEXED,
       time_created UNINDEXED,
       text,
       tokenize='unicode61'
     );
   `)
 
-  const hasPartType = db.query<{ name: string }, []>("PRAGMA table_info(document_fts)").all().some((column) => column.name === "part_type")
-  if (!hasPartType) {
+  const columns = db.query<{ name: string }, []>("PRAGMA table_info(document_fts)").all().map((column) => column.name)
+  if (!columns.includes("part_type") || !columns.includes("tool")) {
     db.exec("DROP TABLE document_fts")
     db.exec(`
       CREATE VIRTUAL TABLE document_fts USING fts5(
@@ -692,6 +697,7 @@ function migrateSearchIndex(db: Database) {
         directory UNINDEXED,
         role UNINDEXED,
         part_type UNINDEXED,
+        tool UNINDEXED,
         time_created UNINDEXED,
         text,
         tokenize='unicode61'
@@ -708,27 +714,34 @@ function sourceState(db: Database, sourcePath: string) {
 
 function rebuildSearchIndex(source: Database, index: Database, sourcePath: string, state: { dataVersion: number; mtimeMs: number }) {
   debug.time("fts:rebuild")
-  const rows = source.query<SourceRow, []>(`
+  const rows = source.query<IndexSourceRow, []>(`
     SELECT p.id, p.message_id, p.session_id, s.title AS session_title, s.directory,
-            json_extract(m.data, '$.role') AS role,
-            json_extract(p.data, '$.type') AS part_type,
-            p.time_created,
-            p.data
+           json_extract(m.data, '$.role') AS role,
+           json_extract(p.data, '$.type') AS part_type,
+           json_extract(p.data, '$.tool') AS tool,
+           p.time_created,
+           p.data
     FROM part p
     JOIN message m ON m.id = p.message_id
     JOIN session s ON s.id = p.session_id
-    WHERE json_extract(p.data, '$.type') IN ('text', 'reasoning', 'tool', 'patch')
+    WHERE (
+        json_extract(p.data, '$.type') = 'text'
+        OR (
+          json_extract(p.data, '$.type') = 'tool'
+          AND json_extract(p.data, '$.tool') IN ('apply_patch', 'edit', 'write')
+        )
+      )
       AND json_extract(m.data, '$.role') IN ('user', 'assistant')
     ORDER BY p.time_created DESC
   `).all()
-  const insert = index.query<Row, [string, string, string, string, string, string, SearchResult["partType"], number, string]>(`
-    INSERT INTO document_fts(id, message_id, session_id, session_title, directory, role, part_type, time_created, text)
-    VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)
+  const insert = index.query<Row, [string, string, string, string, string, string, SearchResult["partType"], string | null, number, string]>(`
+    INSERT INTO document_fts(id, message_id, session_id, session_title, directory, role, part_type, tool, time_created, text)
+    VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
   `)
   index.exec("BEGIN IMMEDIATE")
   try {
     index.exec("DELETE FROM document_fts")
-    for (const row of rows.flatMap(sourceRowToSearchRow)) {
+    for (const row of rows.flatMap(indexSourceRowToRows)) {
       insert.run(
         row.id,
         row.message_id,
@@ -737,6 +750,7 @@ function rebuildSearchIndex(source: Database, index: Database, sourcePath: strin
         row.directory,
         row.role,
         row.part_type ?? "text",
+        row.tool ?? null,
         row.time_created,
         row.text,
       )
@@ -773,6 +787,75 @@ function setMeta(db: Database, key: string, value: string) {
   `).run(key, value)
 }
 
+function indexSourceRowToRows(row: IndexSourceRow): Row[] {
+  const text = extractIndexText(row.data)
+  if (!text) return []
+  return [{ ...row, text }]
+}
+
+function extractIndexText(data: string) {
+  try {
+    const value = JSON.parse(data) as unknown
+    if (!value || typeof value !== "object" || Array.isArray(value)) return ""
+    const record = value as Record<string, unknown>
+    if (record.type === "text") return typeof record.text === "string" ? record.text.trim() : ""
+    if (record.type !== "tool") return ""
+    return extractToolIndexText(record).replace(/\s+/g, " ").trim()
+  } catch {
+    return ""
+  }
+}
+
+function extractToolIndexText(part: Record<string, unknown>) {
+  const tool = typeof part.tool === "string" ? part.tool : ""
+  const state = recordValue(part.state)
+  const input = recordValue(state?.input)
+  const metadata = recordValue(state?.metadata)
+
+  if (tool === "apply_patch") {
+    const files = Array.isArray(metadata?.files) ? metadata.files : []
+    const renderedPatches = files.map(applyPatchFileIndexText).filter(Boolean).join("\n")
+    const patchText = stringValue(input?.patchText)
+    return [renderedPatches, patchText].filter(Boolean).join("\n")
+  }
+
+  if (tool === "edit") {
+    const filediff = recordValue(metadata?.filediff)
+    return [
+      stringValue(input?.filePath),
+      stringValue(metadata?.diff),
+      stringValue(filediff?.patch),
+      stringValue(input?.oldString),
+      stringValue(input?.newString),
+    ].filter(Boolean).join("\n")
+  }
+
+  if (tool === "write") {
+    return [stringValue(input?.filePath), stringValue(input?.content)].filter(Boolean).join("\n")
+  }
+
+  return ""
+}
+
+function applyPatchFileIndexText(value: unknown) {
+  const file = recordValue(value)
+  if (!file) return ""
+  return [
+    stringValue(file.filePath),
+    stringValue(file.relativePath),
+    stringValue(file.patch),
+  ].filter(Boolean).join("\n")
+}
+
+function recordValue(value: unknown): Record<string, unknown> | undefined {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return
+  return value as Record<string, unknown>
+}
+
+function stringValue(value: unknown) {
+  return typeof value === "string" ? value : undefined
+}
+
 const tableCache = new Map<string, boolean>()
 function tableExists(db: Database, name: string) {
   if (tableCache.has(name)) return tableCache.get(name)!
@@ -816,29 +899,6 @@ function extractFromValue(value: unknown): string {
     .join("\n")
 }
 
-function sourceRowToSearchRow(row: SourceRow): Row[] {
-  const text = extractSearchText(row.data)
-  if (!text) return []
-  return [{ ...row, text }]
-}
-
-function searchablePartText(value: unknown): string {
-  if (!value || typeof value !== "object" || Array.isArray(value)) return extractFromValue(value)
-  const record = value as Record<string, unknown>
-  const type = record.type
-
-  if (type === "text" || type === "reasoning") return typeof record.text === "string" ? record.text : extractFromValue(record)
-  if (type === "patch") return extractFromValue(record.files)
-
-  if (type === "tool") {
-    const state = record.state && typeof record.state === "object" && !Array.isArray(record.state) ? record.state as Record<string, unknown> : undefined
-    if (record.tool !== "apply_patch") return ""
-    return extractFromValue(state?.input)
-  }
-
-  return extractFromValue(record)
-}
-
 function truncate(value: string, length: number) {
   if (value.length <= length) return value
   return `${value.slice(0, length - 3)}...`

package/telescope.tsx

@@ -46,14 +46,14 @@ export const Telescope = (props: { api: TuiPluginApi; config: TelescopeConfig; o
   const [loadingPreviewMore, setLoadingPreviewMore] = createSignal(false)
   const [prefetchingPreviewBefore, setPrefetchingPreviewBefore] = createSignal(false)
   const [prefetchingPreviewAfter, setPrefetchingPreviewAfter] = createSignal(false)
-  const [previewEdgeLoadingReady, setPreviewEdgeLoadingReady] = createSignal(false)
-  const RESULT_BATCH_SIZE = 50
-  const RESULT_PREFETCH_AHEAD_ROWS = 25
+  const MIN_SEARCH_BATCH_SIZE = 25
+  const MIN_RECENT_BATCH_SIZE = 15
   const RESULT_OVERSCAN_MULTIPLIER = 2
+  const RESULT_BATCH_VIEWPORTS = 4
+  const RESULT_PREFETCH_VIEWPORTS = 10
   const RESULT_CACHE_BEHIND_VIEWPORTS = 6
-  const INITIAL_PREVIEW_BEFORE = 6
-  const INITIAL_PREVIEW_AFTER = 12
-  const INITIAL_PREVIEW_DELAY_MS = 75
+  const INITIAL_PREVIEW_BEFORE = 20
+  const INITIAL_PREVIEW_AFTER = 30
   const PREVIEW_PAGE_SIZE = 20
   const PREVIEW_PREFETCH_VIEWPORTS = 0.5
   let input: InputRenderable | undefined
@@ -91,19 +91,18 @@ export const Telescope = (props: { api: TuiPluginApi; config: TelescopeConfig; o
   let resultPreviousTimer: ReturnType<typeof setTimeout> | undefined
   let previewBeforeTimer: ReturnType<typeof setTimeout> | undefined
   let previewAfterTimer: ReturnType<typeof setTimeout> | undefined
-  let pendingPreviewBefore: { itemId: string; previousContentHeight: number; preserveScroll: boolean; visibleLoad: boolean } | undefined
-  let pendingPreviewAfter: { itemId: string; visibleLoad: boolean } | undefined
+  let pendingPreviewBefore: { previousContentHeight: number; preserveScroll: boolean; visibleLoad: boolean } | undefined
+  let pendingPreviewAfterVisible = false
   const cancelPreviewPrefetch = () => {
     if (previewBeforeTimer) clearTimeout(previewBeforeTimer)
     if (previewAfterTimer) clearTimeout(previewAfterTimer)
     previewBeforeTimer = undefined
     previewAfterTimer = undefined
     pendingPreviewBefore = undefined
-    pendingPreviewAfter = undefined
+    pendingPreviewAfterVisible = false
     setPrefetchingPreviewBefore(false)
     setPrefetchingPreviewAfter(false)
     setLoadingPreviewMore(false)
-    setPreviewEdgeLoadingReady(false)
   }
   onCleanup(() => {
     if (resultPrefetchTimer) clearTimeout(resultPrefetchTimer)
@@ -116,9 +115,9 @@ export const Telescope = (props: { api: TuiPluginApi; config: TelescopeConfig; o
     const viewportHeight = resultScroll?.height || Math.max(8, height() - 7)
     return Math.max(5, Math.floor(viewportHeight / resultRowHeight()))
   }
-  const searchBatchSize = () => RESULT_BATCH_SIZE
-  const recentBatchSize = () => RESULT_BATCH_SIZE
-  const resultPrefetchThreshold = () => RESULT_PREFETCH_AHEAD_ROWS
+  const searchBatchSize = () => Math.max(MIN_SEARCH_BATCH_SIZE, visibleResultRows() * RESULT_BATCH_VIEWPORTS)
+  const recentBatchSize = () => Math.max(MIN_RECENT_BATCH_SIZE, visibleResultRows() * RESULT_BATCH_VIEWPORTS)
+  const resultPrefetchThreshold = () => visibleResultRows() * RESULT_PREFETCH_VIEWPORTS
   const resultPrefetchState = () => {
     const cachedEnd = resultBaseOffset() + results().length
     const rowsAhead = Math.max(0, cachedEnd - selected() - 1)
@@ -438,20 +437,14 @@ export const Telescope = (props: { api: TuiPluginApi; config: TelescopeConfig; o
     return lastChild ? lastChild.y + lastChild.height : 0
   }
 
-  const resetPreviewScroll = () => {
-    if (!previewScroll || previewScroll.y === 0) return
-    previewScroll.scrollBy(-previewScroll.y)
-  }
-
-  const loadPreviewBefore = (itemId: string, previousContentHeight = previewContentHeight(), preserveScroll = true, visibleLoad = false) => {
+  const loadPreviewBefore = (previousContentHeight = previewContentHeight(), preserveScroll = true, visibleLoad = false) => {
     const item = selectedResult()
     const first = previewParts()[0]
-    if (!item || item.id !== itemId || !first || loadingPreviewMore() || prefetchingPreviewBefore()) return
+    if (!item || !first || loadingPreviewMore() || prefetchingPreviewBefore()) return
     visibleLoad ? setLoadingPreviewMore(true) : setPrefetchingPreviewBefore(true)
     debug.time("preview:load-before")
     try {
       const page = loadConversationBefore(item, { id: first.id, timeCreated: first.timeCreated }, { limit: PREVIEW_PAGE_SIZE, dbPath: dbPath() })
-      if (selectedResult()?.id !== itemId) return
       debug.log("preview:load-before", {
         item: item.id,
         added: page.parts.length,
@@ -465,7 +458,6 @@ export const Telescope = (props: { api: TuiPluginApi; config: TelescopeConfig; o
         setPreviewParts((prev) => [...page.parts, ...prev])
         if (preserveScroll) {
           setTimeout(() => {
-            if (selectedResult()?.id !== itemId) return
             const delta = previewContentHeight() - previousContentHeight
             if (delta > 0) previewScroll?.scrollBy(delta)
           }, 1)
@@ -480,15 +472,14 @@ export const Telescope = (props: { api: TuiPluginApi; config: TelescopeConfig; o
     }
   }
 
-  const loadPreviewAfter = (itemId: string, visibleLoad = false) => {
+  const loadPreviewAfter = (visibleLoad = false) => {
     const item = selectedResult()
     const last = previewParts().at(-1)
-    if (!item || item.id !== itemId || !last || loadingPreviewMore() || prefetchingPreviewAfter()) return
+    if (!item || !last || loadingPreviewMore() || prefetchingPreviewAfter()) return
     visibleLoad ? setLoadingPreviewMore(true) : setPrefetchingPreviewAfter(true)
     debug.time("preview:load-after")
     try {
       const page = loadConversationAfter(item, { id: last.id, timeCreated: last.timeCreated }, { limit: PREVIEW_PAGE_SIZE, dbPath: dbPath() })
-      if (selectedResult()?.id !== itemId) return
       debug.log("preview:load-after", {
         item: item.id,
         added: page.parts.length,
@@ -508,8 +499,7 @@ export const Telescope = (props: { api: TuiPluginApi; config: TelescopeConfig; o
   }
 
   const schedulePreviewBefore = (previousContentHeight = previewContentHeight(), preserveScroll = true, visibleLoad = false) => {
-    const item = selectedResult()
-    if (!item || !hasMorePreviewBefore() || loadingPreviewMore() || prefetchingPreviewBefore()) return
+    if (!hasMorePreviewBefore() || loadingPreviewMore() || prefetchingPreviewBefore()) return
     if (previewBeforeTimer) {
       if (pendingPreviewBefore) {
         pendingPreviewBefore.preserveScroll = pendingPreviewBefore.preserveScroll && preserveScroll
@@ -517,27 +507,26 @@ export const Telescope = (props: { api: TuiPluginApi; config: TelescopeConfig; o
       }
       return
     }
-    pendingPreviewBefore = { itemId: item.id, previousContentHeight, preserveScroll, visibleLoad }
-    debug.log("preview:prefetch-before-scheduled", { item: item.id, preserveScroll, visibleLoad })
+    pendingPreviewBefore = { previousContentHeight, preserveScroll, visibleLoad }
+    debug.log("preview:prefetch-before-scheduled", { preserveScroll, visibleLoad })
     previewBeforeTimer = setTimeout(() => {
       const pending = pendingPreviewBefore
       previewBeforeTimer = undefined
       pendingPreviewBefore = undefined
-      if (pending && selectedResult()?.id === pending.itemId) loadPreviewBefore(pending.itemId, pending.previousContentHeight, pending.preserveScroll, pending.visibleLoad)
+      if (pending) loadPreviewBefore(pending.previousContentHeight, pending.preserveScroll, pending.visibleLoad)
     }, 1)
   }
 
   const schedulePreviewAfter = (visibleLoad = false) => {
-    const item = selectedResult()
-    if (!item || !hasMorePreviewAfter() || loadingPreviewMore() || prefetchingPreviewAfter()) return
-    pendingPreviewAfter = { itemId: item.id, visibleLoad: (pendingPreviewAfter?.visibleLoad || visibleLoad) }
+    if (!hasMorePreviewAfter() || loadingPreviewMore() || prefetchingPreviewAfter()) return
+    pendingPreviewAfterVisible = pendingPreviewAfterVisible || visibleLoad
     if (previewAfterTimer) return
-    debug.log("preview:prefetch-after-scheduled", { item: item.id, visibleLoad })
+    debug.log("preview:prefetch-after-scheduled", { visibleLoad })
     previewAfterTimer = setTimeout(() => {
-      const pending = pendingPreviewAfter
+      const pendingVisibleLoad = pendingPreviewAfterVisible
       previewAfterTimer = undefined
-      pendingPreviewAfter = undefined
-      if (pending && selectedResult()?.id === pending.itemId) loadPreviewAfter(pending.itemId, pending.visibleLoad)
+      pendingPreviewAfterVisible = false
+      loadPreviewAfter(pendingVisibleLoad)
     }, 1)
   }
 
@@ -554,62 +543,33 @@ export const Telescope = (props: { api: TuiPluginApi; config: TelescopeConfig; o
     if (item.id === lastPreviewItemId) return
     lastPreviewItemId = item.id
     cancelPreviewPrefetch()
-    resetPreviewScroll()
-    solidBatch(() => {
-      setPreviewParts([])
-      setHasMorePreviewBefore(false)
-      setHasMorePreviewAfter(false)
-      setPreviewEdgeLoadingReady(false)
-    })
     debug.log("preview:new-item", item.sessionTitle?.slice(0, 40) ?? item.id.slice(-8))
     const db = dbPath()
-    const itemId = item.id
-    debug.log("preview:schedule", { item: item.id, delayMs: INITIAL_PREVIEW_DELAY_MS, before: INITIAL_PREVIEW_BEFORE, after: INITIAL_PREVIEW_AFTER })
+    debug.time("preview:load")
+    try {
+      const page = loadConversationAround(item, { before: INITIAL_PREVIEW_BEFORE, after: INITIAL_PREVIEW_AFTER, dbPath: db })
+      debug.log("preview:init", {
+        item: item.id,
+        session: item.sessionID,
+        parts: page.parts.length,
+        hasMoreBefore: page.hasMoreBefore,
+        hasMoreAfter: page.hasMoreAfter,
+        first: page.parts[0]?.id,
+        last: page.parts.at(-1)?.id,
+      })
+      setPreviewParts(page.parts)
+      setHasMorePreviewBefore(page.hasMoreBefore)
+      setHasMorePreviewAfter(page.hasMoreAfter)
+    } catch {}
     debug.timeEnd("nav:total")
-    const timer = setTimeout(() => {
-      if (selectedResult()?.id !== itemId) {
-        debug.log("preview:load:cancelled", { item: itemId })
-        return
-      }
-      debug.time("preview:load")
-      try {
-        const page = loadConversationAround(item, { before: INITIAL_PREVIEW_BEFORE, after: INITIAL_PREVIEW_AFTER, dbPath: db })
-        if (selectedResult()?.id !== itemId) {
-          debug.log("preview:load:cancelled", { item: itemId, afterLoad: true })
-          return
-        }
-        debug.log("preview:init", {
-          item: item.id,
-          session: item.sessionID,
-          parts: page.parts.length,
-          hasMoreBefore: page.hasMoreBefore,
-          hasMoreAfter: page.hasMoreAfter,
-          first: page.parts[0]?.id,
-          last: page.parts.at(-1)?.id,
-        })
-        solidBatch(() => {
-          setPreviewParts(page.parts)
-          setHasMorePreviewBefore(page.hasMoreBefore)
-          setHasMorePreviewAfter(page.hasMoreAfter)
-        })
-      } catch {
-      } finally {
-        debug.timeEnd("preview:load")
-      }
-    }, INITIAL_PREVIEW_DELAY_MS)
-    onCleanup(() => {
-      clearTimeout(timer)
-      if (selectedResult()?.id !== itemId) {
-        debug.log("preview:load:cancelled", { item: itemId, cleanup: true })
-      }
-    })
+    debug.timeEnd("preview:load")
   })
 
   createEffect(() => {
     const item = selectedResult()
     if (!item) return
     const interval = setInterval(() => {
-      if (!previewEdgeLoadingReady() || loadingPreviewMore() || prefetchingPreviewBefore() || prefetchingPreviewAfter()) return
+      if (loadingPreviewMore() || prefetchingPreviewBefore() || prefetchingPreviewAfter()) return
       const scroll = previewScroll
       const children = scroll?.getChildren()
       if (!scroll || !children || children.length === 0) return
@@ -650,19 +610,8 @@ export const Telescope = (props: { api: TuiPluginApi; config: TelescopeConfig; o
     if (!item) return
     if (item.id === scrolledItem) return
     scrolledItem = item.id
-    const itemId = item.id
-    let readyTimer: ReturnType<typeof setTimeout> | undefined
-    const timer = setTimeout(() => {
-      if (selectedResult()?.id !== itemId) return
-      scrollPreviewToTarget(previewScroll, messageTargetID(item))
-      readyTimer = setTimeout(() => {
-        if (selectedResult()?.id === itemId) setPreviewEdgeLoadingReady(true)
-      }, 100)
-    }, 1)
-    onCleanup(() => {
-      clearTimeout(timer)
-      if (readyTimer) clearTimeout(readyTimer)
-    })
+    const timer = setTimeout(() => scrollPreviewToTarget(previewScroll, messageTargetID(item)), 1)
+    onCleanup(() => clearTimeout(timer))
   })
 
   const open = () => {

package/ui/render-target.ts

@@ -6,7 +6,7 @@ export function previewScrollAmount(scroll: ScrollBoxRenderable | undefined) {
 }
 
 export function messageTargetID(item: SearchResult) {
-  if (item.partType === "tool") return `tool-inline-${item.messageID}-${item.id}`
+  if (item.partType === "tool") return `tool-${item.messageID}-${item.id}`
   if (item.partType === "reasoning") return `text-${item.messageID}-${item.id}`
   if (item.role === "assistant") return `text-${item.messageID}-${item.id}`
   return item.messageID