@slkiser/opencode-quota 5.0.2 → 6.0.0-beta.1

package/dist/tui.js

@@ -1,894 +1 @@
-import { use as _$use } from "@opentui/solid";
-import { memo as _$memo } from "@opentui/solid";
-import { createTextNode as _$createTextNode } from "@opentui/solid";
-import { insertNode as _$insertNode } from "@opentui/solid";
-import { effect as _$effect } from "@opentui/solid";
-import { createComponent as _$createComponent } from "@opentui/solid";
-import { insert as _$insert } from "@opentui/solid";
-import { setProp as _$setProp } from "@opentui/solid";
-import { createElement as _$createElement } from "@opentui/solid";
-/** @jsxImportSource @opentui/solid */
-
-import { Plugin } from "@opencode/plugin/tui";
-import { TextAttributes } from "@opentui/core";
-import { useTerminalDimensions } from "@opentui/solid";
-import { createSignal, onCleanup, Show } from "solid-js";
-import { loadConfig } from "./lib/config.js";
-import { resolveOpenCodeLocationRoots } from "./lib/config-file-utils.js";
-import { sanitizeDisplayText } from "./lib/display-sanitize.js";
-import { fitTableToWidth } from "./lib/markdown-table.js";
-import { layoutQuotaTables } from "./lib/quota-columns.js";
-import { parseQuotaSlashCommand, QUOTA_DIALOG_COMMANDS } from "./lib/quota-dialog-command-specs.js";
-import { readQuotaReportMetadata } from "./lib/quota-report-message.js";
-import { renderableSections, renderKvRow } from "./lib/report-document.js";
-import { QuotaRpc } from "./rpc.js";
-const REFRESH_INTERVAL_MS = 60_000;
-const RPC_TIMEOUT_MS = 60_000;
-function getSessionID(event) {
-  const sessionID = event.data?.sessionID;
-  return typeof sessionID === "string" && sessionID ? sessionID : undefined;
-}
-function quotaClient(context) {
-  return {
-    config: {
-      get: async () => ({
-        data: {}
-      }),
-      providers: async () => ({
-        data: {
-          providers: context.data.location?.provider.list(context.location ?? context.data.location.default()) ?? []
-        }
-      })
-    }
-  };
-}
-
-/** Same project roots as the server plugin: the location's Git worktree, else the location directory. */
-function quotaRoots(context) {
-  return resolveOpenCodeLocationRoots(context.location?.directory ?? process.cwd());
-}
-
-/**
- * The server plugin computes every quota surface; the TUI asks it over the quota RPC. The
- * RPC client is made per call, never during setup. Each call names the TUI's location, so
- * the server uses that folder's settings, and gives up after a minute.
- */
-function quotaRpc(context) {
-  return context.client.rpc(QuotaRpc);
-}
-function quotaRpcOptions(context) {
-  return {
-    location: context.location ?? context.data.location.default(),
-    signal: AbortSignal.timeout(RPC_TIMEOUT_MS)
-  };
-}
-async function getQuotaMessage(context, sessionID, surface) {
-  const output = await quotaRpc(context).surface({
-    surface,
-    sessionID
-  }, quotaRpcOptions(context));
-  return output.quota ?? undefined;
-}
-
-/** RPC calls reject with a plain `{ type, message }` object, not an Error. */
-function rpcErrorMessage(error) {
-  if (error instanceof Error) return error.message;
-  if (typeof error === "object" && error !== null && "message" in error && typeof error.message === "string") {
-    return error.message;
-  }
-  return String(error);
-}
-
-/**
- * One view's refresh loop, as in v4 (tui-refresh-lifecycle.ts): a refresh that
- * arrives while a load runs is coalesced into one follow-up load, and a result is
- * dropped when the view was disposed or a newer load started.
- */
-function createViewRefresh(load, apply) {
-  let disposed = false;
-  let loadVersion = 0;
-  let inFlight = false;
-  let queued = false;
-  const refresh = () => {
-    if (disposed) return;
-    if (inFlight) {
-      queued = true;
-      return;
-    }
-    inFlight = true;
-    const currentVersion = ++loadVersion;
-    void load().then(value => {
-      if (disposed || currentVersion !== loadVersion) return;
-      apply(value);
-    }).catch(reportFailure).finally(() => {
-      if (disposed) return;
-      inFlight = false;
-      if (queued) {
-        queued = false;
-        refresh();
-      }
-    });
-  };
-  return {
-    refresh,
-    dispose: () => {
-      disposed = true;
-    }
-  };
-}
-function QuotaFooter(props) {
-  const [lines, setLines] = createSignal([]);
-  const view = createViewRefresh(async () => {
-    const output = await quotaRpc(props.context).footer({
-      surface: props.surface,
-      sessionID: props.sessionID
-    }, quotaRpcOptions(props.context));
-    return output.lines;
-  }, next => {
-    setLines(next);
-    if (props.surface !== "home") return;
-    // Fire-and-forget: the server writes the export file if enabled. A failed write
-    // must never affect rendering, so log a warning and continue.
-    void quotaRpc(props.context).writeExport({}, quotaRpcOptions(props.context)).catch(error => {
-      console.warn(`[opencode-quota] quota export write failed: ${rpcErrorMessage(error)}`);
-    });
-  });
-  view.refresh();
-  const interval = setInterval(view.refresh, REFRESH_INTERVAL_MS);
-  const stop = props.context.data.on("session.step.ended", event => {
-    if (props.surface === "home" || getSessionID(event) === props.sessionID) view.refresh();
-  });
-  onCleanup(() => {
-    view.dispose();
-    clearInterval(interval);
-    stop();
-  });
-  return _$createComponent(Show, {
-    get when() {
-      return lines().length;
-    },
-    get children() {
-      var _el$ = _$createElement("box");
-      _$setProp(_el$, "flexDirection", "column");
-      _$insert(_el$, () => lines().map(line => (() => {
-        var _el$2 = _$createElement("text");
-        _$insert(_el$2, line);
-        _$effect(_$p => _$setProp(_el$2, "fg", props.context.theme.text.muted, _$p));
-        return _el$2;
-      })()));
-      return _el$;
-    }
-  });
-}
-function reportFailure(error) {
-  // OpenCode answers rpc.unavailable when no server plugin registered the quota RPC here.
-  const hint = typeof error === "object" && error !== null && "type" in error && error.type === "rpc.unavailable" ? " (OpenCode Quota's server plugin is not loaded for this folder)" : "";
-  console.warn(`[opencode-quota] failed to load quota: ${rpcErrorMessage(error)}${hint}`);
-}
-
-/** OpenCode's dialog widths (dialogWidth in its ui/dialog.tsx). */
-const DIALOG_WIDTHS = {
-  medium: 60,
-  large: 88,
-  xlarge: 116
-};
-function sanitizeQuotaRow(row) {
-  return {
-    ...row,
-    label: sanitizeDisplayText(row.label),
-    value: sanitizeDisplayText(row.value),
-    usage: row.usage === undefined ? undefined : sanitizeDisplayText(row.usage),
-    reset: row.reset === undefined ? undefined : sanitizeDisplayText(row.reset),
-    notes: row.notes.map(sanitizeDisplayText)
-  };
-}
-
-/** A report's /quota blocks, sanitized, for layoutQuotaTables. */
-function quotaBlocks(section) {
-  return section.blocks.flatMap(block => block.kind === "quota" ? [{
-    ...block,
-    provider: sanitizeDisplayText(block.provider),
-    rows: block.rows.map(sanitizeQuotaRow)
-  }] : []);
-}
-
-/**
- * A /quota table (see layoutQuotaTables): its title bold, like a section title, then its
- * header bold in OpenCode's primary accent, like the token tables, and its providers bold.
- * In the rows, labels, reset times, and notes are muted; bars, percents, and values base.
- */
-function QuotaTableView(props) {
-  return (() => {
-    var _el$3 = _$createElement("box"),
-      _el$4 = _$createElement("text");
-    _$insertNode(_el$3, _el$4);
-    _$setProp(_el$3, "flexDirection", "column");
-    _$insert(_el$4, () => props.table.title);
-    _$insert(_el$3, () => props.table.lines.map(line => line.style === "row" ? (() => {
-      var _el$5 = _$createElement("text");
-      _$setProp(_el$5, "wrapMode", "none");
-      _$insert(_el$5, () => line.segments.map(segment => (() => {
-        var _el$6 = _$createElement("span");
-        _$insert(_el$6, () => segment.text);
-        _$effect(_$p => _$setProp(_el$6, "style", {
-          fg: segment.muted ? props.theme.text.muted : props.theme.text.base
-        }, _$p));
-        return _el$6;
-      })()));
-      _$effect(_$p => _$setProp(_el$5, "fg", props.theme.text.base, _$p));
-      return _el$5;
-    })() : (() => {
-      var _el$7 = _$createElement("text");
-      _$insert(_el$7, () => line.segments.map(segment => segment.text).join(""));
-      _$effect(_p$ => {
-        var _v$3 = TextAttributes.BOLD,
-          _v$4 = line.style === "header" ? props.theme.text.action.primary.selected : props.theme.text.base,
-          _v$5 = line.style === "header" ? "none" : undefined;
-        _v$3 !== _p$.e && (_p$.e = _$setProp(_el$7, "attributes", _v$3, _p$.e));
-        _v$4 !== _p$.t && (_p$.t = _$setProp(_el$7, "fg", _v$4, _p$.t));
-        _v$5 !== _p$.a && (_p$.a = _$setProp(_el$7, "wrapMode", _v$5, _p$.a));
-        return _p$;
-      }, {
-        e: undefined,
-        t: undefined,
-        a: undefined
-      });
-      return _el$7;
-    })()), null);
-    _$effect(_p$ => {
-      var _v$ = TextAttributes.BOLD,
-        _v$2 = props.theme.text.base;
-      _v$ !== _p$.e && (_p$.e = _$setProp(_el$4, "attributes", _v$, _p$.e));
-      _v$2 !== _p$.t && (_p$.t = _$setProp(_el$4, "fg", _v$2, _p$.t));
-      return _p$;
-    }, {
-      e: undefined,
-      t: undefined
-    });
-    return _el$3;
-  })();
-}
-
-/**
- * One block of a report. Lines, and the chat lines of /quota rows the dialog's tables do not
- * fit, and key-value rows wrap at words. A table keeps each row on one line and spans `width`
- * columns when it fits (see fitTableToWidth), with the header row bold in OpenCode's primary
- * accent (its text color for a selected tab). Like OpenCode's sidebar, labels are muted and
- * values are base.
- */
-function ReportBlockView(props) {
-  const block = props.block;
-  if (block.kind === "lines" || block.kind === "quota") {
-    return (() => {
-      var _el$8 = _$createElement("text");
-      _$insert(_el$8, () => sanitizeDisplayText(block.lines.join("\n")));
-      _$effect(_$p => _$setProp(_el$8, "fg", props.theme.text.muted, _$p));
-      return _el$8;
-    })();
-  }
-  if (block.kind === "kv") {
-    return (() => {
-      var _el$9 = _$createElement("box");
-      _$setProp(_el$9, "flexDirection", "column");
-      _$insert(_el$9, () => block.rows.map(({
-        value,
-        ...key
-      }) => value === undefined ? (() => {
-        var _el$0 = _$createElement("text");
-        _$insert(_el$0, () => sanitizeDisplayText(renderKvRow(key)));
-        _$effect(_$p => _$setProp(_el$0, "fg", props.theme.text.muted, _$p));
-        return _el$0;
-      })() : (() => {
-        var _el$1 = _$createElement("text"),
-          _el$10 = _$createElement("span"),
-          _el$11 = _$createTextNode(` `);
-        _$insertNode(_el$1, _el$10);
-        _$insert(_el$1, () => sanitizeDisplayText(renderKvRow({
-          ...key,
-          trailingColon: true
-        })), _el$10);
-        _$insertNode(_el$10, _el$11);
-        _$insert(_el$10, () => sanitizeDisplayText(value), null);
-        _$effect(_p$ => {
-          var _v$6 = props.theme.text.muted,
-            _v$7 = {
-              fg: props.theme.text.base
-            };
-          _v$6 !== _p$.e && (_p$.e = _$setProp(_el$1, "fg", _v$6, _p$.e));
-          _v$7 !== _p$.t && (_p$.t = _$setProp(_el$10, "style", _v$7, _p$.t));
-          return _p$;
-        }, {
-          e: undefined,
-          t: undefined
-        });
-        return _el$1;
-      })()));
-      return _el$9;
-    })();
-  }
-  // Read in the JSX, so the table is laid out again when the terminal is resized.
-  const table = () => fitTableToWidth({
-    headers: block.headers.map(sanitizeDisplayText),
-    fullHeaders: block.fullHeaders?.map(sanitizeDisplayText),
-    rows: block.rows.map(row => row.map(sanitizeDisplayText)),
-    aligns: block.aligns,
-    width: props.width
-  });
-  return (() => {
-    var _el$12 = _$createElement("box"),
-      _el$13 = _$createElement("text");
-    _$insertNode(_el$12, _el$13);
-    _$setProp(_el$12, "flexDirection", "column");
-    _$setProp(_el$13, "wrapMode", "none");
-    _$insert(_el$13, () => table().header);
-    _$insert(_el$12, () => table().rows.map(row => (() => {
-      var _el$14 = _$createElement("text");
-      _$setProp(_el$14, "wrapMode", "none");
-      _$insert(_el$14, row);
-      _$effect(_$p => _$setProp(_el$14, "fg", props.theme.text.base, _$p));
-      return _el$14;
-    })()), null);
-    _$effect(_p$ => {
-      var _v$8 = TextAttributes.BOLD,
-        _v$9 = props.theme.text.action.primary.selected;
-      _v$8 !== _p$.e && (_p$.e = _$setProp(_el$13, "attributes", _v$8, _p$.e));
-      _v$9 !== _p$.t && (_p$.t = _$setProp(_el$13, "fg", _v$9, _p$.t));
-      return _p$;
-    }, {
-      e: undefined,
-      t: undefined
-    });
-    return _el$12;
-  })();
-}
-
-/**
- * Draws a report document's sections with the same spacing as its plain text: one blank row
- * between the sections and between the blocks of a section, and a section title directly
- * above its first block. Section titles are bold. A /quota report's provider sections come
- * first; when their rows fit the dialog's tables (see layoutQuotaTables), the tables take
- * their place. The dialog shows the heading's subtitle under its own title, so the heading
- * line is left out.
- */
-function ReportDocumentView(props) {
-  const sections = renderableSections(props.document);
-  const blocks = sections.flatMap(quotaBlocks);
-  // Read in the JSX, so the tables are laid out again when the terminal is resized.
-  const tables = () => blocks.length > 0 ? layoutQuotaTables(blocks, props.width) : undefined;
-  return (() => {
-    var _el$15 = _$createElement("box");
-    _$setProp(_el$15, "flexDirection", "column");
-    _$setProp(_el$15, "gap", 1);
-    _$insert(_el$15, () => [...(tables() ?? []).map(table => _$createComponent(QuotaTableView, {
-      table: table,
-      get theme() {
-        return props.theme;
-      }
-    })), ...sections.filter(section => !tables() || !section.blocks.some(block => block.kind === "quota")).map(section => (() => {
-      var _el$16 = _$createElement("box"),
-        _el$17 = _$createElement("box");
-      _$insertNode(_el$16, _el$17);
-      _$setProp(_el$16, "flexDirection", "column");
-      _$insert(_el$16, (() => {
-        var _c$ = _$memo(() => !!section.title);
-        return () => _c$() ? (() => {
-          var _el$18 = _$createElement("text");
-          _$insert(_el$18, () => sanitizeDisplayText(section.title));
-          _$effect(_p$ => {
-            var _v$0 = TextAttributes.BOLD,
-              _v$1 = props.theme.text.base;
-            _v$0 !== _p$.e && (_p$.e = _$setProp(_el$18, "attributes", _v$0, _p$.e));
-            _v$1 !== _p$.t && (_p$.t = _$setProp(_el$18, "fg", _v$1, _p$.t));
-            return _p$;
-          }, {
-            e: undefined,
-            t: undefined
-          });
-          return _el$18;
-        })() : null;
-      })(), _el$17);
-      _$setProp(_el$17, "flexDirection", "column");
-      _$setProp(_el$17, "gap", 1);
-      _$insert(_el$17, () => section.blocks.map(block => _$createComponent(ReportBlockView, {
-        block: block,
-        get theme() {
-          return props.theme;
-        },
-        get width() {
-          return props.width;
-        }
-      })));
-      return _el$16;
-    })())]);
-    return _el$15;
-  })();
-}
-
-/**
- * Shows command output like OpenCode's alert dialog, but inside a scrollbox so long
- * reports (/quota_status, /tokens_*) stay reachable. The mouse wheel scrolls the box;
- * arrows, PageUp/PageDown, and Home/End scroll it from the keyboard. Esc is handled by
- * the host dialog; Enter and the ok/esc labels close it.
- */
-function QuotaOutputDialog(props) {
-  const theme = () => props.context.theme.surface("dialog");
-  const dimensions = useTerminalDimensions();
-  // OpenCode's dialog is its size's width, at most the terminal width minus 2. Inside it
-  // come this box's paddings (2 + 2) and one column for the scrollbox's scrollbar, which
-  // shows when the report is taller than the box.
-  const tableWidth = () => Math.min(DIALOG_WIDTHS[props.size], dimensions().width - 2) - 4 - 1;
-  const subtitle = props.document.heading?.subtitle;
-  // The host dialog starts a quarter of the way down the terminal. The remaining
-  // 8 rows cover the title, ok button, paddings, gaps, and one spare row; the subtitle
-  // takes one more.
-  const maxHeight = () => Math.max(1, Math.floor(dimensions().height * 0.75) - 8 - (subtitle ? 1 : 0));
-  let scroll;
-  const close = () => props.context.ui.dialog.clear();
-  props.context.keymap.layer(() => ({
-    mode: "modal",
-    commands: [{
-      bind: "return",
-      title: "Close",
-      group: "Dialog",
-      run: close
-    }, {
-      bind: "up",
-      title: "Scroll up",
-      group: "Dialog",
-      run: () => scroll?.scrollBy(-1)
-    }, {
-      bind: "down",
-      title: "Scroll down",
-      group: "Dialog",
-      run: () => scroll?.scrollBy(1)
-    }, {
-      bind: "pageup",
-      title: "Scroll up one page",
-      group: "Dialog",
-      run: () => scroll?.scrollBy(-maxHeight())
-    }, {
-      bind: "pagedown",
-      title: "Scroll down one page",
-      group: "Dialog",
-      run: () => scroll?.scrollBy(maxHeight())
-    }, {
-      bind: "home",
-      title: "Scroll to top",
-      group: "Dialog",
-      run: () => scroll?.scrollTo(0)
-    }, {
-      bind: "end",
-      title: "Scroll to bottom",
-      group: "Dialog",
-      run: () => scroll?.scrollTo(scroll.scrollHeight)
-    }]
-  }));
-  return (() => {
-    var _el$19 = _$createElement("box"),
-      _el$20 = _$createElement("box"),
-      _el$21 = _$createElement("box"),
-      _el$22 = _$createElement("text"),
-      _el$23 = _$createElement("text"),
-      _el$25 = _$createElement("box"),
-      _el$26 = _$createElement("scrollbox"),
-      _el$27 = _$createElement("box"),
-      _el$28 = _$createElement("box"),
-      _el$29 = _$createElement("text");
-    _$insertNode(_el$19, _el$20);
-    _$insertNode(_el$19, _el$25);
-    _$insertNode(_el$19, _el$27);
-    _$setProp(_el$19, "paddingLeft", 2);
-    _$setProp(_el$19, "paddingRight", 2);
-    _$setProp(_el$19, "gap", 1);
-    _$insertNode(_el$20, _el$21);
-    _$insertNode(_el$21, _el$22);
-    _$insertNode(_el$21, _el$23);
-    _$setProp(_el$21, "flexDirection", "row");
-    _$setProp(_el$21, "justifyContent", "space-between");
-    _$insert(_el$22, () => props.title);
-    _$insertNode(_el$23, _$createTextNode(`esc`));
-    _$setProp(_el$23, "onMouseUp", close);
-    _$insert(_el$20, subtitle ? (() => {
-      var _el$31 = _$createElement("text");
-      _$insert(_el$31, () => sanitizeDisplayText(subtitle));
-      _$effect(_$p => _$setProp(_el$31, "fg", theme().text.muted, _$p));
-      return _el$31;
-    })() : null, null);
-    _$insertNode(_el$25, _el$26);
-    _$setProp(_el$25, "paddingBottom", 1);
-    _$use(element => {
-      scroll = element;
-    }, _el$26);
-    _$insert(_el$26, _$createComponent(ReportDocumentView, {
-      get document() {
-        return props.document;
-      },
-      get theme() {
-        return theme();
-      },
-      get width() {
-        return tableWidth();
-      }
-    }));
-    _$insertNode(_el$27, _el$28);
-    _$setProp(_el$27, "flexDirection", "row");
-    _$setProp(_el$27, "justifyContent", "flex-end");
-    _$setProp(_el$27, "paddingBottom", 1);
-    _$insertNode(_el$28, _el$29);
-    _$setProp(_el$28, "paddingLeft", 3);
-    _$setProp(_el$28, "paddingRight", 3);
-    _$setProp(_el$28, "onMouseUp", close);
-    _$insertNode(_el$29, _$createTextNode(`ok`));
-    _$effect(_p$ => {
-      var _v$10 = TextAttributes.BOLD,
-        _v$11 = theme().text.base,
-        _v$12 = theme().text.muted,
-        _v$13 = maxHeight(),
-        _v$14 = theme().background.action.primary.focused,
-        _v$15 = theme().text.action.primary.focused;
-      _v$10 !== _p$.e && (_p$.e = _$setProp(_el$22, "attributes", _v$10, _p$.e));
-      _v$11 !== _p$.t && (_p$.t = _$setProp(_el$22, "fg", _v$11, _p$.t));
-      _v$12 !== _p$.a && (_p$.a = _$setProp(_el$23, "fg", _v$12, _p$.a));
-      _v$13 !== _p$.o && (_p$.o = _$setProp(_el$26, "maxHeight", _v$13, _p$.o));
-      _v$14 !== _p$.i && (_p$.i = _$setProp(_el$28, "backgroundColor", _v$14, _p$.i));
-      _v$15 !== _p$.n && (_p$.n = _$setProp(_el$29, "fg", _v$15, _p$.n));
-      return _p$;
-    }, {
-      e: undefined,
-      t: undefined,
-      a: undefined,
-      o: undefined,
-      i: undefined,
-      n: undefined
-    });
-    return _el$19;
-  })();
-}
-function showQuotaOutputDialog(context, output) {
-  return new Promise(resolve => {
-    context.ui.dialog.show(() => _$createComponent(QuotaOutputDialog, {
-      context: context,
-      get title() {
-        return output.title;
-      },
-      get document() {
-        return output.document;
-      },
-      get size() {
-        return output.dialogSize;
-      }
-    }), resolve);
-    context.ui.dialog.set({
-      size: output.dialogSize
-    });
-  });
-}
-
-/**
- * Runs a quota command from the command palette or the prompt. It opens the dialog and
- * posts no message. `typed` holds the arguments typed after the command name in the prompt.
- */
-async function runQuotaCommand(context, command, sessionID, typed) {
-  const spec = QUOTA_DIALOG_COMMANDS.find(item => item.id === command);
-  let argumentsText = typed?.argumentsText;
-  // Only /tokens_between needs arguments; the palette asks for them.
-  if (command === "tokens_between" && !typed) {
-    const value = await context.ui.dialog.prompt({
-      title: spec.title,
-      placeholder: "YYYY-MM-DD YYYY-MM-DD"
-    });
-    if (value === undefined) return;
-    argumentsText = value.trim() || undefined;
-  }
-  try {
-    const result = await quotaRpc(context).command({
-      command,
-      arguments: argumentsText,
-      sessionID
-    }, quotaRpcOptions(context));
-    if (result.state === "noop") return;
-    await showQuotaOutputDialog(context, {
-      title: result.title,
-      document: result.document,
-      dialogSize: result.dialogSize
-    });
-  } catch (error) {
-    context.ui.toast.show({
-      variant: "error",
-      title: "OpenCode Quota",
-      message: sanitizeDisplayText(rpcErrorMessage(error))
-    });
-  }
-}
-
-/**
- * Quota slash commands that reach the server (from Web or Desktop, queued in the TUI, or
- * typed in "inline" mode) post the report into the chat as a pending inbox item. When a
- * report arrives for the session on screen, tuiCommandDisplay decides what the TUI shows: "dialog" opens the report in the dialog and cancels the pending
- * item, so no chat message remains; "inline" leaves the report in the chat.
- * A command sent from Home creates its session, and OpenCode opens that session before the
- * server runs the command, so its report also arrives for the session on screen.
- * The TUI cannot tell which client typed the command, so in "dialog" mode it also removes a
- * report that Web or Desktop requested for the same session while the TUI shows it.
- */
-async function showPostedQuotaReport(context, event) {
-  const sessionID = getSessionID(event);
-  if (!sessionID || sessionID !== getRouteSessionID(context)) return;
-  const inboxID = event.data?.inboxID;
-  const item = event.data?.item;
-  if (typeof inboxID !== "string") return;
-  if (item?.type !== "user" || typeof item.payload?.text !== "string") return;
-  const report = readQuotaReportMetadata(item.payload.metadata);
-  if (!report) return;
-  const spec = QUOTA_DIALOG_COMMANDS.find(candidate => candidate.id === report.command);
-  if (!spec) return;
-  const config = await loadConfig(quotaClient(context), undefined, {
-    configRootDir: quotaRoots(context).configRoot
-  });
-  if (config.tuiCommandDisplay !== "dialog") return;
-  // Cancelling deletes the pending item before it becomes a stored message, the same
-  // request the TUI sends when the user deletes a pending prompt.
-  void context.client.session.inbox.cancel({
-    sessionID,
-    inboxID
-  }).catch(error => {
-    const message = error instanceof Error ? error.message : String(error);
-    console.warn(`[opencode-quota] failed to remove the quota report from the chat: ${message}`);
-  });
-  void showQuotaOutputDialog(context, {
-    title: report.title,
-    document: report.document,
-    dialogSize: spec.dialogSize
-  });
-}
-function getRouteSessionID(context) {
-  const route = context.ui.router.current();
-  return route.type === "session" ? route.sessionID : undefined;
-}
-function registerQuotaCommands(context) {
-  context.keymap.layer(() => ({
-    mode: "global",
-    commands: QUOTA_DIALOG_COMMANDS.map(spec => ({
-      id: `quota.${spec.id}`,
-      title: spec.title,
-      group: "OpenCode Quota",
-      // No slash entry: the server plugin registers the "/" commands, so each is listed once.
-      palette: true,
-      run: () => runQuotaCommand(context, spec.id, getRouteSessionID(context))
-    }))
-  }));
-}
-
-/**
- * Runs typed quota slash commands in the TUI. On Enter, before OpenCode submits the prompt,
- * a prompt that holds exactly a quota command is cleared and the command opens its dialog.
- * So the report never shows in the chat, and on Home no session is created for it.
- * Everything else, and every command in "inline" mode, goes on to OpenCode's submit, and
- * the server command posts the report as before.
- * The layer has no mode, so it is off while the "/" list or a dialog is open. tuiCommandDisplay
- * must be known when Enter is pressed, so it is read at start and again after each typed
- * quota command. Until the first read finishes, typed commands follow the default, "dialog".
- */
-function registerTypedQuotaCommands(context) {
-  let commandDisplay;
-  const readCommandDisplay = () => {
-    void loadConfig(quotaClient(context), undefined, {
-      configRootDir: quotaRoots(context).configRoot
-    }).then(config => {
-      commandDisplay = config.tuiCommandDisplay;
-    }).catch(reportFailure);
-  };
-  readCommandDisplay();
-  context.keymap.layer(() => ({
-    // Above OpenCode's textarea layer, which submits the prompt on Enter.
-    priority: 1,
-    commands: [{
-      bind: "return",
-      // Synchronous on purpose: a returned promise counts as handled.
-      run: () => {
-        const editor = context.renderer.currentFocusedEditor;
-        const typed = editor ? parseQuotaSlashCommand(editor.plainText) : undefined;
-        if (!editor || !typed) return false;
-        const display = commandDisplay;
-        readCommandDisplay();
-        if (display === "inline") return false;
-        editor.clear();
-        void runQuotaCommand(context, typed.command, getRouteSessionID(context), typed);
-      }
-    }]
-  }));
-}
-function SidebarQuotaView(props) {
-  const [open, setOpen] = createSignal(true);
-  const [quota, setQuota] = createSignal(undefined);
-  const lines = () => quota()?.message.split("\n") ?? [];
-  const expandable = () => lines().length > 2;
-  const view = createViewRefresh(() => getQuotaMessage(props.context, props.sessionID, "sidebar"), setQuota);
-  view.refresh();
-  const interval = setInterval(view.refresh, REFRESH_INTERVAL_MS);
-  const unsubscribe = props.context.data.on("session.step.ended", event => {
-    if (getSessionID(event) === props.sessionID) view.refresh();
-  });
-  onCleanup(() => {
-    view.dispose();
-    clearInterval(interval);
-    unsubscribe();
-  });
-  return (() => {
-    var _el$32 = _$createElement("box"),
-      _el$33 = _$createElement("box"),
-      _el$35 = _$createElement("text"),
-      _el$36 = _$createElement("b");
-    _$insertNode(_el$32, _el$33);
-    _$setProp(_el$32, "flexDirection", "column");
-    _$insertNode(_el$33, _el$35);
-    _$setProp(_el$33, "flexDirection", "row");
-    _$setProp(_el$33, "gap", 1);
-    _$setProp(_el$33, "onMouseDown", () => expandable() && setOpen(value => !value));
-    _$insert(_el$33, _$createComponent(Show, {
-      get when() {
-        return expandable();
-      },
-      get children() {
-        var _el$34 = _$createElement("text");
-        _$insert(_el$34, () => open() ? "▼" : "▶");
-        _$effect(_$p => _$setProp(_el$34, "fg", props.context.theme.text.base, _$p));
-        return _el$34;
-      }
-    }), _el$35);
-    _$insertNode(_el$35, _el$36);
-    _$insertNode(_el$36, _$createTextNode(`Quota`));
-    _$insert(_el$35, _$createComponent(Show, {
-      get when() {
-        return _$memo(() => !!(expandable() && !open()))() && quota()?.activeProviderCount;
-      },
-      children: count => ` (${count()} active)`
-    }), null);
-    _$insert(_el$32, _$createComponent(Show, {
-      get when() {
-        return quota();
-      },
-      get fallback() {
-        return (() => {
-          var _el$38 = _$createElement("text");
-          _$insertNode(_el$38, _$createTextNode(`No quota data available`));
-          _$effect(_$p => _$setProp(_el$38, "fg", props.context.theme.text.muted, _$p));
-          return _el$38;
-        })();
-      },
-      get children() {
-        return _$createComponent(Show, {
-          get when() {
-            return !expandable() || open();
-          },
-          get children() {
-            return lines().map(line =>
-            // Provider headers such as "[Copilot] (individual)" are bold, like section titles.
-            line.startsWith("[") ? (() => {
-              var _el$40 = _$createElement("text"),
-                _el$41 = _$createElement("b");
-              _$insertNode(_el$40, _el$41);
-              _$setProp(_el$40, "wrapMode", "none");
-              _$insert(_el$41, line);
-              _$effect(_$p => _$setProp(_el$40, "fg", props.context.theme.text.base, _$p));
-              return _el$40;
-            })() : (() => {
-              var _el$42 = _$createElement("text");
-              _$setProp(_el$42, "wrapMode", "none");
-              _$insert(_el$42, line || " ");
-              _$effect(_$p => _$setProp(_el$42, "fg", props.context.theme.text.muted, _$p));
-              return _el$42;
-            })());
-          }
-        });
-      }
-    }), null);
-    _$effect(_$p => _$setProp(_el$35, "fg", props.context.theme.text.base, _$p));
-    return _el$32;
-  })();
-}
-const plugin = Plugin.define({
-  id: "@slkiser/opencode-quota",
-  setup(context) {
-    const api = context;
-    let disposeEvents;
-    const questionToolCalls = new Set();
-    const disposeApp = api.ui.slot({
-      append: "app",
-      render: () => {
-        // OpenCode mounts this slot again when it reconnects to its server, which can also
-        // happen right after it starts. Leaving a mount drops its keymap layers and event
-        // listeners, so each mount replaces the listeners and registers everything again.
-        disposeEvents?.();
-        registerQuotaCommands(api);
-        registerTypedQuotaCommands(api);
-        const trigger = (event, reason) => {
-          const sessionID = getSessionID(event);
-          if (!sessionID) return;
-          // As in v4, subagent (child) sessions never show quota toasts.
-          if (api.data.session.get(sessionID)?.parentID) return;
-          void getQuotaMessage(api, sessionID, reason).then(quota => {
-            if (!quota) return;
-            api.ui.toast.show({
-              variant: "info",
-              title: "OpenCode Quota",
-              message: quota.message,
-              duration: quota.duration
-            });
-            if (quota.resetNotification) {
-              api.ui.toast.show({
-                variant: "success",
-                title: "Quota available",
-                message: sanitizeDisplayText(quota.resetNotification),
-                duration: quota.duration
-              });
-            }
-          }).catch(reportFailure);
-        };
-        const onExecutionSucceeded = api.data.on("session.execution.succeeded", event => trigger(event, "idle"));
-        const onCompacted = api.data.on("session.compaction.ended", event => trigger(event, "compacted"));
-        const onQuestionStarted = api.data.on("session.tool.input.started", event => {
-          const id = event.data?.id;
-          if (event.data?.name === "question" && typeof id === "string") {
-            questionToolCalls.add(id);
-          }
-        });
-        const onQuestionSucceeded = api.data.on("session.tool.success", event => {
-          const id = event.data?.id;
-          if (typeof id === "string" && questionToolCalls.delete(id)) trigger(event, "question");
-        });
-        const onQuestionFailed = api.data.on("session.tool.failed", event => {
-          const id = event.data?.id;
-          if (typeof id === "string") questionToolCalls.delete(id);
-        });
-        const onInboxEnqueued = api.data.on("session.inbox.enqueued", event => {
-          void showPostedQuotaReport(api, event).catch(reportFailure);
-        });
-        disposeEvents = () => {
-          onExecutionSucceeded();
-          onCompacted();
-          onQuestionStarted();
-          onQuestionSucceeded();
-          onQuestionFailed();
-          onInboxEnqueued();
-          questionToolCalls.clear();
-        };
-        return null;
-      }
-    });
-    const disposeSidebar = api.ui.slot({
-      append: "sidebar.content",
-      render: props => _$createComponent(SidebarQuotaView, {
-        context: api,
-        get sessionID() {
-          return props.sessionID;
-        }
-      })
-    });
-    const disposePrompt = api.ui.slot({
-      append: "prompt.footer",
-      render: props => _$createComponent(QuotaFooter, {
-        context: api,
-        get sessionID() {
-          return props.sessionID;
-        },
-        surface: "prompt"
-      })
-    });
-    const disposeHome = api.ui.slot({
-      append: "home.footer.status",
-      render: () => _$createComponent(QuotaFooter, {
-        context: api,
-        surface: "home"
-      })
-    });
-    return () => {
-      disposeEvents?.();
-      disposeApp();
-      disposeSidebar();
-      disposePrompt();
-      disposeHome();
-    };
-  }
-});
-export default plugin;
+export { default } from "./tui/index.js";