@flanksource/clicky-ui 0.3.43 → 0.3.45

package/dist/data/ai/AdvancedChatConfig.js

@@ -1,10 +1,12 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Button } from "../../components/button.js";
 import { cn } from "../../lib/utils.js";
-import { ProviderStatusPanel } from "../runtime/ProviderStatusPanel.js";
+import { Icon } from "../Icon.js";
 import { RuntimeBar } from "../runtime/RuntimeBar.js";
-import { SPEC_RUNTIME_FAMILIES } from "../runtime/runtime-mode.js";
+import { SegmentItemLabel, SEGMENT_KEY_CLASS, SEGMENT_CAPTION_CLASS } from "../runtime/RuntimeBarSegment.js";
 import { CLAUDE_PERMISSION_MODE_OPTIONS } from "../chat/types.js";
+import { sessionTone } from "./session-tones.js";
+import { permissionModeVisual } from "./SpecRuntimeEditor/permission-mode-visuals.js";
 function AdvancedChatConfig({
   models,
   runtime,
@@ -14,277 +16,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__ */ 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" }),
-        runtimeLocked && /* @__PURE__ */ 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__ */ 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,
-            locked: runtimeLocked,
-            ...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",
+  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__ */ jsx("div", { className: "min-h-0 flex-1 space-y-4 overflow-y-auto", 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" }),
+    runtimeLocked && /* @__PURE__ */ 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__ */ 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: "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__ */ 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,
+      RuntimeBar,
       {
-        usage,
+        ariaLabel: "Advanced runtime",
+        value: barValue,
+        onChange: handleBarChange,
         models,
-        families: runtimeFamilies ?? 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__ */ 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)
-        }
-      ),
+const PERMISSION_GROUP = "Permission mode";
+function chatPermissionField(current, onChange) {
+  const option = CLAUDE_PERMISSION_MODE_OPTIONS.find(
+    (entry) => entry.value === current
+  );
+  const label = (option == null ? void 0 : option.label) ?? current;
+  const visual = (mode) => permissionModeVisual("claude", mode);
+  const currentVisual = visual(current);
+  return {
+    id: "permissions.mode",
+    isSet: true,
+    label: PERMISSION_GROUP,
+    icon: currentVisual.icon,
+    iconClassName: sessionTone(currentVisual.tone).text,
+    title: `${PERMISSION_GROUP} — ${label}`,
+    caption: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: cn(SEGMENT_KEY_CLASS, "min-w-0 truncate"), children: "Perms" }),
       /* @__PURE__ */ jsx(
-        MetricRow,
+        Icon,
         {
-          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)
+          icon: currentVisual.icon,
+          className: cn(
+            "size-4 shrink-0",
+            sessionTone(currentVisual.tone).text
+          )
         }
       ),
-      /* @__PURE__ */ jsx(
-        MetricRow,
-        {
-          label: "Total tokens",
-          value: formatNumber(tokens == null ? void 0 : tokens.totalTokens)
-        }
-      )
+      /* @__PURE__ */ jsx("span", { className: cn(SEGMENT_CAPTION_CLASS, "shrink-0"), children: label })
     ] }),
-    /* @__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,
+    items: CLAUDE_PERMISSION_MODE_OPTIONS.map((entry) => ({
+      group: PERMISSION_GROUP,
+      icon: visual(entry.value).icon,
+      iconClassName: sessionTone(visual(entry.value).tone).text,
+      label: /* @__PURE__ */ jsx(
+        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__ */ 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)}`;
+      onSelect: () => onChange == null ? void 0 : onChange(entry.value)
+    }))
+  };
 }
 export {
   AdvancedChatConfig

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

@@ -1 +1 @@
-{"version":3,"file":"AdvancedChatConfig.js","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":[],"mappings":"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"}
+{"version":3,"file":"AdvancedChatConfig.js","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":[],"mappings":";;;;;;;;;AAqCO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf;AACF,GAA4B;AAG1B,QAAM,WAA4B;AAAA,IAChC,GAAG;AAAA,IACH,IAAI,iCAAQ,UAAS,SAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,KAAA,MAAW,CAAA;AAAA,EAAC;AAExE,QAAM,kBAAkB,CAAC,EAAE,QAAQ,QAAQ,GAAG,WAA4B;AACxE,QACE,KAAK,UAAU,QAAQ,SACvB,KAAK,OAAO,QAAQ,MACpB,KAAK,SAAS,QAAQ,QACtB,KAAK,gBAAgB,QAAQ,eAC7B,KAAK,WAAW,QAAQ,UACxB,KAAK,YAAY,QAAQ,WACzB,KAAK,cAAc,QAAQ,WAC3B;AACA,yDAAkB;AAAA,IACpB;AACA,SAAI,iCAAQ,WAAS,iCAAQ,MAAM;AACnC,UAAM,UAA4B,EAAE,GAAG,OAAA;AACvC,SAAI,iCAAQ,UAAS,OAAW,QAAO,QAAQ;AAAA,QAC1C,SAAQ,OAAO,OAAO;AAC3B,qDAAiB;AAAA,EACnB;AAEA,6BACG,OAAA,EAAI,WAAU,4CACb,UAAA,qBAAC,WAAA,EAAQ,WAAU,aACjB,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,wEAAuE,UAAA,WAEtF;AAAA,IACC,iBACC,oBAAC,OAAA,EAAI,WAAU,oFAAmF,UAAA,gJAIlG;AAAA,IAED,kBACC,oBAAC,OAAA,EAAI,WAAU,iCAAgC,UAAA,4CAE/C;AAAA,IAED,gBACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,UAAM,UAAA,aAAA,CAAa;AAAA,UACnB,kBACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,SAAS;AAAA,cACV,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED;AAAA,MAAA;AAAA,IAAA;AAAA,IAIN;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QACR,UAAQ;AAAA,QACR,SAAS;AAAA,UACP,QAAQ;AAAA,YACN,oBAAoB,gBAAgB,sBAAsB;AAAA,UAAA;AAAA,QAC5D;AAAA,QAED,GAAI,kBAAkB,EAAE,UAAU,gBAAA,IAAoB,CAAA;AAAA,QACvD,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,EAAA,CACF,EAAA,CACF;AAEJ;AAEA,MAAM,mBAAmB;AAEzB,SAAS,oBACP,SACA,UACkB;AAClB,QAAM,SAAS,+BAA+B;AAAA,IAC5C,CAAC,UAAU,MAAM,UAAU;AAAA,EAAA;AAE7B,QAAM,SAAQ,iCAAQ,UAAS;AAG/B,QAAM,SAAS,CAAC,SACd,qBAAqB,UAAU,IAAI;AACrC,QAAM,gBAAgB,OAAO,OAAO;AACpC,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM,cAAc;AAAA,IACpB,eAAe,YAAY,cAAc,IAAI,EAAE;AAAA,IAC/C,OAAO,GAAG,gBAAgB,MAAM,KAAK;AAAA,IACrC,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA,oBAAC,UAAK,WAAW,GAAG,mBAAmB,kBAAkB,GAAG,UAAA,SAAK;AAAA,MACjE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM,cAAc;AAAA,UACpB,WAAW;AAAA,YACT;AAAA,YACA,YAAY,cAAc,IAAI,EAAE;AAAA,UAAA;AAAA,QAClC;AAAA,MAAA;AAAA,0BAED,QAAA,EAAK,WAAW,GAAG,uBAAuB,UAAU,GAAI,UAAA,MAAA,CAAM;AAAA,IAAA,GACjE;AAAA,IAEF,OAAO,+BAA+B,IAAI,CAAC,WAAW;AAAA,MACpD,OAAO;AAAA,MACP,MAAM,OAAO,MAAM,KAAK,EAAE;AAAA,MAC1B,eAAe,YAAY,OAAO,MAAM,KAAK,EAAE,IAAI,EAAE;AAAA,MACrD,OACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM,MAAM;AAAA,UACZ,MAAM,MAAM;AAAA,UACZ,UAAU,MAAM,UAAU;AAAA,UAC1B,SAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAGX,UAAU,MAAM,qCAAW,MAAM;AAAA,IAAK,EACtC;AAAA,EAAA;AAEN;"}

package/dist/data/ai/ChatButton.cjs

@@ -7,6 +7,7 @@ const UiSparkles = require("../../icons/components/UiSparkles.cjs");
 function ChatButton({
   icon = UiSparkles.UiSparkles,
   label = "Open chat",
+  contextItems,
   className
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -15,6 +16,7 @@ function ChatButton({
       persistent: true,
       icon,
       label,
+      ...contextItems ? { contextItems } : {},
       className: utils.cn(
         "static size-9 rounded-md bg-transparent text-foreground shadow-none hover:bg-accent",
         className

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

@@ -1 +1 @@
-{"version":3,"file":"ChatButton.cjs","sources":["../../../src/data/ai/ChatButton.tsx"],"sourcesContent":["import { UiSparkles } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { ChatFab, type ChatFabProps } from \"./ChatFab\";\n\nexport type ChatButtonProps = Omit<ChatFabProps, \"persistent\">;\n\n/** A persistent chat trigger styled as navbar chrome for AppShell actions. */\nexport function ChatButton({\n  icon = UiSparkles,\n  label = \"Open chat\",\n  className,\n}: ChatButtonProps) {\n  return (\n    <ChatFab\n      persistent\n      icon={icon}\n      label={label}\n      className={cn(\n        \"static size-9 rounded-md bg-transparent text-foreground shadow-none hover:bg-accent\",\n        className,\n      )}\n    />\n  );\n}\n"],"names":["UiSparkles","jsx","ChatFab","cn"],"mappings":";;;;;;AAOO,SAAS,WAAW;AAAA,EACzB,OAAOA,WAAAA;AAAAA,EACP,QAAQ;AAAA,EACR;AACF,GAAoB;AAClB,SACEC,2BAAAA;AAAAA,IAACC,QAAAA;AAAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"ChatButton.cjs","sources":["../../../src/data/ai/ChatButton.tsx"],"sourcesContent":["import { UiSparkles } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { ChatFab, type ChatFabProps } from \"./ChatFab\";\n\nexport type ChatButtonProps = Omit<ChatFabProps, \"persistent\">;\n\n/** A persistent chat trigger styled as navbar chrome for AppShell actions. */\nexport function ChatButton({\n  icon = UiSparkles,\n  label = \"Open chat\",\n  contextItems,\n  className,\n}: ChatButtonProps) {\n  return (\n    <ChatFab\n      persistent\n      icon={icon}\n      label={label}\n      {...(contextItems ? { contextItems } : {})}\n      className={cn(\n        \"static size-9 rounded-md bg-transparent text-foreground shadow-none hover:bg-accent\",\n        className,\n      )}\n    />\n  );\n}\n"],"names":["UiSparkles","jsx","ChatFab","cn"],"mappings":";;;;;;AAOO,SAAS,WAAW;AAAA,EACzB,OAAOA,WAAAA;AAAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA;AACF,GAAoB;AAClB,SACEC,2BAAAA;AAAAA,IAACC,QAAAA;AAAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV;AAAA,MACA;AAAA,MACC,GAAI,eAAe,EAAE,aAAA,IAAiB,CAAA;AAAA,MACvC,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;"}

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

@@ -1,5 +1,5 @@
 import { ChatFabProps } from './ChatFab.js';
 export type ChatButtonProps = Omit<ChatFabProps, "persistent">;
 /** A persistent chat trigger styled as navbar chrome for AppShell actions. */
-export declare function ChatButton({ icon, label, className, }: ChatButtonProps): import("react").JSX.Element;
+export declare function ChatButton({ icon, label, contextItems, className, }: ChatButtonProps): import("react").JSX.Element;
 //# sourceMappingURL=ChatButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatButton.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ChatButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAE/D,8EAA8E;AAC9E,wBAAgB,UAAU,CAAC,EACzB,IAAiB,EACjB,KAAmB,EACnB,SAAS,GACV,EAAE,eAAe,+BAYjB"}
+{"version":3,"file":"ChatButton.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ChatButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAE/D,8EAA8E;AAC9E,wBAAgB,UAAU,CAAC,EACzB,IAAiB,EACjB,KAAmB,EACnB,YAAY,EACZ,SAAS,GACV,EAAE,eAAe,+BAajB"}

package/dist/data/ai/ChatButton.js

@@ -5,6 +5,7 @@ import { UiSparkles } from "../../icons/components/UiSparkles.js";
 function ChatButton({
   icon = UiSparkles,
   label = "Open chat",
+  contextItems,
   className
 }) {
   return /* @__PURE__ */ jsx(
@@ -13,6 +14,7 @@ function ChatButton({
       persistent: true,
       icon,
       label,
+      ...contextItems ? { contextItems } : {},
       className: cn(
         "static size-9 rounded-md bg-transparent text-foreground shadow-none hover:bg-accent",
         className

package/dist/data/ai/ChatButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatButton.js","sources":["../../../src/data/ai/ChatButton.tsx"],"sourcesContent":["import { UiSparkles } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { ChatFab, type ChatFabProps } from \"./ChatFab\";\n\nexport type ChatButtonProps = Omit<ChatFabProps, \"persistent\">;\n\n/** A persistent chat trigger styled as navbar chrome for AppShell actions. */\nexport function ChatButton({\n  icon = UiSparkles,\n  label = \"Open chat\",\n  className,\n}: ChatButtonProps) {\n  return (\n    <ChatFab\n      persistent\n      icon={icon}\n      label={label}\n      className={cn(\n        \"static size-9 rounded-md bg-transparent text-foreground shadow-none hover:bg-accent\",\n        className,\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAOO,SAAS,WAAW;AAAA,EACzB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AACF,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ChatButton.js","sources":["../../../src/data/ai/ChatButton.tsx"],"sourcesContent":["import { UiSparkles } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { ChatFab, type ChatFabProps } from \"./ChatFab\";\n\nexport type ChatButtonProps = Omit<ChatFabProps, \"persistent\">;\n\n/** A persistent chat trigger styled as navbar chrome for AppShell actions. */\nexport function ChatButton({\n  icon = UiSparkles,\n  label = \"Open chat\",\n  contextItems,\n  className,\n}: ChatButtonProps) {\n  return (\n    <ChatFab\n      persistent\n      icon={icon}\n      label={label}\n      {...(contextItems ? { contextItems } : {})}\n      className={cn(\n        \"static size-9 rounded-md bg-transparent text-foreground shadow-none hover:bg-accent\",\n        className,\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAOO,SAAS,WAAW;AAAA,EACzB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA;AACF,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV;AAAA,MACA;AAAA,MACC,GAAI,eAAe,EAAE,aAAA,IAAiB,CAAA;AAAA,MACvC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/data/ai/ChatFab.cjs

@@ -10,6 +10,7 @@ function ChatFab({
   icon = UiSparkles.UiSparkles,
   label = "Open chat",
   persistent = false,
+  contextItems,
   className
 }) {
   const { panels, openPanel, findOrCreatePanel } = chatWindowContext.useChatWindowManager();
@@ -21,7 +22,10 @@ function ChatFab({
       "data-testid": "chat-fab",
       title: label,
       "aria-label": label,
-      onClick: () => persistent ? findOrCreatePanel() : openPanel(),
+      onClick: () => {
+        const opts = contextItems ? { contextItems } : {};
+        return persistent ? findOrCreatePanel(opts) : openPanel(opts);
+      },
       ...!persistent ? { style: { zIndex: zIndex.zIndex.chatFab } } : {},
       className: utils.cn(
         "fixed bottom-4 right-4 flex h-12 w-12 items-center justify-center",

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

@@ -1 +1 @@
-{"version":3,"file":"ChatFab.cjs","sources":["../../../src/data/ai/ChatFab.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { UiSparkles } from \"../../icons\";\nimport { useChatWindowManager } from \"./chat-window-context\";\nimport { zIndex } from \"../../overlay/zIndex\";\n\nexport type ChatFabProps = {\n  /** Iconify name or imported icon component shown in the button. */\n  icon?: string | StaticIconComponent;\n  /** Accessible label / tooltip. */\n  label?: string;\n  /** Keep navbar chrome visible and focus an existing window when clicked. */\n  persistent?: boolean;\n  className?: string;\n};\n\n/** A fixed bottom-right chat launcher. By default it hides while a window is\n * open; persistent launchers remain visible and focus the existing window. */\nexport function ChatFab({\n  icon = UiSparkles,\n  label = \"Open chat\",\n  persistent = false,\n  className,\n}: ChatFabProps) {\n  const { panels, openPanel, findOrCreatePanel } = useChatWindowManager();\n  if (!persistent && panels.length > 0) return null;\n\n  return (\n    <button\n      type=\"button\"\n      data-testid=\"chat-fab\"\n      title={label}\n      aria-label={label}\n      onClick={() => (persistent ? findOrCreatePanel() : openPanel())}\n      {...(!persistent ? { style: { zIndex: zIndex.chatFab } } : {})}\n      className={cn(\n        \"fixed bottom-4 right-4 flex h-12 w-12 items-center justify-center\",\n        \"rounded-full bg-primary text-primary-foreground shadow-lg transition-colors hover:bg-primary/90\",\n        className,\n      )}\n    >\n      <Icon {...(typeof icon === \"string\" ? { name: icon } : { icon })} className=\"size-5\" />\n    </button>\n  );\n}\n"],"names":["UiSparkles","useChatWindowManager","jsx","zIndex","cn","Icon"],"mappings":";;;;;;;;AAkBO,SAAS,QAAQ;AAAA,EACtB,OAAOA,WAAAA;AAAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AACF,GAAiB;AACf,QAAM,EAAE,QAAQ,WAAW,kBAAA,IAAsBC,kBAAAA,qBAAA;AACjD,MAAI,CAAC,cAAc,OAAO,SAAS,EAAG,QAAO;AAE7C,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,SAAS,MAAO,aAAa,kBAAA,IAAsB,UAAA;AAAA,MAClD,GAAI,CAAC,aAAa,EAAE,OAAO,EAAE,QAAQC,cAAO,QAAA,EAAQ,IAAM,CAAA;AAAA,MAC3D,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAAF,2BAAAA,IAACG,KAAAA,MAAA,EAAM,GAAI,OAAO,SAAS,WAAW,EAAE,MAAM,KAAA,IAAS,EAAE,KAAA,GAAS,WAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG3F;;"}
+{"version":3,"file":"ChatFab.cjs","sources":["../../../src/data/ai/ChatFab.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { UiSparkles } from \"../../icons\";\nimport { useChatWindowManager } from \"./chat-window-context\";\nimport type { ChatContextItem } from \"./context\";\nimport { zIndex } from \"../../overlay/zIndex\";\n\nexport type ChatFabProps = {\n  /** Iconify name or imported icon component shown in the button. */\n  icon?: string | StaticIconComponent;\n  /** Accessible label / tooltip. */\n  label?: string;\n  /** Keep navbar chrome visible and focus an existing window when clicked. */\n  persistent?: boolean;\n  /** Context the page offers the chat: attached to a newly opened window, or\n   * merged (by id) into the window a persistent launcher focuses. */\n  contextItems?: ChatContextItem[];\n  className?: string;\n};\n\n/** A fixed bottom-right chat launcher. By default it hides while a window is\n * open; persistent launchers remain visible and focus the existing window. */\nexport function ChatFab({\n  icon = UiSparkles,\n  label = \"Open chat\",\n  persistent = false,\n  contextItems,\n  className,\n}: ChatFabProps) {\n  const { panels, openPanel, findOrCreatePanel } = useChatWindowManager();\n  if (!persistent && panels.length > 0) return null;\n\n  return (\n    <button\n      type=\"button\"\n      data-testid=\"chat-fab\"\n      title={label}\n      aria-label={label}\n      onClick={() => {\n        const opts = contextItems ? { contextItems } : {};\n        return persistent ? findOrCreatePanel(opts) : openPanel(opts);\n      }}\n      {...(!persistent ? { style: { zIndex: zIndex.chatFab } } : {})}\n      className={cn(\n        \"fixed bottom-4 right-4 flex h-12 w-12 items-center justify-center\",\n        \"rounded-full bg-primary text-primary-foreground shadow-lg transition-colors hover:bg-primary/90\",\n        className,\n      )}\n    >\n      <Icon {...(typeof icon === \"string\" ? { name: icon } : { icon })} className=\"size-5\" />\n    </button>\n  );\n}\n"],"names":["UiSparkles","useChatWindowManager","jsx","zIndex","cn","Icon"],"mappings":";;;;;;;;AAsBO,SAAS,QAAQ;AAAA,EACtB,OAAOA,WAAAA;AAAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA;AACF,GAAiB;AACf,QAAM,EAAE,QAAQ,WAAW,kBAAA,IAAsBC,kBAAAA,qBAAA;AACjD,MAAI,CAAC,cAAc,OAAO,SAAS,EAAG,QAAO;AAE7C,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,SAAS,MAAM;AACb,cAAM,OAAO,eAAe,EAAE,aAAA,IAAiB,CAAA;AAC/C,eAAO,aAAa,kBAAkB,IAAI,IAAI,UAAU,IAAI;AAAA,MAC9D;AAAA,MACC,GAAI,CAAC,aAAa,EAAE,OAAO,EAAE,QAAQC,cAAO,QAAA,EAAQ,IAAM,CAAA;AAAA,MAC3D,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAAF,2BAAAA,IAACG,KAAAA,MAAA,EAAM,GAAI,OAAO,SAAS,WAAW,EAAE,MAAM,KAAA,IAAS,EAAE,KAAA,GAAS,WAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG3F;;"}

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

@@ -1,4 +1,5 @@
 import { StaticIconComponent } from '../Icon.js';
+import { ChatContextItem } from './context.js';
 export type ChatFabProps = {
     /** Iconify name or imported icon component shown in the button. */
     icon?: string | StaticIconComponent;
@@ -6,9 +7,12 @@ export type ChatFabProps = {
     label?: string;
     /** Keep navbar chrome visible and focus an existing window when clicked. */
     persistent?: boolean;
+    /** Context the page offers the chat: attached to a newly opened window, or
+     * merged (by id) into the window a persistent launcher focuses. */
+    contextItems?: ChatContextItem[];
     className?: string;
 };
 /** A fixed bottom-right chat launcher. By default it hides while a window is
  * open; persistent launchers remain visible and focus the existing window. */
-export declare function ChatFab({ icon, label, persistent, className, }: ChatFabProps): import("react").JSX.Element | null;
+export declare function ChatFab({ icon, label, persistent, contextItems, className, }: ChatFabProps): import("react").JSX.Element | null;
 //# sourceMappingURL=ChatFab.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatFab.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ChatFab.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAKzD,MAAM,MAAM,YAAY,GAAG;IACzB,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;8EAC8E;AAC9E,wBAAgB,OAAO,CAAC,EACtB,IAAiB,EACjB,KAAmB,EACnB,UAAkB,EAClB,SAAS,GACV,EAAE,YAAY,sCAqBd"}
+{"version":3,"file":"ChatFab.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ChatFab.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGjD,MAAM,MAAM,YAAY,GAAG;IACzB,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;uEACmE;IACnE,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;8EAC8E;AAC9E,wBAAgB,OAAO,CAAC,EACtB,IAAiB,EACjB,KAAmB,EACnB,UAAkB,EAClB,YAAY,EACZ,SAAS,GACV,EAAE,YAAY,sCAwBd"}

package/dist/data/ai/ChatFab.js

@@ -8,6 +8,7 @@ function ChatFab({
   icon = UiSparkles,
   label = "Open chat",
   persistent = false,
+  contextItems,
   className
 }) {
   const { panels, openPanel, findOrCreatePanel } = useChatWindowManager();
@@ -19,7 +20,10 @@ function ChatFab({
       "data-testid": "chat-fab",
       title: label,
       "aria-label": label,
-      onClick: () => persistent ? findOrCreatePanel() : openPanel(),
+      onClick: () => {
+        const opts = contextItems ? { contextItems } : {};
+        return persistent ? findOrCreatePanel(opts) : openPanel(opts);
+      },
       ...!persistent ? { style: { zIndex: zIndex.chatFab } } : {},
       className: cn(
         "fixed bottom-4 right-4 flex h-12 w-12 items-center justify-center",

package/dist/data/ai/ChatFab.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatFab.js","sources":["../../../src/data/ai/ChatFab.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { UiSparkles } from \"../../icons\";\nimport { useChatWindowManager } from \"./chat-window-context\";\nimport { zIndex } from \"../../overlay/zIndex\";\n\nexport type ChatFabProps = {\n  /** Iconify name or imported icon component shown in the button. */\n  icon?: string | StaticIconComponent;\n  /** Accessible label / tooltip. */\n  label?: string;\n  /** Keep navbar chrome visible and focus an existing window when clicked. */\n  persistent?: boolean;\n  className?: string;\n};\n\n/** A fixed bottom-right chat launcher. By default it hides while a window is\n * open; persistent launchers remain visible and focus the existing window. */\nexport function ChatFab({\n  icon = UiSparkles,\n  label = \"Open chat\",\n  persistent = false,\n  className,\n}: ChatFabProps) {\n  const { panels, openPanel, findOrCreatePanel } = useChatWindowManager();\n  if (!persistent && panels.length > 0) return null;\n\n  return (\n    <button\n      type=\"button\"\n      data-testid=\"chat-fab\"\n      title={label}\n      aria-label={label}\n      onClick={() => (persistent ? findOrCreatePanel() : openPanel())}\n      {...(!persistent ? { style: { zIndex: zIndex.chatFab } } : {})}\n      className={cn(\n        \"fixed bottom-4 right-4 flex h-12 w-12 items-center justify-center\",\n        \"rounded-full bg-primary text-primary-foreground shadow-lg transition-colors hover:bg-primary/90\",\n        className,\n      )}\n    >\n      <Icon {...(typeof icon === \"string\" ? { name: icon } : { icon })} className=\"size-5\" />\n    </button>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAkBO,SAAS,QAAQ;AAAA,EACtB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AACF,GAAiB;AACf,QAAM,EAAE,QAAQ,WAAW,kBAAA,IAAsB,qBAAA;AACjD,MAAI,CAAC,cAAc,OAAO,SAAS,EAAG,QAAO;AAE7C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,SAAS,MAAO,aAAa,kBAAA,IAAsB,UAAA;AAAA,MAClD,GAAI,CAAC,aAAa,EAAE,OAAO,EAAE,QAAQ,OAAO,QAAA,EAAQ,IAAM,CAAA;AAAA,MAC3D,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA,oBAAC,MAAA,EAAM,GAAI,OAAO,SAAS,WAAW,EAAE,MAAM,KAAA,IAAS,EAAE,KAAA,GAAS,WAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG3F;"}
+{"version":3,"file":"ChatFab.js","sources":["../../../src/data/ai/ChatFab.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { UiSparkles } from \"../../icons\";\nimport { useChatWindowManager } from \"./chat-window-context\";\nimport type { ChatContextItem } from \"./context\";\nimport { zIndex } from \"../../overlay/zIndex\";\n\nexport type ChatFabProps = {\n  /** Iconify name or imported icon component shown in the button. */\n  icon?: string | StaticIconComponent;\n  /** Accessible label / tooltip. */\n  label?: string;\n  /** Keep navbar chrome visible and focus an existing window when clicked. */\n  persistent?: boolean;\n  /** Context the page offers the chat: attached to a newly opened window, or\n   * merged (by id) into the window a persistent launcher focuses. */\n  contextItems?: ChatContextItem[];\n  className?: string;\n};\n\n/** A fixed bottom-right chat launcher. By default it hides while a window is\n * open; persistent launchers remain visible and focus the existing window. */\nexport function ChatFab({\n  icon = UiSparkles,\n  label = \"Open chat\",\n  persistent = false,\n  contextItems,\n  className,\n}: ChatFabProps) {\n  const { panels, openPanel, findOrCreatePanel } = useChatWindowManager();\n  if (!persistent && panels.length > 0) return null;\n\n  return (\n    <button\n      type=\"button\"\n      data-testid=\"chat-fab\"\n      title={label}\n      aria-label={label}\n      onClick={() => {\n        const opts = contextItems ? { contextItems } : {};\n        return persistent ? findOrCreatePanel(opts) : openPanel(opts);\n      }}\n      {...(!persistent ? { style: { zIndex: zIndex.chatFab } } : {})}\n      className={cn(\n        \"fixed bottom-4 right-4 flex h-12 w-12 items-center justify-center\",\n        \"rounded-full bg-primary text-primary-foreground shadow-lg transition-colors hover:bg-primary/90\",\n        className,\n      )}\n    >\n      <Icon {...(typeof icon === \"string\" ? { name: icon } : { icon })} className=\"size-5\" />\n    </button>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAsBO,SAAS,QAAQ;AAAA,EACtB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA;AACF,GAAiB;AACf,QAAM,EAAE,QAAQ,WAAW,kBAAA,IAAsB,qBAAA;AACjD,MAAI,CAAC,cAAc,OAAO,SAAS,EAAG,QAAO;AAE7C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,SAAS,MAAM;AACb,cAAM,OAAO,eAAe,EAAE,aAAA,IAAiB,CAAA;AAC/C,eAAO,aAAa,kBAAkB,IAAI,IAAI,UAAU,IAAI;AAAA,MAC9D;AAAA,MACC,GAAI,CAAC,aAAa,EAAE,OAAO,EAAE,QAAQ,OAAO,QAAA,EAAQ,IAAM,CAAA;AAAA,MAC3D,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA,oBAAC,MAAA,EAAM,GAAI,OAAO,SAAS,WAAW,EAAE,MAAM,KAAA,IAAS,EAAE,KAAA,GAAS,WAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG3F;"}