@flanksource/clicky-ui 0.3.15 → 0.3.16

package/dist/data/chat/Attachment.cjs

@@ -2,33 +2,72 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const ai = require("ai");
 const utils = require("../../lib/utils.cjs");
 const Icon = require("../Icon.cjs");
 const button = require("../../components/button.cjs");
+const attachmentUpload = require("./attachment-upload.cjs");
 const UiAdd = require("../../icons/components/UiAdd.cjs");
 const UiFile = require("../../icons/components/UiFile.cjs");
 const UiClose = require("../../icons/components/UiClose.cjs");
-const MAX_ATTACHMENT_BYTES = 5 * 1024 * 1024;
-function AttachmentButton({ onAdd, disabled, className }) {
+function AttachmentButton({
+  onAdd,
+  disabled,
+  className,
+  upload = attachmentUpload.createAttachmentUploadAdapter(),
+  files = [],
+  acceptedMediaTypes,
+  limits,
+  onError
+}) {
   const inputRef = react.useRef(null);
+  const [uploading, setUploading] = react.useState(false);
+  const resolvedLimits = { ...attachmentUpload.DEFAULT_ATTACHMENT_LIMITS, ...limits };
   const onChange = async (e) => {
     const list = e.target.files;
     if (!list || list.length === 0) return;
-    const tooBig = Array.from(list).filter((f) => f.size > MAX_ATTACHMENT_BYTES);
-    if (tooBig.length > 0) {
-      console.warn(`clicky-ui: ${tooBig.length} attachment(s) exceed ${MAX_ATTACHMENT_BYTES} bytes and were skipped`);
+    const selected = Array.from(list);
+    const currentBytes = files.reduce(
+      (total, file) => total + Number(file.size ?? 0),
+      0
+    );
+    let validationError = "";
+    if (files.length + selected.length > resolvedLimits.maxFiles) {
+      validationError = `Attachments are limited to ${resolvedLimits.maxFiles} files.`;
+    } else if (selected.some((file) => file.size > resolvedLimits.maxFileBytes)) {
+      validationError = `Each attachment must be ${resolvedLimits.maxFileBytes} bytes or smaller.`;
+    } else if (currentBytes + selected.reduce((total, file) => total + file.size, 0) > resolvedLimits.maxRequestBytes) {
+      validationError = `Attachments are limited to ${resolvedLimits.maxRequestBytes} bytes per request.`;
+    }
+    if (validationError) {
+      onError == null ? void 0 : onError(validationError);
+      e.target.value = "";
+      return;
     }
-    const ok = Array.from(list).filter((f) => f.size <= MAX_ATTACHMENT_BYTES);
-    if (ok.length > 0) {
-      const dt = new DataTransfer();
-      ok.forEach((f) => dt.items.add(f));
-      onAdd(await ai.convertFileListToFileUIParts(dt.files));
+    setUploading(true);
+    try {
+      onAdd(await Promise.all(selected.map((file) => upload(file))));
+      onError == null ? void 0 : onError("");
+    } catch (error) {
+      onError == null ? void 0 : onError(error instanceof Error ? error.message : String(error));
+    } finally {
+      setUploading(false);
     }
     e.target.value = "";
   };
+  const accept = acceptedMediaTypes == null ? void 0 : acceptedMediaTypes.join(",");
+  const capabilityDisabled = acceptedMediaTypes != null && acceptedMediaTypes.length === 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("input", { ref: inputRef, type: "file", multiple: true, hidden: true, onChange }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        multiple: true,
+        hidden: true,
+        onChange,
+        ...accept ? { accept } : {}
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(
       button.Button,
       {
@@ -36,7 +75,8 @@ function AttachmentButton({ onAdd, disabled, className }) {
         size: "icon",
         variant: "ghost",
         "aria-label": "Attach files",
-        disabled,
+        disabled: disabled || uploading || capabilityDisabled,
+        title: capabilityDisabled ? "The selected model does not support attachments" : void 0,
         onClick: () => {
           var _a;
           return (_a = inputRef.current) == null ? void 0 : _a.click();

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

@@ -1 +1 @@
-{"version":3,"file":"Attachment.cjs","sources":["../../../src/data/chat/Attachment.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { convertFileListToFileUIParts } from \"ai\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { Button } from \"../../components/button\";\nimport { UiAdd, UiClose, UiFile } from \"../../icons\";\nimport type { FileUIPart } from \"./types\";\n\n/** Files larger than this are rejected client-side: attachments are inlined as\n *  data URLs in the request body, so large files would bloat every turn. */\nconst MAX_ATTACHMENT_BYTES = 5 * 1024 * 1024;\n\nexport type AttachmentButtonProps = {\n  /** Called with newly selected files converted to FileUIParts. */\n  onAdd: (parts: FileUIPart[]) => void;\n  disabled?: boolean;\n  className?: string;\n};\n\n/** A paperclip-style button that opens the file picker and emits the chosen\n *  files as FileUIParts (data-URL encoded). */\nexport function AttachmentButton({ onAdd, disabled, className }: AttachmentButtonProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const onChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    const list = e.target.files;\n    if (!list || list.length === 0) return;\n    const tooBig = Array.from(list).filter((f) => f.size > MAX_ATTACHMENT_BYTES);\n    if (tooBig.length > 0) {\n      console.warn(`clicky-ui: ${tooBig.length} attachment(s) exceed ${MAX_ATTACHMENT_BYTES} bytes and were skipped`);\n    }\n    const ok = Array.from(list).filter((f) => f.size <= MAX_ATTACHMENT_BYTES);\n    if (ok.length > 0) {\n      const dt = new DataTransfer();\n      ok.forEach((f) => dt.items.add(f));\n      onAdd(await convertFileListToFileUIParts(dt.files));\n    }\n    e.target.value = \"\";\n  };\n\n  return (\n    <>\n      <input ref={inputRef} type=\"file\" multiple hidden onChange={onChange} />\n      <Button\n        type=\"button\"\n        size=\"icon\"\n        variant=\"ghost\"\n        aria-label=\"Attach files\"\n        disabled={disabled}\n        onClick={() => inputRef.current?.click()}\n        className={className}\n      >\n        <Icon icon={UiAdd} className=\"size-4\" />\n      </Button>\n    </>\n  );\n}\n\nexport type AttachmentListProps = {\n  files: FileUIPart[];\n  onRemove: (index: number) => void;\n  className?: string;\n};\n\n/** Chips/thumbnails for the pending attachments, each removable. */\nexport function AttachmentList({ files, onRemove, className }: AttachmentListProps) {\n  if (files.length === 0) return null;\n  return (\n    <div className={cn(\"flex flex-wrap gap-2 px-1\", className)}>\n      {files.map((file, i) => (\n        <div\n          key={`${file.filename ?? \"file\"}-${i}`}\n          className=\"flex items-center gap-1.5 rounded-md border border-border bg-background py-1 pl-2 pr-1 text-xs\"\n        >\n          {file.mediaType?.startsWith(\"image/\") && file.url ? (\n            <img src={file.url} alt={file.filename ?? \"\"} className=\"size-6 rounded object-cover\" />\n          ) : (\n            <Icon icon={UiFile} className=\"size-3.5 text-muted-foreground\" />\n          )}\n          <span className=\"max-w-32 truncate\">{file.filename ?? file.mediaType ?? \"file\"}</span>\n          <button\n            type=\"button\"\n            aria-label=\"Remove attachment\"\n            onClick={() => onRemove(i)}\n            className=\"rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n          >\n            <Icon icon={UiClose} className=\"size-3\" />\n          </button>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["useRef","convertFileListToFileUIParts","jsxs","Fragment","jsx","Button","Icon","UiAdd","cn","UiFile","UiClose"],"mappings":";;;;;;;;;;;AAUA,MAAM,uBAAuB,IAAI,OAAO;AAWjC,SAAS,iBAAiB,EAAE,OAAO,UAAU,aAAoC;AACtF,QAAM,WAAWA,MAAAA,OAAyB,IAAI;AAE9C,QAAM,WAAW,OAAO,MAA2C;AACjE,UAAM,OAAO,EAAE,OAAO;AACtB,QAAI,CAAC,QAAQ,KAAK,WAAW,EAAG;AAChC,UAAM,SAAS,MAAM,KAAK,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,oBAAoB;AAC3E,QAAI,OAAO,SAAS,GAAG;AACrB,cAAQ,KAAK,cAAc,OAAO,MAAM,yBAAyB,oBAAoB,yBAAyB;AAAA,IAChH;AACA,UAAM,KAAK,MAAM,KAAK,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,QAAQ,oBAAoB;AACxE,QAAI,GAAG,SAAS,GAAG;AACjB,YAAM,KAAK,IAAI,aAAA;AACf,SAAG,QAAQ,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,CAAC;AACjC,YAAM,MAAMC,GAAAA,6BAA6B,GAAG,KAAK,CAAC;AAAA,IACpD;AACA,MAAE,OAAO,QAAQ;AAAA,EACnB;AAEA,SACEC,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,IAAAC,2BAAAA,IAAC,SAAA,EAAM,KAAK,UAAU,MAAK,QAAO,UAAQ,MAAC,QAAM,MAAC,SAAA,CAAoB;AAAA,IACtEA,2BAAAA;AAAAA,MAACC,OAAAA;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,cAAW;AAAA,QACX;AAAA,QACA,SAAS,MAAA;;AAAM,gCAAS,YAAT,mBAAkB;AAAA;AAAA,QACjC;AAAA,QAEA,UAAAD,2BAAAA,IAACE,WAAA,EAAK,MAAMC,MAAAA,OAAO,WAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GACF;AAEJ;AASO,SAAS,eAAe,EAAE,OAAO,UAAU,aAAkC;AAClF,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SACEH,2BAAAA,IAAC,OAAA,EAAI,WAAWI,MAAAA,GAAG,6BAA6B,SAAS,GACtD,UAAA,MAAM,IAAI,CAAC,MAAM,MAAA;;AAChBN,sCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAET,UAAA;AAAA,YAAA,UAAK,cAAL,mBAAgB,WAAW,cAAa,KAAK,MAC5CE,2BAAAA,IAAC,OAAA,EAAI,KAAK,KAAK,KAAK,KAAK,KAAK,YAAY,IAAI,WAAU,8BAAA,CAA8B,mCAErFE,KAAAA,MAAA,EAAK,MAAMG,OAAAA,QAAQ,WAAU,iCAAA,CAAiC;AAAA,UAEjEL,2BAAAA,IAAC,UAAK,WAAU,qBAAqB,eAAK,YAAY,KAAK,aAAa,OAAA,CAAO;AAAA,UAC/EA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAW;AAAA,cACX,SAAS,MAAM,SAAS,CAAC;AAAA,cACzB,WAAU;AAAA,cAEV,UAAAA,2BAAAA,IAACE,WAAA,EAAK,MAAMI,QAAAA,SAAS,WAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1C;AAAA,MAAA;AAAA,MAhBK,GAAG,KAAK,YAAY,MAAM,IAAI,CAAC;AAAA,IAAA;AAAA,GAkBvC,GACH;AAEJ;;;"}
+{"version":3,"file":"Attachment.cjs","sources":["../../../src/data/chat/Attachment.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { Button } from \"../../components/button\";\nimport { UiAdd, UiClose, UiFile } from \"../../icons\";\nimport type { FileUIPart } from \"./types\";\nimport {\n  createAttachmentUploadAdapter,\n  DEFAULT_ATTACHMENT_LIMITS,\n  type AttachmentFilePart,\n  type AttachmentLimits,\n  type AttachmentUploadAdapter,\n} from \"./attachment-upload\";\n\nexport type AttachmentButtonProps = {\n  /** Called with newly selected files converted to FileUIParts. */\n  onAdd: (parts: FileUIPart[]) => void;\n  disabled?: boolean;\n  className?: string;\n  upload?: AttachmentUploadAdapter;\n  files?: FileUIPart[];\n  acceptedMediaTypes?: string[];\n  limits?: AttachmentLimits;\n  onError?: (message: string) => void;\n};\n\n/** A paperclip-style button that uploads selected files and emits durable file\n * descriptors. Binary content never enters the chat message body. */\nexport function AttachmentButton({\n  onAdd,\n  disabled,\n  className,\n  upload = createAttachmentUploadAdapter(),\n  files = [],\n  acceptedMediaTypes,\n  limits,\n  onError,\n}: AttachmentButtonProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [uploading, setUploading] = useState(false);\n  const resolvedLimits = { ...DEFAULT_ATTACHMENT_LIMITS, ...limits };\n\n  const onChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    const list = e.target.files;\n    if (!list || list.length === 0) return;\n    const selected = Array.from(list);\n    const currentBytes = files.reduce(\n      (total, file) =>\n        total + Number((file as Partial<AttachmentFilePart>).size ?? 0),\n      0,\n    );\n    let validationError = \"\";\n    if (files.length + selected.length > resolvedLimits.maxFiles) {\n      validationError = `Attachments are limited to ${resolvedLimits.maxFiles} files.`;\n    } else if (\n      selected.some((file) => file.size > resolvedLimits.maxFileBytes)\n    ) {\n      validationError = `Each attachment must be ${resolvedLimits.maxFileBytes} bytes or smaller.`;\n    } else if (\n      currentBytes + selected.reduce((total, file) => total + file.size, 0) >\n      resolvedLimits.maxRequestBytes\n    ) {\n      validationError = `Attachments are limited to ${resolvedLimits.maxRequestBytes} bytes per request.`;\n    }\n    if (validationError) {\n      onError?.(validationError);\n      e.target.value = \"\";\n      return;\n    }\n    setUploading(true);\n    try {\n      onAdd(await Promise.all(selected.map((file) => upload(file))));\n      onError?.(\"\");\n    } catch (error) {\n      onError?.(error instanceof Error ? error.message : String(error));\n    } finally {\n      setUploading(false);\n    }\n    e.target.value = \"\";\n  };\n\n  const accept = acceptedMediaTypes?.join(\",\");\n  const capabilityDisabled =\n    acceptedMediaTypes != null && acceptedMediaTypes.length === 0;\n\n  return (\n    <>\n      <input\n        ref={inputRef}\n        type=\"file\"\n        multiple\n        hidden\n        onChange={onChange}\n        {...(accept ? { accept } : {})}\n      />\n      <Button\n        type=\"button\"\n        size=\"icon\"\n        variant=\"ghost\"\n        aria-label=\"Attach files\"\n        disabled={disabled || uploading || capabilityDisabled}\n        title={\n          capabilityDisabled\n            ? \"The selected model does not support attachments\"\n            : undefined\n        }\n        onClick={() => inputRef.current?.click()}\n        className={className}\n      >\n        <Icon icon={UiAdd} className=\"size-4\" />\n      </Button>\n    </>\n  );\n}\n\nexport type AttachmentListProps = {\n  files: FileUIPart[];\n  onRemove: (index: number) => void;\n  className?: string;\n};\n\n/** Chips/thumbnails for the pending attachments, each removable. */\nexport function AttachmentList({ files, onRemove, className }: AttachmentListProps) {\n  if (files.length === 0) return null;\n  return (\n    <div className={cn(\"flex flex-wrap gap-2 px-1\", className)}>\n      {files.map((file, i) => (\n        <div\n          key={`${file.filename ?? \"file\"}-${i}`}\n          className=\"flex items-center gap-1.5 rounded-md border border-border bg-background py-1 pl-2 pr-1 text-xs\"\n        >\n          {file.mediaType?.startsWith(\"image/\") && file.url ? (\n            <img src={file.url} alt={file.filename ?? \"\"} className=\"size-6 rounded object-cover\" />\n          ) : (\n            <Icon icon={UiFile} className=\"size-3.5 text-muted-foreground\" />\n          )}\n          <span className=\"max-w-32 truncate\">{file.filename ?? file.mediaType ?? \"file\"}</span>\n          <button\n            type=\"button\"\n            aria-label=\"Remove attachment\"\n            onClick={() => onRemove(i)}\n            className=\"rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n          >\n            <Icon icon={UiClose} className=\"size-3\" />\n          </button>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["createAttachmentUploadAdapter","useRef","useState","DEFAULT_ATTACHMENT_LIMITS","jsxs","Fragment","jsx","Button","Icon","UiAdd","cn","UiFile","UiClose"],"mappings":"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"}

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

@@ -1,13 +1,19 @@
 import { FileUIPart } from './types';
+import { AttachmentLimits, AttachmentUploadAdapter } from './attachment-upload';
 export type AttachmentButtonProps = {
     /** Called with newly selected files converted to FileUIParts. */
     onAdd: (parts: FileUIPart[]) => void;
     disabled?: boolean;
     className?: string;
+    upload?: AttachmentUploadAdapter;
+    files?: FileUIPart[];
+    acceptedMediaTypes?: string[];
+    limits?: AttachmentLimits;
+    onError?: (message: string) => void;
 };
-/** A paperclip-style button that opens the file picker and emits the chosen
- *  files as FileUIParts (data-URL encoded). */
-export declare function AttachmentButton({ onAdd, disabled, className }: AttachmentButtonProps): import("react/jsx-runtime").JSX.Element;
+/** A paperclip-style button that uploads selected files and emits durable file
+ * descriptors. Binary content never enters the chat message body. */
+export declare function AttachmentButton({ onAdd, disabled, className, upload, files, acceptedMediaTypes, limits, onError, }: AttachmentButtonProps): import("react/jsx-runtime").JSX.Element;
 export type AttachmentListProps = {
     files: FileUIPart[];
     onRemove: (index: number) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"Attachment.d.ts","sourceRoot":"","sources":["../../../src/data/chat/Attachment.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAM1C,MAAM,MAAM,qBAAqB,GAAG;IAClC,iEAAiE;IACjE,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;+CAC+C;AAC/C,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAmCrF;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oEAAoE;AACpE,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,kDA2BjF"}
+{"version":3,"file":"Attachment.d.ts","sourceRoot":"","sources":["../../../src/data/chat/Attachment.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC7B,MAAM,qBAAqB,CAAC;AAE7B,MAAM,MAAM,qBAAqB,GAAG;IAClC,iEAAiE;IACjE,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF;qEACqE;AACrE,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,MAAwC,EACxC,KAAU,EACV,kBAAkB,EAClB,MAAM,EACN,OAAO,GACR,EAAE,qBAAqB,2CA4EvB;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oEAAoE;AACpE,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,kDA2BjF"}

package/dist/data/chat/Attachment.js

@@ -1,32 +1,71 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useRef } from "react";
-import { convertFileListToFileUIParts } from "ai";
+import { useRef, useState } from "react";
 import { cn } from "../../lib/utils.js";
 import { Icon } from "../Icon.js";
 import { Button } from "../../components/button.js";
+import { DEFAULT_ATTACHMENT_LIMITS, createAttachmentUploadAdapter } from "./attachment-upload.js";
 import { UiAdd } from "../../icons/components/UiAdd.js";
 import { UiFile } from "../../icons/components/UiFile.js";
 import { UiClose } from "../../icons/components/UiClose.js";
-const MAX_ATTACHMENT_BYTES = 5 * 1024 * 1024;
-function AttachmentButton({ onAdd, disabled, className }) {
+function AttachmentButton({
+  onAdd,
+  disabled,
+  className,
+  upload = createAttachmentUploadAdapter(),
+  files = [],
+  acceptedMediaTypes,
+  limits,
+  onError
+}) {
   const inputRef = useRef(null);
+  const [uploading, setUploading] = useState(false);
+  const resolvedLimits = { ...DEFAULT_ATTACHMENT_LIMITS, ...limits };
   const onChange = async (e) => {
     const list = e.target.files;
     if (!list || list.length === 0) return;
-    const tooBig = Array.from(list).filter((f) => f.size > MAX_ATTACHMENT_BYTES);
-    if (tooBig.length > 0) {
-      console.warn(`clicky-ui: ${tooBig.length} attachment(s) exceed ${MAX_ATTACHMENT_BYTES} bytes and were skipped`);
+    const selected = Array.from(list);
+    const currentBytes = files.reduce(
+      (total, file) => total + Number(file.size ?? 0),
+      0
+    );
+    let validationError = "";
+    if (files.length + selected.length > resolvedLimits.maxFiles) {
+      validationError = `Attachments are limited to ${resolvedLimits.maxFiles} files.`;
+    } else if (selected.some((file) => file.size > resolvedLimits.maxFileBytes)) {
+      validationError = `Each attachment must be ${resolvedLimits.maxFileBytes} bytes or smaller.`;
+    } else if (currentBytes + selected.reduce((total, file) => total + file.size, 0) > resolvedLimits.maxRequestBytes) {
+      validationError = `Attachments are limited to ${resolvedLimits.maxRequestBytes} bytes per request.`;
+    }
+    if (validationError) {
+      onError == null ? void 0 : onError(validationError);
+      e.target.value = "";
+      return;
     }
-    const ok = Array.from(list).filter((f) => f.size <= MAX_ATTACHMENT_BYTES);
-    if (ok.length > 0) {
-      const dt = new DataTransfer();
-      ok.forEach((f) => dt.items.add(f));
-      onAdd(await convertFileListToFileUIParts(dt.files));
+    setUploading(true);
+    try {
+      onAdd(await Promise.all(selected.map((file) => upload(file))));
+      onError == null ? void 0 : onError("");
+    } catch (error) {
+      onError == null ? void 0 : onError(error instanceof Error ? error.message : String(error));
+    } finally {
+      setUploading(false);
     }
     e.target.value = "";
   };
+  const accept = acceptedMediaTypes == null ? void 0 : acceptedMediaTypes.join(",");
+  const capabilityDisabled = acceptedMediaTypes != null && acceptedMediaTypes.length === 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("input", { ref: inputRef, type: "file", multiple: true, hidden: true, onChange }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        multiple: true,
+        hidden: true,
+        onChange,
+        ...accept ? { accept } : {}
+      }
+    ),
     /* @__PURE__ */ jsx(
       Button,
       {
@@ -34,7 +73,8 @@ function AttachmentButton({ onAdd, disabled, className }) {
         size: "icon",
         variant: "ghost",
         "aria-label": "Attach files",
-        disabled,
+        disabled: disabled || uploading || capabilityDisabled,
+        title: capabilityDisabled ? "The selected model does not support attachments" : void 0,
         onClick: () => {
           var _a;
           return (_a = inputRef.current) == null ? void 0 : _a.click();

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

@@ -1 +1 @@
-{"version":3,"file":"Attachment.js","sources":["../../../src/data/chat/Attachment.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { convertFileListToFileUIParts } from \"ai\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { Button } from \"../../components/button\";\nimport { UiAdd, UiClose, UiFile } from \"../../icons\";\nimport type { FileUIPart } from \"./types\";\n\n/** Files larger than this are rejected client-side: attachments are inlined as\n *  data URLs in the request body, so large files would bloat every turn. */\nconst MAX_ATTACHMENT_BYTES = 5 * 1024 * 1024;\n\nexport type AttachmentButtonProps = {\n  /** Called with newly selected files converted to FileUIParts. */\n  onAdd: (parts: FileUIPart[]) => void;\n  disabled?: boolean;\n  className?: string;\n};\n\n/** A paperclip-style button that opens the file picker and emits the chosen\n *  files as FileUIParts (data-URL encoded). */\nexport function AttachmentButton({ onAdd, disabled, className }: AttachmentButtonProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const onChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    const list = e.target.files;\n    if (!list || list.length === 0) return;\n    const tooBig = Array.from(list).filter((f) => f.size > MAX_ATTACHMENT_BYTES);\n    if (tooBig.length > 0) {\n      console.warn(`clicky-ui: ${tooBig.length} attachment(s) exceed ${MAX_ATTACHMENT_BYTES} bytes and were skipped`);\n    }\n    const ok = Array.from(list).filter((f) => f.size <= MAX_ATTACHMENT_BYTES);\n    if (ok.length > 0) {\n      const dt = new DataTransfer();\n      ok.forEach((f) => dt.items.add(f));\n      onAdd(await convertFileListToFileUIParts(dt.files));\n    }\n    e.target.value = \"\";\n  };\n\n  return (\n    <>\n      <input ref={inputRef} type=\"file\" multiple hidden onChange={onChange} />\n      <Button\n        type=\"button\"\n        size=\"icon\"\n        variant=\"ghost\"\n        aria-label=\"Attach files\"\n        disabled={disabled}\n        onClick={() => inputRef.current?.click()}\n        className={className}\n      >\n        <Icon icon={UiAdd} className=\"size-4\" />\n      </Button>\n    </>\n  );\n}\n\nexport type AttachmentListProps = {\n  files: FileUIPart[];\n  onRemove: (index: number) => void;\n  className?: string;\n};\n\n/** Chips/thumbnails for the pending attachments, each removable. */\nexport function AttachmentList({ files, onRemove, className }: AttachmentListProps) {\n  if (files.length === 0) return null;\n  return (\n    <div className={cn(\"flex flex-wrap gap-2 px-1\", className)}>\n      {files.map((file, i) => (\n        <div\n          key={`${file.filename ?? \"file\"}-${i}`}\n          className=\"flex items-center gap-1.5 rounded-md border border-border bg-background py-1 pl-2 pr-1 text-xs\"\n        >\n          {file.mediaType?.startsWith(\"image/\") && file.url ? (\n            <img src={file.url} alt={file.filename ?? \"\"} className=\"size-6 rounded object-cover\" />\n          ) : (\n            <Icon icon={UiFile} className=\"size-3.5 text-muted-foreground\" />\n          )}\n          <span className=\"max-w-32 truncate\">{file.filename ?? file.mediaType ?? \"file\"}</span>\n          <button\n            type=\"button\"\n            aria-label=\"Remove attachment\"\n            onClick={() => onRemove(i)}\n            className=\"rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n          >\n            <Icon icon={UiClose} className=\"size-3\" />\n          </button>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAUA,MAAM,uBAAuB,IAAI,OAAO;AAWjC,SAAS,iBAAiB,EAAE,OAAO,UAAU,aAAoC;AACtF,QAAM,WAAW,OAAyB,IAAI;AAE9C,QAAM,WAAW,OAAO,MAA2C;AACjE,UAAM,OAAO,EAAE,OAAO;AACtB,QAAI,CAAC,QAAQ,KAAK,WAAW,EAAG;AAChC,UAAM,SAAS,MAAM,KAAK,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,oBAAoB;AAC3E,QAAI,OAAO,SAAS,GAAG;AACrB,cAAQ,KAAK,cAAc,OAAO,MAAM,yBAAyB,oBAAoB,yBAAyB;AAAA,IAChH;AACA,UAAM,KAAK,MAAM,KAAK,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,QAAQ,oBAAoB;AACxE,QAAI,GAAG,SAAS,GAAG;AACjB,YAAM,KAAK,IAAI,aAAA;AACf,SAAG,QAAQ,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,CAAC;AACjC,YAAM,MAAM,6BAA6B,GAAG,KAAK,CAAC;AAAA,IACpD;AACA,MAAE,OAAO,QAAQ;AAAA,EACnB;AAEA,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,KAAK,UAAU,MAAK,QAAO,UAAQ,MAAC,QAAM,MAAC,SAAA,CAAoB;AAAA,IACtE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,cAAW;AAAA,QACX;AAAA,QACA,SAAS,MAAA;;AAAM,gCAAS,YAAT,mBAAkB;AAAA;AAAA,QACjC;AAAA,QAEA,UAAA,oBAAC,MAAA,EAAK,MAAM,OAAO,WAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GACF;AAEJ;AASO,SAAS,eAAe,EAAE,OAAO,UAAU,aAAkC;AAClF,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SACE,oBAAC,OAAA,EAAI,WAAW,GAAG,6BAA6B,SAAS,GACtD,UAAA,MAAM,IAAI,CAAC,MAAM,MAAA;;AAChB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAET,UAAA;AAAA,YAAA,UAAK,cAAL,mBAAgB,WAAW,cAAa,KAAK,MAC5C,oBAAC,OAAA,EAAI,KAAK,KAAK,KAAK,KAAK,KAAK,YAAY,IAAI,WAAU,8BAAA,CAA8B,wBAErF,MAAA,EAAK,MAAM,QAAQ,WAAU,iCAAA,CAAiC;AAAA,UAEjE,oBAAC,UAAK,WAAU,qBAAqB,eAAK,YAAY,KAAK,aAAa,OAAA,CAAO;AAAA,UAC/E;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAW;AAAA,cACX,SAAS,MAAM,SAAS,CAAC;AAAA,cACzB,WAAU;AAAA,cAEV,UAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,WAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1C;AAAA,MAAA;AAAA,MAhBK,GAAG,KAAK,YAAY,MAAM,IAAI,CAAC;AAAA,IAAA;AAAA,GAkBvC,GACH;AAEJ;"}
+{"version":3,"file":"Attachment.js","sources":["../../../src/data/chat/Attachment.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { Button } from \"../../components/button\";\nimport { UiAdd, UiClose, UiFile } from \"../../icons\";\nimport type { FileUIPart } from \"./types\";\nimport {\n  createAttachmentUploadAdapter,\n  DEFAULT_ATTACHMENT_LIMITS,\n  type AttachmentFilePart,\n  type AttachmentLimits,\n  type AttachmentUploadAdapter,\n} from \"./attachment-upload\";\n\nexport type AttachmentButtonProps = {\n  /** Called with newly selected files converted to FileUIParts. */\n  onAdd: (parts: FileUIPart[]) => void;\n  disabled?: boolean;\n  className?: string;\n  upload?: AttachmentUploadAdapter;\n  files?: FileUIPart[];\n  acceptedMediaTypes?: string[];\n  limits?: AttachmentLimits;\n  onError?: (message: string) => void;\n};\n\n/** A paperclip-style button that uploads selected files and emits durable file\n * descriptors. Binary content never enters the chat message body. */\nexport function AttachmentButton({\n  onAdd,\n  disabled,\n  className,\n  upload = createAttachmentUploadAdapter(),\n  files = [],\n  acceptedMediaTypes,\n  limits,\n  onError,\n}: AttachmentButtonProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [uploading, setUploading] = useState(false);\n  const resolvedLimits = { ...DEFAULT_ATTACHMENT_LIMITS, ...limits };\n\n  const onChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    const list = e.target.files;\n    if (!list || list.length === 0) return;\n    const selected = Array.from(list);\n    const currentBytes = files.reduce(\n      (total, file) =>\n        total + Number((file as Partial<AttachmentFilePart>).size ?? 0),\n      0,\n    );\n    let validationError = \"\";\n    if (files.length + selected.length > resolvedLimits.maxFiles) {\n      validationError = `Attachments are limited to ${resolvedLimits.maxFiles} files.`;\n    } else if (\n      selected.some((file) => file.size > resolvedLimits.maxFileBytes)\n    ) {\n      validationError = `Each attachment must be ${resolvedLimits.maxFileBytes} bytes or smaller.`;\n    } else if (\n      currentBytes + selected.reduce((total, file) => total + file.size, 0) >\n      resolvedLimits.maxRequestBytes\n    ) {\n      validationError = `Attachments are limited to ${resolvedLimits.maxRequestBytes} bytes per request.`;\n    }\n    if (validationError) {\n      onError?.(validationError);\n      e.target.value = \"\";\n      return;\n    }\n    setUploading(true);\n    try {\n      onAdd(await Promise.all(selected.map((file) => upload(file))));\n      onError?.(\"\");\n    } catch (error) {\n      onError?.(error instanceof Error ? error.message : String(error));\n    } finally {\n      setUploading(false);\n    }\n    e.target.value = \"\";\n  };\n\n  const accept = acceptedMediaTypes?.join(\",\");\n  const capabilityDisabled =\n    acceptedMediaTypes != null && acceptedMediaTypes.length === 0;\n\n  return (\n    <>\n      <input\n        ref={inputRef}\n        type=\"file\"\n        multiple\n        hidden\n        onChange={onChange}\n        {...(accept ? { accept } : {})}\n      />\n      <Button\n        type=\"button\"\n        size=\"icon\"\n        variant=\"ghost\"\n        aria-label=\"Attach files\"\n        disabled={disabled || uploading || capabilityDisabled}\n        title={\n          capabilityDisabled\n            ? \"The selected model does not support attachments\"\n            : undefined\n        }\n        onClick={() => inputRef.current?.click()}\n        className={className}\n      >\n        <Icon icon={UiAdd} className=\"size-4\" />\n      </Button>\n    </>\n  );\n}\n\nexport type AttachmentListProps = {\n  files: FileUIPart[];\n  onRemove: (index: number) => void;\n  className?: string;\n};\n\n/** Chips/thumbnails for the pending attachments, each removable. */\nexport function AttachmentList({ files, onRemove, className }: AttachmentListProps) {\n  if (files.length === 0) return null;\n  return (\n    <div className={cn(\"flex flex-wrap gap-2 px-1\", className)}>\n      {files.map((file, i) => (\n        <div\n          key={`${file.filename ?? \"file\"}-${i}`}\n          className=\"flex items-center gap-1.5 rounded-md border border-border bg-background py-1 pl-2 pr-1 text-xs\"\n        >\n          {file.mediaType?.startsWith(\"image/\") && file.url ? (\n            <img src={file.url} alt={file.filename ?? \"\"} className=\"size-6 rounded object-cover\" />\n          ) : (\n            <Icon icon={UiFile} className=\"size-3.5 text-muted-foreground\" />\n          )}\n          <span className=\"max-w-32 truncate\">{file.filename ?? file.mediaType ?? \"file\"}</span>\n          <button\n            type=\"button\"\n            aria-label=\"Remove attachment\"\n            onClick={() => onRemove(i)}\n            className=\"rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n          >\n            <Icon icon={UiClose} className=\"size-3\" />\n          </button>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/chat/Chat.cjs

@@ -11,14 +11,16 @@ const Suggestion = require("./Suggestion.cjs");
 const ModelSelector = require("./ModelSelector.cjs");
 const providerIcons = require("./provider-icons.cjs");
 const ContextMeter = require("./ContextMeter.cjs");
-const DEFAULT_EFFORTS = ["low", "medium", "high"];
+const effortIcons = require("./effort-icons.cjs");
+const models = require("./models.cjs");
+const attachmentUpload = require("./attachment-upload.cjs");
 function Chat({
   api = "/api/chat",
   models: modelsProp,
   modelsApi = "/api/chat/models",
   defaultModel,
   model: controlledModel,
-  reasoningEfforts = DEFAULT_EFFORTS,
+  reasoningEfforts = effortIcons.DEFAULT_REASONING_EFFORTS,
   defaultReasoningEffort = "",
   reasoningEffort: controlledEffort,
   temperature,
@@ -29,7 +31,9 @@ function Chat({
   onUsage,
   suggestions,
   enableAttachments = false,
-  toolApproval,
+  attachmentsApi = "/api/attachments",
+  attachmentUpload: attachmentUpload$1,
+  attachmentLimits,
   threadId,
   renderToolResult,
   body,
@@ -41,7 +45,7 @@ function Chat({
   emptyState,
   className
 }) {
-  const [models, setModels] = react.useState(modelsProp ?? []);
+  const [models$1, setModels] = react.useState(modelsProp ?? []);
   const [model, setModel] = react.useState(controlledModel ?? defaultModel);
   const [effort, setEffort] = react.useState(controlledEffort ?? defaultReasoningEffort);
   const [usage, setUsage] = react.useState(null);
@@ -50,10 +54,7 @@ function Chat({
   react.useEffect(() => {
     if (!modelsProp) return;
     setModels(modelsProp);
-    setModel((m) => {
-      var _a;
-      return m ?? controlledModel ?? ((_a = modelsProp.find((d) => d.configured !== false)) == null ? void 0 : _a.id);
-    });
+    setModel((m) => m ?? controlledModel ?? models.defaultChatModelId(modelsProp));
   }, [modelsProp, controlledModel]);
   react.useEffect(() => {
     if (modelsProp || !modelsApi) return;
@@ -61,10 +62,7 @@ function Chat({
     fetch(modelsApi).then((r) => r.ok ? r.json() : Promise.reject(new Error(`models ${r.status}`))).then((data) => {
       if (cancelled) return;
       setModels(data);
-      setModel((m) => {
-        var _a;
-        return m ?? controlledModel ?? ((_a = data.find((d) => d.configured !== false)) == null ? void 0 : _a.id);
-      });
+      setModel((m) => m ?? controlledModel ?? models.defaultChatModelId(data));
     }).catch((err) => console.warn("clicky-ui: failed to load chat models", err));
     return () => {
       cancelled = true;
@@ -84,8 +82,12 @@ function Chat({
     lastDefaultModel.current = defaultModel;
     setModel(defaultModel);
   }, [controlledModel, defaultModel]);
-  const selectedModel = models.find((m) => m.id === model);
+  const selectedModel = models$1.find((m) => m.id === model);
   const showEffort = !selectedModel || selectedModel.reasoning;
+  const resolvedAttachmentUpload = react.useMemo(
+    () => attachmentUpload$1 ?? attachmentUpload.createAttachmentUploadAdapter({ endpoint: attachmentsApi }),
+    [attachmentUpload$1, attachmentsApi]
+  );
   const bodyRef = react.useRef({});
   bodyRef.current = {
     ...body,
@@ -94,7 +96,6 @@ function Chat({
     ...temperature !== void 0 ? { temperature } : {},
     ...budget && (budget.cost !== void 0 || budget.maxTokens !== void 0) ? { budget } : {},
     ...permissionMode ? { permissionMode } : {},
-    ...toolApproval ? { toolApproval } : {},
     ...threadId ? { threadId } : {}
   };
   const resolvedTransport = react.useMemo(
@@ -145,8 +146,8 @@ function Chat({
     onReasoningEffortChange == null ? void 0 : onReasoningEffortChange(next);
   };
   const ModelGlyph = providerIcons.providerIcon(selectedModel == null ? void 0 : selectedModel.provider);
-  const toolbar = models.length > 0 || showEffort || usage && usage.maxTokens > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ModelSelector.ModelSelector, { models, value: model, onChange: onModelSelect }),
+  const toolbar = models$1.length > 0 || showEffort || usage && usage.maxTokens > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ModelSelector.ModelSelector, { models: models$1, value: model, onChange: onModelSelect }),
     showEffort && /* @__PURE__ */ jsxRuntime.jsx(ModelSelector.EffortSelector, { efforts: reasoningEfforts, value: effort, onChange: onEffortSelect }),
     usage && usage.maxTokens > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
@@ -160,7 +161,9 @@ function Chat({
           ...usage.messageCount != null ? { messageCount: usage.messageCount } : {},
           ...usage.cost != null ? { cost: { total: usage.cost } } : {},
           ...usage.modelLabel ? { model: usage.modelLabel } : {},
-          ...ModelGlyph ? { modelIcon: ModelGlyph } : {}
+          ...effort ? { effort } : {},
+          ...ModelGlyph ? { modelIcon: ModelGlyph } : {},
+          ...(selectedModel == null ? void 0 : selectedModel.provider) ? { modelIconClassName: providerIcons.providerIconColor(selectedModel.provider) } : {}
         }
       )
     ] })
@@ -177,6 +180,8 @@ function Chat({
         status,
         error,
         onClearError: clearError,
+        ...threadId ? { sessionId: threadId } : {},
+        ...model ? { model } : {},
         emptyState: empty,
         onRegenerate: (messageId) => void regenerate({ messageId }),
         onApprove: (id, approved, reason) => void addToolApprovalResponse(reason ? { id, approved, reason } : { id, approved }),
@@ -190,6 +195,9 @@ function Chat({
         onStop: () => void stop(),
         placeholder,
         enableAttachments,
+        attachmentUpload: resolvedAttachmentUpload,
+        ...(selectedModel == null ? void 0 : selectedModel.inputMediaTypes) ? { acceptedMediaTypes: selectedModel.inputMediaTypes } : {},
+        ...attachmentLimits ? { attachmentLimits } : {},
         toolbar,
         onSubmit: (text, files) => void sendMessage({ text, files })
       }

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.cjs","sources":["../../../src/data/chat/Chat.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useChat } from \"@ai-sdk/react\";\nimport {\n  DefaultChatTransport,\n  lastAssistantMessageIsCompleteWithApprovalResponses,\n  type ChatTransport,\n  type UIMessage,\n} from \"ai\";\nimport { cn } from \"../../lib/utils\";\nimport { Conversation } from \"./Conversation\";\nimport { PromptInput } from \"./PromptInput\";\nimport { Suggestions } from \"./Suggestion\";\nimport { ModelSelector, EffortSelector } from \"./ModelSelector\";\nimport { providerIcon } from \"./provider-icons\";\nimport { ContextMeter } from \"./ContextMeter\";\nimport type {\n  ChatBudgetConfig,\n  ChatModel,\n  ChatMessageMetadata,\n  ChatUsageSummary,\n  ClaudePermissionMode,\n  Suggestion,\n  ToolResultRenderer,\n} from \"./types\";\n\n/** Assistant messages carry token usage + cost the backend rode on the finish\n *  part's `messageMetadata`. */\ntype ChatUIMessage = UIMessage<ChatMessageMetadata>;\n\nexport type ChatProps = {\n  /** Endpoint that speaks the AI SDK v6 UI Message Stream protocol.\n   *  Ignored when `transport` is supplied. Defaults to \"/api/chat\". */\n  api?: string;\n  /** Model menu. When omitted and `modelsApi` is set, it is fetched. */\n  models?: ChatModel[];\n  /** Endpoint returning the model menu (ModelInfo[]). Defaults to\n   *  \"/api/chat/models\". Set to null to disable fetching. */\n  modelsApi?: string | null;\n  /** Initially selected model id; otherwise the first configured model. */\n  defaultModel?: string;\n  /** Controlled selected model id. */\n  model?: string;\n  /** Reasoning-effort options for capable models. */\n  reasoningEfforts?: string[];\n  /** Initially selected reasoning effort (\"\" = none). */\n  defaultReasoningEffort?: string;\n  /** Controlled selected reasoning effort (\"\" = none). */\n  reasoningEffort?: string;\n  /** Sampling temperature forwarded to the backend when set. */\n  temperature?: number;\n  /** Per-request budget forwarded to the backend when set. */\n  budget?: ChatBudgetConfig;\n  /** Claude Agent SDK permission mode forwarded to the backend when set. */\n  permissionMode?: ClaudePermissionMode;\n  /** Notified when the user changes the model. */\n  onModelChange?: (id: string) => void;\n  /** Notified when the user changes reasoning effort. */\n  onReasoningEffortChange?: (effort: string) => void;\n  /** Notified when the user changes Claude permission mode. */\n  onPermissionModeChange?: (mode: ClaudePermissionMode) => void;\n  /** Notified after each assistant turn with a usage snapshot (tokens used out\n   *  of the model's context window + cumulative cost), for a usage gauge. */\n  onUsage?: (usage: ChatUsageSummary) => void;\n  /** Suggested prompts shown on the empty state. */\n  suggestions?: Suggestion[];\n  /** Enables file/image attachments. */\n  enableAttachments?: boolean;\n  /** \"manual\" forwards a tool-approval policy hint to the backend. */\n  toolApproval?: \"auto\" | \"manual\";\n  /** Thread id to persist this conversation under (forwarded in the body). */\n  threadId?: string;\n  /** Optional host renderer for recognized completed tool outputs. */\n  renderToolResult?: ToolResultRenderer;\n  /** Extra fields merged into every request body. */\n  body?: Record<string, unknown>;\n  /** Pre-built transport (e.g. a mock for stories/tests). */\n  transport?: ChatTransport<UIMessage>;\n  /** Initial messages to seed the conversation. */\n  initialMessages?: UIMessage[];\n  /** Prompt to send automatically once. A new `id` sends even when text repeats. */\n  initialPrompt?: { id: number; text: string } | null;\n  /** Called after `initialPrompt` has been handed to the chat transport. */\n  onInitialPromptSent?: () => void;\n  placeholder?: string;\n  emptyState?: React.ReactNode;\n  className?: string;\n};\n\nconst DEFAULT_EFFORTS = [\"low\", \"medium\", \"high\"];\n\n/** Self-contained AI chat over a v6-compatible `/api/chat`: a streaming\n *  conversation with model/effort selectors, suggestions, attachments,\n *  per-message copy/regenerate, and human-in-the-loop tool approvals. The\n *  backend owns model selection and tool execution; the selected model,\n *  effort, approval policy and thread id are forwarded in the request body. */\nexport function Chat({\n  api = \"/api/chat\",\n  models: modelsProp,\n  modelsApi = \"/api/chat/models\",\n  defaultModel,\n  model: controlledModel,\n  reasoningEfforts = DEFAULT_EFFORTS,\n  defaultReasoningEffort = \"\",\n  reasoningEffort: controlledEffort,\n  temperature,\n  budget,\n  permissionMode,\n  onModelChange,\n  onReasoningEffortChange,\n  onUsage,\n  suggestions,\n  enableAttachments = false,\n  toolApproval,\n  threadId,\n  renderToolResult,\n  body,\n  transport,\n  initialMessages,\n  initialPrompt,\n  onInitialPromptSent,\n  placeholder,\n  emptyState,\n  className,\n}: ChatProps) {\n  const [models, setModels] = useState<ChatModel[]>(modelsProp ?? []);\n  const [model, setModel] = useState<string | undefined>(controlledModel ?? defaultModel);\n  const [effort, setEffort] = useState(controlledEffort ?? defaultReasoningEffort);\n  const [usage, setUsage] = useState<ChatUsageSummary | null>(null);\n  const lastDefaultModel = useRef(defaultModel);\n  const sentInitialPromptId = useRef<number | null>(null);\n\n  useEffect(() => {\n    if (!modelsProp) return;\n    setModels(modelsProp);\n    setModel((m) => m ?? controlledModel ?? modelsProp.find((d) => d.configured !== false)?.id);\n  }, [modelsProp, controlledModel]);\n\n  // Fetch the model menu unless one was supplied or fetching is disabled.\n  useEffect(() => {\n    if (modelsProp || !modelsApi) return;\n    let cancelled = false;\n    fetch(modelsApi)\n      .then((r) => (r.ok ? r.json() : Promise.reject(new Error(`models ${r.status}`))))\n      .then((data: ChatModel[]) => {\n        if (cancelled) return;\n        setModels(data);\n        setModel((m) => m ?? controlledModel ?? data.find((d) => d.configured !== false)?.id);\n      })\n      .catch((err) => console.warn(\"clicky-ui: failed to load chat models\", err));\n    return () => {\n      cancelled = true;\n    };\n  }, [modelsProp, modelsApi, controlledModel]);\n\n  useEffect(() => {\n    if (controlledModel === undefined) return;\n    setModel(controlledModel);\n  }, [controlledModel]);\n\n  useEffect(() => {\n    if (controlledEffort === undefined) return;\n    setEffort(controlledEffort);\n  }, [controlledEffort]);\n\n  useEffect(() => {\n    if (controlledModel !== undefined) return;\n    if (!defaultModel || defaultModel === lastDefaultModel.current) return;\n    lastDefaultModel.current = defaultModel;\n    setModel(defaultModel);\n  }, [controlledModel, defaultModel]);\n\n  const selectedModel = models.find((m) => m.id === model);\n  const showEffort = !selectedModel || selectedModel.reasoning;\n\n  // A function body keeps the transport stable while always sending the latest\n  // model/effort/policy selections.\n  const bodyRef = useRef<Record<string, unknown>>({});\n  bodyRef.current = {\n    ...body,\n    ...(model ? { model } : {}),\n    ...(effort ? { reasoningEffort: effort } : {}),\n    ...(temperature !== undefined ? { temperature } : {}),\n    ...(budget && (budget.cost !== undefined || budget.maxTokens !== undefined)\n      ? { budget }\n      : {}),\n    ...(permissionMode ? { permissionMode } : {}),\n    ...(toolApproval ? { toolApproval } : {}),\n    ...(threadId ? { threadId } : {}),\n  };\n\n  const resolvedTransport = useMemo<ChatTransport<UIMessage>>(\n    () => transport ?? new DefaultChatTransport({ api, body: () => bodyRef.current }),\n    [transport, api],\n  );\n\n  const { messages, sendMessage, regenerate, addToolApprovalResponse, status, error, clearError, stop } =\n    useChat<ChatUIMessage>({\n      transport: resolvedTransport,\n      sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithApprovalResponses,\n      ...(initialMessages ? { messages: initialMessages as ChatUIMessage[] } : {}),\n    });\n\n  useEffect(() => {\n    if (!initialPrompt || status !== \"ready\") return;\n    if (sentInitialPromptId.current === initialPrompt.id) return;\n    const text = initialPrompt.text.trim();\n    if (!text) return;\n    sentInitialPromptId.current = initialPrompt.id;\n    void sendMessage({ text });\n    onInitialPromptSent?.();\n  }, [initialPrompt, onInitialPromptSent, sendMessage, status]);\n\n  // Surface a usage snapshot after each settled assistant turn. The backend\n  // rides usage/cost on the finish part's messageMetadata; we read it off the\n  // last assistant message and resolve maxTokens from the selected model.\n  const onUsageRef = useRef(onUsage);\n  onUsageRef.current = onUsage;\n  useEffect(() => {\n    if (status !== \"ready\") return;\n    const last = [...messages].reverse().find((m) => m.role === \"assistant\");\n    const meta = last?.metadata;\n    if (!meta) return;\n    const cost = meta.threadCostUsd ?? meta.costBreakdown?.totalUsd ?? meta.cost;\n    const snapshot: ChatUsageSummary = {\n      usedTokens: meta.contextTokens ?? meta.usage?.totalTokens ?? 0,\n      maxTokens: selectedModel?.contextWindow ?? 0,\n      messageCount: messages.length,\n      ...(cost != null ? { cost } : {}),\n      ...(meta.usage ? { usage: meta.usage } : {}),\n      ...(meta.costBreakdown ? { costBreakdown: meta.costBreakdown } : {}),\n      ...(selectedModel?.label ? { modelLabel: selectedModel.label } : {}),\n    };\n    setUsage(snapshot);\n    onUsageRef.current?.(snapshot);\n  }, [messages, status, selectedModel]);\n\n  const onModelSelect = (id: string) => {\n    setModel(id);\n    onModelChange?.(id);\n  };\n\n  const onEffortSelect = (next: string) => {\n    setEffort(next);\n    onReasoningEffortChange?.(next);\n  };\n\n  const ModelGlyph = providerIcon(selectedModel?.provider);\n  const toolbar = models.length > 0 || showEffort || (usage && usage.maxTokens > 0) ? (\n    <div className=\"flex flex-1 items-center gap-2\">\n      <ModelSelector models={models} value={model} onChange={onModelSelect} />\n      {showEffort && (\n        <EffortSelector efforts={reasoningEfforts} value={effort} onChange={onEffortSelect} />\n      )}\n      {usage && usage.maxTokens > 0 && (\n        <>\n          <div className=\"flex-1\" />\n          <ContextMeter\n            mode=\"gauge\"\n            usedPercent={Math.round((usage.usedTokens / usage.maxTokens) * 100)}\n            usedTokens={usage.usedTokens}\n            windowTokens={usage.maxTokens}\n            {...(usage.messageCount != null ? { messageCount: usage.messageCount } : {})}\n            {...(usage.cost != null ? { cost: { total: usage.cost } } : {})}\n            {...(usage.modelLabel ? { model: usage.modelLabel } : {})}\n            {...(ModelGlyph ? { modelIcon: ModelGlyph } : {})}\n          />\n        </>\n      )}\n    </div>\n  ) : undefined;\n\n  const empty = (messages.length === 0 && (emptyState || suggestions?.length)) ? (\n    <div className=\"flex flex-col items-center gap-4\">\n      {emptyState}\n      {suggestions && suggestions.length > 0 && (\n        <Suggestions suggestions={suggestions} onSelect={(text) => void sendMessage({ text })} />\n      )}\n    </div>\n  ) : undefined;\n\n  return (\n    <div className={cn(\"flex h-full flex-col\", className)}>\n      <Conversation\n        messages={messages}\n        status={status}\n        error={error}\n        onClearError={clearError}\n        emptyState={empty}\n        onRegenerate={(messageId) => void regenerate({ messageId })}\n        onApprove={(id, approved, reason) =>\n          void addToolApprovalResponse(reason ? { id, approved, reason } : { id, approved })\n        }\n        {...(renderToolResult ? { renderToolResult } : {})}\n      />\n      <div className=\"p-4 pt-0\">\n        <PromptInput\n          status={status}\n          onStop={() => void stop()}\n          placeholder={placeholder}\n          enableAttachments={enableAttachments}\n          toolbar={toolbar}\n          onSubmit={(text, files) => void sendMessage({ text, files })}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["useState","useRef","useEffect","useMemo","DefaultChatTransport","useChat","lastAssistantMessageIsCompleteWithApprovalResponses","providerIcon","jsxs","jsx","ModelSelector","EffortSelector","Fragment","ContextMeter","Suggestions","cn","Conversation","PromptInput"],"mappings":"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"}
+{"version":3,"file":"Chat.cjs","sources":["../../../src/data/chat/Chat.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useChat } from \"@ai-sdk/react\";\nimport {\n  DefaultChatTransport,\n  lastAssistantMessageIsCompleteWithApprovalResponses,\n  type ChatTransport,\n  type UIMessage,\n} from \"ai\";\nimport { cn } from \"../../lib/utils\";\nimport { Conversation } from \"./Conversation\";\nimport { PromptInput } from \"./PromptInput\";\nimport { Suggestions } from \"./Suggestion\";\nimport { ModelSelector, EffortSelector } from \"./ModelSelector\";\nimport { providerIcon, providerIconColor } from \"./provider-icons\";\nimport { ContextMeter } from \"./ContextMeter\";\nimport { DEFAULT_REASONING_EFFORTS } from \"./effort-icons\";\nimport { defaultChatModelId } from \"./models\";\nimport {\n  createAttachmentUploadAdapter,\n  type AttachmentLimits,\n  type AttachmentUploadAdapter,\n} from \"./attachment-upload\";\nimport type {\n  ChatBudgetConfig,\n  ChatModel,\n  ChatMessageMetadata,\n  ChatUsageSummary,\n  ClaudePermissionMode,\n  Suggestion,\n  ToolResultRenderer,\n} from \"./types\";\n\n/** Assistant messages carry token usage + cost the backend rode on the finish\n *  part's `messageMetadata`. */\ntype ChatUIMessage = UIMessage<ChatMessageMetadata>;\n\nexport type ChatProps = {\n  /** Endpoint that speaks the AI SDK v6 UI Message Stream protocol.\n   *  Ignored when `transport` is supplied. Defaults to \"/api/chat\". */\n  api?: string;\n  /** Model menu. When omitted and `modelsApi` is set, it is fetched. */\n  models?: ChatModel[];\n  /** Endpoint returning the model menu (ModelInfo[]). Defaults to\n   *  \"/api/chat/models\". Set to null to disable fetching. */\n  modelsApi?: string | null;\n  /** Initially selected model id; otherwise the first configured model. */\n  defaultModel?: string;\n  /** Controlled selected model id. */\n  model?: string;\n  /** Reasoning-effort options for capable models. */\n  reasoningEfforts?: string[];\n  /** Initially selected reasoning effort (\"\" = none). */\n  defaultReasoningEffort?: string;\n  /** Controlled selected reasoning effort (\"\" = none). */\n  reasoningEffort?: string;\n  /** Sampling temperature forwarded to the backend when set. */\n  temperature?: number;\n  /** Per-request budget forwarded to the backend when set. */\n  budget?: ChatBudgetConfig;\n  /** Claude Agent SDK permission mode forwarded to the backend when set. */\n  permissionMode?: ClaudePermissionMode;\n  /** Notified when the user changes the model. */\n  onModelChange?: (id: string) => void;\n  /** Notified when the user changes reasoning effort. */\n  onReasoningEffortChange?: (effort: string) => void;\n  /** Notified when the user changes Claude permission mode. */\n  onPermissionModeChange?: (mode: ClaudePermissionMode) => void;\n  /** Notified after each assistant turn with a usage snapshot (tokens used out\n   *  of the model's context window + cumulative cost), for a usage gauge. */\n  onUsage?: (usage: ChatUsageSummary) => void;\n  /** Suggested prompts shown on the empty state. */\n  suggestions?: Suggestion[];\n  /** Enables file/image attachments. */\n  enableAttachments?: boolean;\n  /** Upload endpoint used before an attachment is added to a chat message. */\n  attachmentsApi?: string;\n  /** Custom durable upload adapter; overrides attachmentsApi. */\n  attachmentUpload?: AttachmentUploadAdapter;\n  attachmentLimits?: AttachmentLimits;\n  /** Thread id to persist this conversation under (forwarded in the body). */\n  threadId?: string;\n  /** Optional host renderer for recognized completed tool outputs. */\n  renderToolResult?: ToolResultRenderer;\n  /** Extra fields merged into every request body. */\n  body?: Record<string, unknown>;\n  /** Pre-built transport (e.g. a mock for stories/tests). */\n  transport?: ChatTransport<UIMessage>;\n  /** Initial messages to seed the conversation. */\n  initialMessages?: UIMessage[];\n  /** Prompt to send automatically once. A new `id` sends even when text repeats. */\n  initialPrompt?: { id: number; text: string } | null;\n  /** Called after `initialPrompt` has been handed to the chat transport. */\n  onInitialPromptSent?: () => void;\n  placeholder?: string;\n  emptyState?: React.ReactNode;\n  className?: string;\n};\n\n/** Self-contained AI chat over a v6-compatible `/api/chat`: a streaming\n *  conversation with model/effort selectors, suggestions, attachments,\n *  per-message copy/regenerate, and human-in-the-loop tool approvals. The\n *  backend owns model selection and tool execution; the selected model,\n *  effort, permission mode and thread id are forwarded in the request body. */\nexport function Chat({\n  api = \"/api/chat\",\n  models: modelsProp,\n  modelsApi = \"/api/chat/models\",\n  defaultModel,\n  model: controlledModel,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  defaultReasoningEffort = \"\",\n  reasoningEffort: controlledEffort,\n  temperature,\n  budget,\n  permissionMode,\n  onModelChange,\n  onReasoningEffortChange,\n  onUsage,\n  suggestions,\n  enableAttachments = false,\n  attachmentsApi = \"/api/attachments\",\n  attachmentUpload,\n  attachmentLimits,\n  threadId,\n  renderToolResult,\n  body,\n  transport,\n  initialMessages,\n  initialPrompt,\n  onInitialPromptSent,\n  placeholder,\n  emptyState,\n  className,\n}: ChatProps) {\n  const [models, setModels] = useState<ChatModel[]>(modelsProp ?? []);\n  const [model, setModel] = useState<string | undefined>(controlledModel ?? defaultModel);\n  const [effort, setEffort] = useState(controlledEffort ?? defaultReasoningEffort);\n  const [usage, setUsage] = useState<ChatUsageSummary | null>(null);\n  const lastDefaultModel = useRef(defaultModel);\n  const sentInitialPromptId = useRef<number | null>(null);\n\n  useEffect(() => {\n    if (!modelsProp) return;\n    setModels(modelsProp);\n    setModel((m) => m ?? controlledModel ?? defaultChatModelId(modelsProp));\n  }, [modelsProp, controlledModel]);\n\n  // Fetch the model menu unless one was supplied or fetching is disabled.\n  useEffect(() => {\n    if (modelsProp || !modelsApi) return;\n    let cancelled = false;\n    fetch(modelsApi)\n      .then((r) => (r.ok ? r.json() : Promise.reject(new Error(`models ${r.status}`))))\n      .then((data: ChatModel[]) => {\n        if (cancelled) return;\n        setModels(data);\n        setModel((m) => m ?? controlledModel ?? defaultChatModelId(data));\n      })\n      .catch((err) => console.warn(\"clicky-ui: failed to load chat models\", err));\n    return () => {\n      cancelled = true;\n    };\n  }, [modelsProp, modelsApi, controlledModel]);\n\n  useEffect(() => {\n    if (controlledModel === undefined) return;\n    setModel(controlledModel);\n  }, [controlledModel]);\n\n  useEffect(() => {\n    if (controlledEffort === undefined) return;\n    setEffort(controlledEffort);\n  }, [controlledEffort]);\n\n  useEffect(() => {\n    if (controlledModel !== undefined) return;\n    if (!defaultModel || defaultModel === lastDefaultModel.current) return;\n    lastDefaultModel.current = defaultModel;\n    setModel(defaultModel);\n  }, [controlledModel, defaultModel]);\n\n  const selectedModel = models.find((m) => m.id === model);\n  const showEffort = !selectedModel || selectedModel.reasoning;\n  const resolvedAttachmentUpload = useMemo(\n    () =>\n      attachmentUpload ??\n      createAttachmentUploadAdapter({ endpoint: attachmentsApi }),\n    [attachmentUpload, attachmentsApi],\n  );\n\n  // A function body keeps the transport stable while always sending the latest\n  // model/effort/runtime selections.\n  const bodyRef = useRef<Record<string, unknown>>({});\n  bodyRef.current = {\n    ...body,\n    ...(model ? { model } : {}),\n    ...(effort ? { reasoningEffort: effort } : {}),\n    ...(temperature !== undefined ? { temperature } : {}),\n    ...(budget && (budget.cost !== undefined || budget.maxTokens !== undefined)\n      ? { budget }\n      : {}),\n    ...(permissionMode ? { permissionMode } : {}),\n    ...(threadId ? { threadId } : {}),\n  };\n\n  const resolvedTransport = useMemo<ChatTransport<UIMessage>>(\n    () => transport ?? new DefaultChatTransport({ api, body: () => bodyRef.current }),\n    [transport, api],\n  );\n\n  const { messages, sendMessage, regenerate, addToolApprovalResponse, status, error, clearError, stop } =\n    useChat<ChatUIMessage>({\n      transport: resolvedTransport,\n      sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithApprovalResponses,\n      ...(initialMessages ? { messages: initialMessages as ChatUIMessage[] } : {}),\n    });\n\n  useEffect(() => {\n    if (!initialPrompt || status !== \"ready\") return;\n    if (sentInitialPromptId.current === initialPrompt.id) return;\n    const text = initialPrompt.text.trim();\n    if (!text) return;\n    sentInitialPromptId.current = initialPrompt.id;\n    void sendMessage({ text });\n    onInitialPromptSent?.();\n  }, [initialPrompt, onInitialPromptSent, sendMessage, status]);\n\n  // Surface a usage snapshot after each settled assistant turn. The backend\n  // rides usage/cost on the finish part's messageMetadata; we read it off the\n  // last assistant message and resolve maxTokens from the selected model.\n  const onUsageRef = useRef(onUsage);\n  onUsageRef.current = onUsage;\n  useEffect(() => {\n    if (status !== \"ready\") return;\n    const last = [...messages].reverse().find((m) => m.role === \"assistant\");\n    const meta = last?.metadata;\n    if (!meta) return;\n    const cost = meta.threadCostUsd ?? meta.costBreakdown?.totalUsd ?? meta.cost;\n    const snapshot: ChatUsageSummary = {\n      usedTokens: meta.contextTokens ?? meta.usage?.totalTokens ?? 0,\n      maxTokens: selectedModel?.contextWindow ?? 0,\n      messageCount: messages.length,\n      ...(cost != null ? { cost } : {}),\n      ...(meta.usage ? { usage: meta.usage } : {}),\n      ...(meta.costBreakdown ? { costBreakdown: meta.costBreakdown } : {}),\n      ...(selectedModel?.label ? { modelLabel: selectedModel.label } : {}),\n    };\n    setUsage(snapshot);\n    onUsageRef.current?.(snapshot);\n  }, [messages, status, selectedModel]);\n\n  const onModelSelect = (id: string) => {\n    setModel(id);\n    onModelChange?.(id);\n  };\n\n  const onEffortSelect = (next: string) => {\n    setEffort(next);\n    onReasoningEffortChange?.(next);\n  };\n\n  const ModelGlyph = providerIcon(selectedModel?.provider);\n  const toolbar = models.length > 0 || showEffort || (usage && usage.maxTokens > 0) ? (\n    <div className=\"flex flex-1 items-center gap-2\">\n      <ModelSelector models={models} value={model} onChange={onModelSelect} />\n      {showEffort && (\n        <EffortSelector efforts={reasoningEfforts} value={effort} onChange={onEffortSelect} />\n      )}\n      {usage && usage.maxTokens > 0 && (\n        <>\n          <div className=\"flex-1\" />\n          <ContextMeter\n            mode=\"gauge\"\n            usedPercent={Math.round((usage.usedTokens / usage.maxTokens) * 100)}\n            usedTokens={usage.usedTokens}\n            windowTokens={usage.maxTokens}\n            {...(usage.messageCount != null ? { messageCount: usage.messageCount } : {})}\n            {...(usage.cost != null ? { cost: { total: usage.cost } } : {})}\n            {...(usage.modelLabel ? { model: usage.modelLabel } : {})}\n            {...(effort ? { effort } : {})}\n            {...(ModelGlyph ? { modelIcon: ModelGlyph } : {})}\n            {...(selectedModel?.provider\n              ? { modelIconClassName: providerIconColor(selectedModel.provider) }\n              : {})}\n          />\n        </>\n      )}\n    </div>\n  ) : undefined;\n\n  const empty = (messages.length === 0 && (emptyState || suggestions?.length)) ? (\n    <div className=\"flex flex-col items-center gap-4\">\n      {emptyState}\n      {suggestions && suggestions.length > 0 && (\n        <Suggestions suggestions={suggestions} onSelect={(text) => void sendMessage({ text })} />\n      )}\n    </div>\n  ) : undefined;\n\n  return (\n    <div className={cn(\"flex h-full flex-col\", className)}>\n      <Conversation\n        messages={messages}\n        status={status}\n        error={error}\n        onClearError={clearError}\n        {...(threadId ? { sessionId: threadId } : {})}\n        {...(model ? { model } : {})}\n        emptyState={empty}\n        onRegenerate={(messageId) => void regenerate({ messageId })}\n        onApprove={(id, approved, reason) =>\n          void addToolApprovalResponse(reason ? { id, approved, reason } : { id, approved })\n        }\n        {...(renderToolResult ? { renderToolResult } : {})}\n      />\n      <div className=\"p-4 pt-0\">\n        <PromptInput\n          status={status}\n          onStop={() => void stop()}\n          placeholder={placeholder}\n          enableAttachments={enableAttachments}\n          attachmentUpload={resolvedAttachmentUpload}\n          {...(selectedModel?.inputMediaTypes\n            ? { acceptedMediaTypes: selectedModel.inputMediaTypes }\n            : {})}\n          {...(attachmentLimits ? { attachmentLimits } : {})}\n          toolbar={toolbar}\n          onSubmit={(text, files) => void sendMessage({ text, files })}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["DEFAULT_REASONING_EFFORTS","attachmentUpload","models","useState","useRef","useEffect","defaultChatModelId","useMemo","createAttachmentUploadAdapter","DefaultChatTransport","useChat","lastAssistantMessageIsCompleteWithApprovalResponses","providerIcon","jsxs","jsx","ModelSelector","EffortSelector","Fragment","ContextMeter","providerIconColor","Suggestions","cn","Conversation","PromptInput"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
 import { ChatTransport, UIMessage } from 'ai';
+import { AttachmentLimits, AttachmentUploadAdapter } from './attachment-upload';
 import { ChatBudgetConfig, ChatModel, ChatUsageSummary, ClaudePermissionMode, Suggestion, ToolResultRenderer } from './types';
 export type ChatProps = {
     /** Endpoint that speaks the AI SDK v6 UI Message Stream protocol.
@@ -38,8 +39,11 @@ export type ChatProps = {
     suggestions?: Suggestion[];
     /** Enables file/image attachments. */
     enableAttachments?: boolean;
-    /** "manual" forwards a tool-approval policy hint to the backend. */
-    toolApproval?: "auto" | "manual";
+    /** Upload endpoint used before an attachment is added to a chat message. */
+    attachmentsApi?: string;
+    /** Custom durable upload adapter; overrides attachmentsApi. */
+    attachmentUpload?: AttachmentUploadAdapter;
+    attachmentLimits?: AttachmentLimits;
     /** Thread id to persist this conversation under (forwarded in the body). */
     threadId?: string;
     /** Optional host renderer for recognized completed tool outputs. */
@@ -65,6 +69,6 @@ export type ChatProps = {
  *  conversation with model/effort selectors, suggestions, attachments,
  *  per-message copy/regenerate, and human-in-the-loop tool approvals. The
  *  backend owns model selection and tool execution; the selected model,
- *  effort, approval policy and thread id are forwarded in the request body. */
-export declare function Chat({ api, models: modelsProp, modelsApi, defaultModel, model: controlledModel, reasoningEfforts, defaultReasoningEffort, reasoningEffort: controlledEffort, temperature, budget, permissionMode, onModelChange, onReasoningEffortChange, onUsage, suggestions, enableAttachments, toolApproval, threadId, renderToolResult, body, transport, initialMessages, initialPrompt, onInitialPromptSent, placeholder, emptyState, className, }: ChatProps): import("react/jsx-runtime").JSX.Element;
+ *  effort, permission mode and thread id are forwarded in the request body. */
+export declare function Chat({ api, models: modelsProp, modelsApi, defaultModel, model: controlledModel, reasoningEfforts, defaultReasoningEffort, reasoningEffort: controlledEffort, temperature, budget, permissionMode, onModelChange, onReasoningEffortChange, onUsage, suggestions, enableAttachments, attachmentsApi, attachmentUpload, attachmentLimits, threadId, renderToolResult, body, transport, initialMessages, initialPrompt, onInitialPromptSent, placeholder, emptyState, className, }: ChatProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Chat.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/data/chat/Chat.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/data/chat/Chat.tsx"],"names":[],"mappings":"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"}