@flanksource/clicky-ui 0.3.17 → 0.3.18

package/dist/data/chat/tool-render/ToolParams.cjs

@@ -0,0 +1,155 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../../../lib/utils.cjs");
+const CodeBlock = require("../../CodeBlock.cjs");
+const Icon = require("../../Icon.cjs");
+const JsonView = require("../../JsonView.cjs");
+const KeyValueList = require("../../KeyValueList.cjs");
+const schema = require("./schema.cjs");
+const UiCheck = require("../../../icons/components/UiCheck.cjs");
+const UiCircleX = require("../../../icons/components/UiCircleX.cjs");
+const INLINE_TEXT_LIMIT = 200;
+const CODE_KEYS = /* @__PURE__ */ new Set([
+  "markdown",
+  "formula",
+  "frontmatter",
+  "patch",
+  "diff",
+  "draft",
+  "expr",
+  "expression",
+  "file",
+  "content",
+  "body",
+  "source",
+  "sql",
+  "query",
+  "yaml",
+  "json",
+  "template",
+  "script",
+  "command"
+]);
+const CODE_LANGUAGES = {
+  sql: "sql",
+  query: "sql",
+  yaml: "yaml",
+  json: "json",
+  markdown: "markdown",
+  frontmatter: "yaml",
+  patch: "diff",
+  diff: "diff",
+  script: "bash",
+  command: "bash"
+};
+function codeLanguage(key) {
+  return CODE_LANGUAGES[key.toLowerCase()] ?? "text";
+}
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isScalar(value) {
+  return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+}
+function Chips({ items }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex flex-wrap gap-1", children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: "rounded border border-border bg-muted/40 px-1.5 py-0.5 text-[11px] text-foreground",
+      children: String(item)
+    },
+    `${String(item)}-${index}`
+  )) });
+}
+function ToolFieldValue({
+  fieldKey,
+  value,
+  field
+}) {
+  var _a;
+  if (typeof value === "boolean") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Icon.Icon,
+      {
+        icon: value ? UiCheck.UiCheck : UiCircleX.UiCircleX,
+        title: String(value),
+        className: utils.cn("size-3.5", value ? "text-emerald-600" : "text-muted-foreground")
+      }
+    );
+  }
+  if (typeof value === "number") {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: value });
+  }
+  if (typeof value === "string") {
+    const label = (_a = field == null ? void 0 : field.enumLabels) == null ? void 0 : _a[value];
+    if (label) {
+      return /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        label,
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+          "(",
+          value,
+          ")"
+        ] })
+      ] });
+    }
+    const codeish = CODE_KEYS.has(fieldKey.toLowerCase()) || value.length > INLINE_TEXT_LIMIT || value.includes("\n");
+    if (codeish) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.CodeBlock, { bare: true, language: codeLanguage(fieldKey), source: value }) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-pre-wrap break-words", children: value });
+  }
+  if (Array.isArray(value)) {
+    if (value.every(isScalar)) return /* @__PURE__ */ jsxRuntime.jsx(Chips, { items: value });
+    return /* @__PURE__ */ jsxRuntime.jsx(JsonView.JsonView, { data: value, defaultOpenDepth: 0 });
+  }
+  if (isPlainObject(value)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(JsonView.JsonView, { data: value, defaultOpenDepth: 0 });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "—" });
+}
+function paramItems(input, fields) {
+  const keys = Object.keys(input).filter((key) => {
+    const value = input[key];
+    return value !== void 0 && value !== null && value !== "";
+  });
+  return schema.orderFieldKeys(keys, fields).map((key) => {
+    const field = fields[key];
+    return {
+      key,
+      label: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[11px]", title: (field == null ? void 0 : field.description) ?? key, children: (field == null ? void 0 : field.label) ?? key }),
+      value: /* @__PURE__ */ jsxRuntime.jsx(ToolFieldValue, { fieldKey: key, value: input[key], field })
+    };
+  });
+}
+function ToolParams({
+  input,
+  schema: schema$1,
+  emptyMessage = "No parameters",
+  className
+}) {
+  if (input === void 0 || input === null) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("text-xs text-muted-foreground", className), children: emptyMessage });
+  }
+  if (!isPlainObject(input)) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("text-xs text-foreground", className), children: /* @__PURE__ */ jsxRuntime.jsx(ToolFieldValue, { fieldKey: "input", value: input }) });
+  }
+  const items = paramItems(input, schema.fieldMetaFromSchema(schema$1));
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("text-xs text-muted-foreground", className), children: emptyMessage });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    KeyValueList.KeyValueList,
+    {
+      items,
+      className: utils.cn("text-xs", className),
+      rowClassName: "px-density-2 py-density-1",
+      valueClassName: "text-xs",
+      emptyMessage
+    }
+  );
+}
+exports.ToolFieldValue = ToolFieldValue;
+exports.ToolParams = ToolParams;
+//# sourceMappingURL=ToolParams.cjs.map

package/dist/data/chat/tool-render/ToolParams.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolParams.cjs","sources":["../../../../src/data/chat/tool-render/ToolParams.tsx"],"sourcesContent":["// Built-in renderer for a tool call's *input*. Write tools are approval-gated,\n// so this table is what a user reads before approving — it is the least\n// readable surface in a chat and the main reason this registry exists.\n//\n// Field labels default to the raw key (mono, muted) rather than a humanised\n// one: these are API field names, the exact spelling is what the approver\n// needs, and ToolCall.test.tsx pins the raw keys in its text assertions.\n\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../../../lib/utils\";\nimport { UiCheck, UiCircleX } from \"../../../icons\";\nimport { CodeBlock } from \"../../CodeBlock\";\nimport { Icon } from \"../../Icon\";\nimport { JsonView } from \"../../JsonView\";\nimport { KeyValueList, type KeyValueListItem } from \"../../KeyValueList\";\nimport type { ChatToolInputSchema } from \"../types\";\nimport { fieldMetaFromSchema, orderFieldKeys, type ToolFieldMeta } from \"./schema\";\n\nexport type ToolParamsProps = {\n  input: unknown;\n  schema?: ChatToolInputSchema | undefined;\n  emptyMessage?: string;\n  className?: string | undefined;\n};\n\nconst INLINE_TEXT_LIMIT = 200;\n\n// Keys whose values are source text, not a field value — rendered as code.\nconst CODE_KEYS = new Set([\n  \"markdown\",\n  \"formula\",\n  \"frontmatter\",\n  \"patch\",\n  \"diff\",\n  \"draft\",\n  \"expr\",\n  \"expression\",\n  \"file\",\n  \"content\",\n  \"body\",\n  \"source\",\n  \"sql\",\n  \"query\",\n  \"yaml\",\n  \"json\",\n  \"template\",\n  \"script\",\n  \"command\",\n]);\n\nconst CODE_LANGUAGES: Record<string, string> = {\n  sql: \"sql\",\n  query: \"sql\",\n  yaml: \"yaml\",\n  json: \"json\",\n  markdown: \"markdown\",\n  frontmatter: \"yaml\",\n  patch: \"diff\",\n  diff: \"diff\",\n  script: \"bash\",\n  command: \"bash\",\n};\n\nfunction codeLanguage(key: string): string {\n  return CODE_LANGUAGES[key.toLowerCase()] ?? \"text\";\n}\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nfunction isScalar(value: unknown): value is string | number | boolean {\n  return typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\";\n}\n\nfunction Chips({ items }: { items: unknown[] }) {\n  return (\n    <span className=\"flex flex-wrap gap-1\">\n      {items.map((item, index) => (\n        <span\n          key={`${String(item)}-${index}`}\n          className=\"rounded border border-border bg-muted/40 px-1.5 py-0.5 text-[11px] text-foreground\"\n        >\n          {String(item)}\n        </span>\n      ))}\n    </span>\n  );\n}\n\n/** Renders one field value: booleans as a glyph, source-ish strings as code,\n *  scalar arrays as chips, nested structures as a collapsed JSON tree. */\nexport function ToolFieldValue({\n  fieldKey,\n  value,\n  field,\n}: {\n  fieldKey: string;\n  value: unknown;\n  field?: ToolFieldMeta | undefined;\n}): ReactNode {\n  if (typeof value === \"boolean\") {\n    return (\n      <Icon\n        icon={value ? UiCheck : UiCircleX}\n        title={String(value)}\n        className={cn(\"size-3.5\", value ? \"text-emerald-600\" : \"text-muted-foreground\")}\n      />\n    );\n  }\n\n  if (typeof value === \"number\") {\n    return <span className=\"tabular-nums\">{value}</span>;\n  }\n\n  if (typeof value === \"string\") {\n    const label = field?.enumLabels?.[value];\n    if (label) {\n      return (\n        <span>\n          {label} <span className=\"text-muted-foreground\">({value})</span>\n        </span>\n      );\n    }\n    const codeish =\n      CODE_KEYS.has(fieldKey.toLowerCase()) ||\n      value.length > INLINE_TEXT_LIMIT ||\n      value.includes(\"\\n\");\n    if (codeish) {\n      return (\n        <div className=\"overflow-x-auto\">\n          <CodeBlock bare language={codeLanguage(fieldKey)} source={value} />\n        </div>\n      );\n    }\n    return <span className=\"whitespace-pre-wrap break-words\">{value}</span>;\n  }\n\n  if (Array.isArray(value)) {\n    if (value.every(isScalar)) return <Chips items={value} />;\n    return <JsonView data={value} defaultOpenDepth={0} />;\n  }\n\n  if (isPlainObject(value)) {\n    return <JsonView data={value} defaultOpenDepth={0} />;\n  }\n\n  return <span className=\"text-muted-foreground\">—</span>;\n}\n\nfunction paramItems(\n  input: Record<string, unknown>,\n  fields: Record<string, ToolFieldMeta>,\n): KeyValueListItem[] {\n  const keys = Object.keys(input).filter((key) => {\n    const value = input[key];\n    return value !== undefined && value !== null && value !== \"\";\n  });\n  return orderFieldKeys(keys, fields).map((key) => {\n    const field = fields[key];\n    return {\n      key,\n      label: (\n        <span className=\"font-mono text-[11px]\" title={field?.description ?? key}>\n          {field?.label ?? key}\n        </span>\n      ),\n      value: <ToolFieldValue fieldKey={key} value={input[key]} field={field} />,\n    };\n  });\n}\n\n/** Two-column parameter list for a tool call's input, schema-informed when the\n *  catalog published an `inputSchema` and key-driven otherwise. */\nexport function ToolParams({\n  input,\n  schema,\n  emptyMessage = \"No parameters\",\n  className,\n}: ToolParamsProps): ReactNode {\n  if (input === undefined || input === null) {\n    return <div className={cn(\"text-xs text-muted-foreground\", className)}>{emptyMessage}</div>;\n  }\n\n  if (!isPlainObject(input)) {\n    return (\n      <div className={cn(\"text-xs text-foreground\", className)}>\n        <ToolFieldValue fieldKey=\"input\" value={input} />\n      </div>\n    );\n  }\n\n  const items = paramItems(input, fieldMetaFromSchema(schema));\n  if (items.length === 0) {\n    return <div className={cn(\"text-xs text-muted-foreground\", className)}>{emptyMessage}</div>;\n  }\n\n  return (\n    <KeyValueList\n      items={items}\n      className={cn(\"text-xs\", className)}\n      rowClassName=\"px-density-2 py-density-1\"\n      valueClassName=\"text-xs\"\n      emptyMessage={emptyMessage}\n    />\n  );\n}\n"],"names":["jsx","Icon","UiCheck","UiCircleX","cn","jsxs","CodeBlock","JsonView","orderFieldKeys","schema","fieldMetaFromSchema","KeyValueList"],"mappings":"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"}

package/dist/data/chat/tool-render/ToolParams.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { ChatToolInputSchema } from '../types';
+import { ToolFieldMeta } from './schema';
+export type ToolParamsProps = {
+    input: unknown;
+    schema?: ChatToolInputSchema | undefined;
+    emptyMessage?: string;
+    className?: string | undefined;
+};
+/** Renders one field value: booleans as a glyph, source-ish strings as code,
+ *  scalar arrays as chips, nested structures as a collapsed JSON tree. */
+export declare function ToolFieldValue({ fieldKey, value, field, }: {
+    fieldKey: string;
+    value: unknown;
+    field?: ToolFieldMeta | undefined;
+}): ReactNode;
+/** Two-column parameter list for a tool call's input, schema-informed when the
+ *  catalog published an `inputSchema` and key-driven otherwise. */
+export declare function ToolParams({ input, schema, emptyMessage, className, }: ToolParamsProps): ReactNode;
+//# sourceMappingURL=ToolParams.d.ts.map

package/dist/data/chat/tool-render/ToolParams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolParams.d.ts","sourceRoot":"","sources":["../../../../src/data/chat/tool-render/ToolParams.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAuC,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAEnF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAmEF;0EAC0E;AAC1E,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;CACnC,GAAG,SAAS,CAgDZ;AAwBD;mEACmE;AACnE,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAM,EACN,YAA8B,EAC9B,SAAS,GACV,EAAE,eAAe,GAAG,SAAS,CA2B7B"}

package/dist/data/chat/tool-render/ToolParams.js

@@ -0,0 +1,155 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.js";
+import { CodeBlock } from "../../CodeBlock.js";
+import { Icon } from "../../Icon.js";
+import { JsonView } from "../../JsonView.js";
+import { KeyValueList } from "../../KeyValueList.js";
+import { fieldMetaFromSchema, orderFieldKeys } from "./schema.js";
+import { UiCheck } from "../../../icons/components/UiCheck.js";
+import { UiCircleX } from "../../../icons/components/UiCircleX.js";
+const INLINE_TEXT_LIMIT = 200;
+const CODE_KEYS = /* @__PURE__ */ new Set([
+  "markdown",
+  "formula",
+  "frontmatter",
+  "patch",
+  "diff",
+  "draft",
+  "expr",
+  "expression",
+  "file",
+  "content",
+  "body",
+  "source",
+  "sql",
+  "query",
+  "yaml",
+  "json",
+  "template",
+  "script",
+  "command"
+]);
+const CODE_LANGUAGES = {
+  sql: "sql",
+  query: "sql",
+  yaml: "yaml",
+  json: "json",
+  markdown: "markdown",
+  frontmatter: "yaml",
+  patch: "diff",
+  diff: "diff",
+  script: "bash",
+  command: "bash"
+};
+function codeLanguage(key) {
+  return CODE_LANGUAGES[key.toLowerCase()] ?? "text";
+}
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isScalar(value) {
+  return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+}
+function Chips({ items }) {
+  return /* @__PURE__ */ jsx("span", { className: "flex flex-wrap gap-1", children: items.map((item, index) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "rounded border border-border bg-muted/40 px-1.5 py-0.5 text-[11px] text-foreground",
+      children: String(item)
+    },
+    `${String(item)}-${index}`
+  )) });
+}
+function ToolFieldValue({
+  fieldKey,
+  value,
+  field
+}) {
+  var _a;
+  if (typeof value === "boolean") {
+    return /* @__PURE__ */ jsx(
+      Icon,
+      {
+        icon: value ? UiCheck : UiCircleX,
+        title: String(value),
+        className: cn("size-3.5", value ? "text-emerald-600" : "text-muted-foreground")
+      }
+    );
+  }
+  if (typeof value === "number") {
+    return /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: value });
+  }
+  if (typeof value === "string") {
+    const label = (_a = field == null ? void 0 : field.enumLabels) == null ? void 0 : _a[value];
+    if (label) {
+      return /* @__PURE__ */ jsxs("span", { children: [
+        label,
+        " ",
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          "(",
+          value,
+          ")"
+        ] })
+      ] });
+    }
+    const codeish = CODE_KEYS.has(fieldKey.toLowerCase()) || value.length > INLINE_TEXT_LIMIT || value.includes("\n");
+    if (codeish) {
+      return /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx(CodeBlock, { bare: true, language: codeLanguage(fieldKey), source: value }) });
+    }
+    return /* @__PURE__ */ jsx("span", { className: "whitespace-pre-wrap break-words", children: value });
+  }
+  if (Array.isArray(value)) {
+    if (value.every(isScalar)) return /* @__PURE__ */ jsx(Chips, { items: value });
+    return /* @__PURE__ */ jsx(JsonView, { data: value, defaultOpenDepth: 0 });
+  }
+  if (isPlainObject(value)) {
+    return /* @__PURE__ */ jsx(JsonView, { data: value, defaultOpenDepth: 0 });
+  }
+  return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "—" });
+}
+function paramItems(input, fields) {
+  const keys = Object.keys(input).filter((key) => {
+    const value = input[key];
+    return value !== void 0 && value !== null && value !== "";
+  });
+  return orderFieldKeys(keys, fields).map((key) => {
+    const field = fields[key];
+    return {
+      key,
+      label: /* @__PURE__ */ jsx("span", { className: "font-mono text-[11px]", title: (field == null ? void 0 : field.description) ?? key, children: (field == null ? void 0 : field.label) ?? key }),
+      value: /* @__PURE__ */ jsx(ToolFieldValue, { fieldKey: key, value: input[key], field })
+    };
+  });
+}
+function ToolParams({
+  input,
+  schema,
+  emptyMessage = "No parameters",
+  className
+}) {
+  if (input === void 0 || input === null) {
+    return /* @__PURE__ */ jsx("div", { className: cn("text-xs text-muted-foreground", className), children: emptyMessage });
+  }
+  if (!isPlainObject(input)) {
+    return /* @__PURE__ */ jsx("div", { className: cn("text-xs text-foreground", className), children: /* @__PURE__ */ jsx(ToolFieldValue, { fieldKey: "input", value: input }) });
+  }
+  const items = paramItems(input, fieldMetaFromSchema(schema));
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: cn("text-xs text-muted-foreground", className), children: emptyMessage });
+  }
+  return /* @__PURE__ */ jsx(
+    KeyValueList,
+    {
+      items,
+      className: cn("text-xs", className),
+      rowClassName: "px-density-2 py-density-1",
+      valueClassName: "text-xs",
+      emptyMessage
+    }
+  );
+}
+export {
+  ToolFieldValue,
+  ToolParams
+};
+//# sourceMappingURL=ToolParams.js.map

package/dist/data/chat/tool-render/ToolParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolParams.js","sources":["../../../../src/data/chat/tool-render/ToolParams.tsx"],"sourcesContent":["// Built-in renderer for a tool call's *input*. Write tools are approval-gated,\n// so this table is what a user reads before approving — it is the least\n// readable surface in a chat and the main reason this registry exists.\n//\n// Field labels default to the raw key (mono, muted) rather than a humanised\n// one: these are API field names, the exact spelling is what the approver\n// needs, and ToolCall.test.tsx pins the raw keys in its text assertions.\n\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../../../lib/utils\";\nimport { UiCheck, UiCircleX } from \"../../../icons\";\nimport { CodeBlock } from \"../../CodeBlock\";\nimport { Icon } from \"../../Icon\";\nimport { JsonView } from \"../../JsonView\";\nimport { KeyValueList, type KeyValueListItem } from \"../../KeyValueList\";\nimport type { ChatToolInputSchema } from \"../types\";\nimport { fieldMetaFromSchema, orderFieldKeys, type ToolFieldMeta } from \"./schema\";\n\nexport type ToolParamsProps = {\n  input: unknown;\n  schema?: ChatToolInputSchema | undefined;\n  emptyMessage?: string;\n  className?: string | undefined;\n};\n\nconst INLINE_TEXT_LIMIT = 200;\n\n// Keys whose values are source text, not a field value — rendered as code.\nconst CODE_KEYS = new Set([\n  \"markdown\",\n  \"formula\",\n  \"frontmatter\",\n  \"patch\",\n  \"diff\",\n  \"draft\",\n  \"expr\",\n  \"expression\",\n  \"file\",\n  \"content\",\n  \"body\",\n  \"source\",\n  \"sql\",\n  \"query\",\n  \"yaml\",\n  \"json\",\n  \"template\",\n  \"script\",\n  \"command\",\n]);\n\nconst CODE_LANGUAGES: Record<string, string> = {\n  sql: \"sql\",\n  query: \"sql\",\n  yaml: \"yaml\",\n  json: \"json\",\n  markdown: \"markdown\",\n  frontmatter: \"yaml\",\n  patch: \"diff\",\n  diff: \"diff\",\n  script: \"bash\",\n  command: \"bash\",\n};\n\nfunction codeLanguage(key: string): string {\n  return CODE_LANGUAGES[key.toLowerCase()] ?? \"text\";\n}\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nfunction isScalar(value: unknown): value is string | number | boolean {\n  return typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\";\n}\n\nfunction Chips({ items }: { items: unknown[] }) {\n  return (\n    <span className=\"flex flex-wrap gap-1\">\n      {items.map((item, index) => (\n        <span\n          key={`${String(item)}-${index}`}\n          className=\"rounded border border-border bg-muted/40 px-1.5 py-0.5 text-[11px] text-foreground\"\n        >\n          {String(item)}\n        </span>\n      ))}\n    </span>\n  );\n}\n\n/** Renders one field value: booleans as a glyph, source-ish strings as code,\n *  scalar arrays as chips, nested structures as a collapsed JSON tree. */\nexport function ToolFieldValue({\n  fieldKey,\n  value,\n  field,\n}: {\n  fieldKey: string;\n  value: unknown;\n  field?: ToolFieldMeta | undefined;\n}): ReactNode {\n  if (typeof value === \"boolean\") {\n    return (\n      <Icon\n        icon={value ? UiCheck : UiCircleX}\n        title={String(value)}\n        className={cn(\"size-3.5\", value ? \"text-emerald-600\" : \"text-muted-foreground\")}\n      />\n    );\n  }\n\n  if (typeof value === \"number\") {\n    return <span className=\"tabular-nums\">{value}</span>;\n  }\n\n  if (typeof value === \"string\") {\n    const label = field?.enumLabels?.[value];\n    if (label) {\n      return (\n        <span>\n          {label} <span className=\"text-muted-foreground\">({value})</span>\n        </span>\n      );\n    }\n    const codeish =\n      CODE_KEYS.has(fieldKey.toLowerCase()) ||\n      value.length > INLINE_TEXT_LIMIT ||\n      value.includes(\"\\n\");\n    if (codeish) {\n      return (\n        <div className=\"overflow-x-auto\">\n          <CodeBlock bare language={codeLanguage(fieldKey)} source={value} />\n        </div>\n      );\n    }\n    return <span className=\"whitespace-pre-wrap break-words\">{value}</span>;\n  }\n\n  if (Array.isArray(value)) {\n    if (value.every(isScalar)) return <Chips items={value} />;\n    return <JsonView data={value} defaultOpenDepth={0} />;\n  }\n\n  if (isPlainObject(value)) {\n    return <JsonView data={value} defaultOpenDepth={0} />;\n  }\n\n  return <span className=\"text-muted-foreground\">—</span>;\n}\n\nfunction paramItems(\n  input: Record<string, unknown>,\n  fields: Record<string, ToolFieldMeta>,\n): KeyValueListItem[] {\n  const keys = Object.keys(input).filter((key) => {\n    const value = input[key];\n    return value !== undefined && value !== null && value !== \"\";\n  });\n  return orderFieldKeys(keys, fields).map((key) => {\n    const field = fields[key];\n    return {\n      key,\n      label: (\n        <span className=\"font-mono text-[11px]\" title={field?.description ?? key}>\n          {field?.label ?? key}\n        </span>\n      ),\n      value: <ToolFieldValue fieldKey={key} value={input[key]} field={field} />,\n    };\n  });\n}\n\n/** Two-column parameter list for a tool call's input, schema-informed when the\n *  catalog published an `inputSchema` and key-driven otherwise. */\nexport function ToolParams({\n  input,\n  schema,\n  emptyMessage = \"No parameters\",\n  className,\n}: ToolParamsProps): ReactNode {\n  if (input === undefined || input === null) {\n    return <div className={cn(\"text-xs text-muted-foreground\", className)}>{emptyMessage}</div>;\n  }\n\n  if (!isPlainObject(input)) {\n    return (\n      <div className={cn(\"text-xs text-foreground\", className)}>\n        <ToolFieldValue fieldKey=\"input\" value={input} />\n      </div>\n    );\n  }\n\n  const items = paramItems(input, fieldMetaFromSchema(schema));\n  if (items.length === 0) {\n    return <div className={cn(\"text-xs text-muted-foreground\", className)}>{emptyMessage}</div>;\n  }\n\n  return (\n    <KeyValueList\n      items={items}\n      className={cn(\"text-xs\", className)}\n      rowClassName=\"px-density-2 py-density-1\"\n      valueClassName=\"text-xs\"\n      emptyMessage={emptyMessage}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/chat/tool-render/ToolValue.cjs

@@ -0,0 +1,140 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../../../lib/utils.cjs");
+const DataTable = require("../../DataTable.cjs");
+const JsonView = require("../../JsonView.cjs");
+const KeyValueList = require("../../KeyValueList.cjs");
+const ToolParams = require("./ToolParams.cjs");
+const schema = require("./schema.cjs");
+const shape = require("./shape.cjs");
+const DEFAULT_MAX_ROWS = 25;
+const TITLE_KEYS = ["name", "title", "code", "reference"];
+const ID_KEYS = ["id", "code", "key"];
+function firstString(record, keys) {
+  for (const key of keys) {
+    const value = record[key];
+    if (typeof value === "string" && value.trim() !== "") return { key, value };
+  }
+  return null;
+}
+function RowsTable({
+  rows,
+  fields,
+  maxRows,
+  page
+}) {
+  const visible = rows.slice(0, maxRows);
+  const total = (page == null ? void 0 : page.total) ?? rows.length;
+  const capped = visible.length < rows.length || total > rows.length;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DataTable.DataTable,
+      {
+        data: visible,
+        columns: shape.deriveColumns(rows, { fields }),
+        showGlobalFilter: false,
+        autoFilter: false,
+        scrollContainerClassName: "max-h-80",
+        emptyMessage: "No rows"
+      }
+    ),
+    capped && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[11px] text-muted-foreground", children: [
+      "Showing ",
+      visible.length,
+      " of ",
+      total
+    ] })
+  ] });
+}
+function Counts({ record }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-density-2 sm:grid-cols-3", children: Object.entries(record).map(([key, count]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-border bg-muted/40 p-density-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium tabular-nums text-foreground", children: count }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-mono text-[11px] text-muted-foreground", children: key })
+  ] }, key)) });
+}
+function RecordCard({
+  record,
+  fields,
+  entity,
+  resolveEntityHref
+}) {
+  const title = firstString(record, TITLE_KEYS);
+  const id = firstString(record, ID_KEYS);
+  const href = entity && id ? resolveEntityHref == null ? void 0 : resolveEntityHref(entity, id.value) : void 0;
+  const consumed = new Set([title == null ? void 0 : title.key, id == null ? void 0 : id.key].filter((key) => !!key));
+  const keys = Object.keys(record).filter((key) => {
+    const value = record[key];
+    return !consumed.has(key) && value !== void 0 && value !== null && value !== "";
+  });
+  const items = schema.orderFieldKeys(keys, fields).map((key) => {
+    const field = fields[key];
+    return {
+      key,
+      label: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[11px]", children: (field == null ? void 0 : field.label) ?? key }),
+      value: /* @__PURE__ */ jsxRuntime.jsx(ToolParams.ToolFieldValue, { fieldKey: key, value: record[key], field })
+    };
+  });
+  const heading = (title == null ? void 0 : title.value) ?? (id == null ? void 0 : id.value);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+    heading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-baseline gap-2", children: [
+      href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: "text-sm font-medium text-foreground underline underline-offset-2", children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-foreground", children: heading }),
+      id && id.value !== heading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-[11px] text-muted-foreground", children: id.value })
+    ] }),
+    items.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      KeyValueList.KeyValueList,
+      {
+        items,
+        className: "text-xs",
+        rowClassName: "px-density-2 py-density-1",
+        valueClassName: "text-xs"
+      }
+    )
+  ] });
+}
+function renderClassified(classified, props, maxRows) {
+  const { schema: schema$1, entity, resolveEntityHref, emptyMessage = "No result" } = props;
+  switch (classified.shape) {
+    case "empty":
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: emptyMessage });
+    case "scalar":
+      return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-wrap break-words text-sm text-foreground", children: String(classified.value) });
+    case "counts":
+      return /* @__PURE__ */ jsxRuntime.jsx(Counts, { record: classified.record });
+    case "record":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        RecordCard,
+        {
+          record: classified.record,
+          fields: schema.fieldMetaFromSchema(schema$1),
+          ...entity ? { entity } : {},
+          ...resolveEntityHref ? { resolveEntityHref } : {}
+        }
+      );
+    case "list":
+    case "paged": {
+      if (!classified.rows) {
+        return /* @__PURE__ */ jsxRuntime.jsx(ToolParams.ToolFieldValue, { fieldKey: "result", value: classified.items });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        RowsTable,
+        {
+          rows: classified.rows,
+          fields: schema.fieldMetaFromSchema(schema.listItemsSchema(schema$1)),
+          maxRows,
+          ...classified.shape === "paged" ? { page: classified.page } : {}
+        }
+      );
+    }
+  }
+}
+function ToolValue(props) {
+  const { value, isError, className, maxRows = DEFAULT_MAX_ROWS } = props;
+  const classified = shape.classifyToolValue(value);
+  if (isError && classified.shape !== "scalar" && classified.shape !== "record") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("text-destructive", className), children: /* @__PURE__ */ jsxRuntime.jsx(JsonView.JsonView, { data: value, defaultOpenDepth: 1 }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(isError ? "text-destructive" : void 0, className), children: renderClassified(classified, props, maxRows) });
+}
+exports.ToolValue = ToolValue;
+//# sourceMappingURL=ToolValue.cjs.map

package/dist/data/chat/tool-render/ToolValue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolValue.cjs","sources":["../../../../src/data/chat/tool-render/ToolValue.tsx"],"sourcesContent":["// Built-in renderer for a tool call's *output*. Dispatches on the value shape\n// (paged / list / record / counts / scalar), so a tool with no published\n// output schema still renders as a table, a record card or a sentence instead\n// of a JSON blob.\n\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../../../lib/utils\";\nimport { DataTable } from \"../../DataTable\";\nimport { JsonView } from \"../../JsonView\";\nimport { KeyValueList, type KeyValueListItem } from \"../../KeyValueList\";\nimport type { ChatToolInputSchema } from \"../types\";\nimport { ToolFieldValue } from \"./ToolParams\";\nimport { fieldMetaFromSchema, listItemsSchema, orderFieldKeys, type ToolFieldMeta } from \"./schema\";\nimport {\n  classifyToolValue,\n  deriveColumns,\n  type ClassifiedToolValue,\n  type ToolPageInfo,\n} from \"./shape\";\n\nexport type ToolValueProps = {\n  value: unknown;\n  schema?: ChatToolInputSchema | undefined;\n  isError?: boolean | undefined;\n  /** Entity name for `resolveEntityHref`, from the tool's catalog entry. */\n  entity?: string | undefined;\n  maxRows?: number | undefined;\n  resolveEntityHref?: ((entity: string, id: string) => string | undefined) | undefined;\n  className?: string | undefined;\n  emptyMessage?: string | undefined;\n};\n\nconst DEFAULT_MAX_ROWS = 25;\nconst TITLE_KEYS = [\"name\", \"title\", \"code\", \"reference\"];\nconst ID_KEYS = [\"id\", \"code\", \"key\"];\n\nfunction firstString(record: Record<string, unknown>, keys: string[]): { key: string; value: string } | null {\n  for (const key of keys) {\n    const value = record[key];\n    if (typeof value === \"string\" && value.trim() !== \"\") return { key, value };\n  }\n  return null;\n}\n\nfunction RowsTable({\n  rows,\n  fields,\n  maxRows,\n  page,\n}: {\n  rows: Record<string, unknown>[];\n  fields: Record<string, ToolFieldMeta>;\n  maxRows: number;\n  page?: ToolPageInfo | undefined;\n}) {\n  const visible = rows.slice(0, maxRows);\n  const total = page?.total ?? rows.length;\n  const capped = visible.length < rows.length || total > rows.length;\n  return (\n    <div className=\"space-y-1\">\n      <DataTable\n        data={visible}\n        columns={deriveColumns(rows, { fields })}\n        showGlobalFilter={false}\n        autoFilter={false}\n        scrollContainerClassName=\"max-h-80\"\n        emptyMessage=\"No rows\"\n      />\n      {capped && (\n        <div className=\"text-[11px] text-muted-foreground\">\n          Showing {visible.length} of {total}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction Counts({ record }: { record: Record<string, number> }) {\n  return (\n    <div className=\"grid grid-cols-2 gap-density-2 sm:grid-cols-3\">\n      {Object.entries(record).map(([key, count]) => (\n        <div key={key} className=\"rounded-md border border-border bg-muted/40 p-density-2\">\n          <div className=\"text-sm font-medium tabular-nums text-foreground\">{count}</div>\n          <div className=\"font-mono text-[11px] text-muted-foreground\">{key}</div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction RecordCard({\n  record,\n  fields,\n  entity,\n  resolveEntityHref,\n}: {\n  record: Record<string, unknown>;\n  fields: Record<string, ToolFieldMeta>;\n  entity?: string | undefined;\n  resolveEntityHref?: ((entity: string, id: string) => string | undefined) | undefined;\n}) {\n  const title = firstString(record, TITLE_KEYS);\n  const id = firstString(record, ID_KEYS);\n  const href = entity && id ? resolveEntityHref?.(entity, id.value) : undefined;\n\n  const consumed = new Set([title?.key, id?.key].filter((key): key is string => !!key));\n  const keys = Object.keys(record).filter((key) => {\n    const value = record[key];\n    return !consumed.has(key) && value !== undefined && value !== null && value !== \"\";\n  });\n\n  const items: KeyValueListItem[] = orderFieldKeys(keys, fields).map((key) => {\n    const field = fields[key];\n    return {\n      key,\n      label: <span className=\"font-mono text-[11px]\">{field?.label ?? key}</span>,\n      value: <ToolFieldValue fieldKey={key} value={record[key]} field={field} />,\n    };\n  });\n\n  const heading = title?.value ?? id?.value;\n\n  return (\n    <div className=\"space-y-1\">\n      {heading && (\n        <div className=\"flex flex-wrap items-baseline gap-2\">\n          {href ? (\n            <a href={href} className=\"text-sm font-medium text-foreground underline underline-offset-2\">\n              {heading}\n            </a>\n          ) : (\n            <span className=\"text-sm font-medium text-foreground\">{heading}</span>\n          )}\n          {id && id.value !== heading && (\n            <span className=\"rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-[11px] text-muted-foreground\">\n              {id.value}\n            </span>\n          )}\n        </div>\n      )}\n      {items.length > 0 && (\n        <KeyValueList\n          items={items}\n          className=\"text-xs\"\n          rowClassName=\"px-density-2 py-density-1\"\n          valueClassName=\"text-xs\"\n        />\n      )}\n    </div>\n  );\n}\n\nfunction renderClassified(\n  classified: ClassifiedToolValue,\n  props: ToolValueProps,\n  maxRows: number,\n): ReactNode {\n  const { schema, entity, resolveEntityHref, emptyMessage = \"No result\" } = props;\n\n  switch (classified.shape) {\n    case \"empty\":\n      return <span className=\"text-muted-foreground\">{emptyMessage}</span>;\n    case \"scalar\":\n      return <p className=\"whitespace-pre-wrap break-words text-sm text-foreground\">{String(classified.value)}</p>;\n    case \"counts\":\n      return <Counts record={classified.record} />;\n    case \"record\":\n      return (\n        <RecordCard\n          record={classified.record}\n          fields={fieldMetaFromSchema(schema)}\n          {...(entity ? { entity } : {})}\n          {...(resolveEntityHref ? { resolveEntityHref } : {})}\n        />\n      );\n    case \"list\":\n    case \"paged\": {\n      if (!classified.rows) {\n        return <ToolFieldValue fieldKey=\"result\" value={classified.items} />;\n      }\n      return (\n        <RowsTable\n          rows={classified.rows}\n          fields={fieldMetaFromSchema(listItemsSchema(schema))}\n          maxRows={maxRows}\n          {...(classified.shape === \"paged\" ? { page: classified.page } : {})}\n        />\n      );\n    }\n  }\n}\n\n/** Heuristic renderer for a normalized tool result. */\nexport function ToolValue(props: ToolValueProps): ReactNode {\n  const { value, isError, className, maxRows = DEFAULT_MAX_ROWS } = props;\n  const classified = classifyToolValue(value);\n\n  // An error payload is usually a bare message or a small object; keep it\n  // legible and unmistakably an error rather than shaping it into a table.\n  if (isError && classified.shape !== \"scalar\" && classified.shape !== \"record\") {\n    return (\n      <div className={cn(\"text-destructive\", className)}>\n        <JsonView data={value} defaultOpenDepth={1} />\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(isError ? \"text-destructive\" : undefined, className)}>\n      {renderClassified(classified, props, maxRows)}\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","DataTable","deriveColumns","orderFieldKeys","ToolFieldValue","KeyValueList","schema","fieldMetaFromSchema","listItemsSchema","classifyToolValue","cn","JsonView"],"mappings":"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"}

package/dist/data/chat/tool-render/ToolValue.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { ChatToolInputSchema } from '../types';
+export type ToolValueProps = {
+    value: unknown;
+    schema?: ChatToolInputSchema | undefined;
+    isError?: boolean | undefined;
+    /** Entity name for `resolveEntityHref`, from the tool's catalog entry. */
+    entity?: string | undefined;
+    maxRows?: number | undefined;
+    resolveEntityHref?: ((entity: string, id: string) => string | undefined) | undefined;
+    className?: string | undefined;
+    emptyMessage?: string | undefined;
+};
+/** Heuristic renderer for a normalized tool result. */
+export declare function ToolValue(props: ToolValueProps): ReactNode;
+//# sourceMappingURL=ToolValue.d.ts.map

package/dist/data/chat/tool-render/ToolValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolValue.d.ts","sourceRoot":"","sources":["../../../../src/data/chat/tool-render/ToolValue.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAUpD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;IACrF,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC,CAAC;AAkKF,uDAAuD;AACvD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,CAmB1D"}