@flanksource/clicky-ui 0.3.17 → 0.3.18

package/dist/data/ai/AdvancedChatConfig.cjs

@@ -0,0 +1,289 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const button = require("../../components/button.cjs");
+const utils = require("../../lib/utils.cjs");
+const ProviderStatusPanel = require("../runtime/ProviderStatusPanel.cjs");
+const RuntimeBar = require("../runtime/RuntimeBar.cjs");
+const runtimeMode = require("../runtime/runtime-mode.cjs");
+const types = require("../chat/types.cjs");
+function AdvancedChatConfig({
+  models,
+  runtime,
+  onRuntimeChange,
+  runtimeFamilies,
+  reasoningEfforts,
+  permissionMode,
+  onPermissionModeChange,
+  temperature,
+  onTemperatureChange,
+  budget,
+  onBudgetChange,
+  usage,
+  catalogLoading = false,
+  catalogError = null,
+  onCatalogRetry
+}) {
+  const updateBudget = (key, raw) => {
+    const next = { ...budget };
+    const parsed = parseOptionalNumber(raw, key === "maxTokens");
+    if (parsed === void 0) delete next[key];
+    else next[key] = parsed;
+    onBudgetChange == null ? void 0 : onBudgetChange(next);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid min-h-0 flex-1 gap-4 overflow-y-auto lg:grid-cols-[minmax(0,1fr)_minmax(18rem,24rem)]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Runtime" }),
+        catalogLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: "Checking model and runtime availability…" }),
+        catalogError && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            role: "alert",
+            className: "flex items-center justify-between gap-3 rounded border border-destructive/40 bg-destructive/5 px-3 py-2 text-xs text-destructive",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: catalogError }),
+              onCatalogRetry && /* @__PURE__ */ jsxRuntime.jsx(
+                button.Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "outline",
+                  onClick: onCatalogRetry,
+                  children: "Retry"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          RuntimeBar.RuntimeBar,
+          {
+            variant: "segmented",
+            ariaLabel: "Advanced runtime",
+            value: runtime,
+            onChange: (next) => onRuntimeChange == null ? void 0 : onRuntimeChange(next),
+            models,
+            reasoningEfforts,
+            ...runtimeFamilies ? { families: runtimeFamilies } : {},
+            className: "max-w-full"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid max-w-md grid-cols-[9rem_minmax(0,1fr)] items-center gap-3 text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Permission mode" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "select",
+            {
+              "aria-label": "Permission mode",
+              value: permissionMode,
+              onChange: (event) => onPermissionModeChange == null ? void 0 : onPermissionModeChange(
+                event.target.value
+              ),
+              className: "h-8 rounded border border-border bg-background px-2 text-xs",
+              children: types.CLAUDE_PERMISSION_MODE_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+                "option",
+                {
+                  value: option.value,
+                  title: option.description,
+                  children: option.label
+                },
+                option.value
+              ))
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Generation" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid grid-cols-[8rem_minmax(0,1fr)_4rem] items-center gap-3 text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Temperature" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "range",
+              min: 0,
+              max: 2,
+              step: 0.1,
+              value: temperature ?? 0,
+              onChange: (event) => onTemperatureChange == null ? void 0 : onTemperatureChange(Number(event.target.value))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "number",
+              min: 0,
+              max: 2,
+              step: 0.1,
+              value: temperature ?? "",
+              onChange: (event) => onTemperatureChange == null ? void 0 : onTemperatureChange(parseOptionalNumber(event.target.value)),
+              className: "h-8 rounded border border-border bg-background px-2 text-xs"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Budget" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "space-y-1 text-xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Max cost" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "number",
+                min: 0,
+                step: 0.01,
+                value: (budget == null ? void 0 : budget.cost) ?? "",
+                onChange: (event) => updateBudget("cost", event.target.value),
+                className: "h-8 w-full rounded border border-border bg-background px-2 text-xs"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "space-y-1 text-xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Max tokens" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "number",
+                min: 0,
+                step: 1,
+                value: (budget == null ? void 0 : budget.maxTokens) ?? "",
+                onChange: (event) => updateBudget("maxTokens", event.target.value),
+                className: "h-8 w-full rounded border border-border bg-background px-2 text-xs"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      UsageCostPanel,
+      {
+        usage,
+        models,
+        families: runtimeFamilies ?? runtimeMode.SPEC_RUNTIME_FAMILIES,
+        showProviderStatus: !catalogLoading
+      }
+    )
+  ] });
+}
+function UsageCostPanel({
+  usage,
+  models,
+  families,
+  showProviderStatus
+}) {
+  const tokens = usage == null ? void 0 : usage.usage;
+  const costs = usage == null ? void 0 : usage.costBreakdown;
+  return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "space-y-3 border-t border-border pt-4 lg:border-l lg:border-t-0 lg:pl-4 lg:pt-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Usage (last turn)" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded border border-border", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        MetricRow,
+        {
+          label: "Context",
+          value: `${formatNumber(usage == null ? void 0 : usage.usedTokens)} / ${formatNumber(
+            usage == null ? void 0 : usage.maxTokens
+          )}`
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        MetricRow,
+        {
+          label: "Input tokens",
+          value: formatNumber(tokens == null ? void 0 : tokens.inputTokens)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        MetricRow,
+        {
+          label: "Output tokens",
+          value: formatNumber(tokens == null ? void 0 : tokens.outputTokens)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        MetricRow,
+        {
+          label: "Reasoning tokens",
+          value: formatNumber(tokens == null ? void 0 : tokens.reasoningTokens)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        MetricRow,
+        {
+          label: "Cache read tokens",
+          value: formatNumber(tokens == null ? void 0 : tokens.cacheReadTokens)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        MetricRow,
+        {
+          label: "Cache write tokens",
+          value: formatNumber(tokens == null ? void 0 : tokens.cacheWriteTokens)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        MetricRow,
+        {
+          label: "Total tokens",
+          value: formatNumber(tokens == null ? void 0 : tokens.totalTokens)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Cost (last turn)" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded border border-border", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(MetricRow, { label: "Input", value: formatUSD(costs == null ? void 0 : costs.inputUsd) }),
+      /* @__PURE__ */ jsxRuntime.jsx(MetricRow, { label: "Output", value: formatUSD(costs == null ? void 0 : costs.outputUsd) }),
+      /* @__PURE__ */ jsxRuntime.jsx(MetricRow, { label: "Reasoning", value: formatUSD(costs == null ? void 0 : costs.reasoningUsd) }),
+      /* @__PURE__ */ jsxRuntime.jsx(MetricRow, { label: "Cache read", value: formatUSD(costs == null ? void 0 : costs.cacheReadUsd) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        MetricRow,
+        {
+          label: "Cache write",
+          value: formatUSD(costs == null ? void 0 : costs.cacheWriteUsd)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        MetricRow,
+        {
+          label: "Conversation total",
+          value: formatUSD((usage == null ? void 0 : usage.cost) ?? (costs == null ? void 0 : costs.totalUsd)),
+          strong: true
+        }
+      )
+    ] }),
+    showProviderStatus && /* @__PURE__ */ jsxRuntime.jsx(ProviderStatusPanel.ProviderStatusPanel, { models, families })
+  ] });
+}
+function MetricRow({
+  label,
+  value,
+  strong = false
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_auto] gap-3 border-b border-border px-2 py-1.5 text-xs last:border-b-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: utils.cn("font-mono", strong && "font-semibold text-foreground"),
+        children: value
+      }
+    )
+  ] });
+}
+function parseOptionalNumber(raw, integer = false) {
+  if (raw.trim() === "") return void 0;
+  const value = Number(raw);
+  if (!Number.isFinite(value)) return void 0;
+  return integer ? Math.max(0, Math.trunc(value)) : value;
+}
+function formatNumber(value) {
+  if (value == null || !Number.isFinite(value)) return "-";
+  return new Intl.NumberFormat().format(value);
+}
+function formatUSD(value) {
+  if (value == null || !Number.isFinite(value)) return "-";
+  return `$${value.toFixed(value >= 1 ? 4 : 6)}`;
+}
+exports.AdvancedChatConfig = AdvancedChatConfig;
+//# sourceMappingURL=AdvancedChatConfig.cjs.map

package/dist/data/ai/AdvancedChatConfig.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedChatConfig.cjs","sources":["../../../src/data/ai/AdvancedChatConfig.tsx"],"sourcesContent":["import { Button } from \"../../components/button\";\nimport { cn } from \"../../lib/utils\";\nimport { ProviderStatusPanel } from \"../runtime/ProviderStatusPanel\";\nimport { RuntimeBar } from \"../runtime/RuntimeBar\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  type SpecRuntimeFamily,\n} from \"../runtime/runtime-mode\";\nimport type {\n  ChatBudgetConfig,\n  ChatModel,\n  ChatModelRuntime,\n  ChatUsageSummary,\n  ClaudePermissionMode,\n} from \"../chat/types\";\nimport { CLAUDE_PERMISSION_MODE_OPTIONS } from \"../chat/types\";\n\nexport type AdvancedChatConfigProps = {\n  models: ChatModel[];\n  runtime: ChatModelRuntime;\n  onRuntimeChange?: ((runtime: ChatModelRuntime) => void) | undefined;\n  runtimeFamilies?: SpecRuntimeFamily[] | undefined;\n  reasoningEfforts: string[];\n  permissionMode: ClaudePermissionMode;\n  onPermissionModeChange?: ((mode: ClaudePermissionMode) => void) | undefined;\n  temperature?: number | undefined;\n  onTemperatureChange?: ((temperature: number | undefined) => void) | undefined;\n  budget?: ChatBudgetConfig | undefined;\n  onBudgetChange?: ((budget: ChatBudgetConfig) => void) | undefined;\n  usage?: ChatUsageSummary | null | undefined;\n  catalogLoading?: boolean | undefined;\n  catalogError?: string | null | undefined;\n  onCatalogRetry?: (() => void) | undefined;\n};\n\nexport function AdvancedChatConfig({\n  models,\n  runtime,\n  onRuntimeChange,\n  runtimeFamilies,\n  reasoningEfforts,\n  permissionMode,\n  onPermissionModeChange,\n  temperature,\n  onTemperatureChange,\n  budget,\n  onBudgetChange,\n  usage,\n  catalogLoading = false,\n  catalogError = null,\n  onCatalogRetry,\n}: AdvancedChatConfigProps) {\n  const updateBudget = (key: keyof ChatBudgetConfig, raw: string) => {\n    const next: ChatBudgetConfig = { ...budget };\n    const parsed = parseOptionalNumber(raw, key === \"maxTokens\");\n    if (parsed === undefined) delete next[key];\n    else next[key] = parsed;\n    onBudgetChange?.(next);\n  };\n\n  return (\n    <div className=\"grid min-h-0 flex-1 gap-4 overflow-y-auto lg:grid-cols-[minmax(0,1fr)_minmax(18rem,24rem)]\">\n      <div className=\"space-y-4\">\n        <section className=\"space-y-3\">\n          <div className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            Runtime\n          </div>\n          {catalogLoading && (\n            <div className=\"text-xs text-muted-foreground\">\n              Checking model and runtime availability…\n            </div>\n          )}\n          {catalogError && (\n            <div\n              role=\"alert\"\n              className=\"flex items-center justify-between gap-3 rounded border border-destructive/40 bg-destructive/5 px-3 py-2 text-xs text-destructive\"\n            >\n              <span>{catalogError}</span>\n              {onCatalogRetry && (\n                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  variant=\"outline\"\n                  onClick={onCatalogRetry}\n                >\n                  Retry\n                </Button>\n              )}\n            </div>\n          )}\n          <RuntimeBar\n            variant=\"segmented\"\n            ariaLabel=\"Advanced runtime\"\n            value={runtime}\n            onChange={(next) => onRuntimeChange?.(next)}\n            models={models}\n            reasoningEfforts={reasoningEfforts}\n            {...(runtimeFamilies ? { families: runtimeFamilies } : {})}\n            className=\"max-w-full\"\n          />\n          <label className=\"grid max-w-md grid-cols-[9rem_minmax(0,1fr)] items-center gap-3 text-xs\">\n            <span className=\"text-muted-foreground\">Permission mode</span>\n            <select\n              aria-label=\"Permission mode\"\n              value={permissionMode}\n              onChange={(event) =>\n                onPermissionModeChange?.(\n                  event.target.value as ClaudePermissionMode\n                )\n              }\n              className=\"h-8 rounded border border-border bg-background px-2 text-xs\"\n            >\n              {CLAUDE_PERMISSION_MODE_OPTIONS.map((option) => (\n                <option\n                  key={option.value}\n                  value={option.value}\n                  title={option.description}\n                >\n                  {option.label}\n                </option>\n              ))}\n            </select>\n          </label>\n        </section>\n        <section className=\"space-y-3\">\n          <div className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            Generation\n          </div>\n          <label className=\"grid grid-cols-[8rem_minmax(0,1fr)_4rem] items-center gap-3 text-xs\">\n            <span className=\"text-muted-foreground\">Temperature</span>\n            <input\n              type=\"range\"\n              min={0}\n              max={2}\n              step={0.1}\n              value={temperature ?? 0}\n              onChange={(event) =>\n                onTemperatureChange?.(Number(event.target.value))\n              }\n            />\n            <input\n              type=\"number\"\n              min={0}\n              max={2}\n              step={0.1}\n              value={temperature ?? \"\"}\n              onChange={(event) =>\n                onTemperatureChange?.(parseOptionalNumber(event.target.value))\n              }\n              className=\"h-8 rounded border border-border bg-background px-2 text-xs\"\n            />\n          </label>\n        </section>\n        <section className=\"space-y-3\">\n          <div className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n            Budget\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <label className=\"space-y-1 text-xs\">\n              <span className=\"text-muted-foreground\">Max cost</span>\n              <input\n                type=\"number\"\n                min={0}\n                step={0.01}\n                value={budget?.cost ?? \"\"}\n                onChange={(event) => updateBudget(\"cost\", event.target.value)}\n                className=\"h-8 w-full rounded border border-border bg-background px-2 text-xs\"\n              />\n            </label>\n            <label className=\"space-y-1 text-xs\">\n              <span className=\"text-muted-foreground\">Max tokens</span>\n              <input\n                type=\"number\"\n                min={0}\n                step={1}\n                value={budget?.maxTokens ?? \"\"}\n                onChange={(event) =>\n                  updateBudget(\"maxTokens\", event.target.value)\n                }\n                className=\"h-8 w-full rounded border border-border bg-background px-2 text-xs\"\n              />\n            </label>\n          </div>\n        </section>\n      </div>\n      <UsageCostPanel\n        usage={usage}\n        models={models}\n        families={runtimeFamilies ?? SPEC_RUNTIME_FAMILIES}\n        showProviderStatus={!catalogLoading}\n      />\n    </div>\n  );\n}\n\nfunction UsageCostPanel({\n  usage,\n  models,\n  families,\n  showProviderStatus,\n}: {\n  usage?: ChatUsageSummary | null | undefined;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  showProviderStatus: boolean;\n}) {\n  const tokens = usage?.usage;\n  const costs = usage?.costBreakdown;\n  return (\n    <aside className=\"space-y-3 border-t border-border pt-4 lg:border-l lg:border-t-0 lg:pl-4 lg:pt-0\">\n      {/* Both tables describe the last completed turn; only the bold total is\n          cumulative. Labelled explicitly because the rows will not sum to it,\n          and the full conversation breakdown lives in the Costs tab. */}\n      <div className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n        Usage (last turn)\n      </div>\n      <div className=\"overflow-hidden rounded border border-border\">\n        <MetricRow\n          label=\"Context\"\n          value={`${formatNumber(usage?.usedTokens)} / ${formatNumber(\n            usage?.maxTokens\n          )}`}\n        />\n        <MetricRow\n          label=\"Input tokens\"\n          value={formatNumber(tokens?.inputTokens)}\n        />\n        <MetricRow\n          label=\"Output tokens\"\n          value={formatNumber(tokens?.outputTokens)}\n        />\n        <MetricRow\n          label=\"Reasoning tokens\"\n          value={formatNumber(tokens?.reasoningTokens)}\n        />\n        <MetricRow\n          label=\"Cache read tokens\"\n          value={formatNumber(tokens?.cacheReadTokens)}\n        />\n        <MetricRow\n          label=\"Cache write tokens\"\n          value={formatNumber(tokens?.cacheWriteTokens)}\n        />\n        <MetricRow\n          label=\"Total tokens\"\n          value={formatNumber(tokens?.totalTokens)}\n        />\n      </div>\n      <div className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n        Cost (last turn)\n      </div>\n      <div className=\"overflow-hidden rounded border border-border\">\n        <MetricRow label=\"Input\" value={formatUSD(costs?.inputUsd)} />\n        <MetricRow label=\"Output\" value={formatUSD(costs?.outputUsd)} />\n        <MetricRow label=\"Reasoning\" value={formatUSD(costs?.reasoningUsd)} />\n        <MetricRow label=\"Cache read\" value={formatUSD(costs?.cacheReadUsd)} />\n        <MetricRow\n          label=\"Cache write\"\n          value={formatUSD(costs?.cacheWriteUsd)}\n        />\n        <MetricRow\n          label=\"Conversation total\"\n          value={formatUSD(usage?.cost ?? costs?.totalUsd)}\n          strong\n        />\n      </div>\n      {showProviderStatus && (\n        <ProviderStatusPanel models={models} families={families} />\n      )}\n    </aside>\n  );\n}\n\nfunction MetricRow({\n  label,\n  value,\n  strong = false,\n}: {\n  label: string;\n  value: string;\n  strong?: boolean;\n}) {\n  return (\n    <div className=\"grid grid-cols-[minmax(0,1fr)_auto] gap-3 border-b border-border px-2 py-1.5 text-xs last:border-b-0\">\n      <span className=\"truncate text-muted-foreground\">{label}</span>\n      <span\n        className={cn(\"font-mono\", strong && \"font-semibold text-foreground\")}\n      >\n        {value}\n      </span>\n    </div>\n  );\n}\n\nfunction parseOptionalNumber(raw: string, integer = false): number | undefined {\n  if (raw.trim() === \"\") return undefined;\n  const value = Number(raw);\n  if (!Number.isFinite(value)) return undefined;\n  return integer ? Math.max(0, Math.trunc(value)) : value;\n}\n\nfunction formatNumber(value: number | undefined): string {\n  if (value == null || !Number.isFinite(value)) return \"-\";\n  return new Intl.NumberFormat().format(value);\n}\n\nfunction formatUSD(value: number | undefined): string {\n  if (value == null || !Number.isFinite(value)) return \"-\";\n  return `$${value.toFixed(value >= 1 ? 4 : 6)}`;\n}\n"],"names":["jsxs","jsx","Button","RuntimeBar","CLAUDE_PERMISSION_MODE_OPTIONS","SPEC_RUNTIME_FAMILIES","ProviderStatusPanel","cn"],"mappings":";;;;;;;;;AAmCO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf;AACF,GAA4B;AAC1B,QAAM,eAAe,CAAC,KAA6B,QAAgB;AACjE,UAAM,OAAyB,EAAE,GAAG,OAAA;AACpC,UAAM,SAAS,oBAAoB,KAAK,QAAQ,WAAW;AAC3D,QAAI,WAAW,OAAW,QAAO,KAAK,GAAG;AAAA,QACpC,MAAK,GAAG,IAAI;AACjB,qDAAiB;AAAA,EACnB;AAEA,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAU,8FACb,UAAA;AAAA,IAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAAA,2BAAAA,KAAC,WAAA,EAAQ,WAAU,aACjB,UAAA;AAAA,QAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,wEAAuE,UAAA,WAEtF;AAAA,QACC,kBACCA,2BAAAA,IAAC,OAAA,EAAI,WAAU,iCAAgC,UAAA,4CAE/C;AAAA,QAED,gBACCD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YAEV,UAAA;AAAA,cAAAC,2BAAAA,IAAC,UAAM,UAAA,aAAA,CAAa;AAAA,cACnB,kBACCA,2BAAAA;AAAAA,gBAACC,OAAAA;AAAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,SAAQ;AAAA,kBACR,SAAS;AAAA,kBACV,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED;AAAA,UAAA;AAAA,QAAA;AAAA,QAIND,2BAAAA;AAAAA,UAACE,WAAAA;AAAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,OAAO;AAAA,YACP,UAAU,CAAC,SAAS,mDAAkB;AAAA,YACtC;AAAA,YACA;AAAA,YACC,GAAI,kBAAkB,EAAE,UAAU,gBAAA,IAAoB,CAAA;AAAA,YACvD,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZH,2BAAAA,KAAC,SAAA,EAAM,WAAU,2EACf,UAAA;AAAA,UAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,mBAAe;AAAA,UACvDA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,cAAW;AAAA,cACX,OAAO;AAAA,cACP,UAAU,CAAC,UACT;AAAA,gBACE,MAAM,OAAO;AAAA;AAAA,cAGjB,WAAU;AAAA,cAET,UAAAG,MAAAA,+BAA+B,IAAI,CAAC,WACnCH,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,OAAO,OAAO;AAAA,kBACd,OAAO,OAAO;AAAA,kBAEb,UAAA,OAAO;AAAA,gBAAA;AAAA,gBAJH,OAAO;AAAA,cAAA,CAMf;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CACF;AAAA,MAAA,GACF;AAAA,MACAD,2BAAAA,KAAC,WAAA,EAAQ,WAAU,aACjB,UAAA;AAAA,QAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,wEAAuE,UAAA,cAEtF;AAAA,QACAD,2BAAAA,KAAC,SAAA,EAAM,WAAU,uEACf,UAAA;AAAA,UAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,eAAW;AAAA,UACnDA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,OAAO,eAAe;AAAA,cACtB,UAAU,CAAC,UACT,2DAAsB,OAAO,MAAM,OAAO,KAAK;AAAA,YAAC;AAAA,UAAA;AAAA,UAGpDA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,KAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,OAAO,eAAe;AAAA,cACtB,UAAU,CAAC,UACT,2DAAsB,oBAAoB,MAAM,OAAO,KAAK;AAAA,cAE9D,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,EAAA,CACF;AAAA,MAAA,GACF;AAAA,MACAD,2BAAAA,KAAC,WAAA,EAAQ,WAAU,aACjB,UAAA;AAAA,QAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,wEAAuE,UAAA,UAEtF;AAAA,QACAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,UAAAA,2BAAAA,KAAC,SAAA,EAAM,WAAU,qBACf,UAAA;AAAA,YAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,YAAQ;AAAA,YAChDA,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,KAAK;AAAA,gBACL,MAAM;AAAA,gBACN,QAAO,iCAAQ,SAAQ;AAAA,gBACvB,UAAU,CAAC,UAAU,aAAa,QAAQ,MAAM,OAAO,KAAK;AAAA,gBAC5D,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ,GACF;AAAA,UACAD,2BAAAA,KAAC,SAAA,EAAM,WAAU,qBACf,UAAA;AAAA,YAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,cAAU;AAAA,YAClDA,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,KAAK;AAAA,gBACL,MAAM;AAAA,gBACN,QAAO,iCAAQ,cAAa;AAAA,gBAC5B,UAAU,CAAC,UACT,aAAa,aAAa,MAAM,OAAO,KAAK;AAAA,gBAE9C,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IACAA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,UAAU,mBAAmBI,YAAAA;AAAAA,QAC7B,oBAAoB,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACvB,GACF;AAEJ;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,SAAS,+BAAO;AACtB,QAAM,QAAQ,+BAAO;AACrB,SACEL,2BAAAA,KAAC,SAAA,EAAM,WAAU,mFAIf,UAAA;AAAA,IAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,wEAAuE,UAAA,qBAEtF;AAAA,IACAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,MAAAC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,GAAG,aAAa,+BAAO,UAAU,CAAC,MAAM;AAAA,YAC7C,+BAAO;AAAA,UAAA,CACR;AAAA,QAAA;AAAA,MAAA;AAAA,MAEHA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,aAAa,iCAAQ,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEzCA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,aAAa,iCAAQ,YAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAE1CA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,aAAa,iCAAQ,eAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAE7CA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,aAAa,iCAAQ,eAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAE7CA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,aAAa,iCAAQ,gBAAgB;AAAA,QAAA;AAAA,MAAA;AAAA,MAE9CA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,aAAa,iCAAQ,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACzC,GACF;AAAA,IACAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,wEAAuE,UAAA,oBAEtF;AAAA,IACAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,MAAAC,+BAAC,aAAU,OAAM,SAAQ,OAAO,UAAU,+BAAO,QAAQ,GAAG;AAAA,MAC5DA,+BAAC,aAAU,OAAM,UAAS,OAAO,UAAU,+BAAO,SAAS,GAAG;AAAA,MAC9DA,+BAAC,aAAU,OAAM,aAAY,OAAO,UAAU,+BAAO,YAAY,GAAG;AAAA,MACpEA,+BAAC,aAAU,OAAM,cAAa,OAAO,UAAU,+BAAO,YAAY,GAAG;AAAA,MACrEA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,UAAU,+BAAO,aAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAEvCA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,WAAU,+BAAO,UAAQ,+BAAO,SAAQ;AAAA,UAC/C,QAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,GACF;AAAA,IACC,sBACCA,2BAAAA,IAACK,oBAAAA,qBAAA,EAAoB,QAAgB,SAAA,CAAoB;AAAA,EAAA,GAE7D;AAEJ;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA,SAAS;AACX,GAIG;AACD,SACEN,2BAAAA,KAAC,OAAA,EAAI,WAAU,wGACb,UAAA;AAAA,IAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,kCAAkC,UAAA,OAAM;AAAA,IACxDA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWM,MAAAA,GAAG,aAAa,UAAU,+BAA+B;AAAA,QAEnE,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;AAEA,SAAS,oBAAoB,KAAa,UAAU,OAA2B;AAC7E,MAAI,IAAI,WAAW,GAAI,QAAO;AAC9B,QAAM,QAAQ,OAAO,GAAG;AACxB,MAAI,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACpC,SAAO,UAAU,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,CAAC,IAAI;AACpD;AAEA,SAAS,aAAa,OAAmC;AACvD,MAAI,SAAS,QAAQ,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACrD,SAAO,IAAI,KAAK,eAAe,OAAO,KAAK;AAC7C;AAEA,SAAS,UAAU,OAAmC;AACpD,MAAI,SAAS,QAAQ,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACrD,SAAO,IAAI,MAAM,QAAQ,SAAS,IAAI,IAAI,CAAC,CAAC;AAC9C;;"}

package/dist/data/ai/AdvancedChatConfig.d.ts

@@ -0,0 +1,21 @@
+import { SpecRuntimeFamily } from '../runtime/runtime-mode';
+import { ChatBudgetConfig, ChatModel, ChatModelRuntime, ChatUsageSummary, ClaudePermissionMode } from '../chat/types';
+export type AdvancedChatConfigProps = {
+    models: ChatModel[];
+    runtime: ChatModelRuntime;
+    onRuntimeChange?: ((runtime: ChatModelRuntime) => void) | undefined;
+    runtimeFamilies?: SpecRuntimeFamily[] | undefined;
+    reasoningEfforts: string[];
+    permissionMode: ClaudePermissionMode;
+    onPermissionModeChange?: ((mode: ClaudePermissionMode) => void) | undefined;
+    temperature?: number | undefined;
+    onTemperatureChange?: ((temperature: number | undefined) => void) | undefined;
+    budget?: ChatBudgetConfig | undefined;
+    onBudgetChange?: ((budget: ChatBudgetConfig) => void) | undefined;
+    usage?: ChatUsageSummary | null | undefined;
+    catalogLoading?: boolean | undefined;
+    catalogError?: string | null | undefined;
+    onCatalogRetry?: (() => void) | undefined;
+};
+export declare function AdvancedChatConfig({ models, runtime, onRuntimeChange, runtimeFamilies, reasoningEfforts, permissionMode, onPermissionModeChange, temperature, onTemperatureChange, budget, onBudgetChange, usage, catalogLoading, catalogError, onCatalogRetry, }: AdvancedChatConfigProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdvancedChatConfig.d.ts.map

package/dist/data/ai/AdvancedChatConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedChatConfig.d.ts","sourceRoot":"","sources":["../../../src/data/ai/AdvancedChatConfig.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EACV,gBAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE,eAAe,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAClD,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,cAAc,EAAE,oBAAoB,CAAC;IACrC,sBAAsB,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5E,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9E,MAAM,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACtC,cAAc,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClE,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CAC3C,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAO,EACP,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,mBAAmB,EACnB,MAAM,EACN,cAAc,EACd,KAAK,EACL,cAAsB,EACtB,YAAmB,EACnB,cAAc,GACf,EAAE,uBAAuB,2CA8IzB"}

package/dist/data/ai/AdvancedChatConfig.js

@@ -0,0 +1,289 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Button } from "../../components/button.js";
+import { cn } from "../../lib/utils.js";
+import { ProviderStatusPanel } from "../runtime/ProviderStatusPanel.js";
+import { RuntimeBar } from "../runtime/RuntimeBar.js";
+import { SPEC_RUNTIME_FAMILIES } from "../runtime/runtime-mode.js";
+import { CLAUDE_PERMISSION_MODE_OPTIONS } from "../chat/types.js";
+function AdvancedChatConfig({
+  models,
+  runtime,
+  onRuntimeChange,
+  runtimeFamilies,
+  reasoningEfforts,
+  permissionMode,
+  onPermissionModeChange,
+  temperature,
+  onTemperatureChange,
+  budget,
+  onBudgetChange,
+  usage,
+  catalogLoading = false,
+  catalogError = null,
+  onCatalogRetry
+}) {
+  const updateBudget = (key, raw) => {
+    const next = { ...budget };
+    const parsed = parseOptionalNumber(raw, key === "maxTokens");
+    if (parsed === void 0) delete next[key];
+    else next[key] = parsed;
+    onBudgetChange == null ? void 0 : onBudgetChange(next);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "grid min-h-0 flex-1 gap-4 overflow-y-auto lg:grid-cols-[minmax(0,1fr)_minmax(18rem,24rem)]", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Runtime" }),
+        catalogLoading && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Checking model and runtime availability…" }),
+        catalogError && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "alert",
+            className: "flex items-center justify-between gap-3 rounded border border-destructive/40 bg-destructive/5 px-3 py-2 text-xs text-destructive",
+            children: [
+              /* @__PURE__ */ jsx("span", { children: catalogError }),
+              onCatalogRetry && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "outline",
+                  onClick: onCatalogRetry,
+                  children: "Retry"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          RuntimeBar,
+          {
+            variant: "segmented",
+            ariaLabel: "Advanced runtime",
+            value: runtime,
+            onChange: (next) => onRuntimeChange == null ? void 0 : onRuntimeChange(next),
+            models,
+            reasoningEfforts,
+            ...runtimeFamilies ? { families: runtimeFamilies } : {},
+            className: "max-w-full"
+          }
+        ),
+        /* @__PURE__ */ jsxs("label", { className: "grid max-w-md grid-cols-[9rem_minmax(0,1fr)] items-center gap-3 text-xs", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Permission mode" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              "aria-label": "Permission mode",
+              value: permissionMode,
+              onChange: (event) => onPermissionModeChange == null ? void 0 : onPermissionModeChange(
+                event.target.value
+              ),
+              className: "h-8 rounded border border-border bg-background px-2 text-xs",
+              children: CLAUDE_PERMISSION_MODE_OPTIONS.map((option) => /* @__PURE__ */ jsx(
+                "option",
+                {
+                  value: option.value,
+                  title: option.description,
+                  children: option.label
+                },
+                option.value
+              ))
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Generation" }),
+        /* @__PURE__ */ jsxs("label", { className: "grid grid-cols-[8rem_minmax(0,1fr)_4rem] items-center gap-3 text-xs", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Temperature" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "range",
+              min: 0,
+              max: 2,
+              step: 0.1,
+              value: temperature ?? 0,
+              onChange: (event) => onTemperatureChange == null ? void 0 : onTemperatureChange(Number(event.target.value))
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "number",
+              min: 0,
+              max: 2,
+              step: 0.1,
+              value: temperature ?? "",
+              onChange: (event) => onTemperatureChange == null ? void 0 : onTemperatureChange(parseOptionalNumber(event.target.value)),
+              className: "h-8 rounded border border-border bg-background px-2 text-xs"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Budget" }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxs("label", { className: "space-y-1 text-xs", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Max cost" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                min: 0,
+                step: 0.01,
+                value: (budget == null ? void 0 : budget.cost) ?? "",
+                onChange: (event) => updateBudget("cost", event.target.value),
+                className: "h-8 w-full rounded border border-border bg-background px-2 text-xs"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "space-y-1 text-xs", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Max tokens" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                min: 0,
+                step: 1,
+                value: (budget == null ? void 0 : budget.maxTokens) ?? "",
+                onChange: (event) => updateBudget("maxTokens", event.target.value),
+                className: "h-8 w-full rounded border border-border bg-background px-2 text-xs"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      UsageCostPanel,
+      {
+        usage,
+        models,
+        families: runtimeFamilies ?? SPEC_RUNTIME_FAMILIES,
+        showProviderStatus: !catalogLoading
+      }
+    )
+  ] });
+}
+function UsageCostPanel({
+  usage,
+  models,
+  families,
+  showProviderStatus
+}) {
+  const tokens = usage == null ? void 0 : usage.usage;
+  const costs = usage == null ? void 0 : usage.costBreakdown;
+  return /* @__PURE__ */ jsxs("aside", { className: "space-y-3 border-t border-border pt-4 lg:border-l lg:border-t-0 lg:pl-4 lg:pt-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Usage (last turn)" }),
+    /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded border border-border", children: [
+      /* @__PURE__ */ jsx(
+        MetricRow,
+        {
+          label: "Context",
+          value: `${formatNumber(usage == null ? void 0 : usage.usedTokens)} / ${formatNumber(
+            usage == null ? void 0 : usage.maxTokens
+          )}`
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MetricRow,
+        {
+          label: "Input tokens",
+          value: formatNumber(tokens == null ? void 0 : tokens.inputTokens)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MetricRow,
+        {
+          label: "Output tokens",
+          value: formatNumber(tokens == null ? void 0 : tokens.outputTokens)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MetricRow,
+        {
+          label: "Reasoning tokens",
+          value: formatNumber(tokens == null ? void 0 : tokens.reasoningTokens)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MetricRow,
+        {
+          label: "Cache read tokens",
+          value: formatNumber(tokens == null ? void 0 : tokens.cacheReadTokens)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MetricRow,
+        {
+          label: "Cache write tokens",
+          value: formatNumber(tokens == null ? void 0 : tokens.cacheWriteTokens)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MetricRow,
+        {
+          label: "Total tokens",
+          value: formatNumber(tokens == null ? void 0 : tokens.totalTokens)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Cost (last turn)" }),
+    /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded border border-border", children: [
+      /* @__PURE__ */ jsx(MetricRow, { label: "Input", value: formatUSD(costs == null ? void 0 : costs.inputUsd) }),
+      /* @__PURE__ */ jsx(MetricRow, { label: "Output", value: formatUSD(costs == null ? void 0 : costs.outputUsd) }),
+      /* @__PURE__ */ jsx(MetricRow, { label: "Reasoning", value: formatUSD(costs == null ? void 0 : costs.reasoningUsd) }),
+      /* @__PURE__ */ jsx(MetricRow, { label: "Cache read", value: formatUSD(costs == null ? void 0 : costs.cacheReadUsd) }),
+      /* @__PURE__ */ jsx(
+        MetricRow,
+        {
+          label: "Cache write",
+          value: formatUSD(costs == null ? void 0 : costs.cacheWriteUsd)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MetricRow,
+        {
+          label: "Conversation total",
+          value: formatUSD((usage == null ? void 0 : usage.cost) ?? (costs == null ? void 0 : costs.totalUsd)),
+          strong: true
+        }
+      )
+    ] }),
+    showProviderStatus && /* @__PURE__ */ jsx(ProviderStatusPanel, { models, families })
+  ] });
+}
+function MetricRow({
+  label,
+  value,
+  strong = false
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_auto] gap-3 border-b border-border px-2 py-1.5 text-xs last:border-b-0", children: [
+    /* @__PURE__ */ jsx("span", { className: "truncate text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn("font-mono", strong && "font-semibold text-foreground"),
+        children: value
+      }
+    )
+  ] });
+}
+function parseOptionalNumber(raw, integer = false) {
+  if (raw.trim() === "") return void 0;
+  const value = Number(raw);
+  if (!Number.isFinite(value)) return void 0;
+  return integer ? Math.max(0, Math.trunc(value)) : value;
+}
+function formatNumber(value) {
+  if (value == null || !Number.isFinite(value)) return "-";
+  return new Intl.NumberFormat().format(value);
+}
+function formatUSD(value) {
+  if (value == null || !Number.isFinite(value)) return "-";
+  return `$${value.toFixed(value >= 1 ? 4 : 6)}`;
+}
+export {
+  AdvancedChatConfig
+};
+//# sourceMappingURL=AdvancedChatConfig.js.map