@slkiser/opencode-quota 3.11.0 → 3.11.2

package/dist/tui.js

@@ -0,0 +1,504 @@
+import { createComponent as _$createComponent } from "@opentui/solid";
+import { effect as _$effect } from "@opentui/solid";
+import { createTextNode as _$createTextNode } from "@opentui/solid";
+import { insertNode as _$insertNode } from "@opentui/solid";
+import { insert as _$insert } from "@opentui/solid";
+import { memo as _$memo } from "@opentui/solid";
+import { setProp as _$setProp } from "@opentui/solid";
+import { createElement as _$createElement } from "@opentui/solid";
+/** @jsxImportSource @opentui/solid */
+
+import { Show, createEffect, createSignal, onCleanup } from "solid-js";
+import { getCompactStatusText, getHomeBottomAnnouncementText, getSidebarPanelLines, getSidebarPanelLinesExpanded, shouldRenderCompactStatus, shouldRenderHomeBottom, shouldRenderSidebarPanel } from "./lib/tui-panel-state.js";
+import { getSidebarBodyLineColor } from "./lib/tui-line-style.js";
+import { loadTuiHomeBottomStatus, loadTuiSessionQuotaSurfaces, resolveTuiSurfaceRegistration, writeTuiQuotaExportIfEnabled } from "./lib/tui-runtime.js";
+const id = "@slkiser/opencode-quota";
+// Place Quota near the top so variable-height built-in sections
+// (MCP/LSP/Todo/Files) do not push it below the visible fold.
+const SIDEBAR_ORDER = 150;
+const COMPACT_ORDER = 90;
+const REFRESH_INTERVAL_MS = 60_000;
+const EVENT_REFRESH_DELAYS_MS = [150, 600];
+const MOUNT_RECOVERY_DELAYS_MS = [500, 1_500, 4_000];
+const sessionResources = new WeakMap();
+const homeResources = new WeakMap();
+function getSessionResourceMap(api) {
+  const existing = sessionResources.get(api);
+  if (existing) return existing;
+  const next = new Map();
+  sessionResources.set(api, next);
+  return next;
+}
+function createSessionQuotaResource(api, sessionID) {
+  const [sidebar, setSidebar] = createSignal({
+    status: "loading",
+    lines: []
+  });
+  const [compact, setCompact] = createSignal({
+    status: "loading"
+  });
+  let refCount = 0;
+  let disposed = false;
+  let loadVersion = 0;
+  let inFlight = false;
+  let queued = false;
+  const timers = new Set();
+  const reload = () => {
+    if (disposed) return;
+    if (inFlight) {
+      queued = true;
+      loadVersion += 1;
+      return;
+    }
+    inFlight = true;
+    const currentVersion = ++loadVersion;
+    void loadTuiSessionQuotaSurfaces({
+      api,
+      sessionID
+    }).then(next => {
+      if (disposed || currentVersion !== loadVersion) return;
+      setSidebar(next.sidebar);
+      setCompact(next.compact);
+    }).catch(() => {
+      if (disposed || currentVersion !== loadVersion) return;
+    }).finally(() => {
+      if (disposed) return;
+      inFlight = false;
+      if (queued) {
+        queued = false;
+        reload();
+      }
+    });
+  };
+  const queueRefresh = delay => {
+    if (disposed) return;
+    const timer = setTimeout(() => {
+      timers.delete(timer);
+      reload();
+    }, delay);
+    timers.add(timer);
+  };
+  const scheduleRefresh = () => {
+    for (const delay of EVENT_REFRESH_DELAYS_MS) queueRefresh(delay);
+  };
+
+  // TUI/session state can hydrate asynchronously after mount or session switch,
+  // so retry a few times to recover from empty first-load reads.
+  const scheduleMountRecovery = () => {
+    for (const delay of MOUNT_RECOVERY_DELAYS_MS) queueRefresh(delay);
+  };
+  const interval = setInterval(reload, REFRESH_INTERVAL_MS);
+  const unsubscribers = [api.event.on("session.updated", event => {
+    if (event.properties?.info?.id === sessionID) {
+      scheduleRefresh();
+    }
+  }), api.event.on("message.updated", event => {
+    if (event.properties?.info?.sessionID === sessionID) {
+      scheduleRefresh();
+    }
+  }), api.event.on("message.removed", event => {
+    if (event.properties?.sessionID === sessionID) {
+      scheduleRefresh();
+    }
+  }), api.event.on("tui.session.select", event => {
+    if (event.properties?.sessionID === sessionID) {
+      scheduleRefresh();
+    }
+  })];
+  const dispose = () => {
+    if (disposed) return;
+    disposed = true;
+    clearInterval(interval);
+    for (const timer of timers) clearTimeout(timer);
+    timers.clear();
+    for (const unsubscribe of unsubscribers) unsubscribe();
+    getSessionResourceMap(api).delete(sessionID);
+  };
+  const resource = {
+    sessionID,
+    sidebar,
+    compact,
+    retain: () => {
+      refCount += 1;
+      return resource;
+    },
+    release: () => {
+      refCount -= 1;
+      if (refCount <= 0) dispose();
+    }
+  };
+  reload();
+  scheduleMountRecovery();
+  return resource;
+}
+function acquireSessionQuotaResource(api, sessionID) {
+  const resources = getSessionResourceMap(api);
+  const existing = resources.get(sessionID);
+  if (existing) return existing.retain();
+  const next = createSessionQuotaResource(api, sessionID).retain();
+  resources.set(sessionID, next);
+  return next;
+}
+function createHomeBottomResource(api) {
+  const [bottom, setBottom] = createSignal({
+    status: "loading",
+    compact: {
+      status: "loading"
+    }
+  });
+  let refCount = 0;
+  let disposed = false;
+  let loadVersion = 0;
+  let inFlight = false;
+  let queued = false;
+  const timers = new Set();
+  const reload = () => {
+    if (disposed) return;
+    if (inFlight) {
+      queued = true;
+      loadVersion += 1;
+      return;
+    }
+    inFlight = true;
+    const currentVersion = ++loadVersion;
+    void loadTuiHomeBottomStatus({
+      api
+    }).then(next => {
+      if (disposed || currentVersion !== loadVersion) return;
+      setBottom(next);
+      // Fire-and-forget: write export file if enabled. A failed write must
+      // never affect TUI rendering, so log a warning and continue.
+      void writeTuiQuotaExportIfEnabled({
+        api
+      }).catch(err => {
+        console.warn(`[opencode-quota] quota export write failed: ${String(err)}`);
+      });
+    }).catch(() => {
+      if (disposed || currentVersion !== loadVersion) return;
+    }).finally(() => {
+      if (disposed) return;
+      inFlight = false;
+      if (queued) {
+        queued = false;
+        reload();
+      }
+    });
+  };
+  const queueRefresh = delay => {
+    if (disposed) return;
+    const timer = setTimeout(() => {
+      timers.delete(timer);
+      reload();
+    }, delay);
+    timers.add(timer);
+  };
+  const scheduleRefresh = () => {
+    for (const delay of EVENT_REFRESH_DELAYS_MS) queueRefresh(delay);
+  };
+  const interval = setInterval(reload, REFRESH_INTERVAL_MS);
+  const unsubscribers = [api.event.on("session.updated", scheduleRefresh), api.event.on("message.updated", scheduleRefresh), api.event.on("message.removed", scheduleRefresh), api.event.on("tui.session.select", scheduleRefresh)];
+  const dispose = () => {
+    if (disposed) return;
+    disposed = true;
+    clearInterval(interval);
+    for (const timer of timers) clearTimeout(timer);
+    timers.clear();
+    for (const unsubscribe of unsubscribers) unsubscribe();
+    homeResources.delete(api);
+  };
+  const resource = {
+    bottom,
+    retain: () => {
+      refCount += 1;
+      return resource;
+    },
+    release: () => {
+      refCount -= 1;
+      if (refCount <= 0) dispose();
+    }
+  };
+  reload();
+  return resource;
+}
+function acquireHomeBottomResource(api) {
+  const existing = homeResources.get(api);
+  if (existing) return existing.retain();
+  const next = createHomeBottomResource(api).retain();
+  homeResources.set(api, next);
+  return next;
+}
+function useSessionQuotaResource(api, sessionID) {
+  let current = acquireSessionQuotaResource(api, sessionID());
+  const [resource, setResource] = createSignal(current);
+  createEffect(() => {
+    const nextSessionID = sessionID();
+    if (current.sessionID === nextSessionID) return;
+    const previous = current;
+    current = acquireSessionQuotaResource(api, nextSessionID);
+    setResource(current);
+    previous.release();
+  });
+  onCleanup(() => {
+    current.release();
+  });
+  return resource;
+}
+function SidebarContentView(props) {
+  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 (!hasDetailLines()) return lines();
+    return collapsed() ? lines() : getSidebarPanelLinesExpanded(panel());
+  };
+  const toggleIcon = () => collapsed() ? "▶" : "▼";
+  const providerCount = () => panel().providerCount ?? 0;
+  return _$createComponent(Show, {
+    get when() {
+      return shouldRenderSidebarPanel(panel());
+    },
+    get children() {
+      var _el$ = _$createElement("box"),
+        _el$2 = _$createElement("box"),
+        _el$3 = _$createElement("text"),
+        _el$4 = _$createElement("b"),
+        _el$8 = _$createElement("box");
+      _$insertNode(_el$, _el$2);
+      _$insertNode(_el$, _el$8);
+      _$setProp(_el$, "gap", 0);
+      _$insertNode(_el$2, _el$3);
+      _$setProp(_el$2, "flexDirection", "row");
+      _$insertNode(_el$3, _el$4);
+      _$setProp(_el$3, "onMouseDown", toggleCollapsed);
+      _$insert(_el$4, (() => {
+        var _c$ = _$memo(() => !!hasDetailLines());
+        return () => _c$() ? `${toggleIcon()} Quota` : "Quota";
+      })());
+      _$insert(_el$2, _$createComponent(Show, {
+        get when() {
+          return _$memo(() => !!collapsed())() && providerCount() > 0;
+        },
+        get children() {
+          var _el$5 = _$createElement("text"),
+            _el$6 = _$createTextNode(` (`),
+            _el$7 = _$createTextNode(` providers)`);
+          _$insertNode(_el$5, _el$6);
+          _$insertNode(_el$5, _el$7);
+          _$insert(_el$5, providerCount, _el$7);
+          _$effect(_$p => _$setProp(_el$5, "fg", props.api.theme.current.textMuted, _$p));
+          return _el$5;
+        }
+      }), null);
+      _$setProp(_el$8, "gap", 0);
+      _$insert(_el$8, () => displayLines().map(line => (() => {
+        var _el$9 = _$createElement("text");
+        _$setProp(_el$9, "wrapMode", "none");
+        _$insert(_el$9, line || " ");
+        _$effect(_$p => _$setProp(_el$9, "fg", getSidebarBodyLineColor(line, props.api.theme.current), _$p));
+        return _el$9;
+      })()));
+      _$effect(_$p => _$setProp(_el$3, "fg", props.api.theme.current.text, _$p));
+      return _el$;
+    }
+  });
+}
+function CompactStatusLine(props) {
+  const text = () => {
+    const panel = props.panel();
+    if (!shouldRenderCompactStatus(panel)) return "";
+    return getCompactStatusText(panel);
+  };
+  const line = () => (() => {
+    var _el$0 = _$createElement("box"),
+      _el$1 = _$createElement("text");
+    _$insertNode(_el$0, _el$1);
+    _$setProp(_el$0, "flexDirection", "row");
+    _$setProp(_el$1, "wrapMode", "none");
+    _$insert(_el$1, text);
+    _$effect(_p$ => {
+      var _v$ = props.justifyContent,
+        _v$2 = props.api.theme.current.textMuted;
+      _v$ !== _p$.e && (_p$.e = _$setProp(_el$0, "justifyContent", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = _$setProp(_el$1, "fg", _v$2, _p$.t));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
+    return _el$0;
+  })();
+  return _$createComponent(Show, {
+    get when() {
+      return text();
+    },
+    get children() {
+      return _$createComponent(Show, {
+        get when() {
+          return props.blankLineBefore;
+        },
+        get fallback() {
+          return line();
+        },
+        get children() {
+          var _el$10 = _$createElement("box"),
+            _el$11 = _$createElement("text");
+          _$insertNode(_el$10, _el$11);
+          _$setProp(_el$10, "gap", 0);
+          _$insertNode(_el$11, _$createTextNode(` `));
+          _$insert(_el$10, line, null);
+          return _el$10;
+        }
+      });
+    }
+  });
+}
+function SessionPromptWithCompactStatus(props) {
+  const resource = useSessionQuotaResource(props.api, () => props.sessionID);
+  const panel = () => resource().compact();
+  return (() => {
+    var _el$13 = _$createElement("box");
+    _$setProp(_el$13, "gap", 0);
+    _$insert(_el$13, _$createComponent(props.api.ui.Prompt, {
+      get sessionID() {
+        return props.sessionID;
+      },
+      get visible() {
+        return props.visible;
+      },
+      get disabled() {
+        return props.disabled;
+      },
+      get onSubmit() {
+        return props.onSubmit;
+      },
+      ref(r$) {
+        var _ref$ = props.promptRef;
+        typeof _ref$ === "function" ? _ref$(r$) : props.promptRef = r$;
+      }
+    }), null);
+    _$insert(_el$13, _$createComponent(CompactStatusLine, {
+      get api() {
+        return props.api;
+      },
+      panel: panel,
+      justifyContent: "flex-end"
+    }), null);
+    return _el$13;
+  })();
+}
+function HomeBottomView(props) {
+  const resource = acquireHomeBottomResource(props.api);
+  onCleanup(() => resource.release());
+  const announcement = () => getHomeBottomAnnouncementText(resource.bottom());
+  const compact = () => resource.bottom().compact;
+  return _$createComponent(Show, {
+    get when() {
+      return shouldRenderHomeBottom(resource.bottom());
+    },
+    get children() {
+      var _el$14 = _$createElement("box"),
+        _el$15 = _$createElement("text");
+      _$insertNode(_el$14, _el$15);
+      _$setProp(_el$14, "gap", 0);
+      _$insertNode(_el$15, _$createTextNode(` `));
+      _$insert(_el$14, _$createComponent(Show, {
+        get when() {
+          return announcement();
+        },
+        get children() {
+          var _el$17 = _$createElement("box"),
+            _el$18 = _$createElement("text");
+          _$insertNode(_el$17, _el$18);
+          _$setProp(_el$17, "flexDirection", "row");
+          _$setProp(_el$17, "justifyContent", "center");
+          _$setProp(_el$18, "wrapMode", "none");
+          _$insert(_el$18, announcement);
+          _$effect(_$p => _$setProp(_el$18, "fg", props.api.theme.current.textMuted, _$p));
+          return _el$17;
+        }
+      }), null);
+      _$insert(_el$14, _$createComponent(CompactStatusLine, {
+        get api() {
+          return props.api;
+        },
+        panel: compact,
+        justifyContent: "center"
+      }), null);
+      return _el$14;
+    }
+  });
+}
+function registerSidebarSlots(api) {
+  api.slots.register({
+    order: SIDEBAR_ORDER,
+    slots: {
+      sidebar_content(_ctx, props) {
+        return _$createComponent(SidebarContentView, {
+          api: api,
+          get sessionID() {
+            return props.session_id;
+          }
+        });
+      }
+    }
+  });
+}
+const tui = async api => {
+  let surfaceRegistration;
+  try {
+    surfaceRegistration = await resolveTuiSurfaceRegistration(api);
+  } catch {
+    registerSidebarSlots(api);
+    return;
+  }
+  if (surfaceRegistration.sidebar.enabled) {
+    registerSidebarSlots(api);
+  }
+  const compactRegistration = surfaceRegistration.compact;
+  if (!compactRegistration.enabled && !surfaceRegistration.homeBottom) return;
+  const compactSlots = {};
+  if (compactRegistration.sessionPrompt) {
+    compactSlots.session_prompt = (_ctx, props) => _$createComponent(SessionPromptWithCompactStatus, {
+      api: api,
+      get sessionID() {
+        return props.session_id;
+      },
+      get visible() {
+        return props.visible;
+      },
+      get disabled() {
+        return props.disabled;
+      },
+      get onSubmit() {
+        return props.on_submit;
+      },
+      get promptRef() {
+        return props.ref;
+      }
+    });
+  }
+  if (surfaceRegistration.homeBottom) {
+    compactSlots.home_bottom = () => _$createComponent(HomeBottomView, {
+      api: api
+    });
+  }
+  if (Object.keys(compactSlots).length > 0) {
+    api.slots.register({
+      order: COMPACT_ORDER,
+      slots: compactSlots
+    });
+  }
+};
+const pluginModule = {
+  id,
+  tui
+};
+export default pluginModule;