@wolfx/opencode-magic-context 0.24.0 → 0.25.0

package/src/tui/index.tsx

@@ -6,7 +6,7 @@ import { createMemo } from "solid-js"
 import type { TuiPlugin, TuiPluginApi, TuiThemeCurrent } from "@opencode-ai/plugin/tui"
 import { createSidebarContentSlot, kickRecompProgressRefresh } from "./slots/sidebar-content"
 import packageJson from "../../package.json"
-import { closeRpc, consumeTuiMessages, dismissUpgradeReminder, getAnnouncement, getCompartmentCount, getRpcGeneration, initRpcClient, loadStatusDetail, markAnnounced, markTuiMessagesHandled, requestRecomp, requestUpgrade, type TuiMessage, type StatusDetail } from "./data/context-db"
+import { closeRpc, consumeTuiMessages, dismissUpgradeReminder, getAnnouncement, getCompartmentCount, getRpcGeneration, initRpcClient, loadEmbedDetail, loadStatusDetail, markAnnounced, markTuiMessagesHandled, requestRecomp, requestUpgrade, type EmbedDetail, type TuiMessage, type StatusDetail } from "./data/context-db"
 import { formatThresholdPercent } from "../shared/format-threshold"
 import { detectConflicts } from "../shared/conflict-detector"
 import { fixConflicts } from "../shared/conflict-fixer"
@@ -353,7 +353,7 @@ const StatusDialog = (props: { api: TuiPluginApi; s: StatusDetail }) => {
                         }
                         if (p.phase === "migration") return <R t={t()} l="Status" v={p.note ?? "Migrating memories ⟳"} fg={t().warning} />
                         if (p.phase === "done") return <R t={t()} l="Status" v={`✓ ${verb} complete`} fg={t().accent} />
-                        if (p.phase === "skipped") return <R t={t()} l="Status" v={`${verb} skipped — retry shortly${p.message ? `: ${p.message}` : ""}`} fg={t().textMuted} />
+                        if (p.phase === "skipped") return <R t={t()} l="Status" v={p.message ?? `${verb} stopped early`} fg={t().textMuted} />
                         return <R t={t()} l="Status" v={`✗ ${verb} failed${p.message ? `: ${p.message}` : ""}`} fg={t().error} />
                     })()}
                 </box>
@@ -580,14 +580,53 @@ async function showStatusDialog(api: TuiPluginApi, targetSessionId = getSessionI
     const directory = api.state.path.directory ?? ""
     const modelKey = getModelKeyFromMessages(api, sessionId)
     const detail = await loadStatusDetail(sessionId, directory, modelKey)
-    // Ack only after the dialog is actually shown for the same active session;
-    // route switches while the RPC detail load is in flight must leave it pending.
     if (getSessionId(api) !== sessionId) return false
 
     api.ui.dialog.replace(() => <StatusDialog api={api} s={detail} />)
     return true
 }
 
+const EmbedDialog = (props: { api: TuiPluginApi; detail: EmbedDetail }) => {
+    const theme = createMemo(() => (props.api as any).theme.current)
+    const t = () => theme()
+    const lines = () => props.detail.statusText.split("\n")
+    return (
+        <box flexDirection="column" width="100%" paddingLeft={2} paddingRight={2} paddingTop={1} paddingBottom={1}>
+            <box justifyContent="center" width="100%" marginBottom={1}>
+                <text fg={t().accent}><b>Embedding</b></text>
+            </box>
+            {lines().map((line) => (
+                <text fg={t().text}>{line}</text>
+            ))}
+        </box>
+    )
+}
+
+async function showEmbedDialog(api: TuiPluginApi, targetSessionId = getSessionId(api)): Promise<boolean> {
+    const sessionId = targetSessionId
+    if (!sessionId) {
+        api.ui.toast({ message: "No active session", variant: "warning" })
+        return false
+    }
+    const directory = api.state.path.directory ?? ""
+    const detail = await loadEmbedDetail(sessionId, directory)
+    if (getSessionId(api) !== sessionId) return false
+    api.ui.dialog.replace(() => <EmbedDialog api={api} detail={detail} />)
+    return true
+}
+
+function showResultDialog(api: TuiPluginApi, title: string, message: string): boolean {
+    api.ui.dialog.replace(() => (
+        <api.ui.DialogAlert
+            title={title}
+            message={message}
+            onConfirm={() => {}}
+        />
+    ))
+    return true
+}
+
+
 /**
  * Register Magic Context command palette entries, preferring the v1.14.42+
  * `keymap.registerLayer` API and falling back to the legacy
@@ -842,6 +881,21 @@ const tui: TuiPlugin = async (api, _options, meta) => {
                         if (showUpgradeDialog(api, resume, requestedSessionId)) {
                             handledMessageIds.add(msg.id)
                         }
+                    } else if (action === "show-embed-dialog") {
+                        if (await showEmbedDialog(api, requestedSessionId)) {
+                            handledMessageIds.add(msg.id)
+                        }
+                    } else if (action === "show-flush-dialog") {
+                        const flushMsg = String(msg.payload?.message ?? "Flushed.")
+                        if (showResultDialog(api, "Flush", flushMsg)) {
+                            handledMessageIds.add(msg.id)
+                        }
+                    } else if (action === "show-result-dialog") {
+                        const title = String(msg.payload?.title ?? "Magic Context")
+                        const body = String(msg.payload?.message ?? "")
+                        if (showResultDialog(api, title, body)) {
+                            handledMessageIds.add(msg.id)
+                        }
                     }
                 }
             }

package/src/tui/slots/sidebar-content.tsx

@@ -4,6 +4,15 @@ import type { TuiSlotPlugin, TuiPluginApi, TuiThemeCurrent } from "@opencode-ai/
 import packageJson from "../../../package.json"
 import { loadSidebarSnapshot, type SidebarSnapshot } from "../data/context-db"
 import { formatThresholdPercent } from "../../shared/format-threshold"
+import {
+    type MagicContextTuiPrefs,
+    PLUGIN_KEY,
+    queueTuiPreferenceUpdate,
+    readTuiPreferencesFile,
+    readTuiPreferencesFileSync,
+    resolveMagicContextPrefs,
+    watchTuiPreferences,
+} from "../../shared/tui-preferences"
 
 // Module-level hook so the upgrade/recomp dialog can kick the sidebar into its
 // fast recomp self-poll the INSTANT the user confirms — without waiting for a
@@ -17,6 +26,64 @@ export function kickRecompProgressRefresh(): void {
 const SINGLE_BORDER = { type: "single" } as any
 const REFRESH_DEBOUNCE_MS = 150
 
+export interface SidebarController {
+    prefs: () => MagicContextTuiPrefs
+    collapsed: () => boolean
+    toggleCollapsed: () => void
+}
+
+// The TUI may unmount and remount sidebar_content when the user switches views
+// (main -> subagent -> main). A remount re-runs the component body, so a signal
+// created inside the component would reset to its seed. The controller lives in
+// the slot-factory closure (plugin/process lifetime) and owns the durable
+// prefs/collapse signals plus the single shared file watcher, so collapse state
+// and live pref reloads survive remounts. No Solid effects/memos here — those
+// need an owner; the poll-interval effect stays inside the component.
+function createSidebarController(initialPrefs: MagicContextTuiPrefs): SidebarController {
+    const [prefs, setPrefs] = createSignal<MagicContextTuiPrefs>(initialPrefs)
+    const seedCollapsed =
+        initialPrefs.rememberCollapsed && initialPrefs.collapsed != null
+            ? initialPrefs.collapsed
+            : initialPrefs.startCollapsed
+    const [collapsed, setCollapsed] = createSignal(seedCollapsed)
+    let lastPersistedCollapsed: boolean | null = initialPrefs.collapsed
+    let lastApplied = JSON.stringify(initialPrefs)
+
+    // Watcher lives for the process lifetime — intentionally never disposed.
+    // Collapse echo guard: lastPersistedCollapsed advances only once our own
+    // write lands, so a watcher echo of the value we just wrote is rejected by
+    // the `!==` check and cannot revert a user click.
+    watchTuiPreferences(() => {
+        void (async () => {
+            const next = resolveMagicContextPrefs(await readTuiPreferencesFile())
+            const serialized = JSON.stringify(next)
+            if (serialized === lastApplied) return
+            lastApplied = serialized
+            setPrefs(next)
+            if (
+                next.rememberCollapsed &&
+                next.collapsed != null &&
+                next.collapsed !== lastPersistedCollapsed
+            ) {
+                lastPersistedCollapsed = next.collapsed
+                setCollapsed(next.collapsed)
+            }
+        })()
+    })
+
+    function toggleCollapsed() {
+        const next = !collapsed()
+        setCollapsed(next)
+        if (prefs().rememberCollapsed) {
+            void queueTuiPreferenceUpdate(PLUGIN_KEY, ["collapsed"], next).then(() => {
+                lastPersistedCollapsed = next
+            })
+        }
+    }
+
+    return { prefs, collapsed, toggleCollapsed }
+}
+
 function compactTokens(value: number): string {
     if (value >= 1_000_000) return `${(value / 1_000_000).toFixed(1)}M`
     if (value >= 1_000) return `${(value / 1_000).toFixed(0)}K`
@@ -325,8 +392,13 @@ const RecompProgressSection = (props: {
             case "done":
                 return { text: `✓ ${verb()} complete`, color: props.theme.success ?? props.theme.accent }
             case "skipped":
-                // Transient (lease busy) — neutral, not an error.
-                return { text: `${verb()} skipped — retry shortly`, color: props.theme.textMuted }
+                // Neutral terse status next to the bold verb header; the full,
+                // self-contained reason (lease-busy "try again shortly" vs a
+                // partial-stall "run /ctx-embed start again") renders on its own
+                // line below. Don't re-prepend verb here (it's already the bold
+                // header — doing so read as "EmbedEmbed"), and don't hardcode
+                // "retry shortly" (wrong for a partial stall).
+                return { text: "stopped", color: props.theme.textMuted }
             case "failed":
                 return { text: `✗ ${verb()} failed`, color: props.theme.error }
         }
@@ -382,12 +454,15 @@ const SidebarContent = (props: {
     api: TuiPluginApi
     sessionID: () => string
     theme: TuiThemeCurrent
+    controller: SidebarController
 }) => {
     const [snapshot, setSnapshot] = createSignal<SidebarSnapshot | null>(null)
-    // Collapsed view: progress bar + 3 summary lines (Historian / Memories /
-    // Status), no per-category legend or section grid. In-memory only (resets
-    // to expanded on TUI restart), mirroring the native MCP sidebar toggle.
-    const [collapsed, setCollapsed] = createSignal(false)
+    // Collapse state + section visibility prefs live in the controller (plugin
+    // closure), so they survive view-switch remounts and persist across restarts
+    // via ~/.config/opencode/tui-preferences.jsonc. Read reactively.
+    const collapsed = props.controller.collapsed
+    const sections = () => props.controller.prefs().sections
+    const headerLabel = () => props.controller.prefs().header.label
     let refreshTimer: ReturnType<typeof setTimeout> | undefined
     // Self-sustaining poll while a recomp/upgrade is running. Recomp work
     // happens in CHILD sessions whose message events are filtered out of the
@@ -610,11 +685,11 @@ const SidebarContent = (props: {
                 flexDirection="row"
                 justifyContent="space-between"
                 alignItems="center"
-                onMouseDown={() => setCollapsed((x) => !x)}
+                onMouseDown={() => props.controller.toggleCollapsed()}
             >
                 <box paddingLeft={1} paddingRight={1} backgroundColor={props.theme.accent}>
                     <text fg={props.theme.background}>
-                        <b>{collapsed() ? "▶ " : "▼ "}Magic Context</b>
+                        <b>{collapsed() ? "▶ " : "▼ "}{headerLabel()}</b>
                     </text>
                 </box>
                 <text fg={props.theme.textMuted}>v{packageJson.version}</text>
@@ -688,6 +763,8 @@ const SidebarContent = (props: {
             {!collapsed() && (
                 <>
             {/* Historian section */}
+            {sections().historian && (
+                <>
             <box width="100%" marginTop={1} flexDirection="row" justifyContent="space-between">
                 <text fg={props.theme.text}>
                     <b>Historian</b>
@@ -713,8 +790,12 @@ const SidebarContent = (props: {
             {s()?.recompProgress && (
                 <RecompProgressSection theme={props.theme} progress={s()!.recompProgress!} />
             )}
+                </>
+            )}
 
             {/* Memory section */}
+            {sections().memory && (
+                <>
             <SectionHeader theme={props.theme} title="Memory" />
             <StatRow
                 theme={props.theme}
@@ -730,9 +811,12 @@ const SidebarContent = (props: {
                     dim
                 />
             )}
+                </>
+            )}
 
             {/* Queue & Status */}
-            {((s()?.pendingOpsCount ?? 0) > 0 ||
+            {sections().status &&
+                ((s()?.pendingOpsCount ?? 0) > 0 ||
                 (s()?.sessionNoteCount ?? 0) > 0 ||
                 (s()?.readySmartNoteCount ?? 0) > 0) && (
                 <>
@@ -764,7 +848,7 @@ const SidebarContent = (props: {
             )}
 
             {/* Dreamer */}
-            {s()?.lastDreamerRunAt && (
+            {sections().dreamer && s()?.lastDreamerRunAt && (
                 <>
                     <SectionHeader theme={props.theme} title="Dreamer" />
                     <StatRow
@@ -782,7 +866,7 @@ const SidebarContent = (props: {
                 snapshot fields (newWorkTokens, totalInputTokens) and the
                 session_meta columns are still populated; only the UI is
                 simplified for now. */}
-            {s()?.totalInputTokens != null && (
+            {sections().stats && s()?.totalInputTokens != null && (
                 <>
                     <SectionHeader theme={props.theme} title="Stats" />
                     <StatRow
@@ -800,6 +884,12 @@ const SidebarContent = (props: {
 }
 
 export function createSidebarContentSlot(api: TuiPluginApi): TuiSlotPlugin {
+    // Seed synchronously at slot construction so the sidebar renders at its
+    // final collapse state + order on the first paint (no async flicker). The
+    // controller lives here in the factory closure for the plugin lifetime, so
+    // collapse state and live pref reloads survive sidebar_content remounts.
+    const seedRoot = readTuiPreferencesFileSync()
+    const controller = createSidebarController(resolveMagicContextPrefs(seedRoot))
     return {
         order: 153,
         slots: {
@@ -810,6 +900,7 @@ export function createSidebarContentSlot(api: TuiPluginApi): TuiSlotPlugin {
                         api={api}
                         sessionID={() => value.session_id}
                         theme={theme()}
+                        controller={controller}
                     />
                 )
             },