@cortexkit/aft-opencode 0.26.3 → 0.27.0

package/src/tui/sidebar.tsx

@@ -11,7 +11,7 @@ import type { TuiPluginApi, TuiSlotPlugin, TuiThemeCurrent } from "@opencode-ai/
 import { createEffect, createMemo, createSignal, on, onCleanup } from "solid-js";
 
 import { AftRpcClient } from "../shared/rpc-client";
-import { type AftStatusSnapshot, coerceAftStatus } from "../shared/status";
+import { type AftStatusSnapshot, coerceAftStatus, type StatusCompression } from "../shared/status";
 
 const SINGLE_BORDER = { type: "single" } as any;
 const REFRESH_DEBOUNCE_MS = 200;
@@ -35,6 +35,46 @@ function formatCount(n: number | null | undefined): string {
   return String(n);
 }
 
+/** Tagged rows for the Compression section. Each scope (Session / Project)
+ * emits a "scope" header followed by two "stat" rows — Tokens Saved and
+ * Compression Ratio — so the renderer can use the same StatRow layout as
+ * Search Index / Semantic Index above. Pi's monospace overlay and the
+ * OpenCode TUI dialog/sidebar all consume this same shape. */
+export type CompressionRow =
+  | { kind: "scope"; label: string }
+  | { kind: "stat"; label: string; value: string };
+
+function appendScope(
+  rows: CompressionRow[],
+  label: string,
+  scope: {
+    events: number;
+    original_tokens: number;
+    compressed_tokens: number;
+    savings_tokens: number;
+  },
+): void {
+  const savings = scope.savings_tokens;
+  const pct = scope.original_tokens > 0 ? Math.round((savings / scope.original_tokens) * 100) : 0;
+  rows.push({ kind: "scope", label });
+  rows.push({ kind: "stat", label: "Tokens Saved", value: savings.toLocaleString("en-US") });
+  rows.push({ kind: "stat", label: "Compression Ratio", value: `${pct}%` });
+}
+
+export function formatCompressionSidebarRows(
+  compression: StatusCompression | undefined,
+): CompressionRow[] {
+  if (!compression || compression.project.events <= 0) return [];
+
+  const rows: CompressionRow[] = [];
+  if (compression.session.events > 0) {
+    appendScope(rows, "Session", compression.session);
+  }
+  appendScope(rows, "Project", compression.project);
+
+  return rows;
+}
+
 // Map index status → (label, theme color name). The label is what we want
 // the user to see; the color encodes severity so the eye lands on warnings.
 function statusDisplay(status: string): { label: string; tone: "ok" | "warn" | "err" | "muted" } {
@@ -104,7 +144,10 @@ function getClient(directory: string): AftRpcClient {
   if (client) return client;
   const home = process.env.HOME || process.env.USERPROFILE || "";
   const dataHome = process.env.XDG_DATA_HOME || `${home}/.local/share`;
-  const storageDir = `${dataHome}/opencode/storage/plugin/aft`;
+  // v0.27 moved AFT storage to the CortexKit root. Must match the server
+  // plugin's `resolveCortexKitStorageRoot()` or the sidebar will poll a
+  // stale legacy port file and never connect to the live RPC server.
+  const storageDir = `${dataHome}/cortexkit/aft`;
   client = new AftRpcClient(storageDir, directory);
   sidebarClients.set(directory, client);
   return client;
@@ -225,6 +268,7 @@ const SidebarContent = (props: {
   const semanticStatus = () => statusDisplay(s()?.semantic_index?.status ?? "disabled");
   const trigramBytes = () => s()?.disk?.trigram_disk_bytes ?? 0;
   const semanticBytes = () => s()?.disk?.semantic_disk_bytes ?? 0;
+  const compressionRows = () => formatCompressionSidebarRows(s()?.compression);
 
   // Degraded-mode reason → human-readable hint. Distinct strings per reason
   // because the UX direction is different: "home_root" tells the user to
@@ -292,6 +336,21 @@ const SidebarContent = (props: {
         </box>
       )}
 
+      {/* Lazy-bridge placeholder. AFT skips spawning the `aft` binary at
+          plugin init to keep memory/CPU low on OpenCode Desktop sessions
+          that have many projects pinned in the sidebar. The RPC server
+          returns a synthetic `cache_role === "not_initialized"` snapshot
+          until the first tool call routes through `callBridge()` and warms
+          the bridge. Show the explanatory message instead of empty status
+          rows so users understand why metrics are blank. */}
+      {s()?.cache_role === "not_initialized" && (
+        <box marginTop={1} width="100%">
+          <text fg={props.theme.textMuted}>
+            {s()!.message || "Waiting for first tool call to populate"}
+          </text>
+        </box>
+      )}
+
       {/* Search index */}
       <SectionHeader theme={props.theme} title="Search Index" />
       <StatRow
@@ -342,6 +401,26 @@ const SidebarContent = (props: {
       )}
       <StatRow theme={props.theme} label="Disk" value={formatBytes(semanticBytes())} tone="muted" />
 
+      {/* Compression aggregates. Tabular layout matching Search/Semantic
+          Index above: each scope ("Session", "Project") renders as a
+          subheader followed by two StatRows (Tokens Saved, Compression
+          Ratio). Keeps numbers right-aligned in the value column instead
+          of jamming them after the label on the same line. */}
+      {compressionRows().length > 0 && (
+        <>
+          <SectionHeader theme={props.theme} title="Compression" />
+          {compressionRows().map((row) =>
+            row.kind === "scope" ? (
+              <box width="100%">
+                <text fg={props.theme.text}>{row.label}</text>
+              </box>
+            ) : (
+              <StatRow theme={props.theme} label={row.label} value={row.value} tone="muted" />
+            ),
+          )}
+        </>
+      )}
+
       {/* Surface failures clearly so users know to act (install ONNX,
           fix config, etc.) rather than silently leaving the panel "off". */}
       {s()?.semantic_index?.status === "failed" && s()?.semantic_index?.error && (