pantheon-opencode 1.1.1-beta.8 → 1.1.1

package/src/plugins/tui/dist/tui.tsx

@@ -3,7 +3,7 @@
 /** @jsxImportSource @opentui/solid */
 
 import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from '@opencode-ai/plugin/tui'
-import { createMemo, createSignal, For, Show } from 'solid-js'
+import { createMemo, createResource, createSignal, For, onCleanup, onMount, Show } from 'solid-js'
 
 /* ─── Constants ─────────────────────────────────────────── */
 
@@ -75,10 +75,54 @@ function buildBar(pct: number): string {
   return '█'.repeat(filled) + '░'.repeat(BAR_WIDTH - filled)
 }
 
+/* ─── Version Detection ────────────────────────────────────
+ * 100% dinâmico — zero fallback hardcoded.
+ * Se falhar, retorna null e a View omite a versão.
+ *
+ * Try order:
+ *   1. api.client.file.read package.json
+ *   2. git describe --tags
+ *   3. opencode --version
+ *   4. null                                                      */
+
+async function detectVersion(api: TuiPluginApi): Promise<string | null> {
+  // Try 1: package.json do projeto (via worktree path)
+  try {
+    const wt = ((api.state as any).path?.worktree ?? '') as string
+    const fp = wt ? `${wt}/package.json` : 'package.json'
+    const result = await api.client.file.read({ query: { path: fp } })
+    const match = String(result?.content ?? '').match(/"version":\s*"([^"]+)"/)
+    if (match?.[1]) return match[1]
+  } catch { /* fall through */ }
+
+  // Try 2: git describe --tags
+  try {
+    const proc = (api as any).client?.process
+    if (typeof proc?.exec === 'function') {
+      const r = await proc.exec({ command: 'git', args: ['describe', '--tags', '--always'], timeoutMs: 3000 })
+      const stdout = (r.stdout ?? r.output ?? '') as string
+      const tag = stdout.trim().replace(/^v/, '').replace(/-\d+-g[0-9a-f]+$/, '')
+      if (tag && tag !== '5.0.0') return tag
+    }
+  } catch { /* fall through */ }
+
+  // Try 3: opencode --version
+  try {
+    const proc = (api as any).client?.process
+    if (typeof proc?.exec === 'function') {
+      const r = await proc.exec({ command: 'opencode', args: ['--version'], timeoutMs: 3000 })
+      const stdout = (r.stdout ?? r.output ?? '') as string
+      const ver = stdout.trim().replace(/^v/, '')
+      if (ver) return ver
+    }
+  } catch { /* fall through */ }
+
+  return null // sem fallback — versão não aparece
+}
+
 /* ─── Context Bar ──────────────────────────────────────────
  * Inspired by streetturtle/opencode-better-sidebar (context-progress)
- * Shows: progress bar, token usage / limit, session cost
- * Always visible at the top of the sidebar                      */
+ * Shows: progress bar, token usage / limit, session cost       */
 
 function ContextBar(props: { api: TuiPluginApi; sessionID: string }) {
   const messages = createMemo((): any[] => {
@@ -101,7 +145,7 @@ function ContextBar(props: { api: TuiPluginApi; sessionID: string }) {
       ? ((props.api.state as any).provider ?? []).find((p: any) => p.id === pid)
       : null
     const ctxLimit = safeNum(provider?.models?.[mid ?? '']?.limit?.context)
-    const limit = ctxLimit > 0 ? ctxLimit : 128000
+    const limit = ctxLimit > 0 ? ctxLimit : 200000
     return { tokens, limit, percent: ctxLimit > 0 ? Math.round((tokens / ctxLimit) * 100) : 0 }
   })
 
@@ -138,13 +182,41 @@ function ContextBar(props: { api: TuiPluginApi; sessionID: string }) {
   )
 }
 
+/* ─── Session Row (single session with live status indicator) ─ */
+
+function SessionRow(props: { api: TuiPluginApi; session: any }) {
+  const theme = () => props.api.theme.current
+
+  const status = createMemo(() => {
+    try {
+      const s = (props.api.state as any).session?.status?.(props.session.id)
+      if (s?.type) return s.type as string
+    } catch { /* ignore */ }
+    return null
+  })
+
+  const statusIcon = createMemo(() => {
+    switch (status()) {
+      case 'busy': return '\u25cf '  // ● — running
+      case 'retry': return '\u26a0 ' // ⚠ — needs attention
+      default: return ''             // idle/unknown — no icon
+    }
+  })
+
+  return (
+    <text fg={theme().textMuted}>
+      {`${statusIcon()}${props.session?.id?.slice(0, 8) ?? '????'}... ${props.session?.title?.slice(0, 26) ?? '(untitled)'}`}
+    </text>
+  )
+}
+
 /* ─── Main Sidebar View ──────────────────────────────────── */
 
-function View(props: { api: TuiPluginApi; sessionID: string; version: string }) {
+function View(props: { api: TuiPluginApi; sessionID: string; version: string | null }) {
   const [showCommands, setShowCommands] = createSignal(false)
   const [showAgents, setShowAgents] = createSignal(false)
   const [showConfig, setShowConfig] = createSignal(false)
-  const [showSubagents, setShowSubagents] = createSignal(false)
+  const [showSessions, setShowSessions] = createSignal(false)
 
   const theme = () => props.api.theme.current
 
@@ -152,15 +224,73 @@ function View(props: { api: TuiPluginApi; sessionID: string; version: string })
     props.api.state.vcs?.branch ? `\u2387 ${props.api.state.vcs.branch}` : null,
   )
 
-  const sessionCount = createMemo(() => {
-    try { return props.api.state.session.count() } catch { return 0 }
+  // ── Sessions: fetch via api.client.session.list (not proc.exec) ──
+  const [sessionList, { refetch: refetchSessions }] = createResource(async () => {
+    try {
+      const result = await (props.api.client as any)?.session?.list?.({ limit: 100 })
+      return result ?? { data: [] }
+    } catch {
+      return { data: [] }
+    }
+  })
+
+  // Total top-level sessions (excludes subagent sessions)
+  const totalSessions = createMemo(() => {
+    const result = sessionList()
+    if (!result) return 0
+    const data: any[] = (result as any).data ?? result
+    if (!Array.isArray(data)) return 0
+    return data.filter((s: any) => !s.parentID).length
+  })
+
+  // Recent top-level sessions, sorted by time.updated descending
+  const recentSessions = createMemo(() => {
+    const result = sessionList()
+    if (!result) return []
+    const data: any[] = (result as any).data ?? result
+    if (!Array.isArray(data)) return []
+    return data
+      .filter((s: any) => !s.parentID && s.id !== props.sessionID)
+      .sort((a: any, b: any) => {
+        const ta = a.time?.updated ?? a.updated ?? 0
+        const tb = b.time?.updated ?? b.updated ?? 0
+        return tb - ta
+      })
+      .slice(0, 8)
   })
 
-  const memoryCount = createMemo(() => {
-    const mem = (props.api.state as any).memory
-    return safeNum(mem?.entries) || safeNum(mem?.count)
+  // ── Memory: starts at null (= "N/A"), tracks via events ──
+  const [memoryCount, setMemoryCount] = createSignal<number | null>(null)
+
+  // ── Event subscriptions for live session/memory updates ──
+  onMount(() => {
+    const cleanup: (() => void)[] = []
+
+    // Session events — triggers resource refetch
+    try {
+      cleanup.push(props.api.event.on('session.status', refetchSessions))
+      cleanup.push(props.api.event.on('session.created', refetchSessions))
+      cleanup.push(props.api.event.on('session.updated', refetchSessions))
+      cleanup.push(props.api.event.on('session.deleted', refetchSessions))
+    } catch { /* events API not available in this runtime */ }
+
+    // Memory events — tracks running counter (no api.state.memory)
+    try {
+      const ev = (props.api.event as any)
+      if (typeof ev?.on === 'function') {
+        cleanup.push(
+          ev.on('memory.created', () => setMemoryCount((c) => (c !== null ? c + 1 : 1))),
+        )
+        cleanup.push(
+          ev.on('memory.deleted', () => setMemoryCount((c) => (c !== null ? Math.max(0, c - 1) : 0))),
+        )
+      }
+    } catch { /* memory events not available */ }
+
+    onCleanup(() => cleanup.forEach((fn) => fn()))
   })
 
+  // ── Config summary ──
   const configSummary = createMemo(() => {
     const cfg = (props.api.state as any).config
     if (!cfg) return null
@@ -177,7 +307,7 @@ function View(props: { api: TuiPluginApi; sessionID: string; version: string })
     <box flexDirection="column" width="100%">
       {/* ── Header ── */}
       <text fg={theme().accent} attributes={{ bold: true }}>
-        {`Pantheon v${props.version}`}
+        {`Pantheon${props.version ? ` v${props.version}` : ''}`}
       </text>
       <Show when={branch()}>
         {(b) => <text fg={theme().textMuted}>{b()}</text>}
@@ -190,17 +320,24 @@ function View(props: { api: TuiPluginApi; sessionID: string; version: string })
 
       <HR />
 
-      {/* ── Subagents ── */}
-      <box onMouseDown={() => setShowSubagents((x) => !x)}>
+      {/* ── Sessions ── */}
+      <box onMouseDown={() => setShowSessions((x) => !x)}>
         <text fg={theme().text} attributes={{ bold: true }}>
-          {`${showSubagents() ? '\u25bc' : '\u25b6'} Subagents`}
+          {`${showSessions() ? '\u25bc' : '\u25b6'} Sessions`}
         </text>
-        <text fg={theme().textMuted}>{` (${String(sessionCount())})`}</text>
+        <text fg={theme().textMuted}>{` (${String(totalSessions())})`}</text>
       </box>
-      <Show when={showSubagents()}>
-        <box marginLeft={1}>
-          <text fg={theme().textMuted}>{`Active sessions: ${String(sessionCount())}`}</text>
-        </box>
+      <Show when={showSessions()}>
+        <Show
+          when={recentSessions().length > 0}
+          fallback={<box marginLeft={1}><text fg={theme().textMuted}>No recent sessions</text></box>}
+        >
+          <box marginLeft={1} flexDirection="column">
+            <For each={recentSessions()}>
+              {(ses: any) => <SessionRow api={props.api} session={ses} />}
+            </For>
+          </box>
+        </Show>
       </Show>
 
       {/* ── Commands ── */}
@@ -265,7 +402,7 @@ function View(props: { api: TuiPluginApi; sessionID: string; version: string })
         <Show when={configSummary()} fallback={<box marginLeft={1}><text fg={theme().textMuted}>No config data</text></box>}>
           {(cfg) => (
             <box marginLeft={1} flexDirection="column">
-              <text fg={theme().textMuted}>{`MCP servers: ${String(cfg().mcpCount)}  Plugins: ${String(cfg().pluginCount)}`}</text>
+              <text fg={theme().textMuted}>{`MCP: ${String(cfg().mcpCount)}  Plugins: ${String(cfg().pluginCount)}`}</text>
               <text fg={theme().textMuted}>{`Auto-compaction: ${cfg().autoCompaction ? 'ON' : 'OFF'}`}</text>
             </box>
           )}
@@ -275,7 +412,9 @@ function View(props: { api: TuiPluginApi; sessionID: string; version: string })
       {/* ── Memory (always visible summary) ── */}
       <box marginTop={1}>
         <text fg={theme().textMuted}>
-          {`Memory: ${memoryCount() > 0 ? `${fmtInt(memoryCount())} entries` : '0 entries'}`}
+          {memoryCount() !== null
+            ? `Memory: ${fmtInt(memoryCount()!)} entries`
+            : 'Memory: N/A'}
         </text>
       </box>
     </box>
@@ -285,15 +424,7 @@ function View(props: { api: TuiPluginApi; sessionID: string; version: string })
 /* ─── Plugin Registration ────────────────────────────────── */
 
 const tui: TuiPlugin = async (api, _options, _meta) => {
-  let version = '5.0.0'
-  try {
-    const wt = ((api.state as any).path?.worktree ?? '') as string
-    const fp = wt ? `${wt}/package.json` : 'package.json'
-    const result = await api.client.file.read({ query: { path: fp } })
-    const content = String(result?.content ?? '')
-    const match = content.match(/"version":\s*"([^"]+)"/)
-    if (match?.[1]) version = match[1]
-  } catch { /* use default */ }
+  const version = await detectVersion(api)
 
   api.slots.register({
     order: 900,

package/src/plugins/tui/src/index.tsx

@@ -3,7 +3,7 @@
 /** @jsxImportSource @opentui/solid */
 
 import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from '@opencode-ai/plugin/tui'
-import { createMemo, createSignal, For, Show } from 'solid-js'
+import { createMemo, createResource, createSignal, For, onCleanup, onMount, Show } from 'solid-js'
 
 /* ─── Constants ─────────────────────────────────────────── */
 
@@ -75,10 +75,54 @@ function buildBar(pct: number): string {
   return '█'.repeat(filled) + '░'.repeat(BAR_WIDTH - filled)
 }
 
+/* ─── Version Detection ────────────────────────────────────
+ * 100% dinâmico — zero fallback hardcoded.
+ * Se falhar, retorna null e a View omite a versão.
+ *
+ * Try order:
+ *   1. api.client.file.read package.json
+ *   2. git describe --tags
+ *   3. opencode --version
+ *   4. null                                                      */
+
+async function detectVersion(api: TuiPluginApi): Promise<string | null> {
+  // Try 1: package.json do projeto (via worktree path)
+  try {
+    const wt = ((api.state as any).path?.worktree ?? '') as string
+    const fp = wt ? `${wt}/package.json` : 'package.json'
+    const result = await api.client.file.read({ query: { path: fp } })
+    const match = String(result?.content ?? '').match(/"version":\s*"([^"]+)"/)
+    if (match?.[1]) return match[1]
+  } catch { /* fall through */ }
+
+  // Try 2: git describe --tags
+  try {
+    const proc = (api as any).client?.process
+    if (typeof proc?.exec === 'function') {
+      const r = await proc.exec({ command: 'git', args: ['describe', '--tags', '--always'], timeoutMs: 3000 })
+      const stdout = (r.stdout ?? r.output ?? '') as string
+      const tag = stdout.trim().replace(/^v/, '').replace(/-\d+-g[0-9a-f]+$/, '')
+      if (tag && tag !== '5.0.0') return tag
+    }
+  } catch { /* fall through */ }
+
+  // Try 3: opencode --version
+  try {
+    const proc = (api as any).client?.process
+    if (typeof proc?.exec === 'function') {
+      const r = await proc.exec({ command: 'opencode', args: ['--version'], timeoutMs: 3000 })
+      const stdout = (r.stdout ?? r.output ?? '') as string
+      const ver = stdout.trim().replace(/^v/, '')
+      if (ver) return ver
+    }
+  } catch { /* fall through */ }
+
+  return null // sem fallback — versão não aparece
+}
+
 /* ─── Context Bar ──────────────────────────────────────────
  * Inspired by streetturtle/opencode-better-sidebar (context-progress)
- * Shows: progress bar, token usage / limit, session cost
- * Always visible at the top of the sidebar                      */
+ * Shows: progress bar, token usage / limit, session cost       */
 
 function ContextBar(props: { api: TuiPluginApi; sessionID: string }) {
   const messages = createMemo((): any[] => {
@@ -101,7 +145,7 @@ function ContextBar(props: { api: TuiPluginApi; sessionID: string }) {
       ? ((props.api.state as any).provider ?? []).find((p: any) => p.id === pid)
       : null
     const ctxLimit = safeNum(provider?.models?.[mid ?? '']?.limit?.context)
-    const limit = ctxLimit > 0 ? ctxLimit : 128000
+    const limit = ctxLimit > 0 ? ctxLimit : 200000
     return { tokens, limit, percent: ctxLimit > 0 ? Math.round((tokens / ctxLimit) * 100) : 0 }
   })
 
@@ -138,13 +182,41 @@ function ContextBar(props: { api: TuiPluginApi; sessionID: string }) {
   )
 }
 
+/* ─── Session Row (single session with live status indicator) ─ */
+
+function SessionRow(props: { api: TuiPluginApi; session: any }) {
+  const theme = () => props.api.theme.current
+
+  const status = createMemo(() => {
+    try {
+      const s = (props.api.state as any).session?.status?.(props.session.id)
+      if (s?.type) return s.type as string
+    } catch { /* ignore */ }
+    return null
+  })
+
+  const statusIcon = createMemo(() => {
+    switch (status()) {
+      case 'busy': return '\u25cf '  // ● — running
+      case 'retry': return '\u26a0 ' // ⚠ — needs attention
+      default: return ''             // idle/unknown — no icon
+    }
+  })
+
+  return (
+    <text fg={theme().textMuted}>
+      {`${statusIcon()}${props.session?.id?.slice(0, 8) ?? '????'}... ${props.session?.title?.slice(0, 26) ?? '(untitled)'}`}
+    </text>
+  )
+}
+
 /* ─── Main Sidebar View ──────────────────────────────────── */
 
-function View(props: { api: TuiPluginApi; sessionID: string; version: string }) {
+function View(props: { api: TuiPluginApi; sessionID: string; version: string | null }) {
   const [showCommands, setShowCommands] = createSignal(false)
   const [showAgents, setShowAgents] = createSignal(false)
   const [showConfig, setShowConfig] = createSignal(false)
-  const [showSubagents, setShowSubagents] = createSignal(false)
+  const [showSessions, setShowSessions] = createSignal(false)
 
   const theme = () => props.api.theme.current
 
@@ -152,15 +224,73 @@ function View(props: { api: TuiPluginApi; sessionID: string; version: string })
     props.api.state.vcs?.branch ? `\u2387 ${props.api.state.vcs.branch}` : null,
   )
 
-  const sessionCount = createMemo(() => {
-    try { return props.api.state.session.count() } catch { return 0 }
+  // ── Sessions: fetch via api.client.session.list (not proc.exec) ──
+  const [sessionList, { refetch: refetchSessions }] = createResource(async () => {
+    try {
+      const result = await (props.api.client as any)?.session?.list?.({ limit: 100 })
+      return result ?? { data: [] }
+    } catch {
+      return { data: [] }
+    }
+  })
+
+  // Total top-level sessions (excludes subagent sessions)
+  const totalSessions = createMemo(() => {
+    const result = sessionList()
+    if (!result) return 0
+    const data: any[] = (result as any).data ?? result
+    if (!Array.isArray(data)) return 0
+    return data.filter((s: any) => !s.parentID).length
+  })
+
+  // Recent top-level sessions, sorted by time.updated descending
+  const recentSessions = createMemo(() => {
+    const result = sessionList()
+    if (!result) return []
+    const data: any[] = (result as any).data ?? result
+    if (!Array.isArray(data)) return []
+    return data
+      .filter((s: any) => !s.parentID && s.id !== props.sessionID)
+      .sort((a: any, b: any) => {
+        const ta = a.time?.updated ?? a.updated ?? 0
+        const tb = b.time?.updated ?? b.updated ?? 0
+        return tb - ta
+      })
+      .slice(0, 8)
   })
 
-  const memoryCount = createMemo(() => {
-    const mem = (props.api.state as any).memory
-    return safeNum(mem?.entries) || safeNum(mem?.count)
+  // ── Memory: starts at null (= "N/A"), tracks via events ──
+  const [memoryCount, setMemoryCount] = createSignal<number | null>(null)
+
+  // ── Event subscriptions for live session/memory updates ──
+  onMount(() => {
+    const cleanup: (() => void)[] = []
+
+    // Session events — triggers resource refetch
+    try {
+      cleanup.push(props.api.event.on('session.status', refetchSessions))
+      cleanup.push(props.api.event.on('session.created', refetchSessions))
+      cleanup.push(props.api.event.on('session.updated', refetchSessions))
+      cleanup.push(props.api.event.on('session.deleted', refetchSessions))
+    } catch { /* events API not available in this runtime */ }
+
+    // Memory events — tracks running counter (no api.state.memory)
+    try {
+      const ev = (props.api.event as any)
+      if (typeof ev?.on === 'function') {
+        cleanup.push(
+          ev.on('memory.created', () => setMemoryCount((c) => (c !== null ? c + 1 : 1))),
+        )
+        cleanup.push(
+          ev.on('memory.deleted', () => setMemoryCount((c) => (c !== null ? Math.max(0, c - 1) : 0))),
+        )
+      }
+    } catch { /* memory events not available */ }
+
+    onCleanup(() => cleanup.forEach((fn) => fn()))
   })
 
+  // ── Config summary ──
   const configSummary = createMemo(() => {
     const cfg = (props.api.state as any).config
     if (!cfg) return null
@@ -177,7 +307,7 @@ function View(props: { api: TuiPluginApi; sessionID: string; version: string })
     <box flexDirection="column" width="100%">
       {/* ── Header ── */}
       <text fg={theme().accent} attributes={{ bold: true }}>
-        {`Pantheon v${props.version}`}
+        {`Pantheon${props.version ? ` v${props.version}` : ''}`}
       </text>
       <Show when={branch()}>
         {(b) => <text fg={theme().textMuted}>{b()}</text>}
@@ -190,17 +320,24 @@ function View(props: { api: TuiPluginApi; sessionID: string; version: string })
 
       <HR />
 
-      {/* ── Subagents ── */}
-      <box onMouseDown={() => setShowSubagents((x) => !x)}>
+      {/* ── Sessions ── */}
+      <box onMouseDown={() => setShowSessions((x) => !x)}>
         <text fg={theme().text} attributes={{ bold: true }}>
-          {`${showSubagents() ? '\u25bc' : '\u25b6'} Subagents`}
+          {`${showSessions() ? '\u25bc' : '\u25b6'} Sessions`}
         </text>
-        <text fg={theme().textMuted}>{` (${String(sessionCount())})`}</text>
+        <text fg={theme().textMuted}>{` (${String(totalSessions())})`}</text>
       </box>
-      <Show when={showSubagents()}>
-        <box marginLeft={1}>
-          <text fg={theme().textMuted}>{`Active sessions: ${String(sessionCount())}`}</text>
-        </box>
+      <Show when={showSessions()}>
+        <Show
+          when={recentSessions().length > 0}
+          fallback={<box marginLeft={1}><text fg={theme().textMuted}>No recent sessions</text></box>}
+        >
+          <box marginLeft={1} flexDirection="column">
+            <For each={recentSessions()}>
+              {(ses: any) => <SessionRow api={props.api} session={ses} />}
+            </For>
+          </box>
+        </Show>
       </Show>
 
       {/* ── Commands ── */}
@@ -265,7 +402,7 @@ function View(props: { api: TuiPluginApi; sessionID: string; version: string })
         <Show when={configSummary()} fallback={<box marginLeft={1}><text fg={theme().textMuted}>No config data</text></box>}>
           {(cfg) => (
             <box marginLeft={1} flexDirection="column">
-              <text fg={theme().textMuted}>{`MCP servers: ${String(cfg().mcpCount)}  Plugins: ${String(cfg().pluginCount)}`}</text>
+              <text fg={theme().textMuted}>{`MCP: ${String(cfg().mcpCount)}  Plugins: ${String(cfg().pluginCount)}`}</text>
               <text fg={theme().textMuted}>{`Auto-compaction: ${cfg().autoCompaction ? 'ON' : 'OFF'}`}</text>
             </box>
           )}
@@ -275,7 +412,9 @@ function View(props: { api: TuiPluginApi; sessionID: string; version: string })
       {/* ── Memory (always visible summary) ── */}
       <box marginTop={1}>
         <text fg={theme().textMuted}>
-          {`Memory: ${memoryCount() > 0 ? `${fmtInt(memoryCount())} entries` : '0 entries'}`}
+          {memoryCount() !== null
+            ? `Memory: ${fmtInt(memoryCount()!)} entries`
+            : 'Memory: N/A'}
         </text>
       </box>
     </box>
@@ -285,15 +424,7 @@ function View(props: { api: TuiPluginApi; sessionID: string; version: string })
 /* ─── Plugin Registration ────────────────────────────────── */
 
 const tui: TuiPlugin = async (api, _options, _meta) => {
-  let version = '5.0.0'
-  try {
-    const wt = ((api.state as any).path?.worktree ?? '') as string
-    const fp = wt ? `${wt}/package.json` : 'package.json'
-    const result = await api.client.file.read({ query: { path: fp } })
-    const content = String(result?.content ?? '')
-    const match = content.match(/"version":\s*"([^"]+)"/)
-    if (match?.[1]) version = match[1]
-  } catch { /* use default */ }
+  const version = await detectVersion(api)
 
   api.slots.register({
     order: 900,