@flanksource/clicky-ui 0.3.36 → 0.3.37

package/dist/data/chat/ContextMeter.cjs

@@ -7,29 +7,16 @@ const tokens = require("../../lib/tokens.cjs");
 const Icon = require("../Icon.cjs");
 const HoverCard = require("../../overlay/HoverCard.cjs");
 const effortIcons = require("./effort-icons.cjs");
+const ContextMeter_bar = require("./ContextMeter.bar.cjs");
+const ContextMeter_styles = require("./ContextMeter.styles.cjs");
 const UiCheck = require("../../icons/components/UiCheck.cjs");
 const UiCopy = require("../../icons/components/UiCopy.cjs");
-const COPY_STATUS_RESET_MS = 2e3;
-const GAUGE_RADIUS = 15;
-const GAUGE_CIRCUMFERENCE = 2 * Math.PI * GAUGE_RADIUS;
-function barTone(pct) {
-  return pct > 80 ? "bg-red-600 [[data-theme=dark]_&]:bg-red-400" : pct > 50 ? "bg-amber-700 [[data-theme=dark]_&]:bg-amber-400" : "bg-emerald-600 [[data-theme=dark]_&]:bg-emerald-400";
-}
-function ringTone(pct) {
-  return pct > 80 ? "text-red-600 [[data-theme=dark]_&]:text-red-400" : pct > 50 ? "text-amber-700 [[data-theme=dark]_&]:text-amber-400" : "text-emerald-600 [[data-theme=dark]_&]:text-emerald-400";
-}
-function textTone(pct) {
-  return pct > 80 ? "text-red-700 [[data-theme=dark]_&]:text-red-400" : pct > 50 ? "text-amber-700 [[data-theme=dark]_&]:text-amber-400" : "text-emerald-700 [[data-theme=dark]_&]:text-emerald-400";
-}
 function Row({ label, value }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between gap-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: label }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium tabular-nums", children: value })
   ] });
 }
-function anyPositive(...values) {
-  return values.some((v) => v != null && v > 0);
-}
 function bucketRows(tokens2, cost) {
   const rows = [
     { label: "Input", tokens: tokens2 == null ? void 0 : tokens2.input, cost: cost == null ? void 0 : cost.input },
@@ -144,7 +131,7 @@ function ContextMeter({
     }
     copyResetTimer.current = window.setTimeout(
       () => setCopyResult(void 0),
-      COPY_STATUS_RESET_MS
+      ContextMeter_styles.COPY_STATUS_RESET_MS
     );
   };
   const trigger = mode === "gauge" ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -164,14 +151,14 @@ function ContextMeter({
             width: "36",
             height: "36",
             viewBox: "0 0 36 36",
-            className: utils.cn("absolute inset-0", ringTone(pct)),
+            className: utils.cn("absolute inset-0", ContextMeter_styles.contextRingTone(pct)),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 "circle",
                 {
                   cx: "18",
                   cy: "18",
-                  r: GAUGE_RADIUS,
+                  r: ContextMeter_styles.GAUGE_RADIUS,
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: "3",
@@ -183,12 +170,12 @@ function ContextMeter({
                 {
                   cx: "18",
                   cy: "18",
-                  r: GAUGE_RADIUS,
+                  r: ContextMeter_styles.GAUGE_RADIUS,
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: "3",
-                  strokeDasharray: GAUGE_CIRCUMFERENCE,
-                  strokeDashoffset: (1 - pct / 100) * GAUGE_CIRCUMFERENCE,
+                  strokeDasharray: ContextMeter_styles.GAUGE_CIRCUMFERENCE,
+                  strokeDashoffset: (1 - pct / 100) * ContextMeter_styles.GAUGE_CIRCUMFERENCE,
                   strokeLinecap: "round",
                   transform: "rotate(-90 18 18)"
                 }
@@ -207,44 +194,26 @@ function ContextMeter({
           {
             className: utils.cn(
               "relative text-[9px] font-semibold tabular-nums",
-              textTone(pct)
+              ContextMeter_styles.contextTextTone(pct)
             ),
             children: pct
           }
         )
       ] })
     }
-  ) : /* @__PURE__ */ jsxRuntime.jsxs(
-    "span",
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
+    ContextMeter_bar.ContextMeterBar,
     {
-      className: utils.cn(
-        "inline-flex items-center gap-1.5 rounded border border-border px-1.5 py-0.5 text-[11px] text-muted-foreground",
-        className
-      ),
-      "aria-label": `Context ${pct}% used`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: "ctx" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-1.5 w-16 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: utils.cn(
-              "block h-full rounded-full transition-all",
-              barTone(pct)
-            ),
-            style: { width: `${pct}%` }
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "span",
-          {
-            className: utils.cn("shrink-0 font-medium tabular-nums", textTone(pct)),
-            children: [
-              pct,
-              "%"
-            ]
-          }
-        )
-      ]
+      pct,
+      barClassName: ContextMeter_styles.contextBarTone(pct),
+      textClassName: ContextMeter_styles.contextTextTone(pct),
+      ...provider ? { provider } : {},
+      ...executionMode ? { executionMode } : {},
+      ...model ? { model } : {},
+      ...Glyph ? { modelIcon: Glyph } : {},
+      ...modelIconClassName ? { modelIconClassName } : {},
+      ...effort ? { effort } : {},
+      ...className ? { className } : {}
     }
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -257,10 +226,16 @@ function ContextMeter({
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2.5 text-xs", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Context usage" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: utils.cn("font-semibold tabular-nums", textTone(pct)), children: [
-            pct,
-            "%"
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: utils.cn("font-semibold tabular-nums", ContextMeter_styles.contextTextTone(pct)),
+              children: [
+                pct,
+                "%"
+              ]
+            }
+          )
         ] }),
         (model || effort) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-border pb-2", children: [
           model ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
@@ -332,7 +307,7 @@ function ContextMeter({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: utils.cn("h-full rounded-full", barTone(pct)),
+              className: utils.cn("h-full rounded-full", ContextMeter_styles.contextBarTone(pct)),
               style: { width: `${pct}%` }
             }
           ) }),
@@ -365,7 +340,7 @@ function ContextMeter({
               label: "Budget",
               value: `${tokens.formatCost(budget.used ?? 0)} / ${tokens.formatCost(budget.total)}`
             }
-          ) : (budget == null ? void 0 : budget.remaining) != null ? /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "Budget left", value: tokens.formatCost(budget.remaining) }) : anyPositive(budget == null ? void 0 : budget.used) ? /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "Budget", value: tokens.formatCost((budget == null ? void 0 : budget.used) ?? 0) }) : null
+          ) : (budget == null ? void 0 : budget.remaining) != null ? /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "Budget left", value: tokens.formatCost(budget.remaining) }) : (budget == null ? void 0 : budget.used) != null && budget.used > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "Budget", value: tokens.formatCost((budget == null ? void 0 : budget.used) ?? 0) }) : null
         ] })
       ] })
     }

package/dist/data/chat/ContextMeter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMeter.cjs","sources":["../../../src/data/chat/ContextMeter.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { compactTokens, formatCost } from \"../../lib/tokens\";\nimport { UiCheck, UiCopy } from \"../../icons\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { HoverCard } from \"../../overlay/HoverCard\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"./effort-icons\";\n\nexport type ContextMeterMode = \"bar\" | \"gauge\";\n\nexport type ContextMeterTokens = {\n  input?: number | undefined;\n  output?: number | undefined;\n  reasoning?: number | undefined;\n  cacheRead?: number | undefined;\n  cacheWrite?: number | undefined;\n  total?: number | undefined;\n};\n\nexport type ContextMeterCost = {\n  input?: number | undefined;\n  output?: number | undefined;\n  reasoning?: number | undefined;\n  cacheRead?: number | undefined;\n  cacheWrite?: number | undefined;\n  total?: number | undefined;\n};\n\nexport type ContextMeterBudget = {\n  used?: number | undefined;\n  total?: number | undefined;\n  remaining?: number | undefined;\n};\n\nexport type ContextMeterProps = {\n  /** Trigger shape: a compact `bar` (session header) or a circular `gauge`\n   *  (chat toolbar). Both open the same hover popover. */\n  mode?: ContextMeterMode;\n  /** Share of the context window used, 0–100 — drives the fill and tone. */\n  usedPercent: number;\n  /** Context-window tokens shown in the popover. */\n  usedTokens?: number | undefined;\n  windowTokens?: number | undefined;\n  /** Message count shown in the popover (chat). */\n  messageCount?: number | undefined;\n  /** Session identifier exposed as a click-to-copy value in the popover. */\n  sessionId?: string | undefined;\n  /** Terminal chat identities, kept distinct from the generic session id. */\n  captainSessionId?: string | undefined;\n  providerSessionId?: string | undefined;\n  threadId?: string | undefined;\n  turnId?: string | undefined;\n  /** Provider family that produced the terminal chat turn: anthropic, openai, … */\n  provider?: string | undefined;\n  /** Runtime mechanism used to execute the session, such as api or cmux. */\n  executionMode?: string | undefined;\n  /** Model id/label and its brand glyph. */\n  model?: string | undefined;\n  modelIcon?: StaticIconComponent | undefined;\n  modelIconClassName?: string | undefined;\n  /** Reasoning effort shown with its semantic glyph and color in the hover card. */\n  effort?: string | undefined;\n  /** Per-bucket token counts for the popover breakdown. */\n  tokens?: ContextMeterTokens | undefined;\n  /** Per-bucket costs (USD) for the popover breakdown. */\n  cost?: ContextMeterCost | undefined;\n  budget?: ContextMeterBudget | undefined;\n  className?: string | undefined;\n};\n\nconst COPY_STATUS_RESET_MS = 2000;\nconst GAUGE_RADIUS = 15;\nconst GAUGE_CIRCUMFERENCE = 2 * Math.PI * GAUGE_RADIUS;\n\nfunction barTone(pct: number): string {\n  return pct > 80\n    ? \"bg-red-600 [[data-theme=dark]_&]:bg-red-400\"\n    : pct > 50\n      ? \"bg-amber-700 [[data-theme=dark]_&]:bg-amber-400\"\n      : \"bg-emerald-600 [[data-theme=dark]_&]:bg-emerald-400\";\n}\n\nfunction ringTone(pct: number): string {\n  return pct > 80\n    ? \"text-red-600 [[data-theme=dark]_&]:text-red-400\"\n    : pct > 50\n      ? \"text-amber-700 [[data-theme=dark]_&]:text-amber-400\"\n      : \"text-emerald-600 [[data-theme=dark]_&]:text-emerald-400\";\n}\n\nfunction textTone(pct: number): string {\n  return pct > 80\n    ? \"text-red-700 [[data-theme=dark]_&]:text-red-400\"\n    : pct > 50\n      ? \"text-amber-700 [[data-theme=dark]_&]:text-amber-400\"\n      : \"text-emerald-700 [[data-theme=dark]_&]:text-emerald-400\";\n}\n\nfunction Row({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"flex justify-between gap-4\">\n      <span className=\"text-muted-foreground\">{label}</span>\n      <span className=\"font-medium tabular-nums\">{value}</span>\n    </div>\n  );\n}\n\nfunction anyPositive(...values: (number | undefined)[]): boolean {\n  return values.some((v) => v != null && v > 0);\n}\n\ntype BucketRow = {\n  label: string;\n  tokens?: number | undefined;\n  cost?: number | undefined;\n};\n\ntype CopyableIdentity = {\n  key: string;\n  label: string;\n  value: string;\n};\n\n/** One row per token/cost bucket, kept only when it carries a token or cost\n *  value. Cache stays split into read and write on both axes. */\nfunction bucketRows(\n  tokens?: ContextMeterTokens,\n  cost?: ContextMeterCost,\n): BucketRow[] {\n  const rows: BucketRow[] = [\n    { label: \"Input\", tokens: tokens?.input, cost: cost?.input },\n    { label: \"Output\", tokens: tokens?.output, cost: cost?.output },\n    { label: \"Reasoning\", tokens: tokens?.reasoning, cost: cost?.reasoning },\n    { label: \"Cache read\", tokens: tokens?.cacheRead, cost: cost?.cacheRead },\n    {\n      label: \"Cache write\",\n      tokens: tokens?.cacheWrite,\n      cost: cost?.cacheWrite,\n    },\n  ];\n  return rows.filter((row) => (row.tokens ?? 0) > 0 || (row.cost ?? 0) > 0);\n}\n\nfunction UsageTable({\n  rows,\n  totalTokens,\n  totalCost,\n  showTokens,\n  showCost,\n}: {\n  rows: BucketRow[];\n  totalTokens: number;\n  totalCost: number;\n  showTokens: boolean;\n  showCost: boolean;\n}) {\n  const numCell = \"px-1 py-0.5 text-right tabular-nums\";\n  return (\n    <table className=\"w-full border-collapse\">\n      <thead>\n        <tr className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">\n          <th className=\"px-1 py-0.5 text-left font-medium\" />\n          {showTokens && (\n            <th className=\"px-1 py-0.5 text-right font-medium\">Tokens</th>\n          )}\n          {showCost && (\n            <th className=\"px-1 py-0.5 text-right font-medium\">Cost</th>\n          )}\n        </tr>\n      </thead>\n      <tbody>\n        {rows.map((row) => (\n          <tr key={row.label}>\n            <td className=\"px-1 py-0.5 text-left text-muted-foreground\">\n              {row.label}\n            </td>\n            {showTokens && (\n              <td className={numCell}>\n                {row.tokens ? (\n                  compactTokens(row.tokens)\n                ) : (\n                  <span className=\"text-muted-foreground/50\">—</span>\n                )}\n              </td>\n            )}\n            {showCost && (\n              <td className={numCell}>\n                {row.cost ? (\n                  formatCost(row.cost)\n                ) : (\n                  <span className=\"text-muted-foreground/50\">—</span>\n                )}\n              </td>\n            )}\n          </tr>\n        ))}\n        <tr className=\"border-t border-border font-medium\">\n          <td className=\"px-1 py-0.5 text-left\">Total</td>\n          {showTokens && (\n            <td className={numCell}>{compactTokens(totalTokens)}</td>\n          )}\n          {showCost && <td className={numCell}>{formatCost(totalCost)}</td>}\n        </tr>\n      </tbody>\n    </table>\n  );\n}\n\n/** Unified context-window meter. Renders as a compact progress `bar` or a\n *  circular `gauge`; hovering or focusing it opens a popover with the model, the\n *  runtime and copyable identities, context-window breakdown, per-bucket token\n *  usage and the cost + budget detail. Domain-agnostic — callers feed plain\n *  values. */\nexport function ContextMeter({\n  mode = \"bar\",\n  usedPercent,\n  usedTokens,\n  windowTokens,\n  messageCount,\n  sessionId,\n  captainSessionId,\n  providerSessionId,\n  threadId,\n  turnId,\n  provider,\n  executionMode,\n  model,\n  modelIcon: Glyph,\n  modelIconClassName,\n  effort,\n  tokens,\n  cost,\n  budget,\n  className,\n}: ContextMeterProps) {\n  const [copyResult, setCopyResult] = useState<\n    {\n      identity: string;\n      value: string;\n      status: \"copied\" | \"failed\";\n    } | undefined\n  >();\n  const copyResetTimer = useRef<number | undefined>(undefined);\n  useEffect(\n    () => () => {\n      if (copyResetTimer.current !== undefined) {\n        window.clearTimeout(copyResetTimer.current);\n      }\n    },\n    [],\n  );\n  const pct = Math.min(100, Math.max(0, Math.round(usedPercent)));\n  const totalTokens = tokens?.total ?? 0;\n  const totalCost = cost?.total ?? 0;\n  const EffortGlyph = effort ? effortLevelIcon(effort) : undefined;\n  const effortColor = effort ? effortLevelColor(effort) : undefined;\n  const identities = [\n    sessionId ? { key: \"session\", label: \"Session\", value: sessionId } : undefined,\n    captainSessionId\n      ? {\n          key: \"captain-session\",\n          label: \"Captain session\",\n          value: captainSessionId,\n        }\n      : undefined,\n    providerSessionId\n      ? {\n          key: \"provider-session\",\n          label: \"Provider session\",\n          value: providerSessionId,\n        }\n      : undefined,\n    threadId ? { key: \"thread\", label: \"Thread\", value: threadId } : undefined,\n    turnId ? { key: \"turn\", label: \"Turn\", value: turnId } : undefined,\n  ].filter((identity): identity is CopyableIdentity => identity !== undefined);\n  // The status is transient feedback for the click that produced it — without\n  // this it would greet every later hover of the same identity.\n  const copyIdentity = async (identity: CopyableIdentity) => {\n    if (copyResetTimer.current !== undefined) {\n      window.clearTimeout(copyResetTimer.current);\n    }\n    try {\n      await navigator.clipboard.writeText(identity.value);\n      setCopyResult({\n        identity: identity.key,\n        value: identity.value,\n        status: \"copied\",\n      });\n    } catch {\n      setCopyResult({\n        identity: identity.key,\n        value: identity.value,\n        status: \"failed\",\n      });\n    }\n    copyResetTimer.current = window.setTimeout(\n      () => setCopyResult(undefined),\n      COPY_STATUS_RESET_MS,\n    );\n  };\n\n  const trigger =\n    mode === \"gauge\" ? (\n      <span\n        className={cn(\n          \"inline-flex items-center rounded-md px-2.5 py-1.5 text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\",\n          className,\n        )}\n        aria-label={`Context ${pct}% used`}\n      >\n        <span className=\"relative inline-flex size-9 shrink-0 items-center justify-center\">\n          <svg\n            data-context-gauge-ring\n            aria-hidden=\"true\"\n            width=\"36\"\n            height=\"36\"\n            viewBox=\"0 0 36 36\"\n            className={cn(\"absolute inset-0\", ringTone(pct))}\n          >\n            <circle\n              cx=\"18\"\n              cy=\"18\"\n              r={GAUGE_RADIUS}\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"3\"\n              opacity=\"0.15\"\n            />\n            <circle\n              cx=\"18\"\n              cy=\"18\"\n              r={GAUGE_RADIUS}\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"3\"\n              strokeDasharray={GAUGE_CIRCUMFERENCE}\n              strokeDashoffset={(1 - pct / 100) * GAUGE_CIRCUMFERENCE}\n              strokeLinecap=\"round\"\n              transform=\"rotate(-90 18 18)\"\n            />\n          </svg>\n          {Glyph ? (\n            <Icon\n              icon={Glyph}\n              className={cn(\"relative size-5\", modelIconClassName)}\n            />\n          ) : (\n            <span\n              className={cn(\n                \"relative text-[9px] font-semibold tabular-nums\",\n                textTone(pct),\n              )}\n            >\n              {pct}\n            </span>\n          )}\n        </span>\n      </span>\n    ) : (\n      <span\n        className={cn(\n          \"inline-flex items-center gap-1.5 rounded border border-border px-1.5 py-0.5 text-[11px] text-muted-foreground\",\n          className,\n        )}\n        aria-label={`Context ${pct}% used`}\n      >\n        <span className=\"shrink-0\">ctx</span>\n        <span className=\"h-1.5 w-16 overflow-hidden rounded-full bg-muted\">\n          <span\n            className={cn(\n              \"block h-full rounded-full transition-all\",\n              barTone(pct),\n            )}\n            style={{ width: `${pct}%` }}\n          />\n        </span>\n        <span\n          className={cn(\"shrink-0 font-medium tabular-nums\", textTone(pct))}\n        >\n          {pct}%\n        </span>\n      </span>\n    );\n\n  return (\n    <HoverCard\n      trigger={trigger}\n      placement=\"bottom\"\n      delay={200}\n      cardClassName=\"w-72 p-3\"\n    >\n      <div className=\"space-y-2.5 text-xs\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <span className=\"font-semibold\">Context usage</span>\n          <span className={cn(\"font-semibold tabular-nums\", textTone(pct))}>\n            {pct}%\n          </span>\n        </div>\n\n        {(model || effort) && (\n          <div className=\"flex items-center justify-between gap-3 border-b border-border pb-2\">\n            {model ? (\n              <div className=\"flex min-w-0 items-center gap-2\">\n                {Glyph && (\n                  <Icon\n                    icon={Glyph}\n                    className={cn(\"size-4 shrink-0\", modelIconClassName)}\n                  />\n                )}\n                <span className=\"truncate font-medium\" title={model}>\n                  {model}\n                </span>\n              </div>\n            ) : null}\n            {effort ? (\n              <span\n                className={cn(\n                  \"inline-flex shrink-0 items-center gap-1 font-medium\",\n                  effortColor,\n                )}\n              >\n                {EffortGlyph ? <EffortGlyph className=\"size-3.5\" /> : null}\n                {effortLevelLabel(effort)} effort\n              </span>\n            ) : null}\n          </div>\n        )}\n\n        {(identities.length > 0 || provider || executionMode) && (\n          <div className=\"space-y-1.5 border-b border-border pb-2\">\n            {identities.map((identity) => {\n              const copyStatus =\n                copyResult?.identity === identity.key &&\n                copyResult.value === identity.value\n                  ? copyResult.status\n                  : undefined;\n              return (\n                <div\n                  key={identity.key}\n                  className=\"flex items-center justify-between gap-4\"\n                >\n                  <span className=\"text-muted-foreground\">\n                    {identity.label}\n                  </span>\n                  <button\n                    type=\"button\"\n                    aria-label={\n                      copyStatus === \"copied\"\n                        ? `${identity.label} ID copied`\n                        : copyStatus === \"failed\"\n                          ? `${identity.label} ID copy failed`\n                          : `Copy ${identity.label.toLowerCase()} ID`\n                    }\n                    title={identity.value}\n                    className={cn(\n                      \"flex min-w-0 max-w-48 items-center gap-1.5 font-medium hover:text-foreground\",\n                      copyStatus === \"failed\" && \"text-destructive\",\n                    )}\n                    onClick={() => void copyIdentity(identity)}\n                  >\n                    <span className=\"truncate font-mono\">\n                      {identity.value}\n                    </span>\n                    <Icon\n                      icon={copyStatus === \"copied\" ? UiCheck : UiCopy}\n                      className=\"size-3.5 shrink-0\"\n                    />\n                  </button>\n                </div>\n              );\n            })}\n            {provider ? <Row label=\"Provider\" value={provider} /> : null}\n            {executionMode ? <Row label=\"Mode\" value={executionMode} /> : null}\n          </div>\n        )}\n\n        <div className=\"space-y-1.5\">\n          <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n            <div\n              className={cn(\"h-full rounded-full\", barTone(pct))}\n              style={{ width: `${pct}%` }}\n            />\n          </div>\n          {windowTokens ? (\n            <>\n              <Row\n                label=\"Window\"\n                value={`${compactTokens(usedTokens ?? 0)} / ${compactTokens(windowTokens)}`}\n              />\n              <Row label=\"Free\" value={`${100 - pct}%`} />\n            </>\n          ) : (\n            <Row label=\"Used\" value={`${pct}%`} />\n          )}\n          {messageCount != null ? (\n            <Row label=\"Messages\" value={String(messageCount)} />\n          ) : null}\n        </div>\n\n        {(totalTokens > 0 || totalCost > 0 || budget) && (\n          <div className=\"space-y-1.5 border-t border-border pt-2\">\n            {(totalTokens > 0 || totalCost > 0) && (\n              <UsageTable\n                rows={bucketRows(tokens, cost)}\n                totalTokens={totalTokens}\n                totalCost={totalCost}\n                showTokens={totalTokens > 0}\n                showCost={totalCost > 0}\n              />\n            )}\n            {budget?.total != null && budget.total > 0 ? (\n              <Row\n                label=\"Budget\"\n                value={`${formatCost(budget.used ?? 0)} / ${formatCost(budget.total)}`}\n              />\n            ) : budget?.remaining != null ? (\n              <Row label=\"Budget left\" value={formatCost(budget.remaining)} />\n            ) : anyPositive(budget?.used) ? (\n              <Row label=\"Budget\" value={formatCost(budget?.used ?? 0)} />\n            ) : null}\n          </div>\n        )}\n      </div>\n    </HoverCard>\n  );\n}\n"],"names":["jsxs","jsx","tokens","compactTokens","formatCost","useState","useRef","useEffect","effortLevelIcon","effortLevelColor","cn","Icon","HoverCard","effortLevelLabel","UiCheck","UiCopy","Fragment"],"mappings":"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"}
+{"version":3,"file":"ContextMeter.cjs","sources":["../../../src/data/chat/ContextMeter.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { compactTokens, formatCost } from \"../../lib/tokens\";\nimport { UiCheck, UiCopy } from \"../../icons\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { HoverCard } from \"../../overlay/HoverCard\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"./effort-icons\";\nimport { ContextMeterBar } from \"./ContextMeter.bar\";\nimport {\n  contextBarTone,\n  contextRingTone,\n  contextTextTone,\n  COPY_STATUS_RESET_MS,\n  GAUGE_CIRCUMFERENCE,\n  GAUGE_RADIUS,\n} from \"./ContextMeter.styles\";\n\nexport type ContextMeterMode = \"bar\" | \"gauge\";\n\nexport type ContextMeterTokens = {\n  input?: number | undefined;\n  output?: number | undefined;\n  reasoning?: number | undefined;\n  cacheRead?: number | undefined;\n  cacheWrite?: number | undefined;\n  total?: number | undefined;\n};\n\nexport type ContextMeterCost = {\n  input?: number | undefined;\n  output?: number | undefined;\n  reasoning?: number | undefined;\n  cacheRead?: number | undefined;\n  cacheWrite?: number | undefined;\n  total?: number | undefined;\n};\n\nexport type ContextMeterBudget = {\n  used?: number | undefined;\n  total?: number | undefined;\n  remaining?: number | undefined;\n};\n\nexport type ContextMeterProps = {\n  /** Trigger shape: a compact `bar` (session header) or a circular `gauge`\n   *  (chat toolbar). Both open the same hover popover. */\n  mode?: ContextMeterMode;\n  /** Share of the context window used, 0–100 — drives the fill and tone. */\n  usedPercent: number;\n  /** Context-window tokens shown in the popover. */\n  usedTokens?: number | undefined;\n  windowTokens?: number | undefined;\n  /** Message count shown in the popover (chat). */\n  messageCount?: number | undefined;\n  /** Session identifier exposed as a click-to-copy value in the popover. */\n  sessionId?: string | undefined;\n  /** Terminal chat identities, kept distinct from the generic session id. */\n  captainSessionId?: string | undefined;\n  providerSessionId?: string | undefined;\n  threadId?: string | undefined;\n  turnId?: string | undefined;\n  /** Provider family that produced the terminal chat turn: anthropic, openai, … */\n  provider?: string | undefined;\n  /** Runtime mechanism used to execute the session, such as api or cmux. */\n  executionMode?: string | undefined;\n  /** Model id/label and its brand glyph. */\n  model?: string | undefined;\n  modelIcon?: StaticIconComponent | undefined;\n  modelIconClassName?: string | undefined;\n  /** Reasoning effort shown with its semantic glyph and color in the hover card. */\n  effort?: string | undefined;\n  /** Per-bucket token counts for the popover breakdown. */\n  tokens?: ContextMeterTokens | undefined;\n  /** Per-bucket costs (USD) for the popover breakdown. */\n  cost?: ContextMeterCost | undefined;\n  budget?: ContextMeterBudget | undefined;\n  className?: string | undefined;\n};\n\nfunction Row({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"flex justify-between gap-4\">\n      <span className=\"text-muted-foreground\">{label}</span>\n      <span className=\"font-medium tabular-nums\">{value}</span>\n    </div>\n  );\n}\n\ntype BucketRow = {\n  label: string;\n  tokens?: number | undefined;\n  cost?: number | undefined;\n};\n\ntype CopyableIdentity = {\n  key: string;\n  label: string;\n  value: string;\n};\n\n/** One row per token/cost bucket, kept only when it carries a token or cost\n *  value. Cache stays split into read and write on both axes. */\nfunction bucketRows(\n  tokens?: ContextMeterTokens,\n  cost?: ContextMeterCost,\n): BucketRow[] {\n  const rows: BucketRow[] = [\n    { label: \"Input\", tokens: tokens?.input, cost: cost?.input },\n    { label: \"Output\", tokens: tokens?.output, cost: cost?.output },\n    { label: \"Reasoning\", tokens: tokens?.reasoning, cost: cost?.reasoning },\n    { label: \"Cache read\", tokens: tokens?.cacheRead, cost: cost?.cacheRead },\n    {\n      label: \"Cache write\",\n      tokens: tokens?.cacheWrite,\n      cost: cost?.cacheWrite,\n    },\n  ];\n  return rows.filter((row) => (row.tokens ?? 0) > 0 || (row.cost ?? 0) > 0);\n}\n\nfunction UsageTable({\n  rows,\n  totalTokens,\n  totalCost,\n  showTokens,\n  showCost,\n}: {\n  rows: BucketRow[];\n  totalTokens: number;\n  totalCost: number;\n  showTokens: boolean;\n  showCost: boolean;\n}) {\n  const numCell = \"px-1 py-0.5 text-right tabular-nums\";\n  return (\n    <table className=\"w-full border-collapse\">\n      <thead>\n        <tr className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">\n          <th className=\"px-1 py-0.5 text-left font-medium\" />\n          {showTokens && (\n            <th className=\"px-1 py-0.5 text-right font-medium\">Tokens</th>\n          )}\n          {showCost && (\n            <th className=\"px-1 py-0.5 text-right font-medium\">Cost</th>\n          )}\n        </tr>\n      </thead>\n      <tbody>\n        {rows.map((row) => (\n          <tr key={row.label}>\n            <td className=\"px-1 py-0.5 text-left text-muted-foreground\">\n              {row.label}\n            </td>\n            {showTokens && (\n              <td className={numCell}>\n                {row.tokens ? (\n                  compactTokens(row.tokens)\n                ) : (\n                  <span className=\"text-muted-foreground/50\">—</span>\n                )}\n              </td>\n            )}\n            {showCost && (\n              <td className={numCell}>\n                {row.cost ? (\n                  formatCost(row.cost)\n                ) : (\n                  <span className=\"text-muted-foreground/50\">—</span>\n                )}\n              </td>\n            )}\n          </tr>\n        ))}\n        <tr className=\"border-t border-border font-medium\">\n          <td className=\"px-1 py-0.5 text-left\">Total</td>\n          {showTokens && (\n            <td className={numCell}>{compactTokens(totalTokens)}</td>\n          )}\n          {showCost && <td className={numCell}>{formatCost(totalCost)}</td>}\n        </tr>\n      </tbody>\n    </table>\n  );\n}\n\n/** Unified context-window meter. Renders as a compact progress `bar` or a\n *  circular `gauge`; hovering or focusing it opens a popover with the model, the\n *  runtime and copyable identities, context-window breakdown, per-bucket token\n *  usage and the cost + budget detail. Domain-agnostic — callers feed plain\n *  values. */\nexport function ContextMeter({\n  mode = \"bar\",\n  usedPercent,\n  usedTokens,\n  windowTokens,\n  messageCount,\n  sessionId,\n  captainSessionId,\n  providerSessionId,\n  threadId,\n  turnId,\n  provider,\n  executionMode,\n  model,\n  modelIcon: Glyph,\n  modelIconClassName,\n  effort,\n  tokens,\n  cost,\n  budget,\n  className,\n}: ContextMeterProps) {\n  const [copyResult, setCopyResult] = useState<\n    {\n      identity: string;\n      value: string;\n      status: \"copied\" | \"failed\";\n    } | undefined\n  >();\n  const copyResetTimer = useRef<number | undefined>(undefined);\n  useEffect(\n    () => () => {\n      if (copyResetTimer.current !== undefined) {\n        window.clearTimeout(copyResetTimer.current);\n      }\n    },\n    [],\n  );\n  const pct = Math.min(100, Math.max(0, Math.round(usedPercent)));\n  const totalTokens = tokens?.total ?? 0;\n  const totalCost = cost?.total ?? 0;\n  const EffortGlyph = effort ? effortLevelIcon(effort) : undefined;\n  const effortColor = effort ? effortLevelColor(effort) : undefined;\n  const identities = [\n    sessionId ? { key: \"session\", label: \"Session\", value: sessionId } : undefined,\n    captainSessionId\n      ? {\n          key: \"captain-session\",\n          label: \"Captain session\",\n          value: captainSessionId,\n        }\n      : undefined,\n    providerSessionId\n      ? {\n          key: \"provider-session\",\n          label: \"Provider session\",\n          value: providerSessionId,\n        }\n      : undefined,\n    threadId ? { key: \"thread\", label: \"Thread\", value: threadId } : undefined,\n    turnId ? { key: \"turn\", label: \"Turn\", value: turnId } : undefined,\n  ].filter((identity): identity is CopyableIdentity => identity !== undefined);\n  // The status is transient feedback for the click that produced it — without\n  // this it would greet every later hover of the same identity.\n  const copyIdentity = async (identity: CopyableIdentity) => {\n    if (copyResetTimer.current !== undefined) {\n      window.clearTimeout(copyResetTimer.current);\n    }\n    try {\n      await navigator.clipboard.writeText(identity.value);\n      setCopyResult({\n        identity: identity.key,\n        value: identity.value,\n        status: \"copied\",\n      });\n    } catch {\n      setCopyResult({\n        identity: identity.key,\n        value: identity.value,\n        status: \"failed\",\n      });\n    }\n    copyResetTimer.current = window.setTimeout(\n      () => setCopyResult(undefined),\n      COPY_STATUS_RESET_MS,\n    );\n  };\n\n  const trigger =\n    mode === \"gauge\" ? (\n      <span\n        className={cn(\n          \"inline-flex items-center rounded-md px-2.5 py-1.5 text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\",\n          className,\n        )}\n        aria-label={`Context ${pct}% used`}\n      >\n        <span className=\"relative inline-flex size-9 shrink-0 items-center justify-center\">\n          <svg\n            data-context-gauge-ring\n            aria-hidden=\"true\"\n            width=\"36\"\n            height=\"36\"\n            viewBox=\"0 0 36 36\"\n            className={cn(\"absolute inset-0\", contextRingTone(pct))}\n          >\n            <circle\n              cx=\"18\"\n              cy=\"18\"\n              r={GAUGE_RADIUS}\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"3\"\n              opacity=\"0.15\"\n            />\n            <circle\n              cx=\"18\"\n              cy=\"18\"\n              r={GAUGE_RADIUS}\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"3\"\n              strokeDasharray={GAUGE_CIRCUMFERENCE}\n              strokeDashoffset={(1 - pct / 100) * GAUGE_CIRCUMFERENCE}\n              strokeLinecap=\"round\"\n              transform=\"rotate(-90 18 18)\"\n            />\n          </svg>\n          {Glyph ? (\n            <Icon\n              icon={Glyph}\n              className={cn(\"relative size-5\", modelIconClassName)}\n            />\n          ) : (\n            <span\n              className={cn(\n                \"relative text-[9px] font-semibold tabular-nums\",\n                contextTextTone(pct),\n              )}\n            >\n              {pct}\n            </span>\n          )}\n        </span>\n      </span>\n    ) : (\n      <ContextMeterBar\n        pct={pct}\n        barClassName={contextBarTone(pct)}\n        textClassName={contextTextTone(pct)}\n        {...(provider ? { provider } : {})}\n        {...(executionMode ? { executionMode } : {})}\n        {...(model ? { model } : {})}\n        {...(Glyph ? { modelIcon: Glyph } : {})}\n        {...(modelIconClassName ? { modelIconClassName } : {})}\n        {...(effort ? { effort } : {})}\n        {...(className ? { className } : {})}\n      />\n    );\n\n  return (\n    <HoverCard\n      trigger={trigger}\n      placement=\"bottom\"\n      delay={200}\n      cardClassName=\"w-72 p-3\"\n    >\n      <div className=\"space-y-2.5 text-xs\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <span className=\"font-semibold\">Context usage</span>\n          <span\n            className={cn(\"font-semibold tabular-nums\", contextTextTone(pct))}\n          >\n            {pct}%\n          </span>\n        </div>\n\n        {(model || effort) && (\n          <div className=\"flex items-center justify-between gap-3 border-b border-border pb-2\">\n            {model ? (\n              <div className=\"flex min-w-0 items-center gap-2\">\n                {Glyph && (\n                  <Icon\n                    icon={Glyph}\n                    className={cn(\"size-4 shrink-0\", modelIconClassName)}\n                  />\n                )}\n                <span className=\"truncate font-medium\" title={model}>\n                  {model}\n                </span>\n              </div>\n            ) : null}\n            {effort ? (\n              <span\n                className={cn(\n                  \"inline-flex shrink-0 items-center gap-1 font-medium\",\n                  effortColor,\n                )}\n              >\n                {EffortGlyph ? <EffortGlyph className=\"size-3.5\" /> : null}\n                {effortLevelLabel(effort)} effort\n              </span>\n            ) : null}\n          </div>\n        )}\n\n        {(identities.length > 0 || provider || executionMode) && (\n          <div className=\"space-y-1.5 border-b border-border pb-2\">\n            {identities.map((identity) => {\n              const copyStatus =\n                copyResult?.identity === identity.key &&\n                copyResult.value === identity.value\n                  ? copyResult.status\n                  : undefined;\n              return (\n                <div\n                  key={identity.key}\n                  className=\"flex items-center justify-between gap-4\"\n                >\n                  <span className=\"text-muted-foreground\">\n                    {identity.label}\n                  </span>\n                  <button\n                    type=\"button\"\n                    aria-label={\n                      copyStatus === \"copied\"\n                        ? `${identity.label} ID copied`\n                        : copyStatus === \"failed\"\n                          ? `${identity.label} ID copy failed`\n                          : `Copy ${identity.label.toLowerCase()} ID`\n                    }\n                    title={identity.value}\n                    className={cn(\n                      \"flex min-w-0 max-w-48 items-center gap-1.5 font-medium hover:text-foreground\",\n                      copyStatus === \"failed\" && \"text-destructive\",\n                    )}\n                    onClick={() => void copyIdentity(identity)}\n                  >\n                    <span className=\"truncate font-mono\">\n                      {identity.value}\n                    </span>\n                    <Icon\n                      icon={copyStatus === \"copied\" ? UiCheck : UiCopy}\n                      className=\"size-3.5 shrink-0\"\n                    />\n                  </button>\n                </div>\n              );\n            })}\n            {provider ? <Row label=\"Provider\" value={provider} /> : null}\n            {executionMode ? <Row label=\"Mode\" value={executionMode} /> : null}\n          </div>\n        )}\n\n        <div className=\"space-y-1.5\">\n          <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n            <div\n              className={cn(\"h-full rounded-full\", contextBarTone(pct))}\n              style={{ width: `${pct}%` }}\n            />\n          </div>\n          {windowTokens ? (\n            <>\n              <Row\n                label=\"Window\"\n                value={`${compactTokens(usedTokens ?? 0)} / ${compactTokens(windowTokens)}`}\n              />\n              <Row label=\"Free\" value={`${100 - pct}%`} />\n            </>\n          ) : (\n            <Row label=\"Used\" value={`${pct}%`} />\n          )}\n          {messageCount != null ? (\n            <Row label=\"Messages\" value={String(messageCount)} />\n          ) : null}\n        </div>\n\n        {(totalTokens > 0 || totalCost > 0 || budget) && (\n          <div className=\"space-y-1.5 border-t border-border pt-2\">\n            {(totalTokens > 0 || totalCost > 0) && (\n              <UsageTable\n                rows={bucketRows(tokens, cost)}\n                totalTokens={totalTokens}\n                totalCost={totalCost}\n                showTokens={totalTokens > 0}\n                showCost={totalCost > 0}\n              />\n            )}\n            {budget?.total != null && budget.total > 0 ? (\n              <Row\n                label=\"Budget\"\n                value={`${formatCost(budget.used ?? 0)} / ${formatCost(budget.total)}`}\n              />\n            ) : budget?.remaining != null ? (\n              <Row label=\"Budget left\" value={formatCost(budget.remaining)} />\n            ) : budget?.used != null && budget.used > 0 ? (\n              <Row label=\"Budget\" value={formatCost(budget?.used ?? 0)} />\n            ) : null}\n          </div>\n        )}\n      </div>\n    </HoverCard>\n  );\n}\n"],"names":["jsxs","jsx","tokens","compactTokens","formatCost","useState","useRef","useEffect","effortLevelIcon","effortLevelColor","COPY_STATUS_RESET_MS","cn","contextRingTone","GAUGE_RADIUS","GAUGE_CIRCUMFERENCE","Icon","contextTextTone","ContextMeterBar","contextBarTone","HoverCard","effortLevelLabel","UiCheck","UiCopy","Fragment"],"mappings":"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"}

package/dist/data/chat/ContextMeter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMeter.d.ts","sourceRoot":"","sources":["../../../src/data/chat/ContextMeter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ContextMeter.d.ts","sourceRoot":"","sources":["../../../src/data/chat/ContextMeter.tsx"],"names":[],"mappings":"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"}

package/dist/data/chat/ContextMeter.js

@@ -5,29 +5,16 @@ import { compactTokens, formatCost } from "../../lib/tokens.js";
 import { Icon } from "../Icon.js";
 import { HoverCard } from "../../overlay/HoverCard.js";
 import { effortLevelIcon, effortLevelColor, effortLevelLabel } from "./effort-icons.js";
+import { ContextMeterBar } from "./ContextMeter.bar.js";
+import { GAUGE_RADIUS, GAUGE_CIRCUMFERENCE, contextRingTone, contextTextTone, contextBarTone, COPY_STATUS_RESET_MS } from "./ContextMeter.styles.js";
 import { UiCheck } from "../../icons/components/UiCheck.js";
 import { UiCopy } from "../../icons/components/UiCopy.js";
-const COPY_STATUS_RESET_MS = 2e3;
-const GAUGE_RADIUS = 15;
-const GAUGE_CIRCUMFERENCE = 2 * Math.PI * GAUGE_RADIUS;
-function barTone(pct) {
-  return pct > 80 ? "bg-red-600 [[data-theme=dark]_&]:bg-red-400" : pct > 50 ? "bg-amber-700 [[data-theme=dark]_&]:bg-amber-400" : "bg-emerald-600 [[data-theme=dark]_&]:bg-emerald-400";
-}
-function ringTone(pct) {
-  return pct > 80 ? "text-red-600 [[data-theme=dark]_&]:text-red-400" : pct > 50 ? "text-amber-700 [[data-theme=dark]_&]:text-amber-400" : "text-emerald-600 [[data-theme=dark]_&]:text-emerald-400";
-}
-function textTone(pct) {
-  return pct > 80 ? "text-red-700 [[data-theme=dark]_&]:text-red-400" : pct > 50 ? "text-amber-700 [[data-theme=dark]_&]:text-amber-400" : "text-emerald-700 [[data-theme=dark]_&]:text-emerald-400";
-}
 function Row({ label, value }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-4", children: [
     /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: label }),
     /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums", children: value })
   ] });
 }
-function anyPositive(...values) {
-  return values.some((v) => v != null && v > 0);
-}
 function bucketRows(tokens, cost) {
   const rows = [
     { label: "Input", tokens: tokens == null ? void 0 : tokens.input, cost: cost == null ? void 0 : cost.input },
@@ -162,7 +149,7 @@ function ContextMeter({
             width: "36",
             height: "36",
             viewBox: "0 0 36 36",
-            className: cn("absolute inset-0", ringTone(pct)),
+            className: cn("absolute inset-0", contextRingTone(pct)),
             children: [
               /* @__PURE__ */ jsx(
                 "circle",
@@ -205,44 +192,26 @@ function ContextMeter({
           {
             className: cn(
               "relative text-[9px] font-semibold tabular-nums",
-              textTone(pct)
+              contextTextTone(pct)
             ),
             children: pct
           }
         )
       ] })
     }
-  ) : /* @__PURE__ */ jsxs(
-    "span",
+  ) : /* @__PURE__ */ jsx(
+    ContextMeterBar,
     {
-      className: cn(
-        "inline-flex items-center gap-1.5 rounded border border-border px-1.5 py-0.5 text-[11px] text-muted-foreground",
-        className
-      ),
-      "aria-label": `Context ${pct}% used`,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "shrink-0", children: "ctx" }),
-        /* @__PURE__ */ jsx("span", { className: "h-1.5 w-16 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              "block h-full rounded-full transition-all",
-              barTone(pct)
-            ),
-            style: { width: `${pct}%` }
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(
-          "span",
-          {
-            className: cn("shrink-0 font-medium tabular-nums", textTone(pct)),
-            children: [
-              pct,
-              "%"
-            ]
-          }
-        )
-      ]
+      pct,
+      barClassName: contextBarTone(pct),
+      textClassName: contextTextTone(pct),
+      ...provider ? { provider } : {},
+      ...executionMode ? { executionMode } : {},
+      ...model ? { model } : {},
+      ...Glyph ? { modelIcon: Glyph } : {},
+      ...modelIconClassName ? { modelIconClassName } : {},
+      ...effort ? { effort } : {},
+      ...className ? { className } : {}
     }
   );
   return /* @__PURE__ */ jsx(
@@ -255,10 +224,16 @@ function ContextMeter({
       children: /* @__PURE__ */ jsxs("div", { className: "space-y-2.5 text-xs", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Context usage" }),
-          /* @__PURE__ */ jsxs("span", { className: cn("font-semibold tabular-nums", textTone(pct)), children: [
-            pct,
-            "%"
-          ] })
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn("font-semibold tabular-nums", contextTextTone(pct)),
+              children: [
+                pct,
+                "%"
+              ]
+            }
+          )
         ] }),
         (model || effort) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-border pb-2", children: [
           model ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
@@ -330,7 +305,7 @@ function ContextMeter({
           /* @__PURE__ */ jsx("div", { className: "h-1.5 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx(
             "div",
             {
-              className: cn("h-full rounded-full", barTone(pct)),
+              className: cn("h-full rounded-full", contextBarTone(pct)),
               style: { width: `${pct}%` }
             }
           ) }),
@@ -363,7 +338,7 @@ function ContextMeter({
               label: "Budget",
               value: `${formatCost(budget.used ?? 0)} / ${formatCost(budget.total)}`
             }
-          ) : (budget == null ? void 0 : budget.remaining) != null ? /* @__PURE__ */ jsx(Row, { label: "Budget left", value: formatCost(budget.remaining) }) : anyPositive(budget == null ? void 0 : budget.used) ? /* @__PURE__ */ jsx(Row, { label: "Budget", value: formatCost((budget == null ? void 0 : budget.used) ?? 0) }) : null
+          ) : (budget == null ? void 0 : budget.remaining) != null ? /* @__PURE__ */ jsx(Row, { label: "Budget left", value: formatCost(budget.remaining) }) : (budget == null ? void 0 : budget.used) != null && budget.used > 0 ? /* @__PURE__ */ jsx(Row, { label: "Budget", value: formatCost((budget == null ? void 0 : budget.used) ?? 0) }) : null
         ] })
       ] })
     }

package/dist/data/chat/ContextMeter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMeter.js","sources":["../../../src/data/chat/ContextMeter.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { compactTokens, formatCost } from \"../../lib/tokens\";\nimport { UiCheck, UiCopy } from \"../../icons\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { HoverCard } from \"../../overlay/HoverCard\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"./effort-icons\";\n\nexport type ContextMeterMode = \"bar\" | \"gauge\";\n\nexport type ContextMeterTokens = {\n  input?: number | undefined;\n  output?: number | undefined;\n  reasoning?: number | undefined;\n  cacheRead?: number | undefined;\n  cacheWrite?: number | undefined;\n  total?: number | undefined;\n};\n\nexport type ContextMeterCost = {\n  input?: number | undefined;\n  output?: number | undefined;\n  reasoning?: number | undefined;\n  cacheRead?: number | undefined;\n  cacheWrite?: number | undefined;\n  total?: number | undefined;\n};\n\nexport type ContextMeterBudget = {\n  used?: number | undefined;\n  total?: number | undefined;\n  remaining?: number | undefined;\n};\n\nexport type ContextMeterProps = {\n  /** Trigger shape: a compact `bar` (session header) or a circular `gauge`\n   *  (chat toolbar). Both open the same hover popover. */\n  mode?: ContextMeterMode;\n  /** Share of the context window used, 0–100 — drives the fill and tone. */\n  usedPercent: number;\n  /** Context-window tokens shown in the popover. */\n  usedTokens?: number | undefined;\n  windowTokens?: number | undefined;\n  /** Message count shown in the popover (chat). */\n  messageCount?: number | undefined;\n  /** Session identifier exposed as a click-to-copy value in the popover. */\n  sessionId?: string | undefined;\n  /** Terminal chat identities, kept distinct from the generic session id. */\n  captainSessionId?: string | undefined;\n  providerSessionId?: string | undefined;\n  threadId?: string | undefined;\n  turnId?: string | undefined;\n  /** Provider family that produced the terminal chat turn: anthropic, openai, … */\n  provider?: string | undefined;\n  /** Runtime mechanism used to execute the session, such as api or cmux. */\n  executionMode?: string | undefined;\n  /** Model id/label and its brand glyph. */\n  model?: string | undefined;\n  modelIcon?: StaticIconComponent | undefined;\n  modelIconClassName?: string | undefined;\n  /** Reasoning effort shown with its semantic glyph and color in the hover card. */\n  effort?: string | undefined;\n  /** Per-bucket token counts for the popover breakdown. */\n  tokens?: ContextMeterTokens | undefined;\n  /** Per-bucket costs (USD) for the popover breakdown. */\n  cost?: ContextMeterCost | undefined;\n  budget?: ContextMeterBudget | undefined;\n  className?: string | undefined;\n};\n\nconst COPY_STATUS_RESET_MS = 2000;\nconst GAUGE_RADIUS = 15;\nconst GAUGE_CIRCUMFERENCE = 2 * Math.PI * GAUGE_RADIUS;\n\nfunction barTone(pct: number): string {\n  return pct > 80\n    ? \"bg-red-600 [[data-theme=dark]_&]:bg-red-400\"\n    : pct > 50\n      ? \"bg-amber-700 [[data-theme=dark]_&]:bg-amber-400\"\n      : \"bg-emerald-600 [[data-theme=dark]_&]:bg-emerald-400\";\n}\n\nfunction ringTone(pct: number): string {\n  return pct > 80\n    ? \"text-red-600 [[data-theme=dark]_&]:text-red-400\"\n    : pct > 50\n      ? \"text-amber-700 [[data-theme=dark]_&]:text-amber-400\"\n      : \"text-emerald-600 [[data-theme=dark]_&]:text-emerald-400\";\n}\n\nfunction textTone(pct: number): string {\n  return pct > 80\n    ? \"text-red-700 [[data-theme=dark]_&]:text-red-400\"\n    : pct > 50\n      ? \"text-amber-700 [[data-theme=dark]_&]:text-amber-400\"\n      : \"text-emerald-700 [[data-theme=dark]_&]:text-emerald-400\";\n}\n\nfunction Row({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"flex justify-between gap-4\">\n      <span className=\"text-muted-foreground\">{label}</span>\n      <span className=\"font-medium tabular-nums\">{value}</span>\n    </div>\n  );\n}\n\nfunction anyPositive(...values: (number | undefined)[]): boolean {\n  return values.some((v) => v != null && v > 0);\n}\n\ntype BucketRow = {\n  label: string;\n  tokens?: number | undefined;\n  cost?: number | undefined;\n};\n\ntype CopyableIdentity = {\n  key: string;\n  label: string;\n  value: string;\n};\n\n/** One row per token/cost bucket, kept only when it carries a token or cost\n *  value. Cache stays split into read and write on both axes. */\nfunction bucketRows(\n  tokens?: ContextMeterTokens,\n  cost?: ContextMeterCost,\n): BucketRow[] {\n  const rows: BucketRow[] = [\n    { label: \"Input\", tokens: tokens?.input, cost: cost?.input },\n    { label: \"Output\", tokens: tokens?.output, cost: cost?.output },\n    { label: \"Reasoning\", tokens: tokens?.reasoning, cost: cost?.reasoning },\n    { label: \"Cache read\", tokens: tokens?.cacheRead, cost: cost?.cacheRead },\n    {\n      label: \"Cache write\",\n      tokens: tokens?.cacheWrite,\n      cost: cost?.cacheWrite,\n    },\n  ];\n  return rows.filter((row) => (row.tokens ?? 0) > 0 || (row.cost ?? 0) > 0);\n}\n\nfunction UsageTable({\n  rows,\n  totalTokens,\n  totalCost,\n  showTokens,\n  showCost,\n}: {\n  rows: BucketRow[];\n  totalTokens: number;\n  totalCost: number;\n  showTokens: boolean;\n  showCost: boolean;\n}) {\n  const numCell = \"px-1 py-0.5 text-right tabular-nums\";\n  return (\n    <table className=\"w-full border-collapse\">\n      <thead>\n        <tr className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">\n          <th className=\"px-1 py-0.5 text-left font-medium\" />\n          {showTokens && (\n            <th className=\"px-1 py-0.5 text-right font-medium\">Tokens</th>\n          )}\n          {showCost && (\n            <th className=\"px-1 py-0.5 text-right font-medium\">Cost</th>\n          )}\n        </tr>\n      </thead>\n      <tbody>\n        {rows.map((row) => (\n          <tr key={row.label}>\n            <td className=\"px-1 py-0.5 text-left text-muted-foreground\">\n              {row.label}\n            </td>\n            {showTokens && (\n              <td className={numCell}>\n                {row.tokens ? (\n                  compactTokens(row.tokens)\n                ) : (\n                  <span className=\"text-muted-foreground/50\">—</span>\n                )}\n              </td>\n            )}\n            {showCost && (\n              <td className={numCell}>\n                {row.cost ? (\n                  formatCost(row.cost)\n                ) : (\n                  <span className=\"text-muted-foreground/50\">—</span>\n                )}\n              </td>\n            )}\n          </tr>\n        ))}\n        <tr className=\"border-t border-border font-medium\">\n          <td className=\"px-1 py-0.5 text-left\">Total</td>\n          {showTokens && (\n            <td className={numCell}>{compactTokens(totalTokens)}</td>\n          )}\n          {showCost && <td className={numCell}>{formatCost(totalCost)}</td>}\n        </tr>\n      </tbody>\n    </table>\n  );\n}\n\n/** Unified context-window meter. Renders as a compact progress `bar` or a\n *  circular `gauge`; hovering or focusing it opens a popover with the model, the\n *  runtime and copyable identities, context-window breakdown, per-bucket token\n *  usage and the cost + budget detail. Domain-agnostic — callers feed plain\n *  values. */\nexport function ContextMeter({\n  mode = \"bar\",\n  usedPercent,\n  usedTokens,\n  windowTokens,\n  messageCount,\n  sessionId,\n  captainSessionId,\n  providerSessionId,\n  threadId,\n  turnId,\n  provider,\n  executionMode,\n  model,\n  modelIcon: Glyph,\n  modelIconClassName,\n  effort,\n  tokens,\n  cost,\n  budget,\n  className,\n}: ContextMeterProps) {\n  const [copyResult, setCopyResult] = useState<\n    {\n      identity: string;\n      value: string;\n      status: \"copied\" | \"failed\";\n    } | undefined\n  >();\n  const copyResetTimer = useRef<number | undefined>(undefined);\n  useEffect(\n    () => () => {\n      if (copyResetTimer.current !== undefined) {\n        window.clearTimeout(copyResetTimer.current);\n      }\n    },\n    [],\n  );\n  const pct = Math.min(100, Math.max(0, Math.round(usedPercent)));\n  const totalTokens = tokens?.total ?? 0;\n  const totalCost = cost?.total ?? 0;\n  const EffortGlyph = effort ? effortLevelIcon(effort) : undefined;\n  const effortColor = effort ? effortLevelColor(effort) : undefined;\n  const identities = [\n    sessionId ? { key: \"session\", label: \"Session\", value: sessionId } : undefined,\n    captainSessionId\n      ? {\n          key: \"captain-session\",\n          label: \"Captain session\",\n          value: captainSessionId,\n        }\n      : undefined,\n    providerSessionId\n      ? {\n          key: \"provider-session\",\n          label: \"Provider session\",\n          value: providerSessionId,\n        }\n      : undefined,\n    threadId ? { key: \"thread\", label: \"Thread\", value: threadId } : undefined,\n    turnId ? { key: \"turn\", label: \"Turn\", value: turnId } : undefined,\n  ].filter((identity): identity is CopyableIdentity => identity !== undefined);\n  // The status is transient feedback for the click that produced it — without\n  // this it would greet every later hover of the same identity.\n  const copyIdentity = async (identity: CopyableIdentity) => {\n    if (copyResetTimer.current !== undefined) {\n      window.clearTimeout(copyResetTimer.current);\n    }\n    try {\n      await navigator.clipboard.writeText(identity.value);\n      setCopyResult({\n        identity: identity.key,\n        value: identity.value,\n        status: \"copied\",\n      });\n    } catch {\n      setCopyResult({\n        identity: identity.key,\n        value: identity.value,\n        status: \"failed\",\n      });\n    }\n    copyResetTimer.current = window.setTimeout(\n      () => setCopyResult(undefined),\n      COPY_STATUS_RESET_MS,\n    );\n  };\n\n  const trigger =\n    mode === \"gauge\" ? (\n      <span\n        className={cn(\n          \"inline-flex items-center rounded-md px-2.5 py-1.5 text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\",\n          className,\n        )}\n        aria-label={`Context ${pct}% used`}\n      >\n        <span className=\"relative inline-flex size-9 shrink-0 items-center justify-center\">\n          <svg\n            data-context-gauge-ring\n            aria-hidden=\"true\"\n            width=\"36\"\n            height=\"36\"\n            viewBox=\"0 0 36 36\"\n            className={cn(\"absolute inset-0\", ringTone(pct))}\n          >\n            <circle\n              cx=\"18\"\n              cy=\"18\"\n              r={GAUGE_RADIUS}\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"3\"\n              opacity=\"0.15\"\n            />\n            <circle\n              cx=\"18\"\n              cy=\"18\"\n              r={GAUGE_RADIUS}\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"3\"\n              strokeDasharray={GAUGE_CIRCUMFERENCE}\n              strokeDashoffset={(1 - pct / 100) * GAUGE_CIRCUMFERENCE}\n              strokeLinecap=\"round\"\n              transform=\"rotate(-90 18 18)\"\n            />\n          </svg>\n          {Glyph ? (\n            <Icon\n              icon={Glyph}\n              className={cn(\"relative size-5\", modelIconClassName)}\n            />\n          ) : (\n            <span\n              className={cn(\n                \"relative text-[9px] font-semibold tabular-nums\",\n                textTone(pct),\n              )}\n            >\n              {pct}\n            </span>\n          )}\n        </span>\n      </span>\n    ) : (\n      <span\n        className={cn(\n          \"inline-flex items-center gap-1.5 rounded border border-border px-1.5 py-0.5 text-[11px] text-muted-foreground\",\n          className,\n        )}\n        aria-label={`Context ${pct}% used`}\n      >\n        <span className=\"shrink-0\">ctx</span>\n        <span className=\"h-1.5 w-16 overflow-hidden rounded-full bg-muted\">\n          <span\n            className={cn(\n              \"block h-full rounded-full transition-all\",\n              barTone(pct),\n            )}\n            style={{ width: `${pct}%` }}\n          />\n        </span>\n        <span\n          className={cn(\"shrink-0 font-medium tabular-nums\", textTone(pct))}\n        >\n          {pct}%\n        </span>\n      </span>\n    );\n\n  return (\n    <HoverCard\n      trigger={trigger}\n      placement=\"bottom\"\n      delay={200}\n      cardClassName=\"w-72 p-3\"\n    >\n      <div className=\"space-y-2.5 text-xs\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <span className=\"font-semibold\">Context usage</span>\n          <span className={cn(\"font-semibold tabular-nums\", textTone(pct))}>\n            {pct}%\n          </span>\n        </div>\n\n        {(model || effort) && (\n          <div className=\"flex items-center justify-between gap-3 border-b border-border pb-2\">\n            {model ? (\n              <div className=\"flex min-w-0 items-center gap-2\">\n                {Glyph && (\n                  <Icon\n                    icon={Glyph}\n                    className={cn(\"size-4 shrink-0\", modelIconClassName)}\n                  />\n                )}\n                <span className=\"truncate font-medium\" title={model}>\n                  {model}\n                </span>\n              </div>\n            ) : null}\n            {effort ? (\n              <span\n                className={cn(\n                  \"inline-flex shrink-0 items-center gap-1 font-medium\",\n                  effortColor,\n                )}\n              >\n                {EffortGlyph ? <EffortGlyph className=\"size-3.5\" /> : null}\n                {effortLevelLabel(effort)} effort\n              </span>\n            ) : null}\n          </div>\n        )}\n\n        {(identities.length > 0 || provider || executionMode) && (\n          <div className=\"space-y-1.5 border-b border-border pb-2\">\n            {identities.map((identity) => {\n              const copyStatus =\n                copyResult?.identity === identity.key &&\n                copyResult.value === identity.value\n                  ? copyResult.status\n                  : undefined;\n              return (\n                <div\n                  key={identity.key}\n                  className=\"flex items-center justify-between gap-4\"\n                >\n                  <span className=\"text-muted-foreground\">\n                    {identity.label}\n                  </span>\n                  <button\n                    type=\"button\"\n                    aria-label={\n                      copyStatus === \"copied\"\n                        ? `${identity.label} ID copied`\n                        : copyStatus === \"failed\"\n                          ? `${identity.label} ID copy failed`\n                          : `Copy ${identity.label.toLowerCase()} ID`\n                    }\n                    title={identity.value}\n                    className={cn(\n                      \"flex min-w-0 max-w-48 items-center gap-1.5 font-medium hover:text-foreground\",\n                      copyStatus === \"failed\" && \"text-destructive\",\n                    )}\n                    onClick={() => void copyIdentity(identity)}\n                  >\n                    <span className=\"truncate font-mono\">\n                      {identity.value}\n                    </span>\n                    <Icon\n                      icon={copyStatus === \"copied\" ? UiCheck : UiCopy}\n                      className=\"size-3.5 shrink-0\"\n                    />\n                  </button>\n                </div>\n              );\n            })}\n            {provider ? <Row label=\"Provider\" value={provider} /> : null}\n            {executionMode ? <Row label=\"Mode\" value={executionMode} /> : null}\n          </div>\n        )}\n\n        <div className=\"space-y-1.5\">\n          <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n            <div\n              className={cn(\"h-full rounded-full\", barTone(pct))}\n              style={{ width: `${pct}%` }}\n            />\n          </div>\n          {windowTokens ? (\n            <>\n              <Row\n                label=\"Window\"\n                value={`${compactTokens(usedTokens ?? 0)} / ${compactTokens(windowTokens)}`}\n              />\n              <Row label=\"Free\" value={`${100 - pct}%`} />\n            </>\n          ) : (\n            <Row label=\"Used\" value={`${pct}%`} />\n          )}\n          {messageCount != null ? (\n            <Row label=\"Messages\" value={String(messageCount)} />\n          ) : null}\n        </div>\n\n        {(totalTokens > 0 || totalCost > 0 || budget) && (\n          <div className=\"space-y-1.5 border-t border-border pt-2\">\n            {(totalTokens > 0 || totalCost > 0) && (\n              <UsageTable\n                rows={bucketRows(tokens, cost)}\n                totalTokens={totalTokens}\n                totalCost={totalCost}\n                showTokens={totalTokens > 0}\n                showCost={totalCost > 0}\n              />\n            )}\n            {budget?.total != null && budget.total > 0 ? (\n              <Row\n                label=\"Budget\"\n                value={`${formatCost(budget.used ?? 0)} / ${formatCost(budget.total)}`}\n              />\n            ) : budget?.remaining != null ? (\n              <Row label=\"Budget left\" value={formatCost(budget.remaining)} />\n            ) : anyPositive(budget?.used) ? (\n              <Row label=\"Budget\" value={formatCost(budget?.used ?? 0)} />\n            ) : null}\n          </div>\n        )}\n      </div>\n    </HoverCard>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ContextMeter.js","sources":["../../../src/data/chat/ContextMeter.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { compactTokens, formatCost } from \"../../lib/tokens\";\nimport { UiCheck, UiCopy } from \"../../icons\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { HoverCard } from \"../../overlay/HoverCard\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"./effort-icons\";\nimport { ContextMeterBar } from \"./ContextMeter.bar\";\nimport {\n  contextBarTone,\n  contextRingTone,\n  contextTextTone,\n  COPY_STATUS_RESET_MS,\n  GAUGE_CIRCUMFERENCE,\n  GAUGE_RADIUS,\n} from \"./ContextMeter.styles\";\n\nexport type ContextMeterMode = \"bar\" | \"gauge\";\n\nexport type ContextMeterTokens = {\n  input?: number | undefined;\n  output?: number | undefined;\n  reasoning?: number | undefined;\n  cacheRead?: number | undefined;\n  cacheWrite?: number | undefined;\n  total?: number | undefined;\n};\n\nexport type ContextMeterCost = {\n  input?: number | undefined;\n  output?: number | undefined;\n  reasoning?: number | undefined;\n  cacheRead?: number | undefined;\n  cacheWrite?: number | undefined;\n  total?: number | undefined;\n};\n\nexport type ContextMeterBudget = {\n  used?: number | undefined;\n  total?: number | undefined;\n  remaining?: number | undefined;\n};\n\nexport type ContextMeterProps = {\n  /** Trigger shape: a compact `bar` (session header) or a circular `gauge`\n   *  (chat toolbar). Both open the same hover popover. */\n  mode?: ContextMeterMode;\n  /** Share of the context window used, 0–100 — drives the fill and tone. */\n  usedPercent: number;\n  /** Context-window tokens shown in the popover. */\n  usedTokens?: number | undefined;\n  windowTokens?: number | undefined;\n  /** Message count shown in the popover (chat). */\n  messageCount?: number | undefined;\n  /** Session identifier exposed as a click-to-copy value in the popover. */\n  sessionId?: string | undefined;\n  /** Terminal chat identities, kept distinct from the generic session id. */\n  captainSessionId?: string | undefined;\n  providerSessionId?: string | undefined;\n  threadId?: string | undefined;\n  turnId?: string | undefined;\n  /** Provider family that produced the terminal chat turn: anthropic, openai, … */\n  provider?: string | undefined;\n  /** Runtime mechanism used to execute the session, such as api or cmux. */\n  executionMode?: string | undefined;\n  /** Model id/label and its brand glyph. */\n  model?: string | undefined;\n  modelIcon?: StaticIconComponent | undefined;\n  modelIconClassName?: string | undefined;\n  /** Reasoning effort shown with its semantic glyph and color in the hover card. */\n  effort?: string | undefined;\n  /** Per-bucket token counts for the popover breakdown. */\n  tokens?: ContextMeterTokens | undefined;\n  /** Per-bucket costs (USD) for the popover breakdown. */\n  cost?: ContextMeterCost | undefined;\n  budget?: ContextMeterBudget | undefined;\n  className?: string | undefined;\n};\n\nfunction Row({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"flex justify-between gap-4\">\n      <span className=\"text-muted-foreground\">{label}</span>\n      <span className=\"font-medium tabular-nums\">{value}</span>\n    </div>\n  );\n}\n\ntype BucketRow = {\n  label: string;\n  tokens?: number | undefined;\n  cost?: number | undefined;\n};\n\ntype CopyableIdentity = {\n  key: string;\n  label: string;\n  value: string;\n};\n\n/** One row per token/cost bucket, kept only when it carries a token or cost\n *  value. Cache stays split into read and write on both axes. */\nfunction bucketRows(\n  tokens?: ContextMeterTokens,\n  cost?: ContextMeterCost,\n): BucketRow[] {\n  const rows: BucketRow[] = [\n    { label: \"Input\", tokens: tokens?.input, cost: cost?.input },\n    { label: \"Output\", tokens: tokens?.output, cost: cost?.output },\n    { label: \"Reasoning\", tokens: tokens?.reasoning, cost: cost?.reasoning },\n    { label: \"Cache read\", tokens: tokens?.cacheRead, cost: cost?.cacheRead },\n    {\n      label: \"Cache write\",\n      tokens: tokens?.cacheWrite,\n      cost: cost?.cacheWrite,\n    },\n  ];\n  return rows.filter((row) => (row.tokens ?? 0) > 0 || (row.cost ?? 0) > 0);\n}\n\nfunction UsageTable({\n  rows,\n  totalTokens,\n  totalCost,\n  showTokens,\n  showCost,\n}: {\n  rows: BucketRow[];\n  totalTokens: number;\n  totalCost: number;\n  showTokens: boolean;\n  showCost: boolean;\n}) {\n  const numCell = \"px-1 py-0.5 text-right tabular-nums\";\n  return (\n    <table className=\"w-full border-collapse\">\n      <thead>\n        <tr className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">\n          <th className=\"px-1 py-0.5 text-left font-medium\" />\n          {showTokens && (\n            <th className=\"px-1 py-0.5 text-right font-medium\">Tokens</th>\n          )}\n          {showCost && (\n            <th className=\"px-1 py-0.5 text-right font-medium\">Cost</th>\n          )}\n        </tr>\n      </thead>\n      <tbody>\n        {rows.map((row) => (\n          <tr key={row.label}>\n            <td className=\"px-1 py-0.5 text-left text-muted-foreground\">\n              {row.label}\n            </td>\n            {showTokens && (\n              <td className={numCell}>\n                {row.tokens ? (\n                  compactTokens(row.tokens)\n                ) : (\n                  <span className=\"text-muted-foreground/50\">—</span>\n                )}\n              </td>\n            )}\n            {showCost && (\n              <td className={numCell}>\n                {row.cost ? (\n                  formatCost(row.cost)\n                ) : (\n                  <span className=\"text-muted-foreground/50\">—</span>\n                )}\n              </td>\n            )}\n          </tr>\n        ))}\n        <tr className=\"border-t border-border font-medium\">\n          <td className=\"px-1 py-0.5 text-left\">Total</td>\n          {showTokens && (\n            <td className={numCell}>{compactTokens(totalTokens)}</td>\n          )}\n          {showCost && <td className={numCell}>{formatCost(totalCost)}</td>}\n        </tr>\n      </tbody>\n    </table>\n  );\n}\n\n/** Unified context-window meter. Renders as a compact progress `bar` or a\n *  circular `gauge`; hovering or focusing it opens a popover with the model, the\n *  runtime and copyable identities, context-window breakdown, per-bucket token\n *  usage and the cost + budget detail. Domain-agnostic — callers feed plain\n *  values. */\nexport function ContextMeter({\n  mode = \"bar\",\n  usedPercent,\n  usedTokens,\n  windowTokens,\n  messageCount,\n  sessionId,\n  captainSessionId,\n  providerSessionId,\n  threadId,\n  turnId,\n  provider,\n  executionMode,\n  model,\n  modelIcon: Glyph,\n  modelIconClassName,\n  effort,\n  tokens,\n  cost,\n  budget,\n  className,\n}: ContextMeterProps) {\n  const [copyResult, setCopyResult] = useState<\n    {\n      identity: string;\n      value: string;\n      status: \"copied\" | \"failed\";\n    } | undefined\n  >();\n  const copyResetTimer = useRef<number | undefined>(undefined);\n  useEffect(\n    () => () => {\n      if (copyResetTimer.current !== undefined) {\n        window.clearTimeout(copyResetTimer.current);\n      }\n    },\n    [],\n  );\n  const pct = Math.min(100, Math.max(0, Math.round(usedPercent)));\n  const totalTokens = tokens?.total ?? 0;\n  const totalCost = cost?.total ?? 0;\n  const EffortGlyph = effort ? effortLevelIcon(effort) : undefined;\n  const effortColor = effort ? effortLevelColor(effort) : undefined;\n  const identities = [\n    sessionId ? { key: \"session\", label: \"Session\", value: sessionId } : undefined,\n    captainSessionId\n      ? {\n          key: \"captain-session\",\n          label: \"Captain session\",\n          value: captainSessionId,\n        }\n      : undefined,\n    providerSessionId\n      ? {\n          key: \"provider-session\",\n          label: \"Provider session\",\n          value: providerSessionId,\n        }\n      : undefined,\n    threadId ? { key: \"thread\", label: \"Thread\", value: threadId } : undefined,\n    turnId ? { key: \"turn\", label: \"Turn\", value: turnId } : undefined,\n  ].filter((identity): identity is CopyableIdentity => identity !== undefined);\n  // The status is transient feedback for the click that produced it — without\n  // this it would greet every later hover of the same identity.\n  const copyIdentity = async (identity: CopyableIdentity) => {\n    if (copyResetTimer.current !== undefined) {\n      window.clearTimeout(copyResetTimer.current);\n    }\n    try {\n      await navigator.clipboard.writeText(identity.value);\n      setCopyResult({\n        identity: identity.key,\n        value: identity.value,\n        status: \"copied\",\n      });\n    } catch {\n      setCopyResult({\n        identity: identity.key,\n        value: identity.value,\n        status: \"failed\",\n      });\n    }\n    copyResetTimer.current = window.setTimeout(\n      () => setCopyResult(undefined),\n      COPY_STATUS_RESET_MS,\n    );\n  };\n\n  const trigger =\n    mode === \"gauge\" ? (\n      <span\n        className={cn(\n          \"inline-flex items-center rounded-md px-2.5 py-1.5 text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\",\n          className,\n        )}\n        aria-label={`Context ${pct}% used`}\n      >\n        <span className=\"relative inline-flex size-9 shrink-0 items-center justify-center\">\n          <svg\n            data-context-gauge-ring\n            aria-hidden=\"true\"\n            width=\"36\"\n            height=\"36\"\n            viewBox=\"0 0 36 36\"\n            className={cn(\"absolute inset-0\", contextRingTone(pct))}\n          >\n            <circle\n              cx=\"18\"\n              cy=\"18\"\n              r={GAUGE_RADIUS}\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"3\"\n              opacity=\"0.15\"\n            />\n            <circle\n              cx=\"18\"\n              cy=\"18\"\n              r={GAUGE_RADIUS}\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"3\"\n              strokeDasharray={GAUGE_CIRCUMFERENCE}\n              strokeDashoffset={(1 - pct / 100) * GAUGE_CIRCUMFERENCE}\n              strokeLinecap=\"round\"\n              transform=\"rotate(-90 18 18)\"\n            />\n          </svg>\n          {Glyph ? (\n            <Icon\n              icon={Glyph}\n              className={cn(\"relative size-5\", modelIconClassName)}\n            />\n          ) : (\n            <span\n              className={cn(\n                \"relative text-[9px] font-semibold tabular-nums\",\n                contextTextTone(pct),\n              )}\n            >\n              {pct}\n            </span>\n          )}\n        </span>\n      </span>\n    ) : (\n      <ContextMeterBar\n        pct={pct}\n        barClassName={contextBarTone(pct)}\n        textClassName={contextTextTone(pct)}\n        {...(provider ? { provider } : {})}\n        {...(executionMode ? { executionMode } : {})}\n        {...(model ? { model } : {})}\n        {...(Glyph ? { modelIcon: Glyph } : {})}\n        {...(modelIconClassName ? { modelIconClassName } : {})}\n        {...(effort ? { effort } : {})}\n        {...(className ? { className } : {})}\n      />\n    );\n\n  return (\n    <HoverCard\n      trigger={trigger}\n      placement=\"bottom\"\n      delay={200}\n      cardClassName=\"w-72 p-3\"\n    >\n      <div className=\"space-y-2.5 text-xs\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <span className=\"font-semibold\">Context usage</span>\n          <span\n            className={cn(\"font-semibold tabular-nums\", contextTextTone(pct))}\n          >\n            {pct}%\n          </span>\n        </div>\n\n        {(model || effort) && (\n          <div className=\"flex items-center justify-between gap-3 border-b border-border pb-2\">\n            {model ? (\n              <div className=\"flex min-w-0 items-center gap-2\">\n                {Glyph && (\n                  <Icon\n                    icon={Glyph}\n                    className={cn(\"size-4 shrink-0\", modelIconClassName)}\n                  />\n                )}\n                <span className=\"truncate font-medium\" title={model}>\n                  {model}\n                </span>\n              </div>\n            ) : null}\n            {effort ? (\n              <span\n                className={cn(\n                  \"inline-flex shrink-0 items-center gap-1 font-medium\",\n                  effortColor,\n                )}\n              >\n                {EffortGlyph ? <EffortGlyph className=\"size-3.5\" /> : null}\n                {effortLevelLabel(effort)} effort\n              </span>\n            ) : null}\n          </div>\n        )}\n\n        {(identities.length > 0 || provider || executionMode) && (\n          <div className=\"space-y-1.5 border-b border-border pb-2\">\n            {identities.map((identity) => {\n              const copyStatus =\n                copyResult?.identity === identity.key &&\n                copyResult.value === identity.value\n                  ? copyResult.status\n                  : undefined;\n              return (\n                <div\n                  key={identity.key}\n                  className=\"flex items-center justify-between gap-4\"\n                >\n                  <span className=\"text-muted-foreground\">\n                    {identity.label}\n                  </span>\n                  <button\n                    type=\"button\"\n                    aria-label={\n                      copyStatus === \"copied\"\n                        ? `${identity.label} ID copied`\n                        : copyStatus === \"failed\"\n                          ? `${identity.label} ID copy failed`\n                          : `Copy ${identity.label.toLowerCase()} ID`\n                    }\n                    title={identity.value}\n                    className={cn(\n                      \"flex min-w-0 max-w-48 items-center gap-1.5 font-medium hover:text-foreground\",\n                      copyStatus === \"failed\" && \"text-destructive\",\n                    )}\n                    onClick={() => void copyIdentity(identity)}\n                  >\n                    <span className=\"truncate font-mono\">\n                      {identity.value}\n                    </span>\n                    <Icon\n                      icon={copyStatus === \"copied\" ? UiCheck : UiCopy}\n                      className=\"size-3.5 shrink-0\"\n                    />\n                  </button>\n                </div>\n              );\n            })}\n            {provider ? <Row label=\"Provider\" value={provider} /> : null}\n            {executionMode ? <Row label=\"Mode\" value={executionMode} /> : null}\n          </div>\n        )}\n\n        <div className=\"space-y-1.5\">\n          <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n            <div\n              className={cn(\"h-full rounded-full\", contextBarTone(pct))}\n              style={{ width: `${pct}%` }}\n            />\n          </div>\n          {windowTokens ? (\n            <>\n              <Row\n                label=\"Window\"\n                value={`${compactTokens(usedTokens ?? 0)} / ${compactTokens(windowTokens)}`}\n              />\n              <Row label=\"Free\" value={`${100 - pct}%`} />\n            </>\n          ) : (\n            <Row label=\"Used\" value={`${pct}%`} />\n          )}\n          {messageCount != null ? (\n            <Row label=\"Messages\" value={String(messageCount)} />\n          ) : null}\n        </div>\n\n        {(totalTokens > 0 || totalCost > 0 || budget) && (\n          <div className=\"space-y-1.5 border-t border-border pt-2\">\n            {(totalTokens > 0 || totalCost > 0) && (\n              <UsageTable\n                rows={bucketRows(tokens, cost)}\n                totalTokens={totalTokens}\n                totalCost={totalCost}\n                showTokens={totalTokens > 0}\n                showCost={totalCost > 0}\n              />\n            )}\n            {budget?.total != null && budget.total > 0 ? (\n              <Row\n                label=\"Budget\"\n                value={`${formatCost(budget.used ?? 0)} / ${formatCost(budget.total)}`}\n              />\n            ) : budget?.remaining != null ? (\n              <Row label=\"Budget left\" value={formatCost(budget.remaining)} />\n            ) : budget?.used != null && budget.used > 0 ? (\n              <Row label=\"Budget\" value={formatCost(budget?.used ?? 0)} />\n            ) : null}\n          </div>\n        )}\n      </div>\n    </HoverCard>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAmFA,SAAS,IAAI,EAAE,OAAO,SAA2C;AAC/D,SACE,qBAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,WAAU,yBAAyB,UAAA,OAAM;AAAA,IAC/C,oBAAC,QAAA,EAAK,WAAU,4BAA4B,UAAA,MAAA,CAAM;AAAA,EAAA,GACpD;AAEJ;AAgBA,SAAS,WACP,QACA,MACa;AACb,QAAM,OAAoB;AAAA,IACxB,EAAE,OAAO,SAAS,QAAQ,iCAAQ,OAAO,MAAM,6BAAM,MAAA;AAAA,IACrD,EAAE,OAAO,UAAU,QAAQ,iCAAQ,QAAQ,MAAM,6BAAM,OAAA;AAAA,IACvD,EAAE,OAAO,aAAa,QAAQ,iCAAQ,WAAW,MAAM,6BAAM,UAAA;AAAA,IAC7D,EAAE,OAAO,cAAc,QAAQ,iCAAQ,WAAW,MAAM,6BAAM,UAAA;AAAA,IAC9D;AAAA,MACE,OAAO;AAAA,MACP,QAAQ,iCAAQ;AAAA,MAChB,MAAM,6BAAM;AAAA,IAAA;AAAA,EACd;AAEF,SAAO,KAAK,OAAO,CAAC,SAAS,IAAI,UAAU,KAAK,MAAM,IAAI,QAAQ,KAAK,CAAC;AAC1E;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,UAAU;AAChB,SACE,qBAAC,SAAA,EAAM,WAAU,0BACf,UAAA;AAAA,IAAA,oBAAC,SAAA,EACC,UAAA,qBAAC,MAAA,EAAG,WAAU,6DACZ,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,oCAAA,CAAoC;AAAA,MACjD,cACC,oBAAC,MAAA,EAAG,WAAU,sCAAqC,UAAA,UAAM;AAAA,MAE1D,YACC,oBAAC,MAAA,EAAG,WAAU,sCAAqC,UAAA,OAAA,CAAI;AAAA,IAAA,EAAA,CAE3D,EAAA,CACF;AAAA,yBACC,SAAA,EACE,UAAA;AAAA,MAAA,KAAK,IAAI,CAAC,QACT,qBAAC,MAAA,EACC,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,+CACX,UAAA,IAAI,OACP;AAAA,QACC,cACC,oBAAC,MAAA,EAAG,WAAW,SACZ,cAAI,SACH,cAAc,IAAI,MAAM,IAExB,oBAAC,QAAA,EAAK,WAAU,4BAA2B,eAAC,GAEhD;AAAA,QAED,YACC,oBAAC,MAAA,EAAG,WAAW,SACZ,cAAI,OACH,WAAW,IAAI,IAAI,IAEnB,oBAAC,QAAA,EAAK,WAAU,4BAA2B,eAAC,EAAA,CAEhD;AAAA,MAAA,KApBK,IAAI,KAsBb,CACD;AAAA,MACD,qBAAC,MAAA,EAAG,WAAU,sCACZ,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,yBAAwB,UAAA,SAAK;AAAA,QAC1C,cACC,oBAAC,MAAA,EAAG,WAAW,SAAU,UAAA,cAAc,WAAW,GAAE;AAAA,QAErD,YAAY,oBAAC,MAAA,EAAG,WAAW,SAAU,UAAA,WAAW,SAAS,EAAA,CAAE;AAAA,MAAA,EAAA,CAC9D;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAOO,SAAS,aAAa;AAAA,EAC3B,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAA;AAOpC,QAAM,iBAAiB,OAA2B,MAAS;AAC3D;AAAA,IACE,MAAM,MAAM;AACV,UAAI,eAAe,YAAY,QAAW;AACxC,eAAO,aAAa,eAAe,OAAO;AAAA,MAC5C;AAAA,IACF;AAAA,IACA,CAAA;AAAA,EAAC;AAEH,QAAM,MAAM,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,MAAM,WAAW,CAAC,CAAC;AAC9D,QAAM,eAAc,iCAAQ,UAAS;AACrC,QAAM,aAAY,6BAAM,UAAS;AACjC,QAAM,cAAc,SAAS,gBAAgB,MAAM,IAAI;AACvD,QAAM,cAAc,SAAS,iBAAiB,MAAM,IAAI;AACxD,QAAM,aAAa;AAAA,IACjB,YAAY,EAAE,KAAK,WAAW,OAAO,WAAW,OAAO,cAAc;AAAA,IACrE,mBACI;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,OAAO;AAAA,IAAA,IAET;AAAA,IACJ,oBACI;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,OAAO;AAAA,IAAA,IAET;AAAA,IACJ,WAAW,EAAE,KAAK,UAAU,OAAO,UAAU,OAAO,aAAa;AAAA,IACjE,SAAS,EAAE,KAAK,QAAQ,OAAO,QAAQ,OAAO,WAAW;AAAA,EAAA,EACzD,OAAO,CAAC,aAA2C,aAAa,MAAS;AAG3E,QAAM,eAAe,OAAO,aAA+B;AACzD,QAAI,eAAe,YAAY,QAAW;AACxC,aAAO,aAAa,eAAe,OAAO;AAAA,IAC5C;AACA,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,SAAS,KAAK;AAClD,oBAAc;AAAA,QACZ,UAAU,SAAS;AAAA,QACnB,OAAO,SAAS;AAAA,QAChB,QAAQ;AAAA,MAAA,CACT;AAAA,IACH,QAAQ;AACN,oBAAc;AAAA,QACZ,UAAU,SAAS;AAAA,QACnB,OAAO,SAAS;AAAA,QAChB,QAAQ;AAAA,MAAA,CACT;AAAA,IACH;AACA,mBAAe,UAAU,OAAO;AAAA,MAC9B,MAAM,cAAc,MAAS;AAAA,MAC7B;AAAA,IAAA;AAAA,EAEJ;AAEA,QAAM,UACJ,SAAS,UACP;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,cAAY,WAAW,GAAG;AAAA,MAE1B,UAAA,qBAAC,QAAA,EAAK,WAAU,oEACd,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,2BAAuB;AAAA,YACvB,eAAY;AAAA,YACZ,OAAM;AAAA,YACN,QAAO;AAAA,YACP,SAAQ;AAAA,YACR,WAAW,GAAG,oBAAoB,gBAAgB,GAAG,CAAC;AAAA,YAEtD,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,IAAG;AAAA,kBACH,GAAG;AAAA,kBACH,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,aAAY;AAAA,kBACZ,SAAQ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEV;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,IAAG;AAAA,kBACH,GAAG;AAAA,kBACH,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,aAAY;AAAA,kBACZ,iBAAiB;AAAA,kBACjB,mBAAmB,IAAI,MAAM,OAAO;AAAA,kBACpC,eAAc;AAAA,kBACd,WAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YACZ;AAAA,UAAA;AAAA,QAAA;AAAA,QAED,QACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAW,GAAG,mBAAmB,kBAAkB;AAAA,UAAA;AAAA,QAAA,IAGrD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,gBAAgB,GAAG;AAAA,YAAA;AAAA,YAGpB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA,IAGF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,cAAc,eAAe,GAAG;AAAA,MAChC,eAAe,gBAAgB,GAAG;AAAA,MACjC,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,MAC9B,GAAI,gBAAgB,EAAE,cAAA,IAAkB,CAAA;AAAA,MACxC,GAAI,QAAQ,EAAE,MAAA,IAAU,CAAA;AAAA,MACxB,GAAI,QAAQ,EAAE,WAAW,MAAA,IAAU,CAAA;AAAA,MACnC,GAAI,qBAAqB,EAAE,mBAAA,IAAuB,CAAA;AAAA,MAClD,GAAI,SAAS,EAAE,OAAA,IAAW,CAAA;AAAA,MAC1B,GAAI,YAAY,EAAE,cAAc,CAAA;AAAA,IAAC;AAAA,EAAA;AAIxC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MACV,OAAO;AAAA,MACP,eAAc;AAAA,MAEd,UAAA,qBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,iBAAa;AAAA,UAC7C;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,GAAG,8BAA8B,gBAAgB,GAAG,CAAC;AAAA,cAE/D,UAAA;AAAA,gBAAA;AAAA,gBAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACP,GACF;AAAA,SAEE,SAAS,WACT,qBAAC,OAAA,EAAI,WAAU,uEACZ,UAAA;AAAA,UAAA,QACC,qBAAC,OAAA,EAAI,WAAU,mCACZ,UAAA;AAAA,YAAA,SACC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,WAAW,GAAG,mBAAmB,kBAAkB;AAAA,cAAA;AAAA,YAAA;AAAA,gCAGtD,QAAA,EAAK,WAAU,wBAAuB,OAAO,OAC3C,UAAA,MAAA,CACH;AAAA,UAAA,EAAA,CACF,IACE;AAAA,UACH,SACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cAAA;AAAA,cAGD,UAAA;AAAA,gBAAA,cAAc,oBAAC,aAAA,EAAY,WAAU,WAAA,CAAW,IAAK;AAAA,gBACrD,iBAAiB,MAAM;AAAA,gBAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,IAE1B;AAAA,QAAA,GACN;AAAA,SAGA,WAAW,SAAS,KAAK,YAAY,kBACrC,qBAAC,OAAA,EAAI,WAAU,2CACZ,UAAA;AAAA,UAAA,WAAW,IAAI,CAAC,aAAa;AAC5B,kBAAM,cACJ,yCAAY,cAAa,SAAS,OAClC,WAAW,UAAU,SAAS,QAC1B,WAAW,SACX;AACN,mBACE;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAU;AAAA,gBAEV,UAAA;AAAA,kBAAA,oBAAC,QAAA,EAAK,WAAU,yBACb,UAAA,SAAS,OACZ;AAAA,kBACA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,cACE,eAAe,WACX,GAAG,SAAS,KAAK,eACjB,eAAe,WACb,GAAG,SAAS,KAAK,oBACjB,QAAQ,SAAS,MAAM,aAAa;AAAA,sBAE5C,OAAO,SAAS;AAAA,sBAChB,WAAW;AAAA,wBACT;AAAA,wBACA,eAAe,YAAY;AAAA,sBAAA;AAAA,sBAE7B,SAAS,MAAM,KAAK,aAAa,QAAQ;AAAA,sBAEzC,UAAA;AAAA,wBAAA,oBAAC,QAAA,EAAK,WAAU,sBACb,UAAA,SAAS,OACZ;AAAA,wBACA;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,MAAM,eAAe,WAAW,UAAU;AAAA,4BAC1C,WAAU;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBACZ;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,cA7BK,SAAS;AAAA,YAAA;AAAA,UAgCpB,CAAC;AAAA,UACA,WAAW,oBAAC,KAAA,EAAI,OAAM,YAAW,OAAO,UAAU,IAAK;AAAA,UACvD,gBAAgB,oBAAC,KAAA,EAAI,OAAM,QAAO,OAAO,eAAe,IAAK;AAAA,QAAA,GAChE;AAAA,QAGF,qBAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAA,oBAAC,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,GAAG,uBAAuB,eAAe,GAAG,CAAC;AAAA,cACxD,OAAO,EAAE,OAAO,GAAG,GAAG,IAAA;AAAA,YAAI;AAAA,UAAA,GAE9B;AAAA,UACC,eACC,qBAAA,UAAA,EACE,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,OAAO,GAAG,cAAc,cAAc,CAAC,CAAC,MAAM,cAAc,YAAY,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YAE3E,oBAAC,OAAI,OAAM,QAAO,OAAO,GAAG,MAAM,GAAG,IAAA,CAAK;AAAA,UAAA,EAAA,CAC5C,wBAEC,KAAA,EAAI,OAAM,QAAO,OAAO,GAAG,GAAG,IAAA,CAAK;AAAA,UAErC,gBAAgB,OACf,oBAAC,KAAA,EAAI,OAAM,YAAW,OAAO,OAAO,YAAY,EAAA,CAAG,IACjD;AAAA,QAAA,GACN;AAAA,SAEE,cAAc,KAAK,YAAY,KAAK,WACpC,qBAAC,OAAA,EAAI,WAAU,2CACX,UAAA;AAAA,WAAA,cAAc,KAAK,YAAY,MAC/B;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAM,WAAW,QAAQ,IAAI;AAAA,cAC7B;AAAA,cACA;AAAA,cACA,YAAY,cAAc;AAAA,cAC1B,UAAU,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,WAGzB,iCAAQ,UAAS,QAAQ,OAAO,QAAQ,IACvC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAO,GAAG,WAAW,OAAO,QAAQ,CAAC,CAAC,MAAM,WAAW,OAAO,KAAK,CAAC;AAAA,YAAA;AAAA,UAAA,KAEpE,iCAAQ,cAAa,OACvB,oBAAC,KAAA,EAAI,OAAM,eAAc,OAAO,WAAW,OAAO,SAAS,GAAG,KAC5D,iCAAQ,SAAQ,QAAQ,OAAO,OAAO,IACxC,oBAAC,KAAA,EAAI,OAAM,UAAS,OAAO,YAAW,iCAAQ,SAAQ,CAAC,GAAG,IACxD;AAAA,QAAA,EAAA,CACN;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}