@slkiser/opencode-quota 3.10.1 → 3.11.1

package/dist/tui.js

@@ -0,0 +1,782 @@
+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 { createTuiQuotaClient, getTuiRuntimeRootHints, getTuiSessionModelMeta, loadTuiHomeBottomStatus, normalizeTuiSessionID, loadTuiSessionQuotaSurfaces, resolveTuiSurfaceRegistration, writeTuiQuotaExportIfEnabled } from "./lib/tui-runtime.js";
+import { QUOTA_DIALOG_COMMANDS, buildQuotaDialogCommandOutput } from "./lib/quota-dialog-commands.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 getActiveTuiSessionID(api) {
+  const route = api.route?.current;
+  if (route?.name !== "session" && route?.type !== "session") return undefined;
+  return normalizeTuiSessionID(route.params?.sessionID ?? route.params?.session_id ?? route.params?.id ?? route.sessionID);
+}
+function getTuiCommandArguments(input) {
+  if (!input || typeof input !== "object") return undefined;
+  const record = input;
+  for (const key of ["arguments", "args", "query"]) {
+    const value = record[key];
+    if (typeof value === "string" && value.trim()) return value.trim();
+  }
+  return undefined;
+}
+function CommandLoadingDialog(props) {
+  return (() => {
+    var _el$19 = _$createElement("box"),
+      _el$20 = _$createElement("text"),
+      _el$21 = _$createElement("b"),
+      _el$22 = _$createElement("text");
+    _$insertNode(_el$19, _el$20);
+    _$insertNode(_el$19, _el$22);
+    _$setProp(_el$19, "gap", 1);
+    _$insertNode(_el$20, _el$21);
+    _$insert(_el$21, () => props.title);
+    _$insertNode(_el$22, _$createTextNode(`Loading deterministic local output…`));
+    _$effect(_p$ => {
+      var _v$3 = props.api.theme.current.text,
+        _v$4 = props.api.theme.current.textMuted;
+      _v$3 !== _p$.e && (_p$.e = _$setProp(_el$20, "fg", _v$3, _p$.e));
+      _v$4 !== _p$.t && (_p$.t = _$setProp(_el$22, "fg", _v$4, _p$.t));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
+    return _el$19;
+  })();
+}
+function CommandOutputDialog(props) {
+  const lines = () => props.output.split("\n");
+  const bodyHeight = () => Math.min(28, Math.max(6, lines().length));
+  return (() => {
+    var _el$24 = _$createElement("box"),
+      _el$25 = _$createElement("text"),
+      _el$26 = _$createElement("b"),
+      _el$27 = _$createElement("scrollbox"),
+      _el$28 = _$createElement("box"),
+      _el$29 = _$createElement("text");
+    _$insertNode(_el$24, _el$25);
+    _$insertNode(_el$24, _el$27);
+    _$insertNode(_el$24, _el$29);
+    _$setProp(_el$24, "gap", 1);
+    _$setProp(_el$24, "width", "100%");
+    _$setProp(_el$24, "flexGrow", 1);
+    _$setProp(_el$24, "paddingLeft", 2);
+    _$setProp(_el$24, "paddingRight", 2);
+    _$setProp(_el$24, "paddingBottom", 1);
+    _$insertNode(_el$25, _el$26);
+    _$insert(_el$26, () => props.title);
+    _$insertNode(_el$27, _el$28);
+    _$setProp(_el$27, "width", "100%");
+    _$setProp(_el$27, "flexGrow", 1);
+    _$setProp(_el$27, "maxHeight", 28);
+    _$setProp(_el$28, "gap", 0);
+    _$setProp(_el$28, "width", "100%");
+    _$setProp(_el$28, "minWidth", 0);
+    _$insert(_el$28, () => lines().map(line => (() => {
+      var _el$31 = _$createElement("text");
+      _$setProp(_el$31, "wrapMode", "word");
+      _$setProp(_el$31, "width", "100%");
+      _$insert(_el$31, line || " ");
+      _$effect(_$p => _$setProp(_el$31, "fg", props.api.theme.current.text, _$p));
+      return _el$31;
+    })()));
+    _$insertNode(_el$29, _$createTextNode(`esc closes`));
+    _$effect(_p$ => {
+      var _v$5 = props.api.theme.current.text,
+        _v$6 = bodyHeight(),
+        _v$7 = props.api.theme.current.textMuted;
+      _v$5 !== _p$.e && (_p$.e = _$setProp(_el$25, "fg", _v$5, _p$.e));
+      _v$6 !== _p$.t && (_p$.t = _$setProp(_el$27, "minHeight", _v$6, _p$.t));
+      _v$7 !== _p$.a && (_p$.a = _$setProp(_el$29, "fg", _v$7, _p$.a));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined
+    });
+    return _el$24;
+  })();
+}
+function CommandErrorDialog(props) {
+  const message = props.error instanceof Error ? props.error.message : String(props.error);
+  return (() => {
+    var _el$32 = _$createElement("box"),
+      _el$33 = _$createElement("text"),
+      _el$34 = _$createElement("b"),
+      _el$35 = _$createElement("text"),
+      _el$37 = _$createElement("text"),
+      _el$38 = _$createElement("text");
+    _$insertNode(_el$32, _el$33);
+    _$insertNode(_el$32, _el$35);
+    _$insertNode(_el$32, _el$37);
+    _$insertNode(_el$32, _el$38);
+    _$setProp(_el$32, "gap", 1);
+    _$insertNode(_el$33, _el$34);
+    _$insert(_el$34, () => props.title);
+    _$insertNode(_el$35, _$createTextNode(`OpenCode Quota command failed.`));
+    _$setProp(_el$37, "wrapMode", "none");
+    _$insert(_el$37, message || "Unknown error");
+    _$insertNode(_el$38, _$createTextNode(`esc closes`));
+    _$effect(_p$ => {
+      var _v$8 = props.api.theme.current.text,
+        _v$9 = props.api.theme.current.text,
+        _v$0 = props.api.theme.current.textMuted,
+        _v$1 = props.api.theme.current.textMuted;
+      _v$8 !== _p$.e && (_p$.e = _$setProp(_el$33, "fg", _v$8, _p$.e));
+      _v$9 !== _p$.t && (_p$.t = _$setProp(_el$35, "fg", _v$9, _p$.t));
+      _v$0 !== _p$.a && (_p$.a = _$setProp(_el$37, "fg", _v$0, _p$.a));
+      _v$1 !== _p$.o && (_p$.o = _$setProp(_el$38, "fg", _v$1, _p$.o));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined
+    });
+    return _el$32;
+  })();
+}
+function TokensBetweenPromptDialog(props) {
+  const DialogPrompt = props.api.ui?.DialogPrompt;
+  if (DialogPrompt) {
+    return _$createComponent(DialogPrompt, {
+      title: "OpenCode Quota Token Range",
+      placeholder: "YYYY-MM-DD YYYY-MM-DD",
+      description: () => (() => {
+        var _el$40 = _$createElement("text");
+        _$insertNode(_el$40, _$createTextNode(`Enter start and end dates, for example: 2026-01-01 2026-01-15`));
+        _$setProp(_el$40, "wrapMode", "none");
+        _$effect(_$p => _$setProp(_el$40, "fg", props.api.theme.current.textMuted, _$p));
+        return _el$40;
+      })(),
+      get onConfirm() {
+        return props.onConfirm;
+      },
+      get onCancel() {
+        return props.onCancel;
+      }
+    });
+  }
+  return _$createComponent(CommandOutputDialog, {
+    get api() {
+      return props.api;
+    },
+    title: "OpenCode Quota Token Range",
+    output: "Missing arguments for /tokens_between\n\nExpected: /tokens_between YYYY-MM-DD YYYY-MM-DD\nExample: /tokens_between 2026-01-01 2026-01-15"
+  });
+}
+function replaceDialog(api, size, render) {
+  const dialog = api.ui?.dialog;
+  dialog?.replace?.(render);
+  // OpenCode's dialog.replace() resets size to medium; xlarge is the widest supported dialog.
+  dialog?.setSize?.(size);
+}
+function clearDialog(api) {
+  api.ui?.dialog?.clear?.();
+}
+async function runQuotaDialogCommandAsync(api, command, rawInput, state) {
+  const spec = QUOTA_DIALOG_COMMANDS.find(item => item.id === command);
+  const args = getTuiCommandArguments(rawInput);
+  const sessionID = getActiveTuiSessionID(api);
+  if (command === "tokens_between" && !args) {
+    replaceDialog(api, "medium", () => _$createComponent(TokensBetweenPromptDialog, {
+      api: api,
+      onCancel: () => clearDialog(api),
+      onConfirm: value => {
+        const nextArgs = value.trim();
+        if (!nextArgs) {
+          replaceDialog(api, "large", () => _$createComponent(CommandOutputDialog, {
+            api: api,
+            get title() {
+              return spec.title;
+            },
+            output: "Missing arguments for /tokens_between\n\nExpected: /tokens_between YYYY-MM-DD YYYY-MM-DD\nExample: /tokens_between 2026-01-01 2026-01-15"
+          }));
+          return;
+        }
+        runQuotaDialogCommand(api, command, {
+          arguments: nextArgs
+        }, state);
+      }
+    }));
+    return;
+  }
+  replaceDialog(api, spec.dialogSize, () => _$createComponent(CommandLoadingDialog, {
+    api: api,
+    get title() {
+      return spec.title;
+    }
+  }));
+  try {
+    const result = await buildQuotaDialogCommandOutput({
+      command,
+      arguments: args,
+      client: createTuiQuotaClient(api),
+      roots: getTuiRuntimeRootHints(api),
+      sessionID,
+      resolveSessionMeta: id => getTuiSessionModelMeta(api, id),
+      lastSessionTokenError: state?.lastSessionTokenError,
+      setLastSessionTokenError: state ? error => {
+        state.lastSessionTokenError = error;
+      } : undefined,
+      log: async (message, extra) => {
+        await api.client?.app?.log?.({
+          body: {
+            service: "quota-toast",
+            level: "debug",
+            message,
+            extra
+          }
+        });
+      }
+    });
+    if (result.state === "noop") {
+      clearDialog(api);
+      return;
+    }
+    replaceDialog(api, result.dialogSize, () => _$createComponent(CommandOutputDialog, {
+      api: api,
+      get title() {
+        return result.title;
+      },
+      get output() {
+        return result.output;
+      }
+    }));
+  } catch (error) {
+    replaceDialog(api, "large", () => _$createComponent(CommandErrorDialog, {
+      api: api,
+      get title() {
+        return spec.title;
+      },
+      error: error
+    }));
+    api.ui?.toast?.({
+      variant: "error",
+      message: "OpenCode Quota command failed"
+    });
+  }
+}
+function runQuotaDialogCommand(api, command, rawInput, state) {
+  void runQuotaDialogCommandAsync(api, command, rawInput, state);
+}
+function registerQuotaDialogCommands(api) {
+  const keymap = api.keymap;
+  if (!keymap?.registerLayer) return;
+  const commandState = {};
+  const dispose = keymap.registerLayer({
+    commands: QUOTA_DIALOG_COMMANDS.map(spec => ({
+      namespace: "palette",
+      name: `opencode-quota.${spec.id}`,
+      title: spec.title,
+      desc: spec.description,
+      category: "OpenCode Quota",
+      slashName: spec.slashName,
+      run(input) {
+        runQuotaDialogCommand(api, spec.id, input, commandState);
+      }
+    }))
+  });
+  if (typeof dispose === "function") {
+    api.lifecycle.onDispose(dispose);
+  }
+}
+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 => {
+  registerQuotaDialogCommands(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;