@serkanalgur/opencodev2-slim 2.0.2 → 2.0.4

package/README.md

@@ -141,6 +141,13 @@ Note: Compression is performed by the AI assistant using the `compress` tool. Th
 
 ## Changelog
 
+### 2.0.3
+
+- Fix v2 API compatibility issues
+- Remove namespace from tool registration
+- Handle both v1 and v2 message part types
+- Make context hooks synchronous
+
 ### 2.0.2
 
 - Update README documentation

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@serkanalgur/opencodev2-slim",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "description": "Smart context management plugin for OpenCode v2 - semantic compression, cost-aware pruning, adaptive thresholds",
   "keywords": [
     "opencode",
@@ -23,8 +23,7 @@
   "author": "serkanalgur",
   "type": "module",
   "exports": {
-    ".": "./src/index.ts",
-    "./tui": "./src/tui.tsx"
+    ".": "./src/index.ts"
   },
   "main": "index.js",
   "directories": {
@@ -48,40 +47,17 @@
   "devDependencies": {
     "@opencode/plugin": "^2.0.0",
     "@opencode-ai/sdk": "^1.18.29",
-    "@opencode-ai/plugin": "^1.18.29",
-    "@opentui/core": "^0.5.10",
-    "@opentui/keymap": "^0.5.10",
-    "@opentui/solid": "^0.5.10",
     "@types/node": "^22.0.0",
     "prettier": "^3.4.0",
-    "solid-js": "1.9.12",
     "tsx": "^4.19.0",
     "typescript": "^5.7.0"
   },
-  "peerDependencies": {
-    "@opencode/plugin": ">=2.0.0",
-    "@opencode-ai/sdk": ">=1.18.29",
-    "@opencode-ai/plugin": ">=1.18.29",
-    "@opentui/core": ">=0.5.10",
-    "@opentui/keymap": ">=0.5.10",
-    "@opentui/solid": ">=0.5.10",
-    "solid-js": ">=1.0.0"
-  },
   "peerDependenciesMeta": {
-    "@opencode-ai/plugin": {
-      "optional": true
-    },
-    "@opentui/core": {
-      "optional": true
-    },
-    "@opentui/keymap": {
-      "optional": true
-    },
-    "@opentui/solid": {
-      "optional": true
-    },
-    "solid-js": {
+    "@opencode-ai/sdk": {
       "optional": true
     }
+  },
+  "peerDependencies": {
+    "@opencode/plugin": ">=2.0.0"
   }
 }

package/src/index.ts

@@ -43,17 +43,21 @@ function buildCompressionSummary(messages: MessageWithParts[], focus: string): s
 
     for (const msg of messages) {
         for (const part of msg.parts) {
-            if (part.type === "tool") {
+            if (part.type === "tool-call") {
                 const toolPart = part as any
                 toolCalls.push(
-                    `${toolPart.tool}: ${JSON.stringify(toolPart.state?.input || {}).slice(0, 100)}`,
+                    `${toolPart.name}: ${JSON.stringify(toolPart.input || {}).slice(0, 100)}`,
                 )
-                if (toolPart.state?.status === "error") {
-                    errors.push(toolPart.state.error?.slice(0, 200) || "Unknown error")
+            }
+            if (part.type === "tool-result") {
+                const toolPart = part as any
+                if (toolPart.result?.type === "error") {
+                    errors.push(String(toolPart.result.value).slice(0, 200) || "Unknown error")
                 }
             }
             if (part.type === "text") {
-                const text = (part as any).text
+                const textPart = part as any
+                const text = textPart.text || ""
                 if (
                     text.includes("decided") ||
                     text.includes("chose") ||
@@ -86,22 +90,23 @@ function buildCompressionSummary(messages: MessageWithParts[], focus: string): s
     return lines.join("\n")
 }
 
+function wrapAsMessageWithParts(msg: any): MessageWithParts {
+    return {
+        info: msg.info || { id: msg.id || "", role: msg.role, sessionID: "", time: { created: Date.now() } },
+        parts: msg.parts || msg.content || [],
+    }
+}
+
 // ─── Plugin Entry ───────────────────────────────────────────────────────────
 
 export default Plugin.define({
     id: "opencodev2-slim",
     async setup(ctx) {
-        // Load and create default config if needed
         createDefaultConfig()
         const globalConfig = loadConfig()
 
         // ─── Register Compress Tool ───────────────────────────────────────
         await ctx.tool.transform((editor) => {
-            editor.namespace({
-                name: "slim",
-                description: "Smart context management tools",
-            })
-
             editor.add({
                 name: "compress",
                 description: getCompressToolDescription(),
@@ -150,9 +155,7 @@ export default Plugin.define({
                     }
                     const mode = args.mode || "auto"
                     const keepRecent = args.keepRecent || 5
-
-                    // Get session ID from context or fallback
-                    const sessionId = (context as any).sessionID || ""
+                    const sessionId = context.sessionID
                     const config = getConfig(sessionId)
                     const state = getState(sessionId, config)
 
@@ -163,12 +166,10 @@ export default Plugin.define({
                             return { content: "No messages found in session" }
                         }
 
-                        const messageWithParts: MessageWithParts[] = messages.map((m: any) => ({
-                            info: m.info || m,
-                            parts: m.parts || [],
-                        }))
+                        const messageWithParts: MessageWithParts[] = messages.map(
+                            (m: any) => wrapAsMessageWithParts(m),
+                        )
 
-                        // Determine what to compress
                         let targetIndices: number[] = []
                         let inputTokens = 0
 
@@ -193,7 +194,6 @@ export default Plugin.define({
                                 }
                             }
                         } else {
-                            // Auto mode
                             for (let i = 0; i < messageWithParts.length - keepRecent; i++) {
                                 const msg = messageWithParts[i]
                                 const text = getMessageText(msg) + getToolResultContent(msg)
@@ -210,7 +210,6 @@ export default Plugin.define({
 
                         const targetMessages = targetIndices.map((i) => messageWithParts[i])
                         const summary = buildCompressionSummary(targetMessages, args.focus)
-
                         const outputTokens = await countTokens(summary)
                         const ratio = inputTokens > 0 ? 1 - outputTokens / inputTokens : 0
 
@@ -256,7 +255,7 @@ export default Plugin.define({
                     additionalProperties: false,
                 },
                 execute: async (_input, context) => {
-                    const sessionId = (context as any).sessionID || ""
+                    const sessionId = context.sessionID
                     const config = getConfig(sessionId)
                     const state = getState(sessionId, config)
 
@@ -267,23 +266,18 @@ export default Plugin.define({
                             return { content: "No messages found in session" }
                         }
 
-                        const messageWithParts: MessageWithParts[] = messages.map((m: any) => ({
-                            info: m.info || m,
-                            parts: m.parts || [],
-                        }))
-
-                        const modelId = (context as any).model?.id || "unknown"
+                        const messageWithParts: MessageWithParts[] = messages.map(
+                            (m: any) => wrapAsMessageWithParts(m),
+                        )
 
                         const panelData = await buildPanelData(
                             sessionId,
                             messageWithParts,
                             state,
                             config,
-                            modelId,
                         )
 
                         const panel = renderPanel(panelData)
-
                         return { content: panel }
                     } catch (error) {
                         return {
@@ -294,92 +288,85 @@ export default Plugin.define({
             })
         })
 
-        // ─── System Prompt Hook ──────────────────────────────────────────
+        // ─── System Prompt Hook (sync) ───────────────────────────────────
         await ctx.session.hook("context", (event) => {
-            const sessionId = (event as any).sessionID || ""
+            const sessionId = event.sessionID
             const config = getConfig(sessionId)
-            if (!config.enabled || !config.compress.enabled) {
-                return
-            }
+            if (!config.enabled || !config.compress.enabled) return
 
             const state = getState(sessionId, config)
+            state.modelContextLimit = 200000 // default; updated by tool calls
 
-            // Track model context limit
-            if ((event as any).model?.limit?.context) {
-                state.modelContextLimit = (event as any).model.limit.context
-            }
-
-            // Add system prompt
-            const systemPrompt = getSystemPrompt()
-            event.system.push({ type: "text", text: systemPrompt })
+            event.system.push({ type: "text", text: getSystemPrompt() })
         })
 
-        // ─── Messages Transform Hook ─────────────────────────────────────
-        await ctx.session.hook("context", async (event) => {
-            const config = getConfig("")
-            if (!config.enabled) {
-                return
-            }
+        // ─── Messages Transform Hook (sync) ──────────────────────────────
+        await ctx.session.hook("context", (event) => {
+            const sessionId = event.sessionID
+            const config = getConfig(sessionId)
+            if (!config.enabled) return
 
-            const sessionId = (event as any).sessionID || ""
             const state = getState(sessionId, config)
 
-            // Apply pruning strategies to messages
-            if (event.messages && Array.isArray(event.messages)) {
-                const prunedMessages = pruneMessages(
-                    event.messages as any,
-                    config,
-                    event.messages.length,
-                )
-
-                // Replace messages
-                event.messages.length = 0
-                event.messages.push(...(prunedMessages as any))
+            // Apply pruning strategies
+            const pruned = pruneMessages(
+                event.messages.map((m: any) => wrapAsMessageWithParts(m)),
+                config,
+                event.messages.length,
+            )
+
+            // Replace messages in-place
+            event.messages.length = 0
+            for (const msg of pruned) {
+                event.messages.push(msg as any)
+            }
 
-                // Check if compression nudge is needed
-                let totalTokens = 0
-                for (const msg of event.messages) {
-                    const text = getMessageText(msg as any) + getToolResultContent(msg as any)
-                    totalTokens += await countTokens(text)
+            // Quick token estimate (sync, ~4 chars per token)
+            let totalTokens = 0
+            for (const msg of event.messages) {
+                const content = (msg as any).content
+                if (Array.isArray(content)) {
+                    for (const part of content) {
+                        if (part.type === "text" && part.text) {
+                            totalTokens += Math.ceil(part.text.length / 4)
+                        }
+                    }
                 }
+            }
 
-                state.currentTokenCount = totalTokens
-
-                const maxTokens = resolveTokenLimit(
-                    config.compress.maxContextLimit,
-                    state.modelContextLimit,
-                )
-                const minTokens = resolveTokenLimit(
-                    config.compress.minContextLimit,
-                    state.modelContextLimit,
-                )
-
-                const shouldComp = shouldCompress(
+            state.currentTokenCount = totalTokens
+
+            const maxTokens = resolveTokenLimit(
+                config.compress.maxContextLimit,
+                state.modelContextLimit,
+            )
+            const minTokens = resolveTokenLimit(
+                config.compress.minContextLimit,
+                state.modelContextLimit,
+            )
+
+            const shouldComp = shouldCompress(
+                totalTokens,
+                maxTokens,
+                minTokens,
+                state.lastCompressionTime,
+                config.compress.nudgeFrequency,
+                event.messages.length,
+            )
+
+            if (shouldComp.compress && !state.manualMode) {
+                const nudgeMessage = getNudgeMessage(
+                    shouldComp.reason,
                     totalTokens,
                     maxTokens,
-                    minTokens,
-                    state.lastCompressionTime,
-                    config.compress.nudgeFrequency,
-                    event.messages.length,
                 )
-
-                if (shouldComp.compress && !state.manualMode) {
-                    const nudgeMessage = getNudgeMessage(
-                        shouldComp.reason,
-                        totalTokens,
-                        maxTokens,
-                    )
-                    event.messages.push({
-                        info: {
-                            role: "assistant",
-                            sessionID: sessionId,
-                        } as any,
-                        parts: [{ type: "text", text: nudgeMessage }],
-                    } as any)
-                }
-
-                saveSessionState(state, config.persistence.directory)
+                event.messages.push({
+                    role: "assistant",
+                    content: [{ type: "text", text: nudgeMessage }],
+                } as any)
             }
+
+            saveSessionState(state, config.persistence.directory)
         })
 
         // ─── Event Subscription ──────────────────────────────────────────
@@ -387,8 +374,8 @@ export default Plugin.define({
         void (async () => {
             for await (const event of ctx.event.subscribe({ signal: eventController.signal })) {
                 if (event.type === "session.created") {
-                    const properties = (event as any).properties || {}
-                    const sessionId = properties.sessionID || ""
+                    const props = (event as any).properties || {}
+                    const sessionId = props.sessionID || ""
                     const config = getConfig(sessionId)
                     sessionConfigs.set(sessionId, config)
                     getState(sessionId, config)
@@ -399,7 +386,6 @@ export default Plugin.define({
         // ─── Cleanup ─────────────────────────────────────────────────────
         return () => {
             eventController.abort()
-            // Save all states on dispose
             for (const [sessionId, state] of sessionStates.entries()) {
                 const config = getConfig(sessionId)
                 saveSessionState(state, config.persistence.directory)

package/src/lib/compress.ts

@@ -10,7 +10,6 @@ async function getTokenizer() {
             const mod = await import("@anthropic-ai/tokenizer")
             tokenizer = mod
         } catch {
-            // Fallback: estimate ~4 chars per token
             return null
         }
     }
@@ -40,9 +39,8 @@ export function getMessageText(msg: MessageWithParts): string {
 
     for (const part of msg.parts) {
         if (part.type === "text") {
-            const textPart = part as any
-            if (textPart.text) {
-                texts.push(textPart.text)
+            if (part.text) {
+                texts.push(part.text)
             }
         }
     }
@@ -54,10 +52,15 @@ export function getToolResultContent(msg: MessageWithParts): string {
     const results: string[] = []
 
     for (const part of msg.parts) {
-        if (part.type === "tool") {
-            const toolPart = part as any
-            if (toolPart.state?.type === "result" && toolPart.state?.output) {
-                results.push(String(toolPart.state.output).slice(0, 500))
+        // v1 SDK format: type === "tool"
+        if (part.type === "tool" && part.state?.type === "result" && part.state?.output) {
+            results.push(String(part.state.output).slice(0, 500))
+        }
+        // v2 AI format: type === "tool-result"
+        if (part.type === "tool-result" && part.result) {
+            const val = part.result.value
+            if (val !== undefined && val !== null) {
+                results.push(String(val).slice(0, 500))
             }
         }
     }
@@ -67,9 +70,13 @@ export function getToolResultContent(msg: MessageWithParts): string {
 
 export function getToolName(msg: MessageWithParts): string | null {
     for (const part of msg.parts) {
+        // v1 SDK format
         if (part.type === "tool") {
-            const toolPart = part as any
-            return toolPart.tool || null
+            return part.tool || null
+        }
+        // v2 AI format
+        if (part.type === "tool-call") {
+            return part.name || null
         }
     }
     return null
@@ -96,7 +103,6 @@ export function shouldCompress(
 
     // Soft limit: recommend compression
     if (currentTokens >= minTokens) {
-        // Check if enough time has passed since last compression
         if (minutesSinceLast >= nudgeFrequency) {
             return {
                 compress: true,

package/src/lib/types.ts

@@ -1,4 +1,4 @@
-import type { Message, Part } from "@opencode-ai/sdk/v2"
+import type { Message } from "@opencode-ai/sdk/v2"
 
 // ─── Config Types ───────────────────────────────────────────────────────────
 
@@ -90,7 +90,7 @@ export interface ToolCallInfo {
 
 export interface MessageWithParts {
     info: Message
-    parts: Part[]
+    parts: any[]
 }
 
 export interface CompressionRange {

package/src/lib/tui/data.ts

@@ -1,90 +0,0 @@
-import type { TuiPluginApi } from "@opencode-ai/plugin/tui"
-import type { SlimConfig } from "../types"
-import { readFileSync, existsSync } from "fs"
-import { join } from "path"
-import { homedir } from "os"
-import { parse } from "jsonc-parser/lib/esm/main.js"
-
-const DEFAULT_CONFIG: SlimConfig = {
-    enabled: true,
-    debug: false,
-    compress: {
-        enabled: true,
-        permission: "allow",
-        maxContextLimit: "80%",
-        minContextLimit: "40%",
-        nudgeFrequency: 5,
-        protectUserMessages: false,
-        protectedTools: ["task", "skill", "todowrite", "todoread"],
-    },
-    strategies: {
-        deduplication: {
-            enabled: true,
-            protectedTools: [],
-        },
-        purgeErrors: {
-            enabled: true,
-            turns: 4,
-            protectedTools: [],
-        },
-    },
-    adaptive: {
-        enabled: true,
-        learningRate: 0.1,
-        minCompressionRatio: 0.3,
-    },
-    costAware: {
-        enabled: true,
-        cacheBoostFactor: 0.5,
-    },
-    persistence: {
-        enabled: true,
-        directory: join(homedir(), ".config", "opencode", "slim"),
-    },
-}
-
-function deepMerge(base: SlimConfig, override: Partial<SlimConfig>): SlimConfig {
-    return {
-        ...base,
-        ...override,
-        compress: { ...base.compress, ...override.compress },
-        strategies: {
-            deduplication: { ...base.strategies.deduplication, ...override.strategies?.deduplication },
-            purgeErrors: { ...base.strategies.purgeErrors, ...override.strategies?.purgeErrors },
-        },
-        adaptive: { ...base.adaptive, ...override.adaptive },
-        costAware: { ...base.costAware, ...override.costAware },
-        persistence: { ...base.persistence, ...override.persistence },
-    }
-}
-
-export function loadConfig(_api: TuiPluginApi): SlimConfig {
-    let config = { ...DEFAULT_CONFIG }
-
-    const globalDir = process.env.XDG_CONFIG_HOME
-        ? join(process.env.XDG_CONFIG_HOME, "opencode")
-        : join(homedir(), ".config", "opencode")
-
-    const globalPath = join(globalDir, "slim.jsonc")
-    const globalPathJson = join(globalDir, "slim.json")
-
-    const configPath = existsSync(globalPath)
-        ? globalPath
-        : existsSync(globalPathJson)
-          ? globalPathJson
-          : null
-
-    if (configPath) {
-        try {
-            const content = readFileSync(configPath, "utf-8")
-            const parsed = parse(content)
-            if (parsed) {
-                config = deepMerge(config, parsed)
-            }
-        } catch {
-            // Use defaults
-        }
-    }
-
-    return config
-}

package/src/lib/tui/dialogs.tsx

@@ -1,467 +0,0 @@
-/** @jsxImportSource @opentui/solid */
-
-import { createSignal, onMount, For, Show } from "solid-js"
-import type { TuiPluginApi } from "@opencode-ai/plugin/tui"
-import type { SlimConfig } from "../types"
-import type { Message, Part, AssistantMessage } from "@opencode-ai/sdk/v2"
-
-// ─── Types ──────────────────────────────────────────────────────────────────
-
-interface PanelData {
-    currentTokens: number
-    maxTokens: number
-    usagePercent: number
-    status: "healthy" | "warning" | "critical"
-    userMessages: number
-    assistantMessages: number
-    toolCalls: number
-    toolResults: number
-    compressionCount: number
-    averageRatio: number
-    totalTokensSaved: number
-    estimatedCost: number
-    costSaved: number
-    model: string
-    recommendations: string[]
-}
-
-// ─── UI Components ──────────────────────────────────────────────────────────
-
-function SlimFrame(props: {
-    api: TuiPluginApi
-    title: string
-    eyebrow: string
-    children: any
-    onBack?: () => void
-}) {
-    const theme = props.api.theme.current
-
-    return (
-        <box paddingLeft={3} paddingRight={3} paddingBottom={1} gap={1}>
-            <box flexDirection="row" justifyContent="space-between">
-                <box flexDirection="column">
-                    <text fg={theme.primary}>
-                        <b>{props.eyebrow}</b>
-                    </text>
-                    <text fg={theme.text}>
-                        <b>{props.title}</b>
-                    </text>
-                </box>
-                <text fg={theme.textMuted} onMouseUp={() => props.api.ui.dialog.clear()}>
-                    esc
-                </text>
-            </box>
-            <box height={1} border={["bottom"]} borderColor={theme.borderSubtle} />
-            {props.children}
-            <box flexDirection="row" justifyContent="flex-end" paddingTop={1}>
-                <box
-                    paddingLeft={2}
-                    paddingRight={2}
-                    backgroundColor={theme.primary}
-                    onMouseUp={() => props.api.ui.dialog.clear()}
-                >
-                    <text fg={theme.selectedListItemText}>close</text>
-                </box>
-            </box>
-        </box>
-    )
-}
-
-function Card(props: { theme: any; title: string; children: any }) {
-    const accent = props.theme.primary
-    return (
-        <box
-            flexDirection="column"
-            paddingLeft={2}
-            paddingRight={2}
-            paddingTop={1}
-            paddingBottom={1}
-            backgroundColor={props.theme.backgroundElement}
-            border={["left"]}
-            borderColor={accent}
-            gap={1}
-        >
-            <text fg={accent}>
-                <b>{props.title}</b>
-            </text>
-            {props.children}
-        </box>
-    )
-}
-
-function Metric(props: { theme: any; label: string; value: string; hint?: string }) {
-    return (
-        <box flexDirection="row" gap={2}>
-            <box width={24}>
-                <text fg={props.theme.textMuted}>{props.label}</text>
-            </box>
-            <box flexDirection="row" gap={1} flexGrow={1}>
-                <text fg={props.theme.text}>
-                    <b>{props.value}</b>
-                </text>
-                {props.hint ? <text fg={props.theme.textMuted}>{props.hint}</text> : null}
-            </box>
-        </box>
-    )
-}
-
-function Progress(props: {
-    theme: any
-    label: string
-    value: number
-    total: number
-    color: "primary" | "accent" | "success" | "warning" | "error"
-    detail: string
-}) {
-    const width = 32
-    const filled =
-        props.total > 0 ? Math.max(0, Math.round((props.value / props.total) * width)) : 0
-    const empty = Math.max(0, width - filled)
-    return (
-        <box flexDirection="column" gap={0}>
-            <box flexDirection="row" gap={2}>
-                <box width={20}>
-                    <text fg={props.theme.text}>{props.label}</text>
-                </box>
-                <box flexDirection="row" gap={1} flexGrow={1}>
-                    <text fg={props.theme.text}>
-                        <b>{props.total > 0 ? `${Math.round((props.value / props.total) * 100)}%` : "0%"}</b>
-                    </text>
-                    <text fg={props.theme.textMuted}>{props.detail}</text>
-                </box>
-            </box>
-            <box flexDirection="row">
-                <text fg={props.theme[props.color]}>{"█".repeat(filled)}</text>
-                <text fg={props.theme.borderSubtle}>{"░".repeat(empty)}</text>
-            </box>
-        </box>
-    )
-}
-
-// ─── Panel Dialog ───────────────────────────────────────────────────────────
-
-export function PanelDialog(props: { api: TuiPluginApi; config: SlimConfig }) {
-    const theme = props.api.theme.current
-    const [data, setData] = createSignal<PanelData | null>(null)
-    const [loading, setLoading] = createSignal(true)
-    const [activeTab, setActiveTab] = createSignal<"context" | "stats" | "help">("context")
-
-    onMount(async () => {
-        try {
-            const panelData = await fetchPanelData(props.api, props.config)
-            setData(panelData)
-        } catch (error) {
-            console.error("Failed to load panel data:", error)
-        } finally {
-            setLoading(false)
-        }
-    })
-
-    const formatTokens = (tokens: number): string => {
-        if (tokens >= 1000000) return `${(tokens / 1000000).toFixed(1)}M`
-        if (tokens >= 1000) return `${(tokens / 1000).toFixed(1)}K`
-        return String(tokens)
-    }
-
-    return (
-        <SlimFrame api={props.api} title="Context Panel" eyebrow="SLIM">
-            {/* Tab Navigation */}
-            <box flexDirection="row" gap={1} marginBottom={1}>
-                <TabButton
-                    theme={theme}
-                    label="Context"
-                    active={activeTab() === "context"}
-                    onClick={() => setActiveTab("context")}
-                />
-                <TabButton
-                    theme={theme}
-                    label="Stats"
-                    active={activeTab() === "stats"}
-                    onClick={() => setActiveTab("stats")}
-                />
-                <TabButton
-                    theme={theme}
-                    label="Help"
-                    active={activeTab() === "help"}
-                    onClick={() => setActiveTab("help")}
-                />
-            </box>
-
-            {/* Content */}
-            <Show
-                when={!loading()}
-                fallback={
-                    <box padding={2}>
-                        <text fg={theme.textMuted}>Loading...</text>
-                    </box>
-                }
-            >
-                <Show
-                    when={data()}
-                    fallback={
-                        <box padding={2}>
-                            <text fg={theme.error}>Failed to load panel data</text>
-                        </box>
-                    }
-                >
-                    {activeTab() === "context" && (
-                        <ContextTab data={data()!} theme={theme} formatTokens={formatTokens} />
-                    )}
-                    {activeTab() === "stats" && (
-                        <StatsTab data={data()!} theme={theme} formatTokens={formatTokens} />
-                    )}
-                    {activeTab() === "help" && <HelpTab theme={theme} />}
-                </Show>
-            </Show>
-        </SlimFrame>
-    )
-}
-
-// ─── Tab Button ─────────────────────────────────────────────────────────────
-
-function TabButton(props: {
-    theme: any
-    label: string
-    active: boolean
-    onClick: () => void
-}) {
-    return (
-        <box
-            paddingLeft={1}
-            paddingRight={1}
-            backgroundColor={props.active ? props.theme.primary : props.theme.backgroundElement}
-            onMouseUp={props.onClick}
-        >
-            <text fg={props.active ? props.theme.background : props.theme.text}>
-                {props.label}
-            </text>
-        </box>
-    )
-}
-
-// ─── Context Tab ────────────────────────────────────────────────────────────
-
-function ContextTab(props: { data: PanelData; theme: any; formatTokens: (n: number) => string }) {
-    const statusIcon = () =>
-        props.data.status === "healthy" ? "🟢" : props.data.status === "warning" ? "🟡" : "🔴"
-
-    const statusColor = () =>
-        props.data.status === "healthy"
-            ? props.theme.success
-            : props.data.status === "warning"
-              ? props.theme.warning
-              : props.theme.error
-
-    return (
-        <box flexDirection="column" gap={1}>
-            <Card theme={props.theme} title="Status">
-                <Metric
-                    theme={props.theme}
-                    label="Status"
-                    value={`${statusIcon()} ${props.data.status.toUpperCase()}`}
-                />
-                <Progress
-                    theme={props.theme}
-                    label="Context"
-                    value={props.data.currentTokens}
-                    total={props.data.maxTokens}
-                    color={props.data.status === "critical" ? "error" : props.data.status === "warning" ? "warning" : "primary"}
-                    detail={`${props.formatTokens(props.data.currentTokens)} / ${props.formatTokens(props.data.maxTokens)} tokens`}
-                />
-            </Card>
-
-            <Card theme={props.theme} title="Messages">
-                <Metric theme={props.theme} label="User" value={`${props.data.userMessages}`} />
-                <Metric theme={props.theme} label="Assistant" value={`${props.data.assistantMessages}`} />
-                <Metric theme={props.theme} label="Tool calls" value={`${props.data.toolCalls}`} />
-                <Metric theme={props.theme} label="Results" value={`${props.data.toolResults}`} />
-            </Card>
-
-            <Card theme={props.theme} title="Recommendations">
-                <box flexDirection="column">
-                    <For each={props.data.recommendations}>
-                        {(rec) => <text>• {rec}</text>}
-                    </For>
-                </box>
-            </Card>
-        </box>
-    )
-}
-
-// ─── Stats Tab ──────────────────────────────────────────────────────────────
-
-function StatsTab(props: { data: PanelData; theme: any; formatTokens: (n: number) => string }) {
-    return (
-        <box flexDirection="column" gap={1}>
-            <Card theme={props.theme} title="Compression">
-                <Metric theme={props.theme} label="Count" value={`${props.data.compressionCount}`} />
-                <Metric
-                    theme={props.theme}
-                    label="Avg ratio"
-                    value={`${(props.data.averageRatio * 100).toFixed(1)}%`}
-                />
-                <Metric
-                    theme={props.theme}
-                    label="Tokens saved"
-                    value={props.formatTokens(props.data.totalTokensSaved)}
-                />
-            </Card>
-
-            <Card theme={props.theme} title="Cost">
-                <Metric
-                    theme={props.theme}
-                    label="Current"
-                    value={`$${props.data.estimatedCost.toFixed(4)}`}
-                />
-                <Metric
-                    theme={props.theme}
-                    label="Saved"
-                    value={`$${props.data.costSaved.toFixed(4)}`}
-                />
-                <Metric theme={props.theme} label="Model" value={props.data.model} />
-            </Card>
-        </box>
-    )
-}
-
-// ─── Help Tab ───────────────────────────────────────────────────────────────
-
-function HelpTab(props: { theme: any }) {
-    return (
-        <box flexDirection="column" gap={1}>
-            <Card theme={props.theme} title="Commands">
-                <text>/panel - Open this panel</text>
-                <text>/compress [focus] - Run compression</text>
-            </Card>
-
-            <Card theme={props.theme} title="Tool Usage">
-                <text>compress({"{ focus: \"old exploration\" }"})</text>
-                <text>compress({"{ focus: \"tasks\", mode: \"range\", start: 0, end: 50 }"})</text>
-                <text>compress({"{ focus: \"database\", mode: \"topic\", topic: \"db\" }"})</text>
-            </Card>
-
-            <Card theme={props.theme} title="Configuration">
-                <text>~/.config/opencode/slim.jsonc</text>
-            </Card>
-        </box>
-    )
-}
-
-// ─── Data Fetching ──────────────────────────────────────────────────────────
-
-async function fetchPanelData(
-    api: TuiPluginApi,
-    config: SlimConfig,
-): Promise<PanelData> {
-    const currentRoute = api.route.current
-
-    let sessionId: string | undefined
-    if (currentRoute.name === "session") {
-        sessionId = currentRoute.params?.sessionID as string | undefined
-    }
-
-    if (!sessionId) {
-        return {
-            currentTokens: 0,
-            maxTokens: resolveTokenLimit(config.compress.maxContextLimit, 200000),
-            usagePercent: 0,
-            status: "healthy",
-            userMessages: 0,
-            assistantMessages: 0,
-            toolCalls: 0,
-            toolResults: 0,
-            compressionCount: 0,
-            averageRatio: 0,
-            totalTokensSaved: 0,
-            estimatedCost: 0,
-            costSaved: 0,
-            model: "unknown",
-            recommendations: ["No active session. Start a conversation to see context usage."],
-        }
-    }
-
-    const messages = api.state.session.messages(sessionId)
-
-    // Calculate token usage from messages
-    let currentTokens = 0
-    let userMessages = 0
-    let assistantMessages = 0
-    let toolCalls = 0
-    let toolResults = 0
-    let model = "unknown"
-
-    for (const msg of messages) {
-        // Get role from message
-        const role = msg.role
-        if (role === "user") {
-            userMessages++
-        } else if (role === "assistant") {
-            assistantMessages++
-            // Get model from assistant message
-            const assistantMsg = msg as AssistantMessage
-            if (assistantMsg.providerID && assistantMsg.modelID) {
-                model = `${assistantMsg.providerID}/${assistantMsg.modelID}`
-            }
-        }
-
-        // Get parts for this message
-        const parts = api.state.part(msg.id)
-
-        for (const part of parts) {
-            if (part.type === "text") {
-                const textPart = part as any
-                currentTokens += Math.ceil((textPart.text?.length || 0) / 4)
-            } else if (part.type === "tool") {
-                const toolPart = part as any
-                const status = toolPart.state?.type
-                if (status === "completed") {
-                    toolResults++
-                } else if (status === "pending" || status === "running") {
-                    toolCalls++
-                }
-            }
-        }
-    }
-
-    const maxTokens = resolveTokenLimit(config.compress.maxContextLimit, 200000)
-    const usagePercent = (currentTokens / maxTokens) * 100
-
-    let statusLevel: "healthy" | "warning" | "critical" = "healthy"
-    if (usagePercent > 90) statusLevel = "critical"
-    else if (usagePercent > 70) statusLevel = "warning"
-
-    const recommendations: string[] = []
-    if (usagePercent > 80) {
-        recommendations.push("Context usage is high. Consider compressing older messages.")
-    }
-    if (usagePercent > 90) {
-        recommendations.push("Context nearly full! Run compress immediately.")
-    }
-    if (recommendations.length === 0) {
-        recommendations.push("Context is healthy. No action needed.")
-    }
-
-    return {
-        currentTokens,
-        maxTokens,
-        usagePercent,
-        status: statusLevel,
-        userMessages,
-        assistantMessages,
-        toolCalls,
-        toolResults,
-        compressionCount: 0,
-        averageRatio: 0,
-        totalTokensSaved: 0,
-        estimatedCost: (currentTokens / 1000) * 0.003,
-        costSaved: 0,
-        model,
-        recommendations,
-    }
-}
-
-function resolveTokenLimit(value: number | string, contextLimit: number): number {
-    if (typeof value === "number") return value
-    const percent = parseFloat(value.replace("%", "")) / 100
-    return Math.floor(contextLimit * percent)
-}

package/src/lib/tui/modals.tsx

@@ -1,12 +0,0 @@
-/** @jsxImportSource @opentui/solid */
-
-import type { TuiPluginApi } from "@opencode-ai/plugin/tui"
-import type { SlimConfig } from "../types"
-import { PanelDialog } from "./dialogs"
-
-export function openPanelModal(api: TuiPluginApi, config: SlimConfig): void {
-    api.ui.dialog.setSize("xlarge")
-    api.ui.dialog.replace(() => (
-        <PanelDialog api={api} config={config} />
-    ))
-}

package/src/tui.tsx

@@ -1,61 +0,0 @@
-/** @jsxImportSource @opentui/solid */
-
-import type { TuiPluginModule } from "@opencode-ai/plugin/tui"
-import type { SlimConfig } from "./lib/types"
-import { loadConfig } from "./lib/tui/data"
-import { openPanelModal } from "./lib/tui/modals"
-
-/**
- * Register slash commands using the v2 keymap API.
- * This plugin is v2-only.
- */
-function registerSlashCommands(api: any, config: SlimConfig): void {
-    // v2 way: keymap.registerLayer
-    if (api.keymap && typeof api.keymap.registerLayer === "function") {
-        api.keymap.registerLayer({
-            mode: "global",
-            priority: 10,
-            commands: [
-                {
-                    name: "slim.panel",
-                    title: "Open Slim Panel",
-                    group: "Slim",
-                    slash: { name: "panel" },
-                    enabled: () => true,
-                    suggested: true,
-                    run: () => {
-                        openPanelModal(api, config)
-                    },
-                },
-                {
-                    name: "slim.compress",
-                    title: "Compress Context",
-                    group: "Slim",
-                    slash: { name: "compress" },
-                    enabled: () => true,
-                    suggested: true,
-                    run: () => {
-                        api.ui.toast({
-                            title: "Slim",
-                            message:
-                                "Use the compress tool: compress({ focus: 'your focus' })",
-                            variant: "info",
-                        })
-                    },
-                },
-            ],
-        })
-    }
-}
-
-const tui: TuiPluginModule["tui"] = async (api) => {
-    const config = loadConfig(api as any)
-    if (!config.enabled) return
-
-    registerSlashCommands(api, config)
-}
-
-export default {
-    id: "opencodev2-slim",
-    tui,
-} satisfies TuiPluginModule