@slkiser/opencode-quota 3.8.7 → 3.8.8

package/dist/tui.tsx

@@ -8,17 +8,20 @@ import type {
 } from "@opencode-ai/plugin/tui";
 import { Show, createEffect, createSignal, onCleanup } from "solid-js";
 
-import type { CompactStatusState, SidebarPanelState } from "./lib/tui-panel-state.js";
+import type { CompactStatusState, HomeBottomState, SidebarPanelState } from "./lib/tui-panel-state.js";
 
 import {
   getCompactStatusText,
+  getHomeBottomAnnouncementText,
   getSidebarPanelLines,
+  getSidebarPanelLinesExpanded,
   shouldRenderCompactStatus,
+  shouldRenderHomeBottom,
   shouldRenderSidebarPanel,
 } from "./lib/tui-panel-state.js";
 import { getSidebarBodyLineColor } from "./lib/tui-line-style.js";
 import {
-  loadTuiHomeCompactStatus,
+  loadTuiHomeBottomStatus,
   loadTuiSessionQuotaSurfaces,
   resolveTuiSurfaceRegistration,
 } from "./lib/tui-runtime.js";
@@ -42,14 +45,14 @@ type SessionQuotaResource = {
   release: () => void;
 };
 
-type HomeCompactResource = {
-  compact: () => CompactStatusState;
-  retain: () => HomeCompactResource;
+type HomeBottomResource = {
+  bottom: () => HomeBottomState;
+  retain: () => HomeBottomResource;
   release: () => void;
 };
 
 const sessionResources = new WeakMap<TuiPluginApi, Map<string, SessionQuotaResource>>();
-const homeResources = new WeakMap<TuiPluginApi, HomeCompactResource>();
+const homeResources = new WeakMap<TuiPluginApi, HomeBottomResource>();
 
 function getSessionResourceMap(api: TuiPluginApi): Map<string, SessionQuotaResource> {
   const existing = sessionResources.get(api);
@@ -190,8 +193,11 @@ function acquireSessionQuotaResource(api: TuiPluginApi, sessionID: string): Sess
   return next;
 }
 
-function createHomeCompactResource(api: TuiPluginApi): HomeCompactResource {
-  const [compact, setCompact] = createSignal<CompactStatusState>({ status: "loading" });
+function createHomeBottomResource(api: TuiPluginApi): HomeBottomResource {
+  const [bottom, setBottom] = createSignal<HomeBottomState>({
+    status: "loading",
+    compact: { status: "loading" },
+  });
 
   let refCount = 0;
   let disposed = false;
@@ -212,10 +218,10 @@ function createHomeCompactResource(api: TuiPluginApi): HomeCompactResource {
     inFlight = true;
     const currentVersion = ++loadVersion;
 
-    void loadTuiHomeCompactStatus({ api })
+    void loadTuiHomeBottomStatus({ api })
       .then((next) => {
         if (disposed || currentVersion !== loadVersion) return;
-        setCompact(next);
+        setBottom(next);
       })
       .catch(() => {
         if (disposed || currentVersion !== loadVersion) return;
@@ -263,8 +269,8 @@ function createHomeCompactResource(api: TuiPluginApi): HomeCompactResource {
     homeResources.delete(api);
   };
 
-  const resource: HomeCompactResource = {
-    compact,
+  const resource: HomeBottomResource = {
+    bottom,
     retain: () => {
       refCount += 1;
       return resource;
@@ -280,16 +286,19 @@ function createHomeCompactResource(api: TuiPluginApi): HomeCompactResource {
   return resource;
 }
 
-function acquireHomeCompactResource(api: TuiPluginApi): HomeCompactResource {
+function acquireHomeBottomResource(api: TuiPluginApi): HomeBottomResource {
   const existing = homeResources.get(api);
   if (existing) return existing.retain();
 
-  const next = createHomeCompactResource(api).retain();
+  const next = createHomeBottomResource(api).retain();
   homeResources.set(api, next);
   return next;
 }
 
-function useSessionQuotaResource(api: TuiPluginApi, sessionID: () => string): () => SessionQuotaResource {
+function useSessionQuotaResource(
+  api: TuiPluginApi,
+  sessionID: () => string,
+): () => SessionQuotaResource {
   let current = acquireSessionQuotaResource(api, sessionID());
   const [resource, setResource] = createSignal(current);
 
@@ -310,23 +319,46 @@ function useSessionQuotaResource(api: TuiPluginApi, sessionID: () => string): ()
   return resource;
 }
 
-function SidebarContentView(props: {
-  api: TuiPluginApi;
-  sessionID: string;
-}) {
+function SidebarContentView(props: { api: TuiPluginApi; sessionID: string }) {
   const resource = useSessionQuotaResource(props.api, () => props.sessionID);
   const panel = () => resource().sidebar();
 
   const lines = () => getSidebarPanelLines(panel());
+  const hasDetailLines = () => Boolean(panel().linesExpanded?.length);
+
+  const [collapsed, setCollapsed] = createSignal(
+    props.api.kv?.get("quota-sidebar-collapsed", true) ?? true,
+  );
+
+  const toggleCollapsed = () => {
+    if (!hasDetailLines()) return;
+
+    const next = !collapsed();
+    setCollapsed(next);
+    props.api.kv?.set("quota-sidebar-collapsed", next);
+  };
+
+  const displayLines = () => {
+    if (collapsed() || !hasDetailLines()) return lines();
+    return getSidebarPanelLinesExpanded(panel());
+  };
+
+  const toggleIcon = () => (collapsed() ? "▶" : "▼");
+  const providerCount = () => panel().providerCount ?? 0;
 
   return (
     <Show when={shouldRenderSidebarPanel(panel())}>
       <box gap={0}>
-        <text fg={props.api.theme.current.text}>
-          <b>Quota</b>
-        </text>
+        <box flexDirection="row">
+          <text fg={props.api.theme.current.text} onMouseDown={toggleCollapsed}>
+            <b>{hasDetailLines() ? `${toggleIcon()} Quota` : "Quota"}</b>
+          </text>
+          <Show when={collapsed() && providerCount() > 0}>
+            <text fg={props.api.theme.current.textMuted}> ({providerCount()} providers)</text>
+          </Show>
+        </box>
         <box gap={0}>
-          {lines().map((line) => (
+          {displayLines().map((line) => (
             <text fg={getSidebarBodyLineColor(line, props.api.theme.current)} wrapMode="none">
               {line || " "}
             </text>
@@ -394,17 +426,27 @@ function SessionPromptWithCompactStatus(props: {
   );
 }
 
-function HomeCompactStatusView(props: { api: TuiPluginApi }) {
-  const resource = acquireHomeCompactResource(props.api);
+function HomeBottomView(props: { api: TuiPluginApi }) {
+  const resource = acquireHomeBottomResource(props.api);
   onCleanup(() => resource.release());
 
+  const announcement = () => getHomeBottomAnnouncementText(resource.bottom());
+  const compact = () => resource.bottom().compact;
+
   return (
-    <CompactStatusLine
-      api={props.api}
-      panel={resource.compact}
-      justifyContent="center"
-      blankLineBefore
-    />
+    <Show when={shouldRenderHomeBottom(resource.bottom())}>
+      <box gap={0}>
+        <text> </text>
+        <Show when={announcement()}>
+          <box flexDirection="row" justifyContent="center">
+            <text fg={props.api.theme.current.textMuted} wrapMode="none">
+              {announcement()}
+            </text>
+          </box>
+        </Show>
+        <CompactStatusLine api={props.api} panel={compact} justifyContent="center" />
+      </box>
+    </Show>
   );
 }
 
@@ -433,7 +475,7 @@ const tui: TuiPlugin = async (api) => {
   }
 
   const compactRegistration = surfaceRegistration.compact;
-  if (!compactRegistration.enabled) return;
+  if (!compactRegistration.enabled && !surfaceRegistration.homeBottom) return;
 
   const compactSlots: Record<string, (ctx: any, props: any) => JSX.Element | null> = {};
 
@@ -459,8 +501,8 @@ const tui: TuiPlugin = async (api) => {
     );
   }
 
-  if (compactRegistration.homeBottom) {
-    compactSlots.home_bottom = () => <HomeCompactStatusView api={api} />;
+  if (surfaceRegistration.homeBottom) {
+    compactSlots.home_bottom = () => <HomeBottomView api={api} />;
   }
 
   if (Object.keys(compactSlots).length > 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slkiser/opencode-quota",
-  "version": "3.8.7",
+  "version": "3.8.8",
   "packageManager": "pnpm@11.0.0",
   "description": "OpenCode quota & tokens usage with zero context window pollution. Supports GitHub Copilot, OpenAI (Plus/Pro), Qwen Code, Chutes AI, Synthetic, Google Antigravity, Z.ai coding plan and more.",
   "type": "module",
@@ -90,6 +90,6 @@
     "@opencode-ai/plugin": "^1.4.3"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20.0.0"
   }
 }