@jeffreyjyz/opencode-command-code 0.3.8 → 0.3.10

package/dist/index.js

@@ -4063,7 +4063,7 @@ var commandCodeV2 = {
 // package.json
 var package_default = {
   name: "@jeffreyjyz/opencode-command-code",
-  version: "0.3.8",
+  version: "0.3.10",
   description: "Command Code provider + usage dashboard for opencode: two providers (Anthropic wire for Claude, OpenAI wire for everything else) against api.commandcode.ai, live model list, plan gating, /cmd-usage. Requires the cmduse CLI for usage rendering.",
   type: "module",
   main: "dist/index.js",

package/dist/sidebar/panel.d.ts

@@ -37,6 +37,12 @@ export declare function legacyColors(theme: {
     text: RGBA;
     textMuted: RGBA;
 }): PanelColors;
+/**
+ * Colours off: every tone renders as plain text, so only bold and dim carry
+ * structure. Headlines lose their accent, status rows their green/amber/red —
+ * which is the point of the default.
+ */
+export declare function mono(colors: PanelColors): PanelColors;
 /** Bold title, then one line per row. Renders nothing when there are no rows. */
 export declare function Panel(props: {
     rows: () => SidebarRow[];

package/dist/sidebar/prefs.d.ts

@@ -0,0 +1,10 @@
+export interface Prefs {
+    colors: boolean;
+}
+export declare const DEFAULTS: Prefs;
+/** Preferences live beside opencode's own config, XDG layout honoured. */
+export declare function prefsPath(env?: NodeJS.ProcessEnv): string;
+/** Only a literal `true` enables colour, so a typo cannot turn the panel on. */
+export declare function parsePrefs(raw: unknown): Prefs;
+/** Env override, then the file, then the default. Cached for `CACHE_MS`. */
+export declare function loadPrefs(env?: NodeJS.ProcessEnv, now?: number): Prefs;

package/dist/sidebar/useRows.d.ts

@@ -1 +1,14 @@
-export declare function useRows(activeModelId: () => string | undefined, active: () => boolean): import("solid-js").Accessor<import("./rows").SidebarRow[]>;
+import { type SidebarRow, type Usage } from "./rows";
+/** Which provider a session is on, as far as this panel is concerned. */
+export type SessionKind = "ours" | "other" | "unknown";
+/**
+ * `unknown` is the frame during a session switch, before the host has resolved
+ * the new session's model. It must not be read as "another provider", or the
+ * panel blanks and refetches on every tab change.
+ */
+export declare function sessionKind(providerID: string | undefined): SessionKind;
+/** Keep an account snapshot for the next panel that needs it. */
+export declare function rememberSnapshot(snapshot: Usage): void;
+/** Rows to paint before this panel's first fetch of the session completes. */
+export declare function seededRows(): SidebarRow[];
+export declare function useRows(activeModelId: () => string | undefined, providerID: () => string | undefined): import("solid-js").Accessor<SidebarRow[]>;

package/dist/tui.js

@@ -643,6 +643,18 @@ function legacyColors(theme) {
     crit: RGBA.fromValues(0.88, 0.42, 0.46, 1)
   };
 }
+function mono(colors) {
+  return {
+    base: colors.base,
+    muted: colors.muted,
+    strong: colors.base,
+    label: colors.base,
+    headline: colors.base,
+    ok: colors.base,
+    warn: colors.base,
+    crit: colors.base
+  };
+}
 var spanStyle = (fg) => ({
   style: {
     fg
@@ -710,6 +722,50 @@ function Panel(props) {
   });
 }
 
+// src/sidebar/prefs.ts
+import { readFileSync } from "fs";
+import { homedir } from "os";
+import { join } from "path";
+var DEFAULTS = {
+  colors: false
+};
+var CACHE_MS = 5000;
+var cached;
+function prefsPath(env = process.env) {
+  const base = env.XDG_CONFIG_HOME ?? join(homedir(), ".config");
+  return join(base, "opencode", "command-code.json");
+}
+function parsePrefs(raw) {
+  const value = raw?.colors;
+  return {
+    colors: value === true
+  };
+}
+function loadPrefs(env = process.env, now = Date.now()) {
+  if (cached && now - cached.at < CACHE_MS)
+    return cached.prefs;
+  const flag = env.CMD_COLORS;
+  let prefs = DEFAULTS;
+  if (flag === "1" || flag === "true")
+    prefs = {
+      colors: true
+    };
+  else if (flag === "0" || flag === "false")
+    prefs = {
+      colors: false
+    };
+  else {
+    try {
+      prefs = parsePrefs(JSON.parse(readFileSync(prefsPath(env), "utf8")));
+    } catch {}
+  }
+  cached = {
+    at: now,
+    prefs
+  };
+  return prefs;
+}
+
 // src/sidebar/useRows.ts
 import { createEffect, createMemo, createSignal, onCleanup } from "solid-js";
 
@@ -1776,10 +1832,10 @@ function minPlan(id) {
 // src/sidebar/data.ts
 import { spawn as spawn2 } from "child_process";
 import { mkdir, readFile, writeFile } from "fs/promises";
-import { homedir } from "os";
-import { dirname, join } from "path";
+import { homedir as homedir2 } from "os";
+import { dirname, join as join2 } from "path";
 var CMDUSE = cmduseCandidates();
-var MPC = ["mpc", join(homedir(), ".bun/bin/mpc"), "/opt/homebrew/bin/mpc"];
+var MPC = ["mpc", join2(homedir2(), ".bun/bin/mpc"), "/opt/homebrew/bin/mpc"];
 var CACHE_TTL_MS = 6 * 60 * 60 * 1000;
 var SPAWN_OPTIONS = {
   stdio: ["ignore", "pipe", "pipe"],
@@ -1856,8 +1912,8 @@ function parseMpcJson(text) {
   return meta;
 }
 function cachePath() {
-  const base = process.env.XDG_CACHE_HOME ?? join(homedir(), ".cache");
-  return join(base, "command-code", "cc-catalog.json");
+  const base = process.env.XDG_CACHE_HOME ?? join2(homedir2(), ".cache");
+  return join2(base, "command-code", "cc-catalog.json");
 }
 async function loadMeta() {
   try {
@@ -1885,13 +1941,13 @@ async function loadUsage() {
 
 // src/sidebar/usageDb.ts
 import { Database } from "bun:sqlite";
-import { homedir as homedir2 } from "os";
-import { join as join2 } from "path";
+import { homedir as homedir3 } from "os";
+import { join as join3 } from "path";
 function usageDbPath() {
   if (process.env.OPENCODE_DB)
     return process.env.OPENCODE_DB;
-  const base = process.env.XDG_DATA_HOME ?? join2(homedir2(), ".local", "share");
-  return join2(base, "opencode", "opencode.db");
+  const base = process.env.XDG_DATA_HOME ?? join3(homedir3(), ".local", "share");
+  return join3(base, "opencode", "opencode.db");
 }
 function periodStart(usage, now = Date.now()) {
   if (typeof usage.periodStartAt === "number")
@@ -1953,28 +2009,47 @@ function loadModelUsage(modelID, sinceMs, path = usageDbPath()) {
 
 // src/sidebar/useRows.ts
 var POLL_MS = 60000;
-function useRows(activeModelId, active) {
-  const [usage, setUsage] = createSignal([]);
+function sessionKind(providerID) {
+  if (!providerID)
+    return "unknown";
+  return providerID.startsWith("command-code") ? "ours" : "other";
+}
+var lastSnapshot;
+function rememberSnapshot(snapshot) {
+  lastSnapshot = snapshot;
+}
+function seededRows() {
+  return lastSnapshot ? usageRows(lastSnapshot) : [];
+}
+function useRows(activeModelId, providerID) {
+  const [usage, setUsage] = createSignal(seededRows());
   const [meta, setMeta] = createSignal(new Map);
   const [modelUsage, setModelUsage] = createSignal();
+  const [wasOurs, setWasOurs] = createSignal(false);
   loadMeta().then(setMeta).catch(() => {});
   const refresh = async () => {
     try {
       const snapshot = await loadUsage();
+      rememberSnapshot(snapshot);
       setUsage(usageRows(snapshot));
       const id = activeModelId();
       setModelUsage(id ? loadModelUsage(id, periodStart(snapshot)) ?? undefined : undefined);
     } catch {}
   };
   createEffect(() => {
-    if (!active())
+    const kind = sessionKind(providerID());
+    if (kind !== "ours")
       return;
+    setWasOurs(true);
     refresh();
     const timer = setInterval(() => void refresh(), POLL_MS);
     onCleanup(() => clearInterval(timer));
   });
   return createMemo(() => {
-    if (!active())
+    const kind = sessionKind(providerID());
+    if (kind === "other")
+      return [];
+    if (kind === "unknown" && !wasOurs())
       return [];
     const id = activeModelId();
     const found = id ? meta().get(modelKey(id)) ?? meta().get(id) : undefined;
@@ -1989,13 +2064,13 @@ function useRows(activeModelId, active) {
 
 // src/tui.tsx
 var ID = "command-code.tui";
-var isOurs = (providerID) => Boolean(providerID?.startsWith("command-code"));
+var themed = (colors) => loadPrefs().colors ? colors : mono(colors);
 function PanelV1(props) {
   const current = () => props.api.state.session.get(props.sessionID)?.model;
-  const rows = useRows(() => current()?.id, () => isOurs(current()?.providerID));
+  const rows = useRows(() => current()?.id, () => current()?.providerID);
   return _$createComponent2(Panel, {
     rows,
-    colors: () => legacyColors(props.api.theme.current)
+    colors: () => themed(legacyColors(props.api.theme.current))
   });
 }
 var tui = async (api) => {
@@ -2018,10 +2093,10 @@ function PanelV2(props) {
     ctx
   } = props;
   const current = () => ctx.data.session.get(props.sessionID)?.model;
-  const rows = useRows(() => current()?.id, () => isOurs(current()?.providerID));
+  const rows = useRows(() => current()?.id, () => current()?.providerID);
   return _$createComponent2(Panel, {
     rows,
-    colors: () => hostColors(ctx.theme)
+    colors: () => themed(hostColors(ctx.theme))
   });
 }
 var commandCodeTui = {

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@jeffreyjyz/opencode-command-code",
- "version": "0.3.8",
+ "version": "0.3.10",
  "description": "Command Code provider + usage dashboard for opencode: two providers (Anthropic wire for Claude, OpenAI wire for everything else) against api.commandcode.ai, live model list, plan gating, /cmd-usage. Requires the cmduse CLI for usage rendering.",
  "type": "module",
  "main": "dist/index.js",