@flanksource/clicky-ui 0.3.17 → 0.3.19

package/dist/data/query-browser/index.d.ts

@@ -1,3 +1,4 @@
-export { QueryBrowser, type QueryBrowserColumn, type QueryBrowserProps, type QueryBrowserRequest, type QueryBrowserResult, type QueryBrowserResultContext, } from './QueryBrowser';
+export { QueryBrowser } from './QueryBrowser';
+export { QueryBrowserExecutionError, type QueryBrowserDiagnostics, type QueryBrowserFilterLookup, type QueryBrowserFilterLookupRequest, type QueryBrowserPagination, type QueryBrowserProps, type QueryBrowserRequest, type QueryBrowserResult, type QueryBrowserResultContext, } from './QueryBrowser.types';
 export { type QueryBrowserCompletion, type QueryBrowserCompletionField, type QueryBrowserCompletionRelation, type QueryBrowserCompletionSchema, } from './QueryBrowser.completion';
 //# sourceMappingURL=index.d.ts.map

package/dist/data/query-browser/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/data/query-browser/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,GAC/B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,2BAA2B,EAChC,KAAK,8BAA8B,EACnC,KAAK,4BAA4B,GAClC,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/data/query-browser/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EACL,0BAA0B,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,KAAK,+BAA+B,EACpC,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,GAC/B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,2BAA2B,EAChC,KAAK,8BAA8B,EACnC,KAAK,4BAA4B,GAClC,MAAM,2BAA2B,CAAC"}

package/dist/data/runtime/ProviderStatusPanel.cjs

@@ -0,0 +1,187 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../../lib/utils.cjs");
+const Icon = require("../Icon.cjs");
+const providerIcons = require("../chat/provider-icons.cjs");
+const providerStatus = require("./provider-status.cjs");
+const UiChevronRight = require("../../icons/components/UiChevronRight.cjs");
+const UiChevronDown = require("../../icons/components/UiChevronDown.cjs");
+function ProviderStatusPanel({
+  models,
+  families,
+  defaultCollapsed = false,
+  className
+}) {
+  var _a;
+  const groups = providerStatus.providerStatusGroups(models, families);
+  const issueCount = groups.reduce(
+    (total, group) => total + group.issues.length,
+    0
+  );
+  const firstIssueProvider = ((_a = groups.find((group) => group.issues.length > 0)) == null ? void 0 : _a.id) ?? null;
+  const inventoryId = react.useId();
+  const [collapsed, setCollapsed] = react.useState(defaultCollapsed);
+  const [expandedProvider, setExpandedProvider] = react.useState(
+    firstIssueProvider
+  );
+  const summary = issueCount === 0 ? "all providers ready" : issueLabel(issueCount);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      "aria-label": "Provider status",
+      className: utils.cn(
+        "overflow-hidden rounded-md border border-border",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Provider status, ${summary}`,
+            "aria-expanded": !collapsed,
+            "aria-controls": inventoryId,
+            onClick: () => {
+              const expandedGroup = groups.find(
+                (group) => group.id === expandedProvider
+              );
+              if (collapsed && (!expandedGroup || expandedGroup.issues.length === 0)) {
+                setExpandedProvider(firstIssueProvider);
+              }
+              setCollapsed((current) => !current);
+            },
+            className: "grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-density-2 bg-background px-density-3 py-density-2 text-left hover:bg-muted/60",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs font-semibold text-foreground", children: "Provider status" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-[11px] text-muted-foreground", children: "Availability by provider, model, and mode" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-density-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { readiness: issueCount === 0 ? "ready" : "attention", children: issueCount === 0 ? "Ready" : issueLabel(issueCount) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Icon.Icon,
+                  {
+                    icon: collapsed ? UiChevronRight.UiChevronRight : UiChevronDown.UiChevronDown,
+                    className: "size-3.5 text-muted-foreground"
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        !collapsed && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            id: inventoryId,
+            className: "divide-y divide-border border-t border-border",
+            children: groups.map((group) => /* @__PURE__ */ jsxRuntime.jsx(
+              ProviderRow,
+              {
+                group,
+                expanded: expandedProvider === group.id,
+                onToggle: () => setExpandedProvider(
+                  (current) => current === group.id ? null : group.id
+                )
+              },
+              group.id
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+function ProviderRow({
+  group,
+  expanded,
+  onToggle
+}) {
+  const detailsId = react.useId();
+  const ProviderIcon = providerIcons.providerIcon(group.iconProvider) ?? providerIcons.providerIcon(group.id);
+  const iconColor = providerIcons.providerIconColor(group.iconProvider) ?? providerIcons.providerIconColor(group.id);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": `${group.label}, ${readinessLabel(group.readiness)}`,
+        "aria-expanded": expanded,
+        "aria-controls": detailsId,
+        onClick: onToggle,
+        className: "grid w-full grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-density-2 px-density-3 py-density-2 text-left hover:bg-muted/50",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Icon.Icon,
+            {
+              icon: expanded ? UiChevronDown.UiChevronDown : UiChevronRight.UiChevronRight,
+              className: "size-3 text-muted-foreground"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-density-2", children: [
+            ProviderIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex size-6 items-center justify-center rounded-md bg-muted/70 ring-1 ring-border/60", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: ProviderIcon, className: utils.cn("size-3.5", iconColor) }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-xs font-semibold text-foreground", children: group.label }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-[11px] text-muted-foreground", children: providerSummary(group) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { readiness: group.readiness, children: readinessLabel(group.readiness) })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        id: detailsId,
+        role: "region",
+        "aria-label": `${group.label} provider details`,
+        className: "space-y-density-2 border-t border-border bg-muted/20 px-density-4 py-density-3",
+        children: group.issues.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "All configured models and modes are available." }) : group.issues.map((issue) => /* @__PURE__ */ jsxRuntime.jsx(ProviderIssue, { issue }, issue.id))
+      }
+    )
+  ] });
+}
+function ProviderIssue({ issue }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1 rounded-md border border-border bg-background px-density-3 py-density-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-density-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-foreground", children: issue.label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-semibold uppercase text-muted-foreground", children: providerStatus.availabilityStateLabel(issue.availability.state) })
+    ] }),
+    issue.availability.reason && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-foreground", children: issue.availability.reason }),
+    issue.availability.remediation && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-muted-foreground", children: issue.availability.remediation })
+  ] });
+}
+function StatusBadge({
+  readiness,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils.cn(
+        "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold capitalize",
+        readiness === "ready" && "bg-emerald-500/10 text-emerald-700",
+        readiness === "attention" && "bg-amber-500/10 text-amber-700",
+        readiness === "disabled" && "bg-muted text-muted-foreground",
+        readiness === "unavailable" && "bg-destructive/10 text-destructive"
+      ),
+      children
+    }
+  );
+}
+function readinessLabel(readiness) {
+  if (readiness === "attention") return "needs attention";
+  return readiness;
+}
+function providerSummary(group) {
+  const modes = `${group.availableModes} of ${group.totalModes} modes available`;
+  const unavailableModels = group.totalModels - group.availableModels;
+  if (unavailableModels === 0) return modes;
+  return `${modes} · ${unavailableModels} unavailable ${unavailableModels === 1 ? "model" : "models"}`;
+}
+function issueLabel(count) {
+  return `${count} ${count === 1 ? "issue" : "issues"}`;
+}
+exports.ProviderStatusPanel = ProviderStatusPanel;
+//# sourceMappingURL=ProviderStatusPanel.cjs.map

package/dist/data/runtime/ProviderStatusPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderStatusPanel.cjs","sources":["../../../src/data/runtime/ProviderStatusPanel.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport { UiChevronDown, UiChevronRight } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport {\n  availabilityStateLabel,\n  providerStatusGroups,\n  type ProviderReadiness,\n  type ProviderStatusGroup,\n  type ProviderStatusIssue,\n} from \"./provider-status\";\nimport type { SpecRuntimeFamily } from \"./runtime-mode\";\n\nexport type ProviderStatusPanelProps = {\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  defaultCollapsed?: boolean | undefined;\n  className?: string | undefined;\n};\n\nexport function ProviderStatusPanel({\n  models,\n  families,\n  defaultCollapsed = false,\n  className,\n}: ProviderStatusPanelProps) {\n  const groups = providerStatusGroups(models, families);\n  const issueCount = groups.reduce(\n    (total, group) => total + group.issues.length,\n    0\n  );\n  const firstIssueProvider =\n    groups.find((group) => group.issues.length > 0)?.id ?? null;\n  const inventoryId = useId();\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n  const [expandedProvider, setExpandedProvider] = useState<string | null>(\n    firstIssueProvider\n  );\n  const summary =\n    issueCount === 0 ? \"all providers ready\" : issueLabel(issueCount);\n\n  return (\n    <section\n      aria-label=\"Provider status\"\n      className={cn(\n        \"overflow-hidden rounded-md border border-border\",\n        className\n      )}\n    >\n      <button\n        type=\"button\"\n        aria-label={`Provider status, ${summary}`}\n        aria-expanded={!collapsed}\n        aria-controls={inventoryId}\n        onClick={() => {\n          const expandedGroup = groups.find(\n            (group) => group.id === expandedProvider\n          );\n          if (\n            collapsed &&\n            (!expandedGroup || expandedGroup.issues.length === 0)\n          ) {\n            setExpandedProvider(firstIssueProvider);\n          }\n          setCollapsed((current) => !current);\n        }}\n        className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-density-2 bg-background px-density-3 py-density-2 text-left hover:bg-muted/60\"\n      >\n        <span className=\"min-w-0\">\n          <span className=\"block text-xs font-semibold text-foreground\">\n            Provider status\n          </span>\n          <span className=\"block truncate text-[11px] text-muted-foreground\">\n            Availability by provider, model, and mode\n          </span>\n        </span>\n        <span className=\"inline-flex items-center gap-density-2\">\n          <StatusBadge readiness={issueCount === 0 ? \"ready\" : \"attention\"}>\n            {issueCount === 0 ? \"Ready\" : issueLabel(issueCount)}\n          </StatusBadge>\n          <Icon\n            icon={collapsed ? UiChevronRight : UiChevronDown}\n            className=\"size-3.5 text-muted-foreground\"\n          />\n        </span>\n      </button>\n      {!collapsed && (\n        <div\n          id={inventoryId}\n          className=\"divide-y divide-border border-t border-border\"\n        >\n          {groups.map((group) => (\n            <ProviderRow\n              key={group.id}\n              group={group}\n              expanded={expandedProvider === group.id}\n              onToggle={() =>\n                setExpandedProvider((current) =>\n                  current === group.id ? null : group.id\n                )\n              }\n            />\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n\nfunction ProviderRow({\n  group,\n  expanded,\n  onToggle,\n}: {\n  group: ProviderStatusGroup;\n  expanded: boolean;\n  onToggle: () => void;\n}) {\n  const detailsId = useId();\n  const ProviderIcon =\n    providerIcon(group.iconProvider) ?? providerIcon(group.id);\n  const iconColor =\n    providerIconColor(group.iconProvider) ?? providerIconColor(group.id);\n  return (\n    <div>\n      <button\n        type=\"button\"\n        aria-label={`${group.label}, ${readinessLabel(group.readiness)}`}\n        aria-expanded={expanded}\n        aria-controls={detailsId}\n        onClick={onToggle}\n        className=\"grid w-full grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-density-2 px-density-3 py-density-2 text-left hover:bg-muted/50\"\n      >\n        <Icon\n          icon={expanded ? UiChevronDown : UiChevronRight}\n          className=\"size-3 text-muted-foreground\"\n        />\n        <span className=\"grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-density-2\">\n          {ProviderIcon && (\n            <span className=\"inline-flex size-6 items-center justify-center rounded-md bg-muted/70 ring-1 ring-border/60\">\n              <Icon icon={ProviderIcon} className={cn(\"size-3.5\", iconColor)} />\n            </span>\n          )}\n          <span className=\"min-w-0\">\n            <span className=\"block truncate text-xs font-semibold text-foreground\">\n              {group.label}\n            </span>\n            <span className=\"block truncate text-[11px] text-muted-foreground\">\n              {providerSummary(group)}\n            </span>\n          </span>\n        </span>\n        <StatusBadge readiness={group.readiness}>\n          {readinessLabel(group.readiness)}\n        </StatusBadge>\n      </button>\n      {expanded && (\n        <div\n          id={detailsId}\n          role=\"region\"\n          aria-label={`${group.label} provider details`}\n          className=\"space-y-density-2 border-t border-border bg-muted/20 px-density-4 py-density-3\"\n        >\n          {group.issues.length === 0 ? (\n            <p className=\"text-xs text-muted-foreground\">\n              All configured models and modes are available.\n            </p>\n          ) : (\n            group.issues.map((issue) => (\n              <ProviderIssue key={issue.id} issue={issue} />\n            ))\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ProviderIssue({ issue }: { issue: ProviderStatusIssue }) {\n  return (\n    <div className=\"grid gap-1 rounded-md border border-border bg-background px-density-3 py-density-2\">\n      <div className=\"flex items-start justify-between gap-density-2\">\n        <span className=\"text-xs font-medium text-foreground\">\n          {issue.label}\n        </span>\n        <span className=\"shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-semibold uppercase text-muted-foreground\">\n          {availabilityStateLabel(issue.availability.state)}\n        </span>\n      </div>\n      {issue.availability.reason && (\n        <p className=\"text-xs text-foreground\">{issue.availability.reason}</p>\n      )}\n      {issue.availability.remediation && (\n        <p className=\"text-[11px] text-muted-foreground\">\n          {issue.availability.remediation}\n        </p>\n      )}\n    </div>\n  );\n}\n\nfunction StatusBadge({\n  readiness,\n  children,\n}: {\n  readiness: ProviderReadiness;\n  children: string;\n}) {\n  return (\n    <span\n      className={cn(\n        \"shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold capitalize\",\n        readiness === \"ready\" && \"bg-emerald-500/10 text-emerald-700\",\n        readiness === \"attention\" && \"bg-amber-500/10 text-amber-700\",\n        readiness === \"disabled\" && \"bg-muted text-muted-foreground\",\n        readiness === \"unavailable\" && \"bg-destructive/10 text-destructive\"\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n\nfunction readinessLabel(readiness: ProviderReadiness): string {\n  if (readiness === \"attention\") return \"needs attention\";\n  return readiness;\n}\n\nfunction providerSummary(group: ProviderStatusGroup): string {\n  const modes = `${group.availableModes} of ${group.totalModes} modes available`;\n  const unavailableModels = group.totalModels - group.availableModels;\n  if (unavailableModels === 0) return modes;\n  return `${modes} · ${unavailableModels} unavailable ${\n    unavailableModels === 1 ? \"model\" : \"models\"\n  }`;\n}\n\nfunction issueLabel(count: number): string {\n  return `${count} ${count === 1 ? \"issue\" : \"issues\"}`;\n}\n"],"names":["providerStatusGroups","useId","useState","jsxs","cn","jsx","Icon","UiChevronRight","UiChevronDown","providerIcon","providerIconColor"],"mappings":"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"}

package/dist/data/runtime/ProviderStatusPanel.d.ts

@@ -0,0 +1,10 @@
+import { ChatModel } from '../chat/types';
+import { SpecRuntimeFamily } from './runtime-mode';
+export type ProviderStatusPanelProps = {
+    models: ChatModel[];
+    families: SpecRuntimeFamily[];
+    defaultCollapsed?: boolean | undefined;
+    className?: string | undefined;
+};
+export declare function ProviderStatusPanel({ models, families, defaultCollapsed, className, }: ProviderStatusPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProviderStatusPanel.d.ts.map

package/dist/data/runtime/ProviderStatusPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderStatusPanel.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/ProviderStatusPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,gBAAwB,EACxB,SAAS,GACV,EAAE,wBAAwB,2CAkF1B"}

package/dist/data/runtime/ProviderStatusPanel.js

@@ -0,0 +1,187 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useId, useState } from "react";
+import { cn } from "../../lib/utils.js";
+import { Icon } from "../Icon.js";
+import { providerIcon, providerIconColor } from "../chat/provider-icons.js";
+import { providerStatusGroups, availabilityStateLabel } from "./provider-status.js";
+import { UiChevronRight } from "../../icons/components/UiChevronRight.js";
+import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
+function ProviderStatusPanel({
+  models,
+  families,
+  defaultCollapsed = false,
+  className
+}) {
+  var _a;
+  const groups = providerStatusGroups(models, families);
+  const issueCount = groups.reduce(
+    (total, group) => total + group.issues.length,
+    0
+  );
+  const firstIssueProvider = ((_a = groups.find((group) => group.issues.length > 0)) == null ? void 0 : _a.id) ?? null;
+  const inventoryId = useId();
+  const [collapsed, setCollapsed] = useState(defaultCollapsed);
+  const [expandedProvider, setExpandedProvider] = useState(
+    firstIssueProvider
+  );
+  const summary = issueCount === 0 ? "all providers ready" : issueLabel(issueCount);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "aria-label": "Provider status",
+      className: cn(
+        "overflow-hidden rounded-md border border-border",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Provider status, ${summary}`,
+            "aria-expanded": !collapsed,
+            "aria-controls": inventoryId,
+            onClick: () => {
+              const expandedGroup = groups.find(
+                (group) => group.id === expandedProvider
+              );
+              if (collapsed && (!expandedGroup || expandedGroup.issues.length === 0)) {
+                setExpandedProvider(firstIssueProvider);
+              }
+              setCollapsed((current) => !current);
+            },
+            className: "grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-density-2 bg-background px-density-3 py-density-2 text-left hover:bg-muted/60",
+            children: [
+              /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx("span", { className: "block text-xs font-semibold text-foreground", children: "Provider status" }),
+                /* @__PURE__ */ jsx("span", { className: "block truncate text-[11px] text-muted-foreground", children: "Availability by provider, model, and mode" })
+              ] }),
+              /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-density-2", children: [
+                /* @__PURE__ */ jsx(StatusBadge, { readiness: issueCount === 0 ? "ready" : "attention", children: issueCount === 0 ? "Ready" : issueLabel(issueCount) }),
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    icon: collapsed ? UiChevronRight : UiChevronDown,
+                    className: "size-3.5 text-muted-foreground"
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        !collapsed && /* @__PURE__ */ jsx(
+          "div",
+          {
+            id: inventoryId,
+            className: "divide-y divide-border border-t border-border",
+            children: groups.map((group) => /* @__PURE__ */ jsx(
+              ProviderRow,
+              {
+                group,
+                expanded: expandedProvider === group.id,
+                onToggle: () => setExpandedProvider(
+                  (current) => current === group.id ? null : group.id
+                )
+              },
+              group.id
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+function ProviderRow({
+  group,
+  expanded,
+  onToggle
+}) {
+  const detailsId = useId();
+  const ProviderIcon = providerIcon(group.iconProvider) ?? providerIcon(group.id);
+  const iconColor = providerIconColor(group.iconProvider) ?? providerIconColor(group.id);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": `${group.label}, ${readinessLabel(group.readiness)}`,
+        "aria-expanded": expanded,
+        "aria-controls": detailsId,
+        onClick: onToggle,
+        className: "grid w-full grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-density-2 px-density-3 py-density-2 text-left hover:bg-muted/50",
+        children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: expanded ? UiChevronDown : UiChevronRight,
+              className: "size-3 text-muted-foreground"
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-density-2", children: [
+            ProviderIcon && /* @__PURE__ */ jsx("span", { className: "inline-flex size-6 items-center justify-center rounded-md bg-muted/70 ring-1 ring-border/60", children: /* @__PURE__ */ jsx(Icon, { icon: ProviderIcon, className: cn("size-3.5", iconColor) }) }),
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "block truncate text-xs font-semibold text-foreground", children: group.label }),
+              /* @__PURE__ */ jsx("span", { className: "block truncate text-[11px] text-muted-foreground", children: providerSummary(group) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(StatusBadge, { readiness: group.readiness, children: readinessLabel(group.readiness) })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: detailsId,
+        role: "region",
+        "aria-label": `${group.label} provider details`,
+        className: "space-y-density-2 border-t border-border bg-muted/20 px-density-4 py-density-3",
+        children: group.issues.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "All configured models and modes are available." }) : group.issues.map((issue) => /* @__PURE__ */ jsx(ProviderIssue, { issue }, issue.id))
+      }
+    )
+  ] });
+}
+function ProviderIssue({ issue }) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-1 rounded-md border border-border bg-background px-density-3 py-density-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-density-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-foreground", children: issue.label }),
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-semibold uppercase text-muted-foreground", children: availabilityStateLabel(issue.availability.state) })
+    ] }),
+    issue.availability.reason && /* @__PURE__ */ jsx("p", { className: "text-xs text-foreground", children: issue.availability.reason }),
+    issue.availability.remediation && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: issue.availability.remediation })
+  ] });
+}
+function StatusBadge({
+  readiness,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold capitalize",
+        readiness === "ready" && "bg-emerald-500/10 text-emerald-700",
+        readiness === "attention" && "bg-amber-500/10 text-amber-700",
+        readiness === "disabled" && "bg-muted text-muted-foreground",
+        readiness === "unavailable" && "bg-destructive/10 text-destructive"
+      ),
+      children
+    }
+  );
+}
+function readinessLabel(readiness) {
+  if (readiness === "attention") return "needs attention";
+  return readiness;
+}
+function providerSummary(group) {
+  const modes = `${group.availableModes} of ${group.totalModes} modes available`;
+  const unavailableModels = group.totalModels - group.availableModels;
+  if (unavailableModels === 0) return modes;
+  return `${modes} · ${unavailableModels} unavailable ${unavailableModels === 1 ? "model" : "models"}`;
+}
+function issueLabel(count) {
+  return `${count} ${count === 1 ? "issue" : "issues"}`;
+}
+export {
+  ProviderStatusPanel
+};
+//# sourceMappingURL=ProviderStatusPanel.js.map

package/dist/data/runtime/ProviderStatusPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderStatusPanel.js","sources":["../../../src/data/runtime/ProviderStatusPanel.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport { UiChevronDown, UiChevronRight } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport {\n  availabilityStateLabel,\n  providerStatusGroups,\n  type ProviderReadiness,\n  type ProviderStatusGroup,\n  type ProviderStatusIssue,\n} from \"./provider-status\";\nimport type { SpecRuntimeFamily } from \"./runtime-mode\";\n\nexport type ProviderStatusPanelProps = {\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  defaultCollapsed?: boolean | undefined;\n  className?: string | undefined;\n};\n\nexport function ProviderStatusPanel({\n  models,\n  families,\n  defaultCollapsed = false,\n  className,\n}: ProviderStatusPanelProps) {\n  const groups = providerStatusGroups(models, families);\n  const issueCount = groups.reduce(\n    (total, group) => total + group.issues.length,\n    0\n  );\n  const firstIssueProvider =\n    groups.find((group) => group.issues.length > 0)?.id ?? null;\n  const inventoryId = useId();\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n  const [expandedProvider, setExpandedProvider] = useState<string | null>(\n    firstIssueProvider\n  );\n  const summary =\n    issueCount === 0 ? \"all providers ready\" : issueLabel(issueCount);\n\n  return (\n    <section\n      aria-label=\"Provider status\"\n      className={cn(\n        \"overflow-hidden rounded-md border border-border\",\n        className\n      )}\n    >\n      <button\n        type=\"button\"\n        aria-label={`Provider status, ${summary}`}\n        aria-expanded={!collapsed}\n        aria-controls={inventoryId}\n        onClick={() => {\n          const expandedGroup = groups.find(\n            (group) => group.id === expandedProvider\n          );\n          if (\n            collapsed &&\n            (!expandedGroup || expandedGroup.issues.length === 0)\n          ) {\n            setExpandedProvider(firstIssueProvider);\n          }\n          setCollapsed((current) => !current);\n        }}\n        className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-density-2 bg-background px-density-3 py-density-2 text-left hover:bg-muted/60\"\n      >\n        <span className=\"min-w-0\">\n          <span className=\"block text-xs font-semibold text-foreground\">\n            Provider status\n          </span>\n          <span className=\"block truncate text-[11px] text-muted-foreground\">\n            Availability by provider, model, and mode\n          </span>\n        </span>\n        <span className=\"inline-flex items-center gap-density-2\">\n          <StatusBadge readiness={issueCount === 0 ? \"ready\" : \"attention\"}>\n            {issueCount === 0 ? \"Ready\" : issueLabel(issueCount)}\n          </StatusBadge>\n          <Icon\n            icon={collapsed ? UiChevronRight : UiChevronDown}\n            className=\"size-3.5 text-muted-foreground\"\n          />\n        </span>\n      </button>\n      {!collapsed && (\n        <div\n          id={inventoryId}\n          className=\"divide-y divide-border border-t border-border\"\n        >\n          {groups.map((group) => (\n            <ProviderRow\n              key={group.id}\n              group={group}\n              expanded={expandedProvider === group.id}\n              onToggle={() =>\n                setExpandedProvider((current) =>\n                  current === group.id ? null : group.id\n                )\n              }\n            />\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n\nfunction ProviderRow({\n  group,\n  expanded,\n  onToggle,\n}: {\n  group: ProviderStatusGroup;\n  expanded: boolean;\n  onToggle: () => void;\n}) {\n  const detailsId = useId();\n  const ProviderIcon =\n    providerIcon(group.iconProvider) ?? providerIcon(group.id);\n  const iconColor =\n    providerIconColor(group.iconProvider) ?? providerIconColor(group.id);\n  return (\n    <div>\n      <button\n        type=\"button\"\n        aria-label={`${group.label}, ${readinessLabel(group.readiness)}`}\n        aria-expanded={expanded}\n        aria-controls={detailsId}\n        onClick={onToggle}\n        className=\"grid w-full grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-density-2 px-density-3 py-density-2 text-left hover:bg-muted/50\"\n      >\n        <Icon\n          icon={expanded ? UiChevronDown : UiChevronRight}\n          className=\"size-3 text-muted-foreground\"\n        />\n        <span className=\"grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-density-2\">\n          {ProviderIcon && (\n            <span className=\"inline-flex size-6 items-center justify-center rounded-md bg-muted/70 ring-1 ring-border/60\">\n              <Icon icon={ProviderIcon} className={cn(\"size-3.5\", iconColor)} />\n            </span>\n          )}\n          <span className=\"min-w-0\">\n            <span className=\"block truncate text-xs font-semibold text-foreground\">\n              {group.label}\n            </span>\n            <span className=\"block truncate text-[11px] text-muted-foreground\">\n              {providerSummary(group)}\n            </span>\n          </span>\n        </span>\n        <StatusBadge readiness={group.readiness}>\n          {readinessLabel(group.readiness)}\n        </StatusBadge>\n      </button>\n      {expanded && (\n        <div\n          id={detailsId}\n          role=\"region\"\n          aria-label={`${group.label} provider details`}\n          className=\"space-y-density-2 border-t border-border bg-muted/20 px-density-4 py-density-3\"\n        >\n          {group.issues.length === 0 ? (\n            <p className=\"text-xs text-muted-foreground\">\n              All configured models and modes are available.\n            </p>\n          ) : (\n            group.issues.map((issue) => (\n              <ProviderIssue key={issue.id} issue={issue} />\n            ))\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ProviderIssue({ issue }: { issue: ProviderStatusIssue }) {\n  return (\n    <div className=\"grid gap-1 rounded-md border border-border bg-background px-density-3 py-density-2\">\n      <div className=\"flex items-start justify-between gap-density-2\">\n        <span className=\"text-xs font-medium text-foreground\">\n          {issue.label}\n        </span>\n        <span className=\"shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-semibold uppercase text-muted-foreground\">\n          {availabilityStateLabel(issue.availability.state)}\n        </span>\n      </div>\n      {issue.availability.reason && (\n        <p className=\"text-xs text-foreground\">{issue.availability.reason}</p>\n      )}\n      {issue.availability.remediation && (\n        <p className=\"text-[11px] text-muted-foreground\">\n          {issue.availability.remediation}\n        </p>\n      )}\n    </div>\n  );\n}\n\nfunction StatusBadge({\n  readiness,\n  children,\n}: {\n  readiness: ProviderReadiness;\n  children: string;\n}) {\n  return (\n    <span\n      className={cn(\n        \"shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold capitalize\",\n        readiness === \"ready\" && \"bg-emerald-500/10 text-emerald-700\",\n        readiness === \"attention\" && \"bg-amber-500/10 text-amber-700\",\n        readiness === \"disabled\" && \"bg-muted text-muted-foreground\",\n        readiness === \"unavailable\" && \"bg-destructive/10 text-destructive\"\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n\nfunction readinessLabel(readiness: ProviderReadiness): string {\n  if (readiness === \"attention\") return \"needs attention\";\n  return readiness;\n}\n\nfunction providerSummary(group: ProviderStatusGroup): string {\n  const modes = `${group.availableModes} of ${group.totalModes} modes available`;\n  const unavailableModels = group.totalModels - group.availableModels;\n  if (unavailableModels === 0) return modes;\n  return `${modes} · ${unavailableModels} unavailable ${\n    unavailableModels === 1 ? \"model\" : \"models\"\n  }`;\n}\n\nfunction issueLabel(count: number): string {\n  return `${count} ${count === 1 ? \"issue\" : \"issues\"}`;\n}\n"],"names":[],"mappings":"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"}

package/dist/data/runtime/RuntimeBar.cjs

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const effortIcons = require("../chat/effort-icons.cjs");
+const RuntimeBar_model = require("./RuntimeBar.model.cjs");
+const RuntimeBarCombo = require("./RuntimeBarCombo.cjs");
+const RuntimeBarSegments = require("./RuntimeBarSegments.cjs");
+const availability = require("./availability.cjs");
+const modelCapabilities = require("./model-capabilities.cjs");
+const runtimeMode = require("./runtime-mode.cjs");
+function RuntimeBar({
+  value,
+  onChange,
+  variant = "segmented",
+  models = [],
+  families = runtimeMode.SPEC_RUNTIME_FAMILIES,
+  reasoningEfforts = effortIcons.DEFAULT_REASONING_EFFORTS,
+  ariaLabel = "Runtime",
+  className
+}) {
+  const selection = runtimeMode.selectionForBackend(families, value.backend);
+  const family = runtimeMode.familyById(families, selection.family);
+  const mode = family.modes.find((entry) => entry.id === selection.mode) ?? runtimeMode.firstMode(family);
+  const modelOptions = runtimeMode.modelsForFamily(models, family, value.backend);
+  const selectedModel = models.find(
+    (entry) => {
+      var _a;
+      return availability.isSelectableModel(entry) && ((_a = entry.runtime) == null ? void 0 : _a.backend) === value.backend && RuntimeBar_model.runtimeModelMatches(entry, value);
+    }
+  );
+  const resolvedModel = selectedModel ?? models.find(
+    (entry) => availability.isSelectableModel(entry) && RuntimeBar_model.runtimeModelMatches(entry, value)
+  );
+  const selectedModelUnavailable = Boolean(
+    value.model && models.some(
+      (entry) => !availability.isSelectableModel(entry) && RuntimeBar_model.runtimeModelMatches(entry, value)
+    )
+  );
+  const supportedEfforts = modelCapabilities.effortOptionsForModel(
+    resolvedModel,
+    reasoningEfforts
+  );
+  const applyBackend = (familyId, modeId) => {
+    const backend = runtimeMode.backendForFamilyMode(families, familyId, modeId);
+    if (backend === (value.backend ?? "")) return;
+    let next = withOptionalRuntimeValue(
+      withRuntimeValue(value, { backend }),
+      "cliArgs",
+      void 0
+    );
+    if (!runtimeMode.modelBelongsToFamily(
+      value.model,
+      models,
+      runtimeMode.familyById(families, familyId),
+      backend
+    )) {
+      next = withoutCatalogModel(next);
+    }
+    onChange(next);
+  };
+  const applyCustomModel = (model) => onChange(
+    withOptionalRuntimeValue(withoutCatalogModel(value), "model", model)
+  );
+  const applyModel = (model) => {
+    const next = modelCapabilities.reconcileModelCapabilities(value, model, reasoningEfforts);
+    if (!mode.provider || model.provider !== mode.provider) {
+      onChange(next);
+      return;
+    }
+    onChange(
+      withOptionalRuntimeValue(
+        withOptionalRuntimeValue(next, "backend", mode.backend),
+        "mode",
+        mode.id
+      )
+    );
+  };
+  const clearModel = () => onChange(withoutCatalogModel(value));
+  const applyEffort = (effort) => onChange(withOptionalRuntimeValue(value, "effort", effort));
+  if (variant === "combo") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RuntimeBarCombo.RuntimeBarCombo,
+      {
+        value,
+        families,
+        family,
+        mode,
+        selectedMode: selection.mode,
+        models: modelOptions,
+        selectedModel: resolvedModel,
+        selectedModelUnavailable,
+        supportedEfforts,
+        ariaLabel,
+        className,
+        onFamilyChange: (familyId) => applyBackend(familyId, selection.mode),
+        onModeChange: (modeId) => applyBackend(family.id, modeId),
+        onModelSelect: applyModel,
+        onModelClear: clearModel,
+        onEffortChange: applyEffort
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RuntimeBarSegments.RuntimeBarSegments,
+    {
+      value,
+      models,
+      modelOptions,
+      resolvedModel,
+      selectedModelUnavailable,
+      families,
+      family,
+      mode,
+      selectedMode: selection.mode,
+      reasoningEfforts,
+      supportedEfforts,
+      ariaLabel,
+      className,
+      onBackendChange: applyBackend,
+      onCustomModel: applyCustomModel,
+      onModelSelect: applyModel,
+      onModelClear: clearModel,
+      onEffortChange: applyEffort
+    }
+  );
+}
+function withoutCatalogModel(value) {
+  return withOptionalRuntimeValue(
+    withOptionalRuntimeValue(value, "model", void 0),
+    "id",
+    void 0
+  );
+}
+function withRuntimeValue(value, patch) {
+  return { ...value, ...patch };
+}
+function withOptionalRuntimeValue(value, key, next) {
+  const updated = { ...value };
+  if (next === void 0 || next === "") {
+    delete updated[key];
+  } else {
+    updated[key] = next;
+  }
+  return updated;
+}
+exports.RuntimeBar = RuntimeBar;
+//# sourceMappingURL=RuntimeBar.cjs.map

package/dist/data/runtime/RuntimeBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeBar.cjs","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"sourcesContent":["import { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport type { ChatModel, ChatModelRuntime } from \"../chat/types\";\nimport { runtimeModelMatches } from \"./RuntimeBar.model\";\nimport { RuntimeBarCombo } from \"./RuntimeBarCombo\";\nimport { RuntimeBarSegments } from \"./RuntimeBarSegments\";\nimport { isSelectableModel } from \"./availability\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"./model-capabilities\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  backendForFamilyMode,\n  familyById,\n  firstMode,\n  modelBelongsToFamily,\n  modelsForFamily,\n  selectionForBackend,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarValue = ChatModelRuntime & {\n  cliArgs?: Record<string, unknown>;\n};\n\nexport type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {\n  value: T;\n  onChange: (value: T) => void;\n  /** `segmented` uses field triggers; `combo` uses one direct-edit menu. */\n  variant?: \"combo\" | \"segmented\";\n  /** Model catalog. Only the selected family's models are listed; a family the\n   *  catalog does not describe is served by the segment's free-text entry. */\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Effort tiers offered when the catalog does not describe the model. */\n  reasoningEfforts?: string[] | undefined;\n  ariaLabel?: string | undefined;\n  className?: string | undefined;\n};\n\n/** Self-describing runtime controls with segmented and combo presentations. */\nexport function RuntimeBar<T extends RuntimeBarValue>({\n  value,\n  onChange,\n  variant = \"segmented\",\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  ariaLabel = \"Runtime\",\n  className,\n}: RuntimeBarProps<T>) {\n  const selection = selectionForBackend(families, value.backend);\n  const family = familyById(families, selection.family);\n  const mode =\n    family.modes.find((entry) => entry.id === selection.mode) ??\n    firstMode(family);\n  const modelOptions = modelsForFamily(models, family, value.backend);\n  const selectedModel = models.find(\n    (entry) =>\n      isSelectableModel(entry) &&\n      entry.runtime?.backend === value.backend &&\n      runtimeModelMatches(entry, value)\n  );\n  const resolvedModel =\n    selectedModel ??\n    models.find(\n      (entry) => isSelectableModel(entry) && runtimeModelMatches(entry, value)\n    );\n  const selectedModelUnavailable = Boolean(\n    value.model &&\n      models.some(\n        (entry) =>\n          !isSelectableModel(entry) && runtimeModelMatches(entry, value)\n      )\n  );\n  const supportedEfforts = effortOptionsForModel(\n    resolvedModel,\n    reasoningEfforts\n  );\n\n  const applyBackend = (familyId: string, modeId: string) => {\n    const backend = backendForFamilyMode(families, familyId, modeId);\n    if (backend === (value.backend ?? \"\")) return;\n    let next = withOptionalRuntimeValue(\n      withRuntimeValue(value, { backend }),\n      \"cliArgs\",\n      undefined\n    );\n    if (\n      !modelBelongsToFamily(\n        value.model,\n        models,\n        familyById(families, familyId),\n        backend\n      )\n    ) {\n      next = withoutCatalogModel(next);\n    }\n    onChange(next);\n  };\n\n  const applyCustomModel = (model: string) =>\n    onChange(\n      withOptionalRuntimeValue(withoutCatalogModel(value), \"model\", model)\n    );\n  // A menu row carries the backend of the catalog it was listed under, and one\n  // catalog serves several backends — claude-cli and claude-cmux models are\n  // listed as claude-agent rows. Copying the row's runtime verbatim would let\n  // picking a model silently move the user off the mode they chose, so a row\n  // drawn from the selected mode's own catalog keeps that mode.\n  const applyModel = (model: ChatModel) => {\n    const next = reconcileModelCapabilities(value, model, reasoningEfforts);\n    if (!mode.provider || model.provider !== mode.provider) {\n      onChange(next);\n      return;\n    }\n    onChange(\n      withOptionalRuntimeValue(\n        withOptionalRuntimeValue(next, \"backend\", mode.backend),\n        \"mode\",\n        mode.id\n      )\n    );\n  };\n  const clearModel = () => onChange(withoutCatalogModel(value));\n  const applyEffort = (effort: string) =>\n    onChange(withOptionalRuntimeValue(value, \"effort\", effort));\n\n  if (variant === \"combo\") {\n    return (\n      <RuntimeBarCombo\n        value={value}\n        families={families}\n        family={family}\n        mode={mode}\n        selectedMode={selection.mode}\n        models={modelOptions}\n        selectedModel={resolvedModel}\n        selectedModelUnavailable={selectedModelUnavailable}\n        supportedEfforts={supportedEfforts}\n        ariaLabel={ariaLabel}\n        className={className}\n        onFamilyChange={(familyId) => applyBackend(familyId, selection.mode)}\n        onModeChange={(modeId) => applyBackend(family.id, modeId)}\n        onModelSelect={applyModel}\n        onModelClear={clearModel}\n        onEffortChange={applyEffort}\n      />\n    );\n  }\n\n  return (\n    <RuntimeBarSegments\n      value={value}\n      models={models}\n      modelOptions={modelOptions}\n      resolvedModel={resolvedModel}\n      selectedModelUnavailable={selectedModelUnavailable}\n      families={families}\n      family={family}\n      mode={mode}\n      selectedMode={selection.mode}\n      reasoningEfforts={reasoningEfforts}\n      supportedEfforts={supportedEfforts}\n      ariaLabel={ariaLabel}\n      className={className}\n      onBackendChange={applyBackend}\n      onCustomModel={applyCustomModel}\n      onModelSelect={applyModel}\n      onModelClear={clearModel}\n      onEffortChange={applyEffort}\n    />\n  );\n}\n\nfunction withoutCatalogModel<T extends RuntimeBarValue>(value: T): T {\n  return withOptionalRuntimeValue(\n    withOptionalRuntimeValue(value, \"model\", undefined),\n    \"id\",\n    undefined\n  );\n}\n\nfunction withRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  patch: Partial<RuntimeBarValue>\n): T {\n  return { ...value, ...patch };\n}\n\nfunction withOptionalRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  key: keyof RuntimeBarValue,\n  next: unknown\n): T {\n  const updated = { ...value } as Record<string, unknown>;\n  if (next === undefined || next === \"\") {\n    delete updated[key];\n  } else {\n    updated[key] = next;\n  }\n  return updated as T;\n}\n"],"names":["SPEC_RUNTIME_FAMILIES","DEFAULT_REASONING_EFFORTS","selectionForBackend","familyById","firstMode","modelsForFamily","isSelectableModel","runtimeModelMatches","effortOptionsForModel","backendForFamilyMode","modelBelongsToFamily","reconcileModelCapabilities","jsx","RuntimeBarCombo","RuntimeBarSegments"],"mappings":"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"}