@arandevcode/opencode-quota-extended 0.1.0

package/dist/ui/cards.d.ts

@@ -0,0 +1,13 @@
+import type { JSX } from "@opentui/solid";
+import type { TuiThemeCurrent } from "@opencode-ai/plugin/tui";
+import type { ProviderQuota } from "../lib/types.js";
+export declare function ProviderCards(props: {
+    api: {
+        theme: {
+            current: TuiThemeCurrent;
+        };
+    };
+    provider: ProviderQuota;
+    showOnlyMultiWindow: boolean;
+}): JSX.Element;
+//# sourceMappingURL=cards.d.ts.map

package/dist/ui/cards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cards.d.ts","sourceRoot":"","sources":["../../src/ui/cards.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAe,MAAM,iBAAiB,CAAC;AAIlE,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,GAAG,EAAE;QAAE,KAAK,EAAE;YAAE,OAAO,EAAE,eAAe,CAAA;SAAE,CAAA;KAAE,CAAC;IAC7C,QAAQ,EAAE,aAAa,CAAC;IACxB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,GAAG,GAAG,CAAC,OAAO,CA+Cd"}

package/dist/ui/cards.tsx

@@ -0,0 +1,117 @@
+/** @jsxImportSource @opentui/solid */
+import { For } from "solid-js";
+import { TextAttributes } from "@opentui/core";
+import type { JSX } from "@opentui/solid";
+import type { TuiThemeCurrent } from "@opencode-ai/plugin/tui";
+import type { ProviderQuota, QuotaWindow } from "../lib/types.js";
+import { trafficLight } from "./progress-bar.js";
+import { formatResetCombined } from "../lib/reset-format.js";
+
+export function ProviderCards(props: {
+  api: { theme: { current: TuiThemeCurrent } };
+  provider: ProviderQuota;
+  showOnlyMultiWindow: boolean;
+}): JSX.Element {
+  const theme = () => props.api.theme.current;
+  const muted = () => theme().textMuted;
+  const errorColor = () => theme().error;
+
+  if (props.provider.status === "skipped") return null;
+
+  if (props.provider.status === "no-auth") {
+    return (
+      <text fg={muted()}>
+        {props.provider.label}: no auth
+      </text>
+    );
+  }
+
+  if (props.provider.status === "error") {
+    return (
+      <text fg={errorColor()}>
+        {props.provider.label}: {props.provider.error ?? "error"}
+      </text>
+    );
+  }
+
+  if (props.provider.windows.length === 0) {
+    return (
+      <text fg={muted()}>
+        {props.provider.label}: no data
+      </text>
+    );
+  }
+
+  if (props.showOnlyMultiWindow && props.provider.windows.length === 1) {
+    return null;
+  }
+
+  return (
+    <box flexDirection="column" gap={0}>
+      <text fg={theme().text} attributes={TextAttributes.BOLD}>
+        {props.provider.label}
+      </text>
+      <box flexDirection="column" gap={1}>
+        <For each={props.provider.windows}>
+          {(window) => <WindowRow api={props.api} window={window} />}
+        </For>
+      </box>
+    </box>
+  );
+}
+
+function WindowRow(props: {
+  api: { theme: { current: TuiThemeCurrent } };
+  window: QuotaWindow;
+}): JSX.Element {
+  const theme = () => props.api.theme.current;
+  const muted = () => theme().textMuted;
+  const textColor = () => theme().text;
+  const percent = () => props.window.percentRemaining;
+  const light = () => trafficLight(percent());
+  const barColor = () => {
+    if (light() === "ok") return "#6b8e23";
+    if (light() === "warning") return "#ffa500";
+    return "#ff6b6b";
+  };
+  const label = () => windowDisplayLabel(props.window);
+  const reset = () => formatReset(props.window.resetTimeIso);
+  const usedPct = () => {
+    const v = Math.round(100 - percent());
+    return v >= 0 ? v : 0;
+  };
+
+  return (
+    <box flexDirection="column" gap={0}>
+      <box flexDirection="row" gap={0} justifyContent="space-between">
+        <text>{label()}</text>
+        <text fg={light() === "error" ? barColor() : muted()}>{reset()}</text>
+      </box>
+      <box flexDirection="row" height={1}>
+        <box flexGrow={percent()} backgroundColor={barColor()} />
+        <box flexGrow={100 - percent()} backgroundColor={theme().backgroundElement} />
+      </box>
+      <box flexDirection="row" gap={0} justifyContent="flex-end">
+        <text fg={textColor()}>{`${usedPct()}% used / `}</text>
+        <text fg={barColor()}>{`${percent()}% left`}</text>
+      </box>
+    </box>
+  );
+}
+
+function windowDisplayLabel(window: QuotaWindow): string {
+  if (
+    typeof window.remaining === "number" &&
+    typeof window.total === "number" &&
+    Number.isFinite(window.remaining) &&
+    Number.isFinite(window.total)
+  ) {
+    return `${window.remaining}/${window.total}`;
+  }
+  return window.label;
+}
+
+function formatReset(iso: string | undefined): string {
+  const s = formatResetCombined(iso);
+  return s || "—";
+}

package/dist/ui/index.html

@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>Directory listing for /opencode-personal-projects/opencode-quota-extended/dist/ui/</title>
+</head>
+<body>
+<h1>Directory listing for /opencode-personal-projects/opencode-quota-extended/dist/ui/</h1>
+<hr>
+<ul>
+<li><a href="cards.d.ts">cards.d.ts</a></li>
+<li><a href="cards.d.ts.map">cards.d.ts.map</a></li>
+<li><a href="cards.tsx">cards.tsx</a></li>
+<li><a href="progress-bar.d.ts">progress-bar.d.ts</a></li>
+<li><a href="progress-bar.d.ts.map">progress-bar.d.ts.map</a></li>
+<li><a href="progress-bar.js">progress-bar.js</a></li>
+<li><a href="progress-bar.js.map">progress-bar.js.map</a></li>
+<li><a href="SidebarPanel.d.ts">SidebarPanel.d.ts</a></li>
+<li><a href="SidebarPanel.d.ts.map">SidebarPanel.d.ts.map</a></li>
+<li><a href="SidebarPanel.tsx">SidebarPanel.tsx</a></li>
+</ul>
+<hr>
+</body>
+</html>

package/dist/ui/progress-bar.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Build a visual progress bar using Unicode block characters.
+ *
+ * @param percentRemaining - Percent remaining (0-100), clamped internally
+ * @param width - Character width of the bar (default 12)
+ * @returns Filled (▓) and empty (░) strings of the appropriate length
+ */
+export declare function renderProgressBar(percentRemaining: number, width?: number): {
+    filled: string;
+    empty: string;
+    width: number;
+};
+export type TrafficLight = "ok" | "warning" | "error";
+/**
+ * Classify a percent-remaining value into a traffic-light state.
+ *
+ * - `ok` (≥50%): high quota remaining
+ * - `warning` (25–49%): moderate usage
+ * - `error` (<25%): nearly exhausted
+ */
+export declare function trafficLight(percentRemaining: number): TrafficLight;
+/**
+ * Map a traffic-light state to the corresponding TuiThemeCurrent color key.
+ */
+export declare function trafficLightColorKey(light: TrafficLight): "accent" | "warning" | "error";
+export declare function trafficLightIndicator(light: TrafficLight): string;
+//# sourceMappingURL=progress-bar.d.ts.map

package/dist/ui/progress-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../src/ui/progress-bar.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,gBAAgB,EAAE,MAAM,EAAE,KAAK,GAAE,MAAW,GAAG;IAC/E,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAQA;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC;AAEtD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,gBAAgB,EAAE,MAAM,GAAG,YAAY,CAInE;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAIxF;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,MAAM,CAIjE"}

package/dist/ui/progress-bar.js

@@ -0,0 +1,48 @@
+/**
+ * Build a visual progress bar using Unicode block characters.
+ *
+ * @param percentRemaining - Percent remaining (0-100), clamped internally
+ * @param width - Character width of the bar (default 12)
+ * @returns Filled (▓) and empty (░) strings of the appropriate length
+ */
+export function renderProgressBar(percentRemaining, width = 12) {
+    const clamped = Math.max(0, Math.min(100, percentRemaining));
+    const filledCount = Math.max(0, Math.min(width, Math.round((clamped / 100) * width)));
+    return {
+        filled: "▓".repeat(filledCount),
+        empty: "░".repeat(width - filledCount),
+        width,
+    };
+}
+/**
+ * Classify a percent-remaining value into a traffic-light state.
+ *
+ * - `ok` (≥50%): high quota remaining
+ * - `warning` (25–49%): moderate usage
+ * - `error` (<25%): nearly exhausted
+ */
+export function trafficLight(percentRemaining) {
+    if (percentRemaining >= 50)
+        return "ok";
+    if (percentRemaining >= 25)
+        return "warning";
+    return "error";
+}
+/**
+ * Map a traffic-light state to the corresponding TuiThemeCurrent color key.
+ */
+export function trafficLightColorKey(light) {
+    if (light === "ok")
+        return "accent";
+    if (light === "warning")
+        return "warning";
+    return "error";
+}
+export function trafficLightIndicator(light) {
+    if (light === "ok")
+        return "●";
+    if (light === "warning")
+        return "●";
+    return "●";
+}
+//# sourceMappingURL=progress-bar.js.map

package/dist/ui/progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../src/ui/progress-bar.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,iBAAiB,CAAC,gBAAwB,EAAE,QAAgB,EAAE;IAK5E,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACtF,OAAO;QACL,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC;QAC/B,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,WAAW,CAAC;QACtC,KAAK;KACN,CAAC;AACJ,CAAC;AAID;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAC,gBAAwB;IACnD,IAAI,gBAAgB,IAAI,EAAE;QAAE,OAAO,IAAI,CAAC;IACxC,IAAI,gBAAgB,IAAI,EAAE;QAAE,OAAO,SAAS,CAAC;IAC7C,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAmB;IACtD,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,QAAQ,CAAC;IACpC,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAC1C,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,KAAmB;IACvD,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,GAAG,CAAC;IAC/B,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,GAAG,CAAC;IACpC,OAAO,GAAG,CAAC;AACb,CAAC"}

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@arandevcode/opencode-quota-extended",
+  "version": "0.1.0",
+  "description": "OpenCode plugin: quota usage cards with progress bars (5h / weekly / monthly) for OpenAI, GitHub Copilot and OpenCode Go in the TUI sidebar.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./server": {
+      "types": "./dist/server.d.ts",
+      "default": "./dist/server.js"
+    },
+    "./tui": {
+      "types": "./dist/tui.d.ts",
+      "default": "./dist/tui.tsx"
+    }
+  },
+  "bin": {
+    "opencode-quota": "./bin/quota.mjs"
+  },
+  "oc-plugin": [
+    "server",
+    "tui"
+  ],
+  "files": [
+    "dist",
+    "bin",
+    "images",
+    "README.md",
+    "README-es.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsc && node scripts/postbuild.mjs",
+    "prepublish": "tsc && node scripts/postbuild.mjs",
+    "build:watch": "tsc --watch",
+    "typecheck": "tsc --noEmit",
+    "quota": "node bin/quota.mjs",
+    "setup": "node scripts/setup.mjs",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "dependencies": {
+    "xdg-basedir": "^5.1.0"
+  },
+  "peerDependencies": {
+    "@opencode-ai/plugin": "^1.4.3",
+    "@opentui/core": "^0.4.1",
+    "@opentui/solid": "^0.4.1",
+    "solid-js": "^1.9.12"
+  },
+  "devDependencies": {
+    "@opencode-ai/plugin": "^1.15.13",
+    "@opentui/core": "^0.4.1",
+    "@opentui/solid": "^0.4.1",
+    "@types/node": "^22.0.0",
+    "solid-js": "^1.9.12",
+    "typescript": "^5.8.0",
+    "vitest": "^4.0.17",
+    "zod": "^4.1.8"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "arandevcode",
+  "license": "MIT"
+}