@flanksource/clicky-ui 0.3.44 → 0.3.46

package/dist/data/ai/AdvancedChatConfig.cjs

@@ -3,10 +3,12 @@ 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 Icon = require("../Icon.cjs");
 const RuntimeBar = require("../runtime/RuntimeBar.cjs");
-const runtimeMode = require("../runtime/runtime-mode.cjs");
+const RuntimeBarSegment = require("../runtime/RuntimeBarSegment.cjs");
 const types = require("../chat/types.cjs");
+const sessionTones = require("./session-tones.cjs");
+const permissionModeVisuals = require("./SpecRuntimeEditor/permission-mode-visuals.cjs");
 function AdvancedChatConfig({
   models,
   runtime,
@@ -16,277 +18,116 @@ function AdvancedChatConfig({
   runtimeLocked = false,
   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);
+  const barValue = {
+    ...runtime,
+    ...(budget == null ? void 0 : budget.cost) !== void 0 ? { budget: { cost: budget.cost } } : {}
   };
-  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" }),
-        runtimeLocked && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: "Model and backend are locked after the first message. Fork this conversation to change them; effort and generation settings remain adjustable." }),
-        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,
-            locked: runtimeLocked,
-            ...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",
+  const handleBarChange = ({ budget: limits, ...next }) => {
+    if (next.model !== runtime.model || next.id !== runtime.id || next.mode !== runtime.mode || next.temperature !== runtime.temperature || next.effort !== runtime.effort || next.noCache !== runtime.noCache || next.fallbacks !== runtime.fallbacks) {
+      onRuntimeChange == null ? void 0 : onRuntimeChange(next);
+    }
+    if ((limits == null ? void 0 : limits.cost) === (budget == null ? void 0 : budget.cost)) return;
+    const updated = { ...budget };
+    if ((limits == null ? void 0 : limits.cost) === void 0) delete updated.cost;
+    else updated.cost = limits.cost;
+    onBudgetChange == null ? void 0 : onBudgetChange(updated);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 space-y-4 overflow-y-auto", 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" }),
+    runtimeLocked && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: "Model and backend are locked after the first message. Fork this conversation to change them; effort, permissions and cost remain adjustable." }),
+    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: "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"
+              type: "button",
+              size: "sm",
+              variant: "outline",
+              onClick: onCatalogRetry,
+              children: "Retry"
             }
           )
-        ] })
-      ] }),
-      /* @__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,
+      RuntimeBar.RuntimeBar,
       {
-        usage,
+        ariaLabel: "Advanced runtime",
+        value: barValue,
+        onChange: handleBarChange,
         models,
-        families: runtimeFamilies ?? runtimeMode.SPEC_RUNTIME_FAMILIES,
-        showProviderStatus: !catalogLoading
+        reasoningEfforts,
+        locked: runtimeLocked,
+        showCost: true,
+        actions: {
+          fields: [
+            chatPermissionField(permissionMode, onPermissionModeChange)
+          ]
+        },
+        ...runtimeFamilies ? { families: runtimeFamilies } : {},
+        className: "max-w-full"
       }
     )
-  ] });
+  ] }) });
 }
-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)
-        }
-      ),
+const PERMISSION_GROUP = "Permission mode";
+function chatPermissionField(current, onChange) {
+  const option = types.CLAUDE_PERMISSION_MODE_OPTIONS.find(
+    (entry) => entry.value === current
+  );
+  const label = (option == null ? void 0 : option.label) ?? current;
+  const visual = (mode) => permissionModeVisuals.permissionModeVisual("claude", mode);
+  const currentVisual = visual(current);
+  return {
+    id: "permissions.mode",
+    isSet: true,
+    label: PERMISSION_GROUP,
+    icon: currentVisual.icon,
+    iconClassName: sessionTones.sessionTone(currentVisual.tone).text,
+    title: `${PERMISSION_GROUP} — ${label}`,
+    caption: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn(RuntimeBarSegment.SEGMENT_KEY_CLASS, "min-w-0 truncate"), children: "Perms" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        MetricRow,
+        Icon.Icon,
         {
-          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)
+          icon: currentVisual.icon,
+          className: utils.cn(
+            "size-4 shrink-0",
+            sessionTones.sessionTone(currentVisual.tone).text
+          )
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        MetricRow,
-        {
-          label: "Total tokens",
-          value: formatNumber(tokens == null ? void 0 : tokens.totalTokens)
-        }
-      )
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn(RuntimeBarSegment.SEGMENT_CAPTION_CLASS, "shrink-0"), children: label })
     ] }),
-    /* @__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,
+    items: types.CLAUDE_PERMISSION_MODE_OPTIONS.map((entry) => ({
+      group: PERMISSION_GROUP,
+      icon: visual(entry.value).icon,
+      iconClassName: sessionTones.sessionTone(visual(entry.value).tone).text,
+      label: /* @__PURE__ */ jsxRuntime.jsx(
+        RuntimeBarSegment.SegmentItemLabel,
         {
-          label: "Cache write",
-          value: formatUSD(costs == null ? void 0 : costs.cacheWriteUsd)
+          text: entry.label,
+          hint: entry.description,
+          selected: entry.value === current,
+          stacked: true
         }
       ),
-      /* @__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)}`;
+      onSelect: () => onChange == null ? void 0 : onChange(entry.value)
+    }))
+  };
 }
 exports.AdvancedChatConfig = AdvancedChatConfig;
 //# sourceMappingURL=AdvancedChatConfig.cjs.map

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

@@ -1 +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  runtimeLocked?: boolean | undefined;\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  runtimeLocked = false,\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          {runtimeLocked && (\n            <div className=\"rounded border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground\">\n              Model and backend are locked after the first message. Fork this\n              conversation to change them; effort and generation settings remain\n              adjustable.\n            </div>\n          )}\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            locked={runtimeLocked}\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":"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"}
+{"version":3,"file":"AdvancedChatConfig.cjs","sources":["../../../src/data/ai/AdvancedChatConfig.tsx"],"sourcesContent":["import { Button } from \"../../components/button\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { RuntimeBar, type RuntimeBarValue } from \"../runtime/RuntimeBar\";\nimport type { RuntimeBarAction } from \"../runtime/RuntimeBarActions\";\nimport {\n  SEGMENT_CAPTION_CLASS,\n  SEGMENT_KEY_CLASS,\n  SegmentItemLabel,\n} from \"../runtime/RuntimeBarSegment\";\nimport type { SpecRuntimeFamily } from \"../runtime/runtime-mode\";\nimport type {\n  ChatBudgetConfig,\n  ChatModel,\n  ChatModelRuntime,\n  ClaudePermissionMode,\n} from \"../chat/types\";\nimport { CLAUDE_PERMISSION_MODE_OPTIONS } from \"../chat/types\";\nimport { sessionTone } from \"./session-tones\";\nimport { permissionModeVisual } from \"./SpecRuntimeEditor/permission-mode-visuals\";\n\nexport type AdvancedChatConfigProps = {\n  models: ChatModel[];\n  runtime: ChatModelRuntime;\n  onRuntimeChange?: ((runtime: ChatModelRuntime) => void) | undefined;\n  runtimeFamilies?: SpecRuntimeFamily[] | undefined;\n  reasoningEfforts: string[];\n  runtimeLocked?: boolean | undefined;\n  permissionMode: ClaudePermissionMode;\n  onPermissionModeChange?: ((mode: ClaudePermissionMode) => void) | undefined;\n  budget?: ChatBudgetConfig | undefined;\n  onBudgetChange?: ((budget: ChatBudgetConfig) => void) | 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  runtimeLocked = false,\n  permissionMode,\n  onPermissionModeChange,\n  budget,\n  onBudgetChange,\n  catalogLoading = false,\n  catalogError = null,\n  onCatalogRetry,\n}: AdvancedChatConfigProps) {\n  // The bar edits the run's cost cap alongside its identity; the chat keeps the\n  // two in separate settings, so split them on the way out.\n  const barValue: RuntimeBarValue = {\n    ...runtime,\n    ...(budget?.cost !== undefined ? { budget: { cost: budget.cost } } : {}),\n  };\n  const handleBarChange = ({ budget: limits, ...next }: RuntimeBarValue) => {\n    if (\n      next.model !== runtime.model ||\n      next.id !== runtime.id ||\n      next.mode !== runtime.mode ||\n      next.temperature !== runtime.temperature ||\n      next.effort !== runtime.effort ||\n      next.noCache !== runtime.noCache ||\n      next.fallbacks !== runtime.fallbacks\n    ) {\n      onRuntimeChange?.(next);\n    }\n    if (limits?.cost === budget?.cost) return;\n    const updated: ChatBudgetConfig = { ...budget };\n    if (limits?.cost === undefined) delete updated.cost;\n    else updated.cost = limits.cost;\n    onBudgetChange?.(updated);\n  };\n\n  return (\n    <div className=\"min-h-0 flex-1 space-y-4 overflow-y-auto\">\n      <section className=\"space-y-3\">\n        <div className=\"text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n          Runtime\n        </div>\n        {runtimeLocked && (\n          <div className=\"rounded border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground\">\n            Model and backend are locked after the first message. Fork this\n            conversation to change them; effort, permissions and cost remain\n            adjustable.\n          </div>\n        )}\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          ariaLabel=\"Advanced runtime\"\n          value={barValue}\n          onChange={handleBarChange}\n          models={models}\n          reasoningEfforts={reasoningEfforts}\n          locked={runtimeLocked}\n          showCost\n          actions={{\n            fields: [\n              chatPermissionField(permissionMode, onPermissionModeChange),\n            ],\n          }}\n          {...(runtimeFamilies ? { families: runtimeFamilies } : {})}\n          className=\"max-w-full\"\n        />\n      </section>\n    </div>\n  );\n}\n\nconst PERMISSION_GROUP = \"Permission mode\";\n\nfunction chatPermissionField(\n  current: ClaudePermissionMode,\n  onChange: ((mode: ClaudePermissionMode) => void) | undefined,\n): RuntimeBarAction {\n  const option = CLAUDE_PERMISSION_MODE_OPTIONS.find(\n    (entry) => entry.value === current,\n  );\n  const label = option?.label ?? current;\n  // The chat speaks Claude's permission vocabulary, so it borrows Claude's\n  // per-mode glyphs and tones from the shared runtime-bar visuals.\n  const visual = (mode: ClaudePermissionMode) =>\n    permissionModeVisual(\"claude\", mode);\n  const currentVisual = visual(current);\n  return {\n    id: \"permissions.mode\",\n    isSet: true,\n    label: PERMISSION_GROUP,\n    icon: currentVisual.icon,\n    iconClassName: sessionTone(currentVisual.tone).text,\n    title: `${PERMISSION_GROUP} — ${label}`,\n    caption: (\n      <>\n        <span className={cn(SEGMENT_KEY_CLASS, \"min-w-0 truncate\")}>Perms</span>\n        <Icon\n          icon={currentVisual.icon}\n          className={cn(\n            \"size-4 shrink-0\",\n            sessionTone(currentVisual.tone).text,\n          )}\n        />\n        <span className={cn(SEGMENT_CAPTION_CLASS, \"shrink-0\")}>{label}</span>\n      </>\n    ),\n    items: CLAUDE_PERMISSION_MODE_OPTIONS.map((entry) => ({\n      group: PERMISSION_GROUP,\n      icon: visual(entry.value).icon,\n      iconClassName: sessionTone(visual(entry.value).tone).text,\n      label: (\n        <SegmentItemLabel\n          text={entry.label}\n          hint={entry.description}\n          selected={entry.value === current}\n          stacked\n        />\n      ),\n      onSelect: () => onChange?.(entry.value),\n    })),\n  };\n}\n"],"names":["jsxs","jsx","Button","RuntimeBar","CLAUDE_PERMISSION_MODE_OPTIONS","permissionModeVisual","sessionTone","Fragment","cn","SEGMENT_KEY_CLASS","Icon","SEGMENT_CAPTION_CLASS","SegmentItemLabel"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { SpecRuntimeFamily } from '../runtime/runtime-mode.js';
-import { ChatBudgetConfig, ChatModel, ChatModelRuntime, ChatUsageSummary, ClaudePermissionMode } from '../chat/types.js';
+import { ChatBudgetConfig, ChatModel, ChatModelRuntime, ClaudePermissionMode } from '../chat/types.js';
 export type AdvancedChatConfigProps = {
     models: ChatModel[];
     runtime: ChatModelRuntime;
@@ -9,14 +9,11 @@ export type AdvancedChatConfigProps = {
     runtimeLocked?: boolean | undefined;
     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, runtimeLocked, permissionMode, onPermissionModeChange, temperature, onTemperatureChange, budget, onBudgetChange, usage, catalogLoading, catalogError, onCatalogRetry, }: AdvancedChatConfigProps): import("react").JSX.Element;
+export declare function AdvancedChatConfig({ models, runtime, onRuntimeChange, runtimeFamilies, reasoningEfforts, runtimeLocked, permissionMode, onPermissionModeChange, budget, onBudgetChange, catalogLoading, catalogError, onCatalogRetry, }: AdvancedChatConfigProps): import("react").JSX.Element;
 //# sourceMappingURL=AdvancedChatConfig.d.ts.map

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

@@ -1 +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,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,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,aAAqB,EACrB,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,mBAAmB,EACnB,MAAM,EACN,cAAc,EACd,KAAK,EACL,cAAsB,EACtB,YAAmB,EACnB,cAAc,GACf,EAAE,uBAAuB,+BAsJzB"}
+{"version":3,"file":"AdvancedChatConfig.d.ts","sourceRoot":"","sources":["../../../src/data/ai/AdvancedChatConfig.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EACV,gBAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,eAAe,CAAC;AAKvB,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,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,cAAc,EAAE,oBAAoB,CAAC;IACrC,sBAAsB,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5E,MAAM,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACtC,cAAc,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClE,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,aAAqB,EACrB,cAAc,EACd,sBAAsB,EACtB,MAAM,EACN,cAAc,EACd,cAAsB,EACtB,YAAmB,EACnB,cAAc,GACf,EAAE,uBAAuB,+BAiFzB"}