@flanksource/clicky-ui 0.3.17 → 0.3.19

package/dist/data/chat/Chat.runtime.js

@@ -0,0 +1,63 @@
+import { reconcileModelCapabilities } from "../runtime/model-capabilities.js";
+import { runtimeModelMatches } from "../runtime/RuntimeBar.model.js";
+function resolveChatRuntime({
+  models,
+  current = {},
+  preferredModel,
+  effort,
+  temperature,
+  reasoningEfforts
+}) {
+  const selected = preferredModel ? models.find((model) => model.id === preferredModel) : selectedChatModel(models, current);
+  let next;
+  if (selected) {
+    next = reconcileModelCapabilities(current, selected, reasoningEfforts);
+    if (!next.id && !next.model) next.id = selected.id;
+  } else if (preferredModel) {
+    next = { ...current, model: preferredModel };
+  } else {
+    next = { ...current };
+  }
+  return withRuntimeOverrides(next, effort, temperature);
+}
+function selectedChatModel(models, runtime) {
+  return models.find((model) => runtimeModelMatches(model, runtime));
+}
+function withRuntimeOverrides(runtime, effort, temperature) {
+  const next = { ...runtime };
+  if (effort !== void 0) {
+    setOptionalRuntimeField(
+      next,
+      "effort",
+      effort
+    );
+  }
+  if (temperature !== void 0) next.temperature = temperature;
+  return next;
+}
+function withRuntimeField(runtime, key, value) {
+  const next = { ...runtime };
+  setOptionalRuntimeField(next, key, value);
+  return next;
+}
+function hasStructuredRuntime(runtime, selected) {
+  var _a;
+  return Boolean(
+    (selected == null ? void 0 : selected.runtime) || runtime.backend || runtime.id || runtime.mode || runtime.noCache || ((_a = runtime.fallbacks) == null ? void 0 : _a.length)
+  );
+}
+function setOptionalRuntimeField(runtime, key, value) {
+  if (value === void 0 || value === "") {
+    delete runtime[key];
+  } else {
+    runtime[key] = value;
+  }
+}
+export {
+  hasStructuredRuntime,
+  resolveChatRuntime,
+  selectedChatModel,
+  withRuntimeField,
+  withRuntimeOverrides
+};
+//# sourceMappingURL=Chat.runtime.js.map

package/dist/data/chat/Chat.runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.runtime.js","sources":["../../../src/data/chat/Chat.runtime.ts"],"sourcesContent":["import {\n  reconcileModelCapabilities,\n  type ModelRuntimeSelection,\n} from \"../runtime/model-capabilities\";\nimport { runtimeModelMatches } from \"../runtime/RuntimeBar.model\";\nimport type { ChatModel, ChatModelRuntime } from \"./types\";\n\nexport type ResolveChatRuntimeOptions = {\n  models: ChatModel[];\n  current?: ChatModelRuntime | undefined;\n  preferredModel?: string | undefined;\n  effort?: string | undefined;\n  temperature?: number | undefined;\n  reasoningEfforts: readonly string[];\n};\n\nexport function resolveChatRuntime({\n  models,\n  current = {},\n  preferredModel,\n  effort,\n  temperature,\n  reasoningEfforts,\n}: ResolveChatRuntimeOptions): ChatModelRuntime {\n  const selected = preferredModel\n    ? models.find((model) => model.id === preferredModel)\n    : selectedChatModel(models, current);\n  let next: ChatModelRuntime;\n  if (selected) {\n    next = reconcileModelCapabilities(current, selected, reasoningEfforts);\n    if (!next.id && !next.model) next.id = selected.id;\n  } else if (preferredModel) {\n    next = { ...current, model: preferredModel };\n  } else {\n    next = { ...current };\n  }\n  return withRuntimeOverrides(next, effort, temperature);\n}\n\nexport function selectedChatModel(\n  models: ChatModel[],\n  runtime: ModelRuntimeSelection,\n): ChatModel | undefined {\n  return models.find((model) => runtimeModelMatches(model, runtime));\n}\n\nexport function withRuntimeOverrides<T extends ChatModelRuntime>(\n  runtime: T,\n  effort: string | undefined,\n  temperature: number | undefined,\n): T {\n  const next = { ...runtime };\n  if (effort !== undefined) {\n    setOptionalRuntimeField(\n      next as Record<string, unknown>,\n      \"effort\",\n      effort,\n    );\n  }\n  if (temperature !== undefined) next.temperature = temperature;\n  return next;\n}\n\nexport function withRuntimeField<T extends ChatModelRuntime>(\n  runtime: T,\n  key: keyof ChatModelRuntime,\n  value: unknown,\n): T {\n  const next = { ...runtime } as Record<string, unknown>;\n  setOptionalRuntimeField(next, key, value);\n  return next as T;\n}\n\nexport function hasStructuredRuntime(\n  runtime: ChatModelRuntime,\n  selected: ChatModel | undefined,\n): boolean {\n  return Boolean(\n    selected?.runtime ||\n      runtime.backend ||\n      runtime.id ||\n      runtime.mode ||\n      runtime.noCache ||\n      runtime.fallbacks?.length,\n  );\n}\n\nfunction setOptionalRuntimeField(\n  runtime: Record<string, unknown>,\n  key: keyof ChatModelRuntime,\n  value: unknown,\n): void {\n  if (value === undefined || value === \"\") {\n    delete runtime[key];\n  } else {\n    runtime[key] = value;\n  }\n}\n"],"names":[],"mappings":";;AAgBO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA,UAAU,CAAA;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgD;AAC9C,QAAM,WAAW,iBACb,OAAO,KAAK,CAAC,UAAU,MAAM,OAAO,cAAc,IAClD,kBAAkB,QAAQ,OAAO;AACrC,MAAI;AACJ,MAAI,UAAU;AACZ,WAAO,2BAA2B,SAAS,UAAU,gBAAgB;AACrE,QAAI,CAAC,KAAK,MAAM,CAAC,KAAK,MAAO,MAAK,KAAK,SAAS;AAAA,EAClD,WAAW,gBAAgB;AACzB,WAAO,EAAE,GAAG,SAAS,OAAO,eAAA;AAAA,EAC9B,OAAO;AACL,WAAO,EAAE,GAAG,QAAA;AAAA,EACd;AACA,SAAO,qBAAqB,MAAM,QAAQ,WAAW;AACvD;AAEO,SAAS,kBACd,QACA,SACuB;AACvB,SAAO,OAAO,KAAK,CAAC,UAAU,oBAAoB,OAAO,OAAO,CAAC;AACnE;AAEO,SAAS,qBACd,SACA,QACA,aACG;AACH,QAAM,OAAO,EAAE,GAAG,QAAA;AAClB,MAAI,WAAW,QAAW;AACxB;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACA,MAAI,gBAAgB,OAAW,MAAK,cAAc;AAClD,SAAO;AACT;AAEO,SAAS,iBACd,SACA,KACA,OACG;AACH,QAAM,OAAO,EAAE,GAAG,QAAA;AAClB,0BAAwB,MAAM,KAAK,KAAK;AACxC,SAAO;AACT;AAEO,SAAS,qBACd,SACA,UACS;;AACT,SAAO;AAAA,KACL,qCAAU,YACR,QAAQ,WACR,QAAQ,MACR,QAAQ,QACR,QAAQ,aACR,aAAQ,cAAR,mBAAmB;AAAA,EAAA;AAEzB;AAEA,SAAS,wBACP,SACA,KACA,OACM;AACN,MAAI,UAAU,UAAa,UAAU,IAAI;AACvC,WAAO,QAAQ,GAAG;AAAA,EACpB,OAAO;AACL,YAAQ,GAAG,IAAI;AAAA,EACjB;AACF;"}

package/dist/data/chat/ChatRuntimeToolbar.cjs

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const ContextMeter = require("./ContextMeter.cjs");
+const providerIcons = require("./provider-icons.cjs");
+const RuntimeBar = require("../runtime/RuntimeBar.cjs");
+function ChatRuntimeToolbar({
+  models,
+  runtime,
+  runtimeFamilies,
+  reasoningEfforts,
+  selectedModel,
+  usage,
+  threadId,
+  onRuntimeChange
+}) {
+  const showRuntimeBar = Boolean(
+    (runtimeFamilies == null ? void 0 : runtimeFamilies.length) || models.length || runtime.backend || runtime.id || runtime.model
+  );
+  const showContextMeter = Boolean(threadId || selectedModel || usage);
+  if (!showRuntimeBar && !showContextMeter) return null;
+  const contextWindow = (selectedModel == null ? void 0 : selectedModel.contextWindow) ?? (usage == null ? void 0 : usage.maxTokens) ?? 0;
+  const usedTokens = (usage == null ? void 0 : usage.usedTokens) ?? 0;
+  const ModelGlyph = providerIcons.providerIcon(selectedModel == null ? void 0 : selectedModel.provider);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
+    showRuntimeBar && /* @__PURE__ */ jsxRuntime.jsx(
+      RuntimeBar.RuntimeBar,
+      {
+        variant: "combo",
+        value: runtime,
+        onChange: onRuntimeChange,
+        models,
+        reasoningEfforts,
+        ...runtimeFamilies ? { families: runtimeFamilies } : {}
+      }
+    ),
+    showContextMeter && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ContextMeter.ContextMeter,
+        {
+          mode: "gauge",
+          usedPercent: contextWindow > 0 ? Math.round(usedTokens / contextWindow * 100) : 0,
+          usedTokens,
+          ...contextWindow > 0 ? { windowTokens: contextWindow } : {},
+          ...(usage == null ? void 0 : usage.messageCount) != null ? { messageCount: usage.messageCount } : {},
+          ...(usage == null ? void 0 : usage.cost) != null ? { cost: { total: usage.cost } } : {},
+          ...threadId ? { sessionId: threadId } : {},
+          ...(selectedModel == null ? void 0 : selectedModel.label) ? { model: selectedModel.label } : (usage == null ? void 0 : usage.modelLabel) ? { model: usage.modelLabel } : {},
+          ...runtime.effort ? { effort: runtime.effort } : {},
+          ...runtime.mode ? { executionMode: runtime.mode } : {},
+          ...ModelGlyph ? { modelIcon: ModelGlyph } : {},
+          ...(selectedModel == null ? void 0 : selectedModel.provider) ? {
+            modelIconClassName: providerIcons.providerIconColor(selectedModel.provider)
+          } : {}
+        }
+      )
+    ] })
+  ] });
+}
+exports.ChatRuntimeToolbar = ChatRuntimeToolbar;
+//# sourceMappingURL=ChatRuntimeToolbar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatRuntimeToolbar.cjs","sources":["../../../src/data/chat/ChatRuntimeToolbar.tsx"],"sourcesContent":["import { ContextMeter } from \"./ContextMeter\";\nimport { providerIcon, providerIconColor } from \"./provider-icons\";\nimport type { ChatModel, ChatModelRuntime, ChatUsageSummary } from \"./types\";\nimport { RuntimeBar } from \"../runtime/RuntimeBar\";\nimport type { SpecRuntimeFamily } from \"../runtime/runtime-mode\";\n\nexport type ChatRuntimeToolbarProps = {\n  models: ChatModel[];\n  runtime: ChatModelRuntime;\n  runtimeFamilies?: SpecRuntimeFamily[] | undefined;\n  reasoningEfforts: string[];\n  selectedModel?: ChatModel | undefined;\n  usage?: ChatUsageSummary | null | undefined;\n  threadId?: string | undefined;\n  onRuntimeChange: (runtime: ChatModelRuntime) => void;\n};\n\nexport function ChatRuntimeToolbar({\n  models,\n  runtime,\n  runtimeFamilies,\n  reasoningEfforts,\n  selectedModel,\n  usage,\n  threadId,\n  onRuntimeChange,\n}: ChatRuntimeToolbarProps) {\n  const showRuntimeBar = Boolean(\n    runtimeFamilies?.length ||\n    models.length ||\n    runtime.backend ||\n    runtime.id ||\n    runtime.model,\n  );\n  const showContextMeter = Boolean(threadId || selectedModel || usage);\n  if (!showRuntimeBar && !showContextMeter) return null;\n\n  const contextWindow = selectedModel?.contextWindow ?? usage?.maxTokens ?? 0;\n  const usedTokens = usage?.usedTokens ?? 0;\n  const ModelGlyph = providerIcon(selectedModel?.provider);\n\n  return (\n    <div className=\"flex flex-1 items-center gap-2\">\n      {showRuntimeBar && (\n        <RuntimeBar\n          variant=\"combo\"\n          value={runtime}\n          onChange={onRuntimeChange}\n          models={models}\n          reasoningEfforts={reasoningEfforts}\n          {...(runtimeFamilies ? { families: runtimeFamilies } : {})}\n        />\n      )}\n      {showContextMeter && (\n        <>\n          <div className=\"flex-1\" />\n          <ContextMeter\n            mode=\"gauge\"\n            usedPercent={\n              contextWindow > 0\n                ? Math.round((usedTokens / contextWindow) * 100)\n                : 0\n            }\n            usedTokens={usedTokens}\n            {...(contextWindow > 0 ? { windowTokens: contextWindow } : {})}\n            {...(usage?.messageCount != null\n              ? { messageCount: usage.messageCount }\n              : {})}\n            {...(usage?.cost != null ? { cost: { total: usage.cost } } : {})}\n            {...(threadId ? { sessionId: threadId } : {})}\n            {...(selectedModel?.label\n              ? { model: selectedModel.label }\n              : usage?.modelLabel\n                ? { model: usage.modelLabel }\n                : {})}\n            {...(runtime.effort ? { effort: runtime.effort } : {})}\n            {...(runtime.mode ? { executionMode: runtime.mode } : {})}\n            {...(ModelGlyph ? { modelIcon: ModelGlyph } : {})}\n            {...(selectedModel?.provider\n              ? {\n                  modelIconClassName: providerIconColor(selectedModel.provider),\n                }\n              : {})}\n          />\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["providerIcon","jsxs","jsx","RuntimeBar","Fragment","ContextMeter","providerIconColor"],"mappings":";;;;;;AAiBO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,iBAAiB;AAAA,KACrB,mDAAiB,WACjB,OAAO,UACP,QAAQ,WACR,QAAQ,MACR,QAAQ;AAAA,EAAA;AAEV,QAAM,mBAAmB,QAAQ,YAAY,iBAAiB,KAAK;AACnE,MAAI,CAAC,kBAAkB,CAAC,iBAAkB,QAAO;AAEjD,QAAM,iBAAgB,+CAAe,mBAAiB,+BAAO,cAAa;AAC1E,QAAM,cAAa,+BAAO,eAAc;AACxC,QAAM,aAAaA,cAAAA,aAAa,+CAAe,QAAQ;AAEvD,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,kCACZ,UAAA;AAAA,IAAA,kBACCC,2BAAAA;AAAAA,MAACC,WAAAA;AAAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACC,GAAI,kBAAkB,EAAE,UAAU,oBAAoB,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,IAG3D,oBACCF,2BAAAA,KAAAG,qBAAA,EACE,UAAA;AAAA,MAAAF,2BAAAA,IAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,MACxBA,2BAAAA;AAAAA,QAACG,aAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,aACE,gBAAgB,IACZ,KAAK,MAAO,aAAa,gBAAiB,GAAG,IAC7C;AAAA,UAEN;AAAA,UACC,GAAI,gBAAgB,IAAI,EAAE,cAAc,cAAA,IAAkB,CAAA;AAAA,UAC1D,IAAI,+BAAO,iBAAgB,OACxB,EAAE,cAAc,MAAM,aAAA,IACtB,CAAA;AAAA,UACH,IAAI,+BAAO,SAAQ,OAAO,EAAE,MAAM,EAAE,OAAO,MAAM,KAAA,EAAK,IAAM,CAAA;AAAA,UAC5D,GAAI,WAAW,EAAE,WAAW,SAAA,IAAa,CAAA;AAAA,UACzC,IAAI,+CAAe,SAChB,EAAE,OAAO,cAAc,MAAA,KACvB,+BAAO,cACL,EAAE,OAAO,MAAM,WAAA,IACf,CAAA;AAAA,UACL,GAAI,QAAQ,SAAS,EAAE,QAAQ,QAAQ,OAAA,IAAW,CAAA;AAAA,UAClD,GAAI,QAAQ,OAAO,EAAE,eAAe,QAAQ,KAAA,IAAS,CAAA;AAAA,UACrD,GAAI,aAAa,EAAE,WAAW,WAAA,IAAe,CAAA;AAAA,UAC7C,IAAI,+CAAe,YAChB;AAAA,YACE,oBAAoBC,cAAAA,kBAAkB,cAAc,QAAQ;AAAA,UAAA,IAE9D,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IACP,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;;"}

package/dist/data/chat/ChatRuntimeToolbar.d.ts

@@ -0,0 +1,14 @@
+import { ChatModel, ChatModelRuntime, ChatUsageSummary } from './types';
+import { SpecRuntimeFamily } from '../runtime/runtime-mode';
+export type ChatRuntimeToolbarProps = {
+    models: ChatModel[];
+    runtime: ChatModelRuntime;
+    runtimeFamilies?: SpecRuntimeFamily[] | undefined;
+    reasoningEfforts: string[];
+    selectedModel?: ChatModel | undefined;
+    usage?: ChatUsageSummary | null | undefined;
+    threadId?: string | undefined;
+    onRuntimeChange: (runtime: ChatModelRuntime) => void;
+};
+export declare function ChatRuntimeToolbar({ models, runtime, runtimeFamilies, reasoningEfforts, selectedModel, usage, threadId, onRuntimeChange, }: ChatRuntimeToolbarProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ChatRuntimeToolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatRuntimeToolbar.d.ts","sourceRoot":"","sources":["../../../src/data/chat/ChatRuntimeToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,eAAe,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAClD,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACtC,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,eAAe,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACtD,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAO,EACP,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,KAAK,EACL,QAAQ,EACR,eAAe,GAChB,EAAE,uBAAuB,kDA8DzB"}

package/dist/data/chat/ChatRuntimeToolbar.js

@@ -0,0 +1,62 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { ContextMeter } from "./ContextMeter.js";
+import { providerIcon, providerIconColor } from "./provider-icons.js";
+import { RuntimeBar } from "../runtime/RuntimeBar.js";
+function ChatRuntimeToolbar({
+  models,
+  runtime,
+  runtimeFamilies,
+  reasoningEfforts,
+  selectedModel,
+  usage,
+  threadId,
+  onRuntimeChange
+}) {
+  const showRuntimeBar = Boolean(
+    (runtimeFamilies == null ? void 0 : runtimeFamilies.length) || models.length || runtime.backend || runtime.id || runtime.model
+  );
+  const showContextMeter = Boolean(threadId || selectedModel || usage);
+  if (!showRuntimeBar && !showContextMeter) return null;
+  const contextWindow = (selectedModel == null ? void 0 : selectedModel.contextWindow) ?? (usage == null ? void 0 : usage.maxTokens) ?? 0;
+  const usedTokens = (usage == null ? void 0 : usage.usedTokens) ?? 0;
+  const ModelGlyph = providerIcon(selectedModel == null ? void 0 : selectedModel.provider);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
+    showRuntimeBar && /* @__PURE__ */ jsx(
+      RuntimeBar,
+      {
+        variant: "combo",
+        value: runtime,
+        onChange: onRuntimeChange,
+        models,
+        reasoningEfforts,
+        ...runtimeFamilies ? { families: runtimeFamilies } : {}
+      }
+    ),
+    showContextMeter && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+      /* @__PURE__ */ jsx(
+        ContextMeter,
+        {
+          mode: "gauge",
+          usedPercent: contextWindow > 0 ? Math.round(usedTokens / contextWindow * 100) : 0,
+          usedTokens,
+          ...contextWindow > 0 ? { windowTokens: contextWindow } : {},
+          ...(usage == null ? void 0 : usage.messageCount) != null ? { messageCount: usage.messageCount } : {},
+          ...(usage == null ? void 0 : usage.cost) != null ? { cost: { total: usage.cost } } : {},
+          ...threadId ? { sessionId: threadId } : {},
+          ...(selectedModel == null ? void 0 : selectedModel.label) ? { model: selectedModel.label } : (usage == null ? void 0 : usage.modelLabel) ? { model: usage.modelLabel } : {},
+          ...runtime.effort ? { effort: runtime.effort } : {},
+          ...runtime.mode ? { executionMode: runtime.mode } : {},
+          ...ModelGlyph ? { modelIcon: ModelGlyph } : {},
+          ...(selectedModel == null ? void 0 : selectedModel.provider) ? {
+            modelIconClassName: providerIconColor(selectedModel.provider)
+          } : {}
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ChatRuntimeToolbar
+};
+//# sourceMappingURL=ChatRuntimeToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatRuntimeToolbar.js","sources":["../../../src/data/chat/ChatRuntimeToolbar.tsx"],"sourcesContent":["import { ContextMeter } from \"./ContextMeter\";\nimport { providerIcon, providerIconColor } from \"./provider-icons\";\nimport type { ChatModel, ChatModelRuntime, ChatUsageSummary } from \"./types\";\nimport { RuntimeBar } from \"../runtime/RuntimeBar\";\nimport type { SpecRuntimeFamily } from \"../runtime/runtime-mode\";\n\nexport type ChatRuntimeToolbarProps = {\n  models: ChatModel[];\n  runtime: ChatModelRuntime;\n  runtimeFamilies?: SpecRuntimeFamily[] | undefined;\n  reasoningEfforts: string[];\n  selectedModel?: ChatModel | undefined;\n  usage?: ChatUsageSummary | null | undefined;\n  threadId?: string | undefined;\n  onRuntimeChange: (runtime: ChatModelRuntime) => void;\n};\n\nexport function ChatRuntimeToolbar({\n  models,\n  runtime,\n  runtimeFamilies,\n  reasoningEfforts,\n  selectedModel,\n  usage,\n  threadId,\n  onRuntimeChange,\n}: ChatRuntimeToolbarProps) {\n  const showRuntimeBar = Boolean(\n    runtimeFamilies?.length ||\n    models.length ||\n    runtime.backend ||\n    runtime.id ||\n    runtime.model,\n  );\n  const showContextMeter = Boolean(threadId || selectedModel || usage);\n  if (!showRuntimeBar && !showContextMeter) return null;\n\n  const contextWindow = selectedModel?.contextWindow ?? usage?.maxTokens ?? 0;\n  const usedTokens = usage?.usedTokens ?? 0;\n  const ModelGlyph = providerIcon(selectedModel?.provider);\n\n  return (\n    <div className=\"flex flex-1 items-center gap-2\">\n      {showRuntimeBar && (\n        <RuntimeBar\n          variant=\"combo\"\n          value={runtime}\n          onChange={onRuntimeChange}\n          models={models}\n          reasoningEfforts={reasoningEfforts}\n          {...(runtimeFamilies ? { families: runtimeFamilies } : {})}\n        />\n      )}\n      {showContextMeter && (\n        <>\n          <div className=\"flex-1\" />\n          <ContextMeter\n            mode=\"gauge\"\n            usedPercent={\n              contextWindow > 0\n                ? Math.round((usedTokens / contextWindow) * 100)\n                : 0\n            }\n            usedTokens={usedTokens}\n            {...(contextWindow > 0 ? { windowTokens: contextWindow } : {})}\n            {...(usage?.messageCount != null\n              ? { messageCount: usage.messageCount }\n              : {})}\n            {...(usage?.cost != null ? { cost: { total: usage.cost } } : {})}\n            {...(threadId ? { sessionId: threadId } : {})}\n            {...(selectedModel?.label\n              ? { model: selectedModel.label }\n              : usage?.modelLabel\n                ? { model: usage.modelLabel }\n                : {})}\n            {...(runtime.effort ? { effort: runtime.effort } : {})}\n            {...(runtime.mode ? { executionMode: runtime.mode } : {})}\n            {...(ModelGlyph ? { modelIcon: ModelGlyph } : {})}\n            {...(selectedModel?.provider\n              ? {\n                  modelIconClassName: providerIconColor(selectedModel.provider),\n                }\n              : {})}\n          />\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAiBO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,iBAAiB;AAAA,KACrB,mDAAiB,WACjB,OAAO,UACP,QAAQ,WACR,QAAQ,MACR,QAAQ;AAAA,EAAA;AAEV,QAAM,mBAAmB,QAAQ,YAAY,iBAAiB,KAAK;AACnE,MAAI,CAAC,kBAAkB,CAAC,iBAAkB,QAAO;AAEjD,QAAM,iBAAgB,+CAAe,mBAAiB,+BAAO,cAAa;AAC1E,QAAM,cAAa,+BAAO,eAAc;AACxC,QAAM,aAAa,aAAa,+CAAe,QAAQ;AAEvD,SACE,qBAAC,OAAA,EAAI,WAAU,kCACZ,UAAA;AAAA,IAAA,kBACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACC,GAAI,kBAAkB,EAAE,UAAU,oBAAoB,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,IAG3D,oBACC,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,MACxB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,aACE,gBAAgB,IACZ,KAAK,MAAO,aAAa,gBAAiB,GAAG,IAC7C;AAAA,UAEN;AAAA,UACC,GAAI,gBAAgB,IAAI,EAAE,cAAc,cAAA,IAAkB,CAAA;AAAA,UAC1D,IAAI,+BAAO,iBAAgB,OACxB,EAAE,cAAc,MAAM,aAAA,IACtB,CAAA;AAAA,UACH,IAAI,+BAAO,SAAQ,OAAO,EAAE,MAAM,EAAE,OAAO,MAAM,KAAA,EAAK,IAAM,CAAA;AAAA,UAC5D,GAAI,WAAW,EAAE,WAAW,SAAA,IAAa,CAAA;AAAA,UACzC,IAAI,+CAAe,SAChB,EAAE,OAAO,cAAc,MAAA,KACvB,+BAAO,cACL,EAAE,OAAO,MAAM,WAAA,IACf,CAAA;AAAA,UACL,GAAI,QAAQ,SAAS,EAAE,QAAQ,QAAQ,OAAA,IAAW,CAAA;AAAA,UAClD,GAAI,QAAQ,OAAO,EAAE,eAAe,QAAQ,KAAA,IAAS,CAAA;AAAA,UACrD,GAAI,aAAa,EAAE,WAAW,WAAA,IAAe,CAAA;AAAA,UAC7C,IAAI,+CAAe,YAChB;AAAA,YACE,oBAAoB,kBAAkB,cAAc,QAAQ;AAAA,UAAA,IAE9D,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IACP,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/data/chat/ToolCall.cjs

@@ -5,8 +5,10 @@ const react = require("react");
 const utils = require("../../lib/utils.cjs");
 const button = require("../../components/button.cjs");
 const Icon = require("../Icon.cjs");
-const CodeBlock = require("../CodeBlock.cjs");
 const types = require("./types.cjs");
+const normalize = require("./tool-render/normalize.cjs");
+const context = require("./tool-render/context.cjs");
+const defaults = require("./tool-render/defaults.cjs");
 const UiCircleX = require("../../icons/components/UiCircleX.cjs");
 const UiCheck = require("../../icons/components/UiCheck.cjs");
 const UiClock = require("../../icons/components/UiClock.cjs");
@@ -25,17 +27,49 @@ const STATUS_LABEL = {
 const STATUS_ICON = {
   "approval-requested": { icon: UiClock.UiClock, className: "text-amber-600" },
   "approval-responded": { icon: UiCheck.UiCheck, className: "text-sky-600" },
-  "input-streaming": { icon: UiCircleOutline.UiCircleOutline, className: "text-muted-foreground" },
-  "input-available": { icon: UiClock.UiClock, className: "text-muted-foreground animate-pulse" },
+  "input-streaming": {
+    icon: UiCircleOutline.UiCircleOutline,
+    className: "text-muted-foreground"
+  },
+  "input-available": {
+    icon: UiClock.UiClock,
+    className: "text-muted-foreground animate-pulse"
+  },
   "output-available": { icon: UiCheck.UiCheck, className: "text-emerald-600" },
   "output-denied": { icon: UiCircleX.UiCircleX, className: "text-orange-600" },
   "output-error": { icon: UiCircleX.UiCircleX, className: "text-destructive" }
 };
-function ToolCall({ part, defaultOpen = false, onApprove, renderToolResult, className }) {
+function ToolCall({
+  part,
+  defaultOpen = false,
+  onApprove,
+  renderToolResult,
+  tool,
+  registry: registryProp,
+  className
+}) {
   const needsApproval = part.state === "approval-requested";
   const [open, setOpen] = react.useState(defaultOpen || needsApproval);
+  const contextRegistry = context.useToolRenderRegistry();
+  const registry = registryProp ?? contextRegistry;
   const status = STATUS_ICON[part.state];
   const name = types.toolPartName(part);
+  const meta = tool ?? registry.tool(name);
+  const normalized = normalize.normalizeToolOutput(
+    part.state === "output-available" ? part.output : void 0
+  );
+  const base = {
+    part,
+    toolName: name,
+    tool: meta,
+    state: part.state,
+    input: part.input,
+    output: normalized.value,
+    isError: normalized.isError || part.state === "output-error",
+    options: registry.options
+  };
+  const inputView = defaults.defaultToolInputView(base);
+  const summary = registry.resolveSummary({ ...base, defaultView: null });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("not-prose mb-1 w-full", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -55,21 +89,34 @@ function ToolCall({ part, defaultOpen = false, onApprove, renderToolResult, clas
                 title: STATUS_LABEL[part.state],
                 className: utils.cn("size-3 shrink-0", status.className)
               }
-            )
+            ),
+            !open && summary ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-xs", children: summary }) : null
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Icon.Icon,
             {
               icon: UiChevronDown.UiChevronDown,
-              className: utils.cn("size-3 shrink-0 transition-transform", open && "rotate-180")
+              className: utils.cn(
+                "size-3 shrink-0 transition-transform",
+                open && "rotate-180"
+              )
             }
           )
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 pl-4 pt-0.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ToolInput, { input: part.input }),
-      /* @__PURE__ */ jsxRuntime.jsx(ToolOutput, { part, ...renderToolResult ? { renderToolResult } : {} })
+    open && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "tool-call-details", className: "space-y-1 pl-4 pt-0.5", children: [
+      registry.resolveInput({ ...base, defaultView: inputView }) ?? inputView,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ToolOutput,
+        {
+          part,
+          base,
+          registry,
+          output: normalized.value,
+          ...renderToolResult ? { renderToolResult } : {}
+        }
+      )
     ] }),
     needsApproval && /* @__PURE__ */ jsxRuntime.jsx(ApprovalControls, { part, onApprove })
   ] });
@@ -81,7 +128,15 @@ function ApprovalControls({
   const approval = "approval" in part ? part.approval : void 0;
   if (!approval || !onApprove) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1.5 flex items-center gap-2 pl-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", size: "sm", onClick: () => onApprove(approval.id, true), children: "Approve" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      button.Button,
+      {
+        type: "button",
+        size: "sm",
+        onClick: () => onApprove(approval.id, true),
+        children: "Approve"
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(
       button.Button,
       {
@@ -94,27 +149,34 @@ function ApprovalControls({
     )
   ] });
 }
-function ToolInput({ input }) {
-  if (input === void 0 || input === null) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.CodeBlock, { language: "json", source: JSON.stringify(input, null, 2) }) });
-}
 function ToolOutput({
   part,
+  base,
+  registry,
+  output,
   renderToolResult
 }) {
   const errorText = part.state === "output-error" ? part.errorText : void 0;
-  const output = part.state === "output-available" ? part.output : void 0;
-  if (output === void 0 && errorText === void 0) {
+  const hasOutput = part.state === "output-available" && output !== void 0;
+  if (!hasOutput && errorText === void 0) {
     return null;
   }
-  const name = types.toolPartName(part);
-  const custom = output !== void 0 ? renderToolResult == null ? void 0 : renderToolResult({ part, toolName: name, output }) : null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("overflow-x-auto text-xs", errorText ? "text-destructive" : "text-muted-foreground"), children: [
-    errorText !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { children: errorText }),
-    custom ?? (output !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.CodeBlock, { language: "json", source: typeof output === "string" ? output : JSON.stringify(output, null, 2) }))
-  ] });
+  const defaultView = hasOutput ? defaults.defaultToolOutputView(base) : null;
+  const custom = hasOutput ? renderToolResult == null ? void 0 : renderToolResult({ part, toolName: base.toolName, output }) : null;
+  const resolved = hasOutput ? registry.resolveOutput({ ...base, defaultView }) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn(
+        "overflow-x-auto text-xs",
+        errorText ? "text-destructive" : "text-muted-foreground"
+      ),
+      children: [
+        errorText !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { children: errorText }),
+        custom ?? resolved ?? defaultView
+      ]
+    }
+  );
 }
 exports.ToolCall = ToolCall;
 //# sourceMappingURL=ToolCall.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolCall.cjs","sources":["../../../src/data/chat/ToolCall.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport {\n  UiCheck,\n  UiChevronDown,\n  UiCircleOutline,\n  UiCircleX,\n  UiClock,\n  UiWrench,\n} from \"../../icons\";\nimport type { AnyToolPart, ToolResultRenderer } from \"./types\";\nimport { toolPartName } from \"./types\";\n\nexport type ToolCallProps = {\n  /** The tool part from an assistant message (typed or dynamic). */\n  part: AnyToolPart;\n  /** Whether the call body starts expanded. Defaults to false. */\n  defaultOpen?: boolean;\n  /** Respond to an approval request (only used when state is\n   *  `approval-requested`). Receives the approval id, the decision, and an\n   *  optional reason. */\n  onApprove?: ((approvalId: string, approved: boolean, reason?: string) => void) | undefined;\n  renderToolResult?: ToolResultRenderer;\n  className?: string;\n};\n\ntype ToolState = AnyToolPart[\"state\"];\n\nconst STATUS_LABEL: Record<ToolState, string> = {\n  \"approval-requested\": \"Awaiting approval\",\n  \"approval-responded\": \"Responded\",\n  \"input-streaming\": \"Pending\",\n  \"input-available\": \"Running\",\n  \"output-available\": \"Completed\",\n  \"output-denied\": \"Denied\",\n  \"output-error\": \"Error\",\n};\n\nconst STATUS_ICON: Record<ToolState, { icon: StaticIconComponent; className: string }> = {\n  \"approval-requested\": { icon: UiClock, className: \"text-amber-600\" },\n  \"approval-responded\": { icon: UiCheck, className: \"text-sky-600\" },\n  \"input-streaming\": { icon: UiCircleOutline, className: \"text-muted-foreground\" },\n  \"input-available\": { icon: UiClock, className: \"text-muted-foreground animate-pulse\" },\n  \"output-available\": { icon: UiCheck, className: \"text-emerald-600\" },\n  \"output-denied\": { icon: UiCircleX, className: \"text-orange-600\" },\n  \"output-error\": { icon: UiCircleX, className: \"text-destructive\" },\n};\n\n/** Generic display of a single AI tool call: a collapsible header showing the\n *  tool name + status, expanding to its JSON input and (once available) output\n *  or error. Renders both clicky `dynamic-tool` parts and typed `tool-<name>`\n *  parts, keyed off `part.state`. */\nexport function ToolCall({ part, defaultOpen = false, onApprove, renderToolResult, className }: ToolCallProps) {\n  const needsApproval = part.state === \"approval-requested\";\n  const [open, setOpen] = useState(defaultOpen || needsApproval);\n  const status = STATUS_ICON[part.state];\n  const name = toolPartName(part);\n\n  return (\n    <div className={cn(\"not-prose mb-1 w-full\", className)}>\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((v) => !v)}\n        className=\"flex w-full items-center justify-between gap-2 py-0.5 text-muted-foreground hover:text-foreground\"\n      >\n        <span className=\"flex min-w-0 items-center gap-1.5\">\n          <Icon icon={UiWrench} className=\"size-3 shrink-0\" />\n          <span className=\"truncate font-mono text-xs\">{name}</span>\n          <Icon\n            icon={status.icon}\n            title={STATUS_LABEL[part.state]}\n            className={cn(\"size-3 shrink-0\", status.className)}\n          />\n        </span>\n        <Icon\n          icon={UiChevronDown}\n          className={cn(\"size-3 shrink-0 transition-transform\", open && \"rotate-180\")}\n        />\n      </button>\n\n      {open && (\n        <div className=\"space-y-1 pl-4 pt-0.5\">\n          <ToolInput input={part.input} />\n          <ToolOutput part={part} {...(renderToolResult ? { renderToolResult } : {})} />\n        </div>\n      )}\n\n      {needsApproval && <ApprovalControls part={part} onApprove={onApprove} />}\n    </div>\n  );\n}\n\n/** Approve/Deny controls shown while a tool call awaits human approval. The\n *  approval id comes from the part's `approval` envelope (AI SDK v6). */\nfunction ApprovalControls({\n  part,\n  onApprove,\n}: {\n  part: AnyToolPart;\n  onApprove: ToolCallProps[\"onApprove\"];\n}) {\n  const approval = \"approval\" in part ? part.approval : undefined;\n  if (!approval || !onApprove) return null;\n  return (\n    <div className=\"mt-1.5 flex items-center gap-2 pl-4\">\n      <Button type=\"button\" size=\"sm\" onClick={() => onApprove(approval.id, true)}>\n        Approve\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        variant=\"outline\"\n        onClick={() => onApprove(approval.id, false)}\n      >\n        Deny\n      </Button>\n    </div>\n  );\n}\n\nfunction ToolInput({ input }: { input: AnyToolPart[\"input\"] }) {\n  if (input === undefined || input === null) {\n    return null;\n  }\n  return (\n    <div className=\"overflow-hidden text-xs\">\n      <CodeBlock language=\"json\" source={JSON.stringify(input, null, 2)} />\n    </div>\n  );\n}\n\nfunction ToolOutput({\n  part,\n  renderToolResult,\n}: {\n  part: AnyToolPart;\n  renderToolResult?: ToolResultRenderer | undefined;\n}) {\n  const errorText = part.state === \"output-error\" ? part.errorText : undefined;\n  const output = part.state === \"output-available\" ? part.output : undefined;\n  if (output === undefined && errorText === undefined) {\n    return null;\n  }\n  const name = toolPartName(part);\n  const custom = output !== undefined ? renderToolResult?.({ part, toolName: name, output }) : null;\n  return (\n    <div className={cn(\"overflow-x-auto text-xs\", errorText ? \"text-destructive\" : \"text-muted-foreground\")}>\n      {errorText !== undefined && <div>{errorText}</div>}\n      {custom ?? (output !== undefined && (\n        <CodeBlock language=\"json\" source={typeof output === \"string\" ? output : JSON.stringify(output, null, 2)} />\n      ))}\n    </div>\n  );\n}\n"],"names":["UiClock","UiCheck","UiCircleOutline","UiCircleX","useState","toolPartName","cn","jsxs","jsx","Icon","UiWrench","UiChevronDown","Button","CodeBlock"],"mappings":"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"}
+{"version":3,"file":"ToolCall.cjs","sources":["../../../src/data/chat/ToolCall.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiCheck,\n  UiChevronDown,\n  UiCircleOutline,\n  UiCircleX,\n  UiClock,\n  UiWrench,\n} from \"../../icons\";\nimport type { AnyToolPart, ToolMeta, ToolResultRenderer } from \"./types\";\nimport { toolPartName } from \"./types\";\nimport { normalizeToolOutput } from \"./tool-render/normalize\";\nimport { useToolRenderRegistry } from \"./tool-render/context\";\nimport {\n  defaultToolInputView,\n  defaultToolOutputView,\n  type ToolRenderBaseContext,\n} from \"./tool-render/defaults\";\nimport type { ToolRenderRegistry } from \"./tool-render/adapter\";\n\nexport type ToolCallProps = {\n  /** The tool part from an assistant message (typed or dynamic). */\n  part: AnyToolPart;\n  /** Whether the call body starts expanded. Defaults to false. */\n  defaultOpen?: boolean;\n  /** Respond to an approval request (only used when state is\n   *  `approval-requested`). Receives the approval id, the decision, and an\n   *  optional reason. */\n  onApprove?:\n    | ((approvalId: string, approved: boolean, reason?: string) => void)\n    | undefined;\n  renderToolResult?: ToolResultRenderer;\n  /** Catalog entry for this tool. Defaults to the registry's catalog lookup. */\n  tool?: ToolMeta | undefined;\n  /** Renderer registry override. Defaults to the provided context registry. */\n  registry?: ToolRenderRegistry | undefined;\n  className?: string;\n};\n\ntype ToolState = AnyToolPart[\"state\"];\n\nconst STATUS_LABEL: Record<ToolState, string> = {\n  \"approval-requested\": \"Awaiting approval\",\n  \"approval-responded\": \"Responded\",\n  \"input-streaming\": \"Pending\",\n  \"input-available\": \"Running\",\n  \"output-available\": \"Completed\",\n  \"output-denied\": \"Denied\",\n  \"output-error\": \"Error\",\n};\n\nconst STATUS_ICON: Record<\n  ToolState,\n  { icon: StaticIconComponent; className: string }\n> = {\n  \"approval-requested\": { icon: UiClock, className: \"text-amber-600\" },\n  \"approval-responded\": { icon: UiCheck, className: \"text-sky-600\" },\n  \"input-streaming\": {\n    icon: UiCircleOutline,\n    className: \"text-muted-foreground\",\n  },\n  \"input-available\": {\n    icon: UiClock,\n    className: \"text-muted-foreground animate-pulse\",\n  },\n  \"output-available\": { icon: UiCheck, className: \"text-emerald-600\" },\n  \"output-denied\": { icon: UiCircleX, className: \"text-orange-600\" },\n  \"output-error\": { icon: UiCircleX, className: \"text-destructive\" },\n};\n\n/** Generic display of a single AI tool call: a collapsible header showing the\n *  tool name, status and compact input args, expanding to its input params and\n *  (once available) output or error. Input and output rendering go through the\n *  tool render registry, so a host can contribute domain views. Renders both\n *  clicky `dynamic-tool` parts and typed `tool-<name>` parts, keyed off\n *  `part.state`. */\nexport function ToolCall({\n  part,\n  defaultOpen = false,\n  onApprove,\n  renderToolResult,\n  tool,\n  registry: registryProp,\n  className,\n}: ToolCallProps) {\n  const needsApproval = part.state === \"approval-requested\";\n  const [open, setOpen] = useState(defaultOpen || needsApproval);\n  const contextRegistry = useToolRenderRegistry();\n  const registry = registryProp ?? contextRegistry;\n  const status = STATUS_ICON[part.state];\n  const name = toolPartName(part);\n  const meta = tool ?? registry.tool(name);\n\n  // The transport double-encodes tool results as `{output: \"<json>\"}`; every\n  // surface — including a host's renderToolResult — sees the unwrapped value.\n  const normalized = normalizeToolOutput(\n    part.state === \"output-available\" ? part.output : undefined,\n  );\n  const base: ToolRenderBaseContext = {\n    part,\n    toolName: name,\n    tool: meta,\n    state: part.state,\n    input: part.input,\n    output: normalized.value,\n    isError: normalized.isError || part.state === \"output-error\",\n    options: registry.options,\n  };\n\n  const inputView = defaultToolInputView(base);\n  // The header keeps the tool name in its own element; a summary renders beside\n  // it (ToolCall.test.tsx matches the name by exact text).\n  const summary = registry.resolveSummary({ ...base, defaultView: null });\n\n  return (\n    <div className={cn(\"not-prose mb-1 w-full\", className)}>\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((v) => !v)}\n        className=\"flex w-full items-center justify-between gap-2 py-0.5 text-muted-foreground hover:text-foreground\"\n      >\n        <span className=\"flex min-w-0 items-center gap-1.5\">\n          <Icon icon={UiWrench} className=\"size-3 shrink-0\" />\n          <span className=\"truncate font-mono text-xs\">{name}</span>\n          <Icon\n            icon={status.icon}\n            title={STATUS_LABEL[part.state]}\n            className={cn(\"size-3 shrink-0\", status.className)}\n          />\n          {!open && summary ? (\n            <span className=\"min-w-0 flex-1 truncate text-xs\">{summary}</span>\n          ) : null}\n        </span>\n        <Icon\n          icon={UiChevronDown}\n          className={cn(\n            \"size-3 shrink-0 transition-transform\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n\n      {open && (\n        <div data-slot=\"tool-call-details\" className=\"space-y-1 pl-4 pt-0.5\">\n          {/* An approval-requested call force-opens, so this params table is\n              what the user reads before approving a write. */}\n          {registry.resolveInput({ ...base, defaultView: inputView }) ??\n            inputView}\n          <ToolOutput\n            part={part}\n            base={base}\n            registry={registry}\n            output={normalized.value}\n            {...(renderToolResult ? { renderToolResult } : {})}\n          />\n        </div>\n      )}\n\n      {needsApproval && <ApprovalControls part={part} onApprove={onApprove} />}\n    </div>\n  );\n}\n\n/** Approve/Deny controls shown while a tool call awaits human approval. The\n *  approval id comes from the part's `approval` envelope (AI SDK v6). */\nfunction ApprovalControls({\n  part,\n  onApprove,\n}: {\n  part: AnyToolPart;\n  onApprove: ToolCallProps[\"onApprove\"];\n}) {\n  const approval = \"approval\" in part ? part.approval : undefined;\n  if (!approval || !onApprove) return null;\n  return (\n    <div className=\"mt-1.5 flex items-center gap-2 pl-4\">\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        onClick={() => onApprove(approval.id, true)}\n      >\n        Approve\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        variant=\"outline\"\n        onClick={() => onApprove(approval.id, false)}\n      >\n        Deny\n      </Button>\n    </div>\n  );\n}\n\n/** The output surface. Priority: the host's `renderToolResult` prop (the\n *  pre-registry API, still supported), then a matching adapter, then the\n *  built-in shape heuristics. */\nfunction ToolOutput({\n  part,\n  base,\n  registry,\n  output,\n  renderToolResult,\n}: {\n  part: AnyToolPart;\n  base: ToolRenderBaseContext;\n  registry: ToolRenderRegistry;\n  output: unknown;\n  renderToolResult?: ToolResultRenderer | undefined;\n}) {\n  const errorText = part.state === \"output-error\" ? part.errorText : undefined;\n  const hasOutput = part.state === \"output-available\" && output !== undefined;\n  if (!hasOutput && errorText === undefined) {\n    return null;\n  }\n\n  const defaultView: ReactNode = hasOutput ? defaultToolOutputView(base) : null;\n\n  const custom = hasOutput\n    ? renderToolResult?.({ part, toolName: base.toolName, output })\n    : null;\n  const resolved = hasOutput\n    ? registry.resolveOutput({ ...base, defaultView })\n    : null;\n\n  return (\n    <div\n      className={cn(\n        \"overflow-x-auto text-xs\",\n        errorText ? \"text-destructive\" : \"text-muted-foreground\",\n      )}\n    >\n      {errorText !== undefined && <div>{errorText}</div>}\n      {custom ?? resolved ?? defaultView}\n    </div>\n  );\n}\n"],"names":["UiClock","UiCheck","UiCircleOutline","UiCircleX","useState","useToolRenderRegistry","toolPartName","normalizeToolOutput","defaultToolInputView","cn","jsxs","jsx","Icon","UiWrench","UiChevronDown","Button","defaultToolOutputView"],"mappings":"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"}

package/dist/data/chat/ToolCall.d.ts

@@ -1,4 +1,5 @@
-import { AnyToolPart, ToolResultRenderer } from './types';
+import { AnyToolPart, ToolMeta, ToolResultRenderer } from './types';
+import { ToolRenderRegistry } from './tool-render/adapter';
 export type ToolCallProps = {
     /** The tool part from an assistant message (typed or dynamic). */
     part: AnyToolPart;
@@ -9,11 +10,17 @@ export type ToolCallProps = {
      *  optional reason. */
     onApprove?: ((approvalId: string, approved: boolean, reason?: string) => void) | undefined;
     renderToolResult?: ToolResultRenderer;
+    /** Catalog entry for this tool. Defaults to the registry's catalog lookup. */
+    tool?: ToolMeta | undefined;
+    /** Renderer registry override. Defaults to the provided context registry. */
+    registry?: ToolRenderRegistry | undefined;
     className?: string;
 };
 /** Generic display of a single AI tool call: a collapsible header showing the
- *  tool name + status, expanding to its JSON input and (once available) output
- *  or error. Renders both clicky `dynamic-tool` parts and typed `tool-<name>`
- *  parts, keyed off `part.state`. */
-export declare function ToolCall({ part, defaultOpen, onApprove, renderToolResult, className }: ToolCallProps): import("react/jsx-runtime").JSX.Element;
+ *  tool name, status and compact input args, expanding to its input params and
+ *  (once available) output or error. Input and output rendering go through the
+ *  tool render registry, so a host can contribute domain views. Renders both
+ *  clicky `dynamic-tool` parts and typed `tool-<name>` parts, keyed off
+ *  `part.state`. */
+export declare function ToolCall({ part, defaultOpen, onApprove, renderToolResult, tool, registry: registryProp, className, }: ToolCallProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ToolCall.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolCall.d.ts","sourceRoot":"","sources":["../../../src/data/chat/ToolCall.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG/D,MAAM,MAAM,aAAa,GAAG;IAC1B,kEAAkE;IAClE,IAAI,EAAE,WAAW,CAAC;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;2BAEuB;IACvB,SAAS,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3F,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAwBF;;;qCAGqC;AACrC,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAmB,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAE,EAAE,aAAa,2CAuC5G"}
+{"version":3,"file":"ToolCall.d.ts","sourceRoot":"","sources":["../../../src/data/chat/ToolCall.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AASzE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG;IAC1B,kEAAkE;IAClE,IAAI,EAAE,WAAW,CAAC;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;2BAEuB;IACvB,SAAS,CAAC,EACN,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,GAClE,SAAS,CAAC;IACd,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;IACtC,8EAA8E;IAC9E,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAiCF;;;;;oBAKoB;AACpB,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,WAAmB,EACnB,SAAS,EACT,gBAAgB,EAChB,IAAI,EACJ,QAAQ,EAAE,YAAY,EACtB,SAAS,GACV,EAAE,aAAa,2CA8Ef"}