@flanksource/clicky-ui 0.2.14 → 0.2.16

package/dist/data/chat/PromptInput.cjs

@@ -0,0 +1,61 @@
+"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 button = require("../../components/button.cjs");
+const Icon = require("../Icon.cjs");
+const UiStop = require("../../icons/components/UiStop.cjs");
+const UiArrowUp = require("../../icons/components/UiArrowUp.cjs");
+function PromptInput({
+  onSubmit,
+  onStop,
+  status,
+  placeholder = "What would you like to know?",
+  className
+}) {
+  const [value, setValue] = react.useState("");
+  const isGenerating = status === "submitted" || status === "streaming";
+  const submit = () => {
+    const text = value.trim();
+    if (!text || isGenerating) return;
+    onSubmit(text);
+    setValue("");
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    submit();
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing) {
+      e.preventDefault();
+      submit();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      onSubmit: handleSubmit,
+      className: utils.cn(
+        "flex items-end gap-2 rounded-lg border border-input bg-background p-2",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            value,
+            onChange: (e) => setValue(e.target.value),
+            onKeyDown: handleKeyDown,
+            placeholder,
+            rows: 1,
+            className: "max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-muted-foreground"
+          }
+        ),
+        isGenerating && onStop ? /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", size: "icon", variant: "secondary", "aria-label": "Stop", onClick: onStop, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiStop.UiStop, className: "size-4" }) }) : /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", size: "icon", "aria-label": "Send", disabled: !value.trim(), children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiArrowUp.UiArrowUp, className: "size-4" }) })
+      ]
+    }
+  );
+}
+exports.PromptInput = PromptInput;
+//# sourceMappingURL=PromptInput.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromptInput.cjs","sources":["../../../src/data/chat/PromptInput.tsx"],"sourcesContent":["import { useState, type FormEvent, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiArrowUp, UiStop } from \"../../icons\";\nimport type { ChatStatus } from \"./types\";\n\nexport type PromptInputProps = {\n  /** Called with the trimmed text when the user submits a non-empty message. */\n  onSubmit: (text: string) => void;\n  /** Called when the user stops an in-flight generation. */\n  onStop?: () => void;\n  /** Current chat status; drives the submit/stop button affordance. */\n  status?: ChatStatus | undefined;\n  placeholder?: string | undefined;\n  className?: string | undefined;\n};\n\n/** Auto-growing prompt textarea with a submit/stop button. Enter (or Cmd/Ctrl+\n *  Enter) submits; Shift+Enter inserts a newline. While streaming, the button\n *  becomes a stop control. */\nexport function PromptInput({\n  onSubmit,\n  onStop,\n  status,\n  placeholder = \"What would you like to know?\",\n  className,\n}: PromptInputProps) {\n  const [value, setValue] = useState(\"\");\n  const isGenerating = status === \"submitted\" || status === \"streaming\";\n\n  const submit = () => {\n    const text = value.trim();\n    if (!text || isGenerating) return;\n    onSubmit(text);\n    setValue(\"\");\n  };\n\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault();\n    submit();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey && !e.nativeEvent.isComposing) {\n      e.preventDefault();\n      submit();\n    }\n  };\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className={cn(\n        \"flex items-end gap-2 rounded-lg border border-input bg-background p-2\",\n        className,\n      )}\n    >\n      <textarea\n        value={value}\n        onChange={(e) => setValue(e.target.value)}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        rows={1}\n        className=\"max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-muted-foreground\"\n      />\n      {isGenerating && onStop ? (\n        <Button type=\"button\" size=\"icon\" variant=\"secondary\" aria-label=\"Stop\" onClick={onStop}>\n          <Icon icon={UiStop} className=\"size-4\" />\n        </Button>\n      ) : (\n        <Button type=\"submit\" size=\"icon\" aria-label=\"Send\" disabled={!value.trim()}>\n          <Icon icon={UiArrowUp} className=\"size-4\" />\n        </Button>\n      )}\n    </form>\n  );\n}\n"],"names":["useState","jsxs","cn","jsx","Button","Icon","UiStop","UiArrowUp"],"mappings":";;;;;;;;;AAqBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,GAAqB;AACnB,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAS,EAAE;AACrC,QAAM,eAAe,WAAW,eAAe,WAAW;AAE1D,QAAM,SAAS,MAAM;AACnB,UAAM,OAAO,MAAM,KAAA;AACnB,QAAI,CAAC,QAAQ,aAAc;AAC3B,aAAS,IAAI;AACb,aAAS,EAAE;AAAA,EACb;AAEA,QAAM,eAAe,CAAC,MAAiB;AACrC,MAAE,eAAA;AACF,WAAA;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,MAA0C;AAC/D,QAAI,EAAE,QAAQ,WAAW,CAAC,EAAE,YAAY,CAAC,EAAE,YAAY,aAAa;AAClE,QAAE,eAAA;AACF,aAAA;AAAA,IACF;AAAA,EACF;AAEA,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,YACxC,WAAW;AAAA,YACX;AAAA,YACA,MAAM;AAAA,YACN,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEX,gBAAgB,SACfA,2BAAAA,IAACC,iBAAO,MAAK,UAAS,MAAK,QAAO,SAAQ,aAAY,cAAW,QAAO,SAAS,QAC/E,yCAACC,KAAAA,MAAA,EAAK,MAAMC,eAAQ,WAAU,SAAA,CAAS,EAAA,CACzC,mCAECF,OAAAA,QAAA,EAAO,MAAK,UAAS,MAAK,QAAO,cAAW,QAAO,UAAU,CAAC,MAAM,KAAA,GACnE,UAAAD,2BAAAA,IAACE,KAAAA,MAAA,EAAK,MAAME,qBAAW,WAAU,UAAS,EAAA,CAC5C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;;"}

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

@@ -0,0 +1,16 @@
+import { ChatStatus } from './types';
+export type PromptInputProps = {
+    /** Called with the trimmed text when the user submits a non-empty message. */
+    onSubmit: (text: string) => void;
+    /** Called when the user stops an in-flight generation. */
+    onStop?: () => void;
+    /** Current chat status; drives the submit/stop button affordance. */
+    status?: ChatStatus | undefined;
+    placeholder?: string | undefined;
+    className?: string | undefined;
+};
+/** Auto-growing prompt textarea with a submit/stop button. Enter (or Cmd/Ctrl+
+ *  Enter) submits; Shift+Enter inserts a newline. While streaming, the button
+ *  becomes a stop control. */
+export declare function PromptInput({ onSubmit, onStop, status, placeholder, className, }: PromptInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PromptInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromptInput.d.ts","sourceRoot":"","sources":["../../../src/data/chat/PromptInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,qEAAqE;IACrE,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF;;8BAE8B;AAC9B,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAA4C,EAC5C,SAAS,GACV,EAAE,gBAAgB,2CAkDlB"}

package/dist/data/chat/PromptInput.js

@@ -0,0 +1,61 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../../components/button.js";
+import { Icon } from "../Icon.js";
+import { UiStop } from "../../icons/components/UiStop.js";
+import { UiArrowUp } from "../../icons/components/UiArrowUp.js";
+function PromptInput({
+  onSubmit,
+  onStop,
+  status,
+  placeholder = "What would you like to know?",
+  className
+}) {
+  const [value, setValue] = useState("");
+  const isGenerating = status === "submitted" || status === "streaming";
+  const submit = () => {
+    const text = value.trim();
+    if (!text || isGenerating) return;
+    onSubmit(text);
+    setValue("");
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    submit();
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing) {
+      e.preventDefault();
+      submit();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      onSubmit: handleSubmit,
+      className: cn(
+        "flex items-end gap-2 rounded-lg border border-input bg-background p-2",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            value,
+            onChange: (e) => setValue(e.target.value),
+            onKeyDown: handleKeyDown,
+            placeholder,
+            rows: 1,
+            className: "max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-muted-foreground"
+          }
+        ),
+        isGenerating && onStop ? /* @__PURE__ */ jsx(Button, { type: "button", size: "icon", variant: "secondary", "aria-label": "Stop", onClick: onStop, children: /* @__PURE__ */ jsx(Icon, { icon: UiStop, className: "size-4" }) }) : /* @__PURE__ */ jsx(Button, { type: "submit", size: "icon", "aria-label": "Send", disabled: !value.trim(), children: /* @__PURE__ */ jsx(Icon, { icon: UiArrowUp, className: "size-4" }) })
+      ]
+    }
+  );
+}
+export {
+  PromptInput
+};
+//# sourceMappingURL=PromptInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromptInput.js","sources":["../../../src/data/chat/PromptInput.tsx"],"sourcesContent":["import { useState, type FormEvent, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiArrowUp, UiStop } from \"../../icons\";\nimport type { ChatStatus } from \"./types\";\n\nexport type PromptInputProps = {\n  /** Called with the trimmed text when the user submits a non-empty message. */\n  onSubmit: (text: string) => void;\n  /** Called when the user stops an in-flight generation. */\n  onStop?: () => void;\n  /** Current chat status; drives the submit/stop button affordance. */\n  status?: ChatStatus | undefined;\n  placeholder?: string | undefined;\n  className?: string | undefined;\n};\n\n/** Auto-growing prompt textarea with a submit/stop button. Enter (or Cmd/Ctrl+\n *  Enter) submits; Shift+Enter inserts a newline. While streaming, the button\n *  becomes a stop control. */\nexport function PromptInput({\n  onSubmit,\n  onStop,\n  status,\n  placeholder = \"What would you like to know?\",\n  className,\n}: PromptInputProps) {\n  const [value, setValue] = useState(\"\");\n  const isGenerating = status === \"submitted\" || status === \"streaming\";\n\n  const submit = () => {\n    const text = value.trim();\n    if (!text || isGenerating) return;\n    onSubmit(text);\n    setValue(\"\");\n  };\n\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault();\n    submit();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey && !e.nativeEvent.isComposing) {\n      e.preventDefault();\n      submit();\n    }\n  };\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className={cn(\n        \"flex items-end gap-2 rounded-lg border border-input bg-background p-2\",\n        className,\n      )}\n    >\n      <textarea\n        value={value}\n        onChange={(e) => setValue(e.target.value)}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        rows={1}\n        className=\"max-h-48 min-h-9 flex-1 resize-none bg-transparent px-1 py-1.5 text-sm outline-none placeholder:text-muted-foreground\"\n      />\n      {isGenerating && onStop ? (\n        <Button type=\"button\" size=\"icon\" variant=\"secondary\" aria-label=\"Stop\" onClick={onStop}>\n          <Icon icon={UiStop} className=\"size-4\" />\n        </Button>\n      ) : (\n        <Button type=\"submit\" size=\"icon\" aria-label=\"Send\" disabled={!value.trim()}>\n          <Icon icon={UiArrowUp} className=\"size-4\" />\n        </Button>\n      )}\n    </form>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAqBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,GAAqB;AACnB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,eAAe,WAAW,eAAe,WAAW;AAE1D,QAAM,SAAS,MAAM;AACnB,UAAM,OAAO,MAAM,KAAA;AACnB,QAAI,CAAC,QAAQ,aAAc;AAC3B,aAAS,IAAI;AACb,aAAS,EAAE;AAAA,EACb;AAEA,QAAM,eAAe,CAAC,MAAiB;AACrC,MAAE,eAAA;AACF,WAAA;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,MAA0C;AAC/D,QAAI,EAAE,QAAQ,WAAW,CAAC,EAAE,YAAY,CAAC,EAAE,YAAY,aAAa;AAClE,QAAE,eAAA;AACF,aAAA;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,YACxC,WAAW;AAAA,YACX;AAAA,YACA,MAAM;AAAA,YACN,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEX,gBAAgB,SACf,oBAAC,UAAO,MAAK,UAAS,MAAK,QAAO,SAAQ,aAAY,cAAW,QAAO,SAAS,QAC/E,8BAAC,MAAA,EAAK,MAAM,QAAQ,WAAU,SAAA,CAAS,EAAA,CACzC,wBAEC,QAAA,EAAO,MAAK,UAAS,MAAK,QAAO,cAAW,QAAO,UAAU,CAAC,MAAM,KAAA,GACnE,UAAA,oBAAC,MAAA,EAAK,MAAM,WAAW,WAAU,UAAS,EAAA,CAC5C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/data/chat/ToolCall.cjs

@@ -0,0 +1,92 @@
+"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 CodeBlock = require("../CodeBlock.cjs");
+const types = require("./types.cjs");
+const UiCircleX = require("../../icons/components/UiCircleX.cjs");
+const UiCheck = require("../../icons/components/UiCheck.cjs");
+const UiClock = require("../../icons/components/UiClock.cjs");
+const UiCircleOutline = require("../../icons/components/UiCircleOutline.cjs");
+const UiWrench = require("../../icons/components/UiWrench.cjs");
+const UiChevronDown = require("../../icons/components/UiChevronDown.cjs");
+const STATUS_LABEL = {
+  "approval-requested": "Awaiting approval",
+  "approval-responded": "Responded",
+  "input-streaming": "Pending",
+  "input-available": "Running",
+  "output-available": "Completed",
+  "output-denied": "Denied",
+  "output-error": "Error"
+};
+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" },
+  "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, className }) {
+  const [open, setOpen] = react.useState(defaultOpen);
+  const status = STATUS_ICON[part.state];
+  const name = types.toolPartName(part);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("not-prose mb-1 w-full", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": open,
+        onClick: () => setOpen((v) => !v),
+        className: "flex w-full items-center justify-between gap-2 py-0.5 text-muted-foreground hover:text-foreground",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiWrench.UiWrench, className: "size-3 shrink-0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-mono text-xs", children: name }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Icon.Icon,
+              {
+                icon: status.icon,
+                title: STATUS_LABEL[part.state],
+                className: utils.cn("size-3 shrink-0", status.className)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Icon.Icon,
+            {
+              icon: UiChevronDown.UiChevronDown,
+              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 })
+    ] })
+  ] });
+}
+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 }) {
+  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) {
+    return 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 }),
+    output !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.CodeBlock, { language: "json", source: typeof output === "string" ? output : JSON.stringify(output, null, 2) })
+  ] });
+}
+exports.ToolCall = ToolCall;
+//# sourceMappingURL=ToolCall.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolCall.cjs","sources":["../../../src/data/chat/ToolCall.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\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 } 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  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, className }: ToolCallProps) {\n  const [open, setOpen] = useState(defaultOpen);\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} />\n        </div>\n      )}\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({ part }: { part: AnyToolPart }) {\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  return (\n    <div className={cn(\"overflow-x-auto text-xs\", errorText ? \"text-destructive\" : \"text-muted-foreground\")}>\n      {errorText !== undefined && <div>{errorText}</div>}\n      {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","CodeBlock"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import { AnyToolPart } from './types';
+export type ToolCallProps = {
+    /** The tool part from an assistant message (typed or dynamic). */
+    part: AnyToolPart;
+    /** Whether the call body starts expanded. Defaults to false. */
+    defaultOpen?: boolean;
+    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, className }: ToolCallProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolCall.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolCall.d.ts","sourceRoot":"","sources":["../../../src/data/chat/ToolCall.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,MAAM,MAAM,aAAa,GAAG;IAC1B,kEAAkE;IAClE,IAAI,EAAE,WAAW,CAAC;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAwBF;;;qCAGqC;AACrC,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAmB,EAAE,SAAS,EAAE,EAAE,aAAa,2CAoC/E"}

package/dist/data/chat/ToolCall.js

@@ -0,0 +1,92 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { cn } from "../../lib/utils.js";
+import { Icon } from "../Icon.js";
+import { CodeBlock } from "../CodeBlock.js";
+import { toolPartName } from "./types.js";
+import { UiCircleX } from "../../icons/components/UiCircleX.js";
+import { UiCheck } from "../../icons/components/UiCheck.js";
+import { UiClock } from "../../icons/components/UiClock.js";
+import { UiCircleOutline } from "../../icons/components/UiCircleOutline.js";
+import { UiWrench } from "../../icons/components/UiWrench.js";
+import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
+const STATUS_LABEL = {
+  "approval-requested": "Awaiting approval",
+  "approval-responded": "Responded",
+  "input-streaming": "Pending",
+  "input-available": "Running",
+  "output-available": "Completed",
+  "output-denied": "Denied",
+  "output-error": "Error"
+};
+const STATUS_ICON = {
+  "approval-requested": { icon: UiClock, className: "text-amber-600" },
+  "approval-responded": { icon: UiCheck, className: "text-sky-600" },
+  "input-streaming": { icon: UiCircleOutline, className: "text-muted-foreground" },
+  "input-available": { icon: UiClock, className: "text-muted-foreground animate-pulse" },
+  "output-available": { icon: UiCheck, className: "text-emerald-600" },
+  "output-denied": { icon: UiCircleX, className: "text-orange-600" },
+  "output-error": { icon: UiCircleX, className: "text-destructive" }
+};
+function ToolCall({ part, defaultOpen = false, className }) {
+  const [open, setOpen] = useState(defaultOpen);
+  const status = STATUS_ICON[part.state];
+  const name = toolPartName(part);
+  return /* @__PURE__ */ jsxs("div", { className: cn("not-prose mb-1 w-full", className), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": open,
+        onClick: () => setOpen((v) => !v),
+        className: "flex w-full items-center justify-between gap-2 py-0.5 text-muted-foreground hover:text-foreground",
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(Icon, { icon: UiWrench, className: "size-3 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-xs", children: name }),
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                icon: status.icon,
+                title: STATUS_LABEL[part.state],
+                className: cn("size-3 shrink-0", status.className)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: UiChevronDown,
+              className: cn("size-3 shrink-0 transition-transform", open && "rotate-180")
+            }
+          )
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { className: "space-y-1 pl-4 pt-0.5", children: [
+      /* @__PURE__ */ jsx(ToolInput, { input: part.input }),
+      /* @__PURE__ */ jsx(ToolOutput, { part })
+    ] })
+  ] });
+}
+function ToolInput({ input }) {
+  if (input === void 0 || input === null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: "overflow-hidden text-xs", children: /* @__PURE__ */ jsx(CodeBlock, { language: "json", source: JSON.stringify(input, null, 2) }) });
+}
+function ToolOutput({ part }) {
+  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) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("overflow-x-auto text-xs", errorText ? "text-destructive" : "text-muted-foreground"), children: [
+    errorText !== void 0 && /* @__PURE__ */ jsx("div", { children: errorText }),
+    output !== void 0 && /* @__PURE__ */ jsx(CodeBlock, { language: "json", source: typeof output === "string" ? output : JSON.stringify(output, null, 2) })
+  ] });
+}
+export {
+  ToolCall
+};
+//# sourceMappingURL=ToolCall.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolCall.js","sources":["../../../src/data/chat/ToolCall.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\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 } 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  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, className }: ToolCallProps) {\n  const [open, setOpen] = useState(defaultOpen);\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} />\n        </div>\n      )}\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({ part }: { part: AnyToolPart }) {\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  return (\n    <div className={cn(\"overflow-x-auto text-xs\", errorText ? \"text-destructive\" : \"text-muted-foreground\")}>\n      {errorText !== undefined && <div>{errorText}</div>}\n      {output !== undefined && (\n        <CodeBlock language=\"json\" source={typeof output === \"string\" ? output : JSON.stringify(output, null, 2)} />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/chat/clickyOperationsToTools.cjs

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function clickyOperationsToTools(operations) {
+  const tools = [];
+  for (const resolved of operations) {
+    const tool = operationToTool(resolved.operation);
+    if (tool) {
+      tools.push(tool);
+    }
+  }
+  return tools;
+}
+function operationToTool(operation) {
+  if (!operation.operationId) {
+    return null;
+  }
+  return {
+    name: operation.operationId,
+    description: operation.description ?? operation.summary,
+    inputSchema: buildInputSchema(operation)
+  };
+}
+function buildInputSchema(operation) {
+  const properties = {};
+  const required = [];
+  for (const param of operation.parameters ?? []) {
+    properties[param.name] = parameterToProperty(param);
+    if (param.required) {
+      required.push(param.name);
+    }
+  }
+  const body = requestBodySchema(operation);
+  if (body == null ? void 0 : body.properties) {
+    for (const [name, schema] of Object.entries(body.properties)) {
+      properties[name] = schemaToProperty(schema);
+    }
+  }
+  return { type: "object", properties, required };
+}
+function parameterToProperty(param) {
+  const prop = schemaToProperty(param.schema);
+  if (param.description && !prop.description) {
+    prop.description = param.description;
+  }
+  return prop;
+}
+function schemaToProperty(schema) {
+  if (!schema) {
+    return { type: "string" };
+  }
+  const prop = { type: schema.type ?? "string" };
+  if (schema.description !== void 0) {
+    prop.description = schema.description;
+  }
+  if (schema.enum !== void 0) {
+    prop.enum = schema.enum;
+  }
+  if (schema.default !== void 0) {
+    prop.default = schema.default;
+  }
+  return prop;
+}
+function requestBodySchema(operation) {
+  var _a, _b, _c;
+  const content = (_a = operation.requestBody) == null ? void 0 : _a.content;
+  if (!content) {
+    return void 0;
+  }
+  return ((_b = content["application/json"]) == null ? void 0 : _b.schema) ?? ((_c = Object.values(content)[0]) == null ? void 0 : _c.schema);
+}
+exports.clickyOperationsToTools = clickyOperationsToTools;
+exports.operationToTool = operationToTool;
+//# sourceMappingURL=clickyOperationsToTools.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clickyOperationsToTools.cjs","sources":["../../../src/data/chat/clickyOperationsToTools.ts"],"sourcesContent":["import type {\n  OpenAPIOperation,\n  OpenAPIParameter,\n  OpenAPISchema,\n  ResolvedOperation,\n} from \"../../rpc/types\";\nimport type { ChatToolInputSchema, ChatToolMeta, JSONSchemaProperty } from \"./types\";\n\n/** Converts a clicky RPC operation catalog into AI-tool metadata for display\n *  and request scoping. Execution stays in the Go backend; this maps an\n *  operation's `operationId` → tool name, `summary`/`description` → description,\n *  and `parameters` + `requestBody` → a JSON-Schema input. Operations without an\n *  `operationId` are skipped (a tool needs a stable name). */\nexport function clickyOperationsToTools(operations: ResolvedOperation[]): ChatToolMeta[] {\n  const tools: ChatToolMeta[] = [];\n  for (const resolved of operations) {\n    const tool = operationToTool(resolved.operation);\n    if (tool) {\n      tools.push(tool);\n    }\n  }\n  return tools;\n}\n\nexport function operationToTool(operation: OpenAPIOperation): ChatToolMeta | null {\n  if (!operation.operationId) {\n    return null;\n  }\n  return {\n    name: operation.operationId,\n    description: operation.description ?? operation.summary,\n    inputSchema: buildInputSchema(operation),\n  };\n}\n\nfunction buildInputSchema(operation: OpenAPIOperation): ChatToolInputSchema {\n  const properties: Record<string, JSONSchemaProperty> = {};\n  const required: string[] = [];\n\n  for (const param of operation.parameters ?? []) {\n    properties[param.name] = parameterToProperty(param);\n    if (param.required) {\n      required.push(param.name);\n    }\n  }\n\n  const body = requestBodySchema(operation);\n  if (body?.properties) {\n    for (const [name, schema] of Object.entries(body.properties)) {\n      properties[name] = schemaToProperty(schema);\n    }\n  }\n\n  return { type: \"object\", properties, required };\n}\n\nfunction parameterToProperty(param: OpenAPIParameter): JSONSchemaProperty {\n  const prop = schemaToProperty(param.schema);\n  if (param.description && !prop.description) {\n    prop.description = param.description;\n  }\n  return prop;\n}\n\nfunction schemaToProperty(schema: OpenAPISchema | undefined): JSONSchemaProperty {\n  if (!schema) {\n    return { type: \"string\" };\n  }\n  const prop: JSONSchemaProperty = { type: schema.type ?? \"string\" };\n  if (schema.description !== undefined) {\n    prop.description = schema.description;\n  }\n  if (schema.enum !== undefined) {\n    prop.enum = schema.enum;\n  }\n  if (schema.default !== undefined) {\n    prop.default = schema.default;\n  }\n  return prop;\n}\n\nfunction requestBodySchema(operation: OpenAPIOperation): OpenAPISchema | undefined {\n  const content = operation.requestBody?.content;\n  if (!content) {\n    return undefined;\n  }\n  return content[\"application/json\"]?.schema ?? Object.values(content)[0]?.schema;\n}\n"],"names":[],"mappings":";;AAaO,SAAS,wBAAwB,YAAiD;AACvF,QAAM,QAAwB,CAAA;AAC9B,aAAW,YAAY,YAAY;AACjC,UAAM,OAAO,gBAAgB,SAAS,SAAS;AAC/C,QAAI,MAAM;AACR,YAAM,KAAK,IAAI;AAAA,IACjB;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,gBAAgB,WAAkD;AAChF,MAAI,CAAC,UAAU,aAAa;AAC1B,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL,MAAM,UAAU;AAAA,IAChB,aAAa,UAAU,eAAe,UAAU;AAAA,IAChD,aAAa,iBAAiB,SAAS;AAAA,EAAA;AAE3C;AAEA,SAAS,iBAAiB,WAAkD;AAC1E,QAAM,aAAiD,CAAA;AACvD,QAAM,WAAqB,CAAA;AAE3B,aAAW,SAAS,UAAU,cAAc,CAAA,GAAI;AAC9C,eAAW,MAAM,IAAI,IAAI,oBAAoB,KAAK;AAClD,QAAI,MAAM,UAAU;AAClB,eAAS,KAAK,MAAM,IAAI;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,OAAO,kBAAkB,SAAS;AACxC,MAAI,6BAAM,YAAY;AACpB,eAAW,CAAC,MAAM,MAAM,KAAK,OAAO,QAAQ,KAAK,UAAU,GAAG;AAC5D,iBAAW,IAAI,IAAI,iBAAiB,MAAM;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO,EAAE,MAAM,UAAU,YAAY,SAAA;AACvC;AAEA,SAAS,oBAAoB,OAA6C;AACxE,QAAM,OAAO,iBAAiB,MAAM,MAAM;AAC1C,MAAI,MAAM,eAAe,CAAC,KAAK,aAAa;AAC1C,SAAK,cAAc,MAAM;AAAA,EAC3B;AACA,SAAO;AACT;AAEA,SAAS,iBAAiB,QAAuD;AAC/E,MAAI,CAAC,QAAQ;AACX,WAAO,EAAE,MAAM,SAAA;AAAA,EACjB;AACA,QAAM,OAA2B,EAAE,MAAM,OAAO,QAAQ,SAAA;AACxD,MAAI,OAAO,gBAAgB,QAAW;AACpC,SAAK,cAAc,OAAO;AAAA,EAC5B;AACA,MAAI,OAAO,SAAS,QAAW;AAC7B,SAAK,OAAO,OAAO;AAAA,EACrB;AACA,MAAI,OAAO,YAAY,QAAW;AAChC,SAAK,UAAU,OAAO;AAAA,EACxB;AACA,SAAO;AACT;AAEA,SAAS,kBAAkB,WAAwD;;AACjF,QAAM,WAAU,eAAU,gBAAV,mBAAuB;AACvC,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AACA,WAAO,aAAQ,kBAAkB,MAA1B,mBAA6B,aAAU,YAAO,OAAO,OAAO,EAAE,CAAC,MAAxB,mBAA2B;AAC3E;;;"}

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

@@ -0,0 +1,10 @@
+import { OpenAPIOperation, ResolvedOperation } from '../../rpc/types';
+import { ChatToolMeta } from './types';
+/** Converts a clicky RPC operation catalog into AI-tool metadata for display
+ *  and request scoping. Execution stays in the Go backend; this maps an
+ *  operation's `operationId` → tool name, `summary`/`description` → description,
+ *  and `parameters` + `requestBody` → a JSON-Schema input. Operations without an
+ *  `operationId` are skipped (a tool needs a stable name). */
+export declare function clickyOperationsToTools(operations: ResolvedOperation[]): ChatToolMeta[];
+export declare function operationToTool(operation: OpenAPIOperation): ChatToolMeta | null;
+//# sourceMappingURL=clickyOperationsToTools.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clickyOperationsToTools.d.ts","sourceRoot":"","sources":["../../../src/data/chat/clickyOperationsToTools.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAGhB,iBAAiB,EAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAuB,YAAY,EAAsB,MAAM,SAAS,CAAC;AAErF;;;;8DAI8D;AAC9D,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,iBAAiB,EAAE,GAAG,YAAY,EAAE,CASvF;AAED,wBAAgB,eAAe,CAAC,SAAS,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAShF"}

package/dist/data/chat/clickyOperationsToTools.js

@@ -0,0 +1,73 @@
+function clickyOperationsToTools(operations) {
+  const tools = [];
+  for (const resolved of operations) {
+    const tool = operationToTool(resolved.operation);
+    if (tool) {
+      tools.push(tool);
+    }
+  }
+  return tools;
+}
+function operationToTool(operation) {
+  if (!operation.operationId) {
+    return null;
+  }
+  return {
+    name: operation.operationId,
+    description: operation.description ?? operation.summary,
+    inputSchema: buildInputSchema(operation)
+  };
+}
+function buildInputSchema(operation) {
+  const properties = {};
+  const required = [];
+  for (const param of operation.parameters ?? []) {
+    properties[param.name] = parameterToProperty(param);
+    if (param.required) {
+      required.push(param.name);
+    }
+  }
+  const body = requestBodySchema(operation);
+  if (body == null ? void 0 : body.properties) {
+    for (const [name, schema] of Object.entries(body.properties)) {
+      properties[name] = schemaToProperty(schema);
+    }
+  }
+  return { type: "object", properties, required };
+}
+function parameterToProperty(param) {
+  const prop = schemaToProperty(param.schema);
+  if (param.description && !prop.description) {
+    prop.description = param.description;
+  }
+  return prop;
+}
+function schemaToProperty(schema) {
+  if (!schema) {
+    return { type: "string" };
+  }
+  const prop = { type: schema.type ?? "string" };
+  if (schema.description !== void 0) {
+    prop.description = schema.description;
+  }
+  if (schema.enum !== void 0) {
+    prop.enum = schema.enum;
+  }
+  if (schema.default !== void 0) {
+    prop.default = schema.default;
+  }
+  return prop;
+}
+function requestBodySchema(operation) {
+  var _a, _b, _c;
+  const content = (_a = operation.requestBody) == null ? void 0 : _a.content;
+  if (!content) {
+    return void 0;
+  }
+  return ((_b = content["application/json"]) == null ? void 0 : _b.schema) ?? ((_c = Object.values(content)[0]) == null ? void 0 : _c.schema);
+}
+export {
+  clickyOperationsToTools,
+  operationToTool
+};
+//# sourceMappingURL=clickyOperationsToTools.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clickyOperationsToTools.js","sources":["../../../src/data/chat/clickyOperationsToTools.ts"],"sourcesContent":["import type {\n  OpenAPIOperation,\n  OpenAPIParameter,\n  OpenAPISchema,\n  ResolvedOperation,\n} from \"../../rpc/types\";\nimport type { ChatToolInputSchema, ChatToolMeta, JSONSchemaProperty } from \"./types\";\n\n/** Converts a clicky RPC operation catalog into AI-tool metadata for display\n *  and request scoping. Execution stays in the Go backend; this maps an\n *  operation's `operationId` → tool name, `summary`/`description` → description,\n *  and `parameters` + `requestBody` → a JSON-Schema input. Operations without an\n *  `operationId` are skipped (a tool needs a stable name). */\nexport function clickyOperationsToTools(operations: ResolvedOperation[]): ChatToolMeta[] {\n  const tools: ChatToolMeta[] = [];\n  for (const resolved of operations) {\n    const tool = operationToTool(resolved.operation);\n    if (tool) {\n      tools.push(tool);\n    }\n  }\n  return tools;\n}\n\nexport function operationToTool(operation: OpenAPIOperation): ChatToolMeta | null {\n  if (!operation.operationId) {\n    return null;\n  }\n  return {\n    name: operation.operationId,\n    description: operation.description ?? operation.summary,\n    inputSchema: buildInputSchema(operation),\n  };\n}\n\nfunction buildInputSchema(operation: OpenAPIOperation): ChatToolInputSchema {\n  const properties: Record<string, JSONSchemaProperty> = {};\n  const required: string[] = [];\n\n  for (const param of operation.parameters ?? []) {\n    properties[param.name] = parameterToProperty(param);\n    if (param.required) {\n      required.push(param.name);\n    }\n  }\n\n  const body = requestBodySchema(operation);\n  if (body?.properties) {\n    for (const [name, schema] of Object.entries(body.properties)) {\n      properties[name] = schemaToProperty(schema);\n    }\n  }\n\n  return { type: \"object\", properties, required };\n}\n\nfunction parameterToProperty(param: OpenAPIParameter): JSONSchemaProperty {\n  const prop = schemaToProperty(param.schema);\n  if (param.description && !prop.description) {\n    prop.description = param.description;\n  }\n  return prop;\n}\n\nfunction schemaToProperty(schema: OpenAPISchema | undefined): JSONSchemaProperty {\n  if (!schema) {\n    return { type: \"string\" };\n  }\n  const prop: JSONSchemaProperty = { type: schema.type ?? \"string\" };\n  if (schema.description !== undefined) {\n    prop.description = schema.description;\n  }\n  if (schema.enum !== undefined) {\n    prop.enum = schema.enum;\n  }\n  if (schema.default !== undefined) {\n    prop.default = schema.default;\n  }\n  return prop;\n}\n\nfunction requestBodySchema(operation: OpenAPIOperation): OpenAPISchema | undefined {\n  const content = operation.requestBody?.content;\n  if (!content) {\n    return undefined;\n  }\n  return content[\"application/json\"]?.schema ?? Object.values(content)[0]?.schema;\n}\n"],"names":[],"mappings":"AAaO,SAAS,wBAAwB,YAAiD;AACvF,QAAM,QAAwB,CAAA;AAC9B,aAAW,YAAY,YAAY;AACjC,UAAM,OAAO,gBAAgB,SAAS,SAAS;AAC/C,QAAI,MAAM;AACR,YAAM,KAAK,IAAI;AAAA,IACjB;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,gBAAgB,WAAkD;AAChF,MAAI,CAAC,UAAU,aAAa;AAC1B,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL,MAAM,UAAU;AAAA,IAChB,aAAa,UAAU,eAAe,UAAU;AAAA,IAChD,aAAa,iBAAiB,SAAS;AAAA,EAAA;AAE3C;AAEA,SAAS,iBAAiB,WAAkD;AAC1E,QAAM,aAAiD,CAAA;AACvD,QAAM,WAAqB,CAAA;AAE3B,aAAW,SAAS,UAAU,cAAc,CAAA,GAAI;AAC9C,eAAW,MAAM,IAAI,IAAI,oBAAoB,KAAK;AAClD,QAAI,MAAM,UAAU;AAClB,eAAS,KAAK,MAAM,IAAI;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,OAAO,kBAAkB,SAAS;AACxC,MAAI,6BAAM,YAAY;AACpB,eAAW,CAAC,MAAM,MAAM,KAAK,OAAO,QAAQ,KAAK,UAAU,GAAG;AAC5D,iBAAW,IAAI,IAAI,iBAAiB,MAAM;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO,EAAE,MAAM,UAAU,YAAY,SAAA;AACvC;AAEA,SAAS,oBAAoB,OAA6C;AACxE,QAAM,OAAO,iBAAiB,MAAM,MAAM;AAC1C,MAAI,MAAM,eAAe,CAAC,KAAK,aAAa;AAC1C,SAAK,cAAc,MAAM;AAAA,EAC3B;AACA,SAAO;AACT;AAEA,SAAS,iBAAiB,QAAuD;AAC/E,MAAI,CAAC,QAAQ;AACX,WAAO,EAAE,MAAM,SAAA;AAAA,EACjB;AACA,QAAM,OAA2B,EAAE,MAAM,OAAO,QAAQ,SAAA;AACxD,MAAI,OAAO,gBAAgB,QAAW;AACpC,SAAK,cAAc,OAAO;AAAA,EAC5B;AACA,MAAI,OAAO,SAAS,QAAW;AAC7B,SAAK,OAAO,OAAO;AAAA,EACrB;AACA,MAAI,OAAO,YAAY,QAAW;AAChC,SAAK,UAAU,OAAO;AAAA,EACxB;AACA,SAAO;AACT;AAEA,SAAS,kBAAkB,WAAwD;AApE5E;AAqEL,QAAM,WAAU,eAAU,gBAAV,mBAAuB;AACvC,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AACA,WAAO,aAAQ,kBAAkB,MAA1B,mBAA6B,aAAU,YAAO,OAAO,OAAO,EAAE,CAAC,MAAxB,mBAA2B;AAC3E;"}

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

@@ -0,0 +1,8 @@
+export { Chat, type ChatProps } from './Chat';
+export { Conversation, type ConversationProps } from './Conversation';
+export { Message, type MessageProps } from './Message';
+export { PromptInput, type PromptInputProps } from './PromptInput';
+export { ToolCall, type ToolCallProps } from './ToolCall';
+export { clickyOperationsToTools, operationToTool, } from './clickyOperationsToTools';
+export { isDynamicToolPart, isTypedToolPart, toolPartName, type AnyToolPart, type ChatStatus, type ChatToolInputSchema, type ChatToolMeta, type DynamicToolUIPart, type JSONSchemaProperty, type ToolUIPart, type UIMessage, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/data/chat/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,OAAO,EACL,uBAAuB,EACvB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,mBAAmB,EACxB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,UAAU,EACf,KAAK,SAAS,GACf,MAAM,SAAS,CAAC"}

package/dist/data/chat/types.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function isDynamicToolPart(part) {
+  return part.type === "dynamic-tool";
+}
+function isTypedToolPart(part) {
+  return part.type.startsWith("tool-");
+}
+function toolPartName(part) {
+  if (isDynamicToolPart(part)) {
+    return part.toolName;
+  }
+  return part.type.slice("tool-".length);
+}
+exports.isDynamicToolPart = isDynamicToolPart;
+exports.isTypedToolPart = isTypedToolPart;
+exports.toolPartName = toolPartName;
+//# sourceMappingURL=types.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":["../../../src/data/chat/types.ts"],"sourcesContent":["import type { UIMessage, ToolUIPart, DynamicToolUIPart, ChatStatus } from \"ai\";\n\nexport type { UIMessage, ToolUIPart, DynamicToolUIPart, ChatStatus };\n\n/** A tool part as it appears in an assistant UIMessage — either a typed\n *  `tool-<name>` part or the generic `dynamic-tool` part. clicky operations\n *  surface as dynamic tools, so the chat UI renders both shapes. */\nexport type AnyToolPart = ToolUIPart | DynamicToolUIPart;\n\n/** AI-tool metadata derived from a clicky RPC operation. The Go backend owns\n *  execution; the client uses this only for display and to scope which tools a\n *  request may call (passed in the transport `body`). */\nexport interface ChatToolMeta {\n  /** Stable tool name sent to the model (the operation id). */\n  name: string;\n  /** Human-readable description shown in tool pickers / tool-call headers. */\n  description?: string | undefined;\n  /** JSON-Schema for the tool's input, assembled from the operation's\n   *  parameters + request body. */\n  inputSchema: ChatToolInputSchema;\n}\n\nexport interface ChatToolInputSchema {\n  type: \"object\";\n  properties: Record<string, JSONSchemaProperty>;\n  required: string[];\n}\n\nexport interface JSONSchemaProperty {\n  type?: string;\n  description?: string;\n  enum?: unknown[];\n  default?: unknown;\n}\n\n/** Returns true for a `dynamic-tool` part (clicky operations surface this way). */\nexport function isDynamicToolPart(part: { type: string }): part is DynamicToolUIPart {\n  return part.type === \"dynamic-tool\";\n}\n\n/** Returns true for a typed `tool-<name>` part. */\nexport function isTypedToolPart(part: { type: string }): part is ToolUIPart {\n  return part.type.startsWith(\"tool-\");\n}\n\n/** The display name of a tool part: the explicit `toolName` for dynamic tools,\n *  otherwise the suffix after `tool-`. */\nexport function toolPartName(part: AnyToolPart): string {\n  if (isDynamicToolPart(part)) {\n    return part.toolName;\n  }\n  return part.type.slice(\"tool-\".length);\n}\n"],"names":[],"mappings":";;AAoCO,SAAS,kBAAkB,MAAmD;AACnF,SAAO,KAAK,SAAS;AACvB;AAGO,SAAS,gBAAgB,MAA4C;AAC1E,SAAO,KAAK,KAAK,WAAW,OAAO;AACrC;AAIO,SAAS,aAAa,MAA2B;AACtD,MAAI,kBAAkB,IAAI,GAAG;AAC3B,WAAO,KAAK;AAAA,EACd;AACA,SAAO,KAAK,KAAK,MAAM,QAAQ,MAAM;AACvC;;;;"}