@inkeep/agents-ui 0.0.0-dev-20260612033415 → 0.0.0-dev-20260612035557

package/dist/primitives/components/embedded-chat/file-upload-input.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),p=require("react"),b=require("../../atoms/icons/custom-icon.cjs"),E=require("../../providers/image-preview-provider.cjs"),M=require("../../providers/message-provider.cjs"),u=require("./chat-provider.cjs"),m=require("../../atoms/file-upload.cjs"),F=require("../../utils/misc.cjs"),x=require("../../utils/compose-event-handlers.cjs"),s=require("../factory.cjs"),j=require("../../providers/config-provider.cjs"),y={"application/pdf":"filePdf","text/plain":"fileText","text/markdown":"fileMarkdown","text/html":"fileHtml","text/csv":"fileCsv","text/x-log":"fileLog","application/json":"fileJson","text/x-sql":"fileSql","application/x-sql":"fileSql","text/x-script.python":"filePy","text/x-python":"filePy","text/x-python-script":"filePy"};function g(t){return t.startsWith("image/")}const v={"image/png":[".png"],"image/jpeg":[".jpg",".jpeg"],"image/webp":[".webp"],"application/pdf":[".pdf"],"text/plain":[".txt",".text",".bat",".cfg",".conf",".def",".dic",".in",".list"],"text/x-log":[".log"],"text/markdown":[".md",".markdown"],"text/html":[".html",".htm"],"text/csv":[".csv"],"text/xml":[".xml"],"text/css":[".css"],"application/json":[".json"],"application/yaml":[".yaml",".yml"],"application/x-yaml":[".yaml",".yml"],"text/x-yaml":[".yaml",".yml"],"application/toml":[".toml"],"application/x-toml":[".toml"],"application/graphql":[".graphql",".gql"],"application/x-graphql":[".graphql",".gql"],"text/x-graphql":[".graphql",".gql"],"application/x-ndjson":[".ndjson"],"application/json5":[".json5"],"application/x-json5":[".json5"],"application/javascript":[".js",".mjs"],"text/javascript":[".js",".mjs"],"application/typescript":[".ts"],"text/x-typescript":[".ts"],"text/jsx":[".jsx"],"text/tsx":[".tsx"],"text/x-sh":[".sh"],"text/x-bash":[".bash"],"application/x-bash":[".bash"],"text/x-zsh":[".zsh"],"text/x-shellscript":[".sh",".ksh"],"application/x-powershell":[".ps1"],"text/vbscript":[".vbs"],"text/x-awk":[".awk"],"application/x-awk":[".awk"],"text/x-c":[".c",".h"],"text/x-c++":[".cpp",".cc",".cxx",".hh"],"text/x-csharp":[".cs"],"text/x-objectivec":[".m"],"text/x-objectivec++":[".mm"],"text/x-java":[".java"],"text/x-scala":[".scala"],"application/x-scala":[".scala"],"text/x-kotlin":[".kt"],"text/x-groovy":[".groovy"],"text/x-clojure":[".clj"],"text/x-go":[".go"],"text/x-golang":[".go"],"text/x-rust":[".rs"],"application/x-rust":[".rs"],"text/x-swift":[".swift"],"text/x-dart":[".dart"],"text/x-python":[".py"],"text/x-script.python":[".py"],"text/x-python-script":[".py"],"text/x-ruby":[".rb"],"text/x-perl":[".pl"],"text/x-lua":[".lua"],"text/x-r":[".r"],"text/x-R":[".r"],"text/x-julia":[".jl"],"text/x-elixir":[".ex"],"text/x-erlang":[".erl"],"text/x-haskell":[".hs"],"text/x-lisp":[".lisp"],"text/x-php":[".php"],"application/x-php":[".php"],"application/x-httpd-php":[".php"],"application/x-httpd-php-source":[".php"],"text/x-tex":[".tex"],"text/x-rst":[".rst"],"text/x-handlebars":[".hbs"],"text/x-mustache":[".mustache"],"text/x-ejs":[".ejs"],"text/x-jinja2":[".jinja",".jinja2"],"text/x-liquid":[".liquid"],"text/x-erb":[".erb"],"text/x-twig":[".twig"],"text/x-pug":[".pug"],"text/x-jade":[".jade"],"text/x-tmpl":[".tmpl"],"text/x-astro":[".astro"],"text/x-sass":[".sass"],"text/x-scss":[".scss"],"text/x-less":[".less"],"text/x-sql":[".sql"],"application/x-sql":[".sql"],"text/x-makefile":[".makefile",".mk"],"text/x-cmake":[".cmake"],"text/x-dockerfile":[".dockerfile"],"text/x-gradle":[".gradle"],"text/x-ini":[".ini"],"text/x-properties":[".properties"],"text/x-protobuf":[".proto"],"application/x-protobuf":[".proto"],"text/x-hcl":[".hcl"],"text/x-terraform":[".tf"],"application/x-terraform":[".tf"],"text/x-diff":[".diff"],"text/x-patch":[".patch"],"application/x-patch":[".patch"],"text/x-asm":[".asm",".s"],"message/rfc822":[".eml",".mht",".mhtml",".mime",".nws"],"text/srt":[".srt"],"application/x-subrip":[".srt"],"text/x-subrip":[".srt"],"text/vtt":[".vtt"],"text/x-vcard":[".vcf"],"text/calendar":[".ics",".ifb"],"application/vnd.openxmlformats-officedocument.wordprocessingml.document":[".docx"],"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":[".xlsx"],"application/vnd.openxmlformats-officedocument.presentationml.presentation":[".pptx"],"application/vnd.oasis.opendocument.text":[".odt"],"application/vnd.oasis.opendocument.spreadsheet":[".ods"],"application/vnd.oasis.opendocument.presentation":[".odp"],"application/vnd.apple.pages":[".pages"],"application/vnd.apple.numbers":[".numbers"],"application/vnd.apple.keynote":[".key"],"application/x-iwork-pages-sffpages":[".pages"],"application/x-iwork-numbers-sffnumbers":[".numbers"],"application/x-iwork-keynote-sffkey":[".key"]},k=new Set(Object.keys(v)),I=10,P=1024*1024*10,T=Object.entries(v).reduce((t,[e,i])=>{for(const n of i)t[n]=e;return t},{});function w(t){if(t.type)return t;const e=`.${t.name.split(".").pop()?.toLowerCase()}`,i=T[e];return i?new File([t],t.name,{type:i}):t}function N(t){if(!t.length)return null;const e=i=>t.some(n=>n.errors.includes(i));return e("TOO_MANY_FILES")?{title:"Attachment limit reached",message:`You can only attach up to ${I} files per message.`}:e("FILE_INVALID_TYPE")?{title:"Unsupported file type",message:"Supported formats include images, PDFs, text, code, and document files."}:e("FILE_TOO_LARGE")?{title:"File too large",message:`Files must be smaller than ${P/1024/1024}MB.`}:e("FILE_EXISTS")?{title:"File already exists",message:`The file "${t.find(n=>n.errors.includes("FILE_EXISTS"))?.file.name??"file"}" is already attached to this message.`}:{title:"File rejected",message:"This file could not be added."}}const q=s.ikp("div",{_id:"aiChatMessage__Files"}),f=new WeakSet;function L(t,e){const i=e.map(a=>{if(!a.providerMetadata)return{...a};try{return{...a,providerMetadata:structuredClone(a.providerMetadata)}}catch{return{...a}}});let n;try{n=t(i)}catch(a){return f.has(t)||(f.add(t),console.warn("[aiChatSettings] transformMessageFiles threw",a)),e}return Array.isArray(n)?n.filter(a=>a!=null):(f.has(t)||(f.add(t),console.warn("[aiChatSettings] transformMessageFiles must return an array, got:",n)),e)}const A=({children:t,...e})=>{const{message:i}=M.useMessage(),{aiChatSettings:n}=j.useInkeepConfig();if(i.role!=="user")return null;const a=(i.parts??[]).filter(l=>l.type==="file"),r=n.transformMessageFiles,d=(r?L(r,a):a).filter(l=>k.has(l.mediaType??""));return d.length?o.jsx(q,{...e,children:t(d)}):null},S=s.ikp("button",{_id:"aiChatMessage__File"}),U=({url:t,name:e,mediaType:i,onClick:n,...a})=>{const{openImagePreview:r}=E.useImagePreview(),[c,d]=p.useState(!0),l=p.useMemo(()=>new File([],e??"file",{type:i}),[e,i]);return o.jsx(_.Provider,{value:{file:l,objectUrl:t,isLoading:c,setIsLoading:d,onRemove:()=>{}},children:o.jsx(S,{type:"button","aria-label":g(i??"")?`Preview ${e??"file"}`:`Open ${e??"file"} in new tab`,"data-loading":F.dataAttr(c),onClick:x.composeEventHandlers(n,()=>{if(g(i??""))r({url:t,name:e??"file"});else if(t)if(t.startsWith("data:")){const C=document.createElement("a");C.href=t,C.download=e??"file",C.click()}else window.open(t,"_blank","noopener,noreferrer")}),...a})})},R=s.ikp("div",{_id:"aiChatInput__Fieldset"}),O=t=>{const e=m.useFileUploadApi();return o.jsx(R,{...e.getDropzoneProps({disableClick:!0}),"data-drag-over":F.dataAttr(e.dragging),...t})},H=({...t})=>{const{files:e,setFiles:i,showInputNotification:n}=u.useChat();return o.jsx(m.FileUploadRoot,{accept:v,maxFiles:I,maxFileSize:P,preventDocumentDrop:!0,acceptedFiles:e,onFileAccept:a=>i(a.files),onFileReject:a=>{const r=N(a.files);r&&n(r)},children:o.jsx(O,{...t})})},D=s.ikp("div",{_id:"aiChatInput__DropZone"}),B=s.ikp("div",{_id:"aiChatInput__Notification"}),X=t=>{const{inputNotification:e}=u.useChat();return e?o.jsx(B,{role:"alert",...t}):null},Y=s.ikp("p",{_id:"aiChatInput__NotificationTitle"}),$=({children:t,...e})=>{const{inputNotification:i}=u.useChat();return i?.title?o.jsxs(Y,{...e,children:[t,i.title]}):null},z=s.ikp("p",{_id:"aiChatInput__NotificationMessage"}),Z=t=>{const{inputNotification:e}=u.useChat();return o.jsx(z,{...t,children:e?.message})},K=s.ikp("button",{_id:"aiChatInput__NotificationClose"}),W=({onClick:t,...e})=>{const{clearInputNotification:i}=u.useChat();return o.jsx(K,{type:"button","aria-label":"Dismiss",onClick:x.composeEventHandlers(t,i),...e})},V=s.ikp("div",{_id:"aiChatInput__NotificationContent"}),G=s.ikp("div",{_id:"aiChatInput__NotificationHeader"}),J=s.ikp(b.CustomIcon,{_id:"aiChatInput__FileUploadButtonIcon",iconKey:"fileUpload"}),Q=s.ikp("button",{_id:"aiChatInput__FileUploadButton"}),tt=t=>{const{aiChatSettings:e}=j.useInkeepConfig(),i=m.useFileUploadApi(),{onClick:n,...a}=t;return o.jsx(Q,{type:"button","aria-label":"Upload file",disabled:e.isViewOnly,onClick:x.composeEventHandlers(n,()=>i.openFilePicker()),...a})},et=s.ikp("input",{_id:"aiChatInput__FileInput"}),it=t=>{const e=m.useFileUploadApi();return o.jsx(et,{...t,...e.getHiddenInputProps()})},nt=s.ikp("div",{_id:"aiChatInput__FileList"}),at=({children:t,...e})=>{const n=m.useFileUploadApi().acceptedFiles;return n.length?o.jsx(nt,{...e,children:t(n)}):null},_=p.createContext(null);function h(){const t=p.useContext(_);if(!t)throw new Error("useFileContext must be used within EmbeddedChatPrimitiveFileItem");return t}const ot=s.ikp("div",{_id:"aiChatInput__FileItem"}),st=({file:t,...e})=>{const i=m.useFileUploadApi(),[n,a]=p.useState(void 0),[r,c]=p.useState(!0);p.useEffect(()=>i.createFileUrl(t,l=>{a(l),c(!0)}),[t]);const d=()=>i.deleteFile(t);return o.jsx(_.Provider,{value:{file:t,objectUrl:n,isLoading:r,setIsLoading:c,onRemove:d},children:o.jsx(ot,{"data-loading":F.dataAttr(r),...e})})},rt=s.ikp("button",{_id:"aiChatInput__FilePreviewTrigger"}),lt=({onClick:t,...e})=>{const{objectUrl:i,file:n}=h(),{openImagePreview:a}=E.useImagePreview();return o.jsx(rt,{type:"button","aria-label":`Preview ${n.name}`,disabled:!i,onClick:x.composeEventHandlers(t,()=>{i&&a({url:i,name:n.name})}),...e})},pt=s.ikp("span",{_id:"aiChatInput__FileContent"}),ct=t=>o.jsx(pt,{...t}),dt=s.ikp("img",{_id:"aiChatInput__FileThumbnail"}),mt=({onLoad:t,...e})=>{const{objectUrl:i,file:n,setIsLoading:a}=h();return o.jsx(dt,{src:i,alt:n.name,onLoad:x.composeEventHandlers(t,()=>a(!1)),...e})},xt=({className:t})=>{const{file:e}=h(),i=y[w(e).type]??"file";return o.jsx(b.CustomIcon,{iconKey:i,className:t})},ut=s.ikp("span",{_id:"aiChatInput__FileName"}),ht=t=>{const{file:e}=h();return o.jsx(ut,{...t,children:e.name})},ft=s.ikp("button",{_id:"aiChatInput__FileRemove"}),vt=s.ikp(b.CustomIcon,{_id:"aiChatInput__FileRemoveIcon",iconKey:"close"}),Ct=({onClick:t,...e})=>{const{onRemove:i}=h();return o.jsx(ft,{type:"button","aria-label":"Remove file",onClick:x.composeEventHandlers(t,i),...e})};exports.ACCEPTED_FILE_MIME_TYPES=k;exports.EmbeddedChatPrimitiveDropZone=D;exports.EmbeddedChatPrimitiveFileContent=ct;exports.EmbeddedChatPrimitiveFileInput=it;exports.EmbeddedChatPrimitiveFileItem=st;exports.EmbeddedChatPrimitiveFileList=at;exports.EmbeddedChatPrimitiveFileName=ht;exports.EmbeddedChatPrimitiveFilePreviewTrigger=lt;exports.EmbeddedChatPrimitiveFileRemove=Ct;exports.EmbeddedChatPrimitiveFileRemoveIcon=vt;exports.EmbeddedChatPrimitiveFileThumbnail=mt;exports.EmbeddedChatPrimitiveFileTypeIcon=xt;exports.EmbeddedChatPrimitiveFileUploadButton=tt;exports.EmbeddedChatPrimitiveFileUploadButtonIcon=J;exports.EmbeddedChatPrimitiveInputFieldset=H;exports.EmbeddedChatPrimitiveInputNotification=X;exports.EmbeddedChatPrimitiveInputNotificationClose=W;exports.EmbeddedChatPrimitiveInputNotificationContent=V;exports.EmbeddedChatPrimitiveInputNotificationHeader=G;exports.EmbeddedChatPrimitiveInputNotificationMessage=Z;exports.EmbeddedChatPrimitiveInputNotificationTitle=$;exports.EmbeddedChatPrimitiveMessageFile=U;exports.EmbeddedChatPrimitiveMessageFiles=A;exports.FILE_ACCEPT_MAP=v;exports.FILE_TYPE_ICON_MAP=y;exports.MAX_FILES=I;exports.MAX_FILE_SIZE=P;exports.isImageMimeType=g;exports.normalizeFileType=w;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),p=require("react"),b=require("../../atoms/icons/custom-icon.cjs"),j=require("../../providers/image-preview-provider.cjs"),N=require("../../providers/message-provider.cjs"),u=require("./chat-provider.cjs"),m=require("../../atoms/file-upload.cjs"),F=require("../../utils/misc.cjs"),x=require("../../utils/compose-event-handlers.cjs"),s=require("../factory.cjs"),y=require("../../providers/config-provider.cjs"),k={"application/pdf":"filePdf","text/plain":"fileText","text/markdown":"fileMarkdown","text/html":"fileHtml","text/csv":"fileCsv","text/x-log":"fileLog","application/json":"fileJson","text/x-sql":"fileSql","application/x-sql":"fileSql","text/x-script.python":"filePy","text/x-python":"filePy","text/x-python-script":"filePy"};function C(e){return e.startsWith("image/")}const v={"image/png":[".png"],"image/jpeg":[".jpg",".jpeg"],"image/webp":[".webp"],"application/pdf":[".pdf"],"text/plain":[".txt",".text",".bat",".cfg",".conf",".def",".dic",".in",".list"],"text/x-log":[".log"],"text/markdown":[".md",".markdown"],"text/html":[".html",".htm"],"text/csv":[".csv"],"text/xml":[".xml"],"text/css":[".css"],"application/json":[".json"],"application/yaml":[".yaml",".yml"],"application/x-yaml":[".yaml",".yml"],"text/x-yaml":[".yaml",".yml"],"application/toml":[".toml"],"application/x-toml":[".toml"],"application/graphql":[".graphql",".gql"],"application/x-graphql":[".graphql",".gql"],"text/x-graphql":[".graphql",".gql"],"application/x-ndjson":[".ndjson"],"application/json5":[".json5"],"application/x-json5":[".json5"],"application/javascript":[".js",".mjs"],"text/javascript":[".js",".mjs"],"application/typescript":[".ts"],"text/x-typescript":[".ts"],"text/jsx":[".jsx"],"text/tsx":[".tsx"],"text/x-sh":[".sh"],"text/x-bash":[".bash"],"application/x-bash":[".bash"],"text/x-zsh":[".zsh"],"text/x-shellscript":[".sh",".ksh"],"application/x-powershell":[".ps1"],"text/vbscript":[".vbs"],"text/x-awk":[".awk"],"application/x-awk":[".awk"],"text/x-c":[".c",".h"],"text/x-c++":[".cpp",".cc",".cxx",".hh"],"text/x-csharp":[".cs"],"text/x-objectivec":[".m"],"text/x-objectivec++":[".mm"],"text/x-java":[".java"],"text/x-scala":[".scala"],"application/x-scala":[".scala"],"text/x-kotlin":[".kt"],"text/x-groovy":[".groovy"],"text/x-clojure":[".clj"],"text/x-go":[".go"],"text/x-golang":[".go"],"text/x-rust":[".rs"],"application/x-rust":[".rs"],"text/x-swift":[".swift"],"text/x-dart":[".dart"],"text/x-python":[".py"],"text/x-script.python":[".py"],"text/x-python-script":[".py"],"text/x-ruby":[".rb"],"text/x-perl":[".pl"],"text/x-lua":[".lua"],"text/x-r":[".r"],"text/x-R":[".r"],"text/x-julia":[".jl"],"text/x-elixir":[".ex"],"text/x-erlang":[".erl"],"text/x-haskell":[".hs"],"text/x-lisp":[".lisp"],"text/x-php":[".php"],"application/x-php":[".php"],"application/x-httpd-php":[".php"],"application/x-httpd-php-source":[".php"],"text/x-tex":[".tex"],"text/x-rst":[".rst"],"text/x-handlebars":[".hbs"],"text/x-mustache":[".mustache"],"text/x-ejs":[".ejs"],"text/x-jinja2":[".jinja",".jinja2"],"text/x-liquid":[".liquid"],"text/x-erb":[".erb"],"text/x-twig":[".twig"],"text/x-pug":[".pug"],"text/x-jade":[".jade"],"text/x-tmpl":[".tmpl"],"text/x-astro":[".astro"],"text/x-sass":[".sass"],"text/x-scss":[".scss"],"text/x-less":[".less"],"text/x-sql":[".sql"],"application/x-sql":[".sql"],"text/x-makefile":[".makefile",".mk"],"text/x-cmake":[".cmake"],"text/x-dockerfile":[".dockerfile"],"text/x-gradle":[".gradle"],"text/x-ini":[".ini"],"text/x-properties":[".properties"],"text/x-protobuf":[".proto"],"application/x-protobuf":[".proto"],"text/x-hcl":[".hcl"],"text/x-terraform":[".tf"],"application/x-terraform":[".tf"],"text/x-diff":[".diff"],"text/x-patch":[".patch"],"application/x-patch":[".patch"],"text/x-asm":[".asm",".s"],"message/rfc822":[".eml",".mht",".mhtml",".mime",".nws"],"text/srt":[".srt"],"application/x-subrip":[".srt"],"text/x-subrip":[".srt"],"text/vtt":[".vtt"],"text/x-vcard":[".vcf"],"text/calendar":[".ics",".ifb"],"application/vnd.openxmlformats-officedocument.wordprocessingml.document":[".docx"],"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":[".xlsx"],"application/vnd.openxmlformats-officedocument.presentationml.presentation":[".pptx"],"application/vnd.oasis.opendocument.text":[".odt"],"application/vnd.oasis.opendocument.spreadsheet":[".ods"],"application/vnd.oasis.opendocument.presentation":[".odp"],"application/vnd.apple.pages":[".pages"],"application/vnd.apple.numbers":[".numbers"],"application/vnd.apple.keynote":[".key"],"application/x-iwork-pages-sffpages":[".pages"],"application/x-iwork-numbers-sffnumbers":[".numbers"],"application/x-iwork-keynote-sffkey":[".key"]},w=new Set(Object.keys(v)),I=10,P=1024*1024*10,T=Object.entries(v).reduce((e,[t,i])=>{for(const n of i)e[n]=t;return e},{});function M(e){if(e.type)return e;const t=`.${e.name.split(".").pop()?.toLowerCase()}`,i=T[t];return i?new File([e],e.name,{type:i}):e}function q(e){if(!e.length)return null;const t=i=>e.some(n=>n.errors.includes(i));return t("TOO_MANY_FILES")?{title:"Attachment limit reached",message:`You can only attach up to ${I} files per message.`}:t("FILE_INVALID_TYPE")?{title:"Unsupported file type",message:"Supported formats include images, PDFs, text, code, and document files."}:t("FILE_TOO_LARGE")?{title:"File too large",message:`Files must be smaller than ${P/1024/1024}MB.`}:t("FILE_EXISTS")?{title:"File already exists",message:`The file "${e.find(n=>n.errors.includes("FILE_EXISTS"))?.file.name??"file"}" is already attached to this message.`}:{title:"File rejected",message:"This file could not be added."}}const L=s.ikp("div",{_id:"aiChatMessage__Files"}),f=new WeakSet;let E=!1;function A(e,t){const i=t.map(a=>{if(!a.providerMetadata)return{...a};try{return{...a,providerMetadata:structuredClone(a.providerMetadata)}}catch{return E||(E=!0,console.warn("[transformMessageFiles] providerMetadata is not structured-cloneable; passing a shared reference. A transformer that mutates it writes through into live message state.")),{...a}}});let n;try{n=e(i)}catch(a){return f.has(e)||(f.add(e),console.warn("[transformMessageFiles] transformer threw",a)),t}return Array.isArray(n)?n.filter(a=>a!=null):(f.has(e)||(f.add(e),console.warn("[transformMessageFiles] transformer must return an array, got:",n)),t)}const S=({children:e,...t})=>{const{message:i}=N.useMessage(),{aiChatSettings:n}=y.useInkeepConfig();if(i.role!=="user")return null;const a=(i.parts??[]).filter(l=>l.type==="file"),r=n.transformMessageFiles,d=(r?A(r,a):a).filter(l=>w.has(l.mediaType??""));return d.length?o.jsx(L,{...t,children:e(d)}):null},U=s.ikp("button",{_id:"aiChatMessage__File"}),R=({url:e,name:t,mediaType:i,onClick:n,...a})=>{const{openImagePreview:r}=j.useImagePreview(),[c,d]=p.useState(!0),l=p.useMemo(()=>new File([],t??"file",{type:i}),[t,i]);return o.jsx(_.Provider,{value:{file:l,objectUrl:e,isLoading:c,setIsLoading:d,onRemove:()=>{}},children:o.jsx(U,{type:"button","aria-label":C(i??"")?`Preview ${t??"file"}`:`Open ${t??"file"} in new tab`,"data-loading":F.dataAttr(c),onClick:x.composeEventHandlers(n,()=>{if(C(i??""))r({url:e,name:t??"file"});else if(e)if(e.startsWith("data:")){const g=document.createElement("a");g.href=e,g.download=t??"file",g.click()}else window.open(e,"_blank","noopener,noreferrer")}),...a})})},O=s.ikp("div",{_id:"aiChatInput__Fieldset"}),H=e=>{const t=m.useFileUploadApi();return o.jsx(O,{...t.getDropzoneProps({disableClick:!0}),"data-drag-over":F.dataAttr(t.dragging),...e})},D=({...e})=>{const{files:t,setFiles:i,showInputNotification:n}=u.useChat();return o.jsx(m.FileUploadRoot,{accept:v,maxFiles:I,maxFileSize:P,preventDocumentDrop:!0,acceptedFiles:t,onFileAccept:a=>i(a.files),onFileReject:a=>{const r=q(a.files);r&&n(r)},children:o.jsx(H,{...e})})},B=s.ikp("div",{_id:"aiChatInput__DropZone"}),X=s.ikp("div",{_id:"aiChatInput__Notification"}),Y=e=>{const{inputNotification:t}=u.useChat();return t?o.jsx(X,{role:"alert",...e}):null},$=s.ikp("p",{_id:"aiChatInput__NotificationTitle"}),z=({children:e,...t})=>{const{inputNotification:i}=u.useChat();return i?.title?o.jsxs($,{...t,children:[e,i.title]}):null},Z=s.ikp("p",{_id:"aiChatInput__NotificationMessage"}),W=e=>{const{inputNotification:t}=u.useChat();return o.jsx(Z,{...e,children:t?.message})},K=s.ikp("button",{_id:"aiChatInput__NotificationClose"}),V=({onClick:e,...t})=>{const{clearInputNotification:i}=u.useChat();return o.jsx(K,{type:"button","aria-label":"Dismiss",onClick:x.composeEventHandlers(e,i),...t})},G=s.ikp("div",{_id:"aiChatInput__NotificationContent"}),J=s.ikp("div",{_id:"aiChatInput__NotificationHeader"}),Q=s.ikp(b.CustomIcon,{_id:"aiChatInput__FileUploadButtonIcon",iconKey:"fileUpload"}),ee=s.ikp("button",{_id:"aiChatInput__FileUploadButton"}),te=e=>{const{aiChatSettings:t}=y.useInkeepConfig(),i=m.useFileUploadApi(),{onClick:n,...a}=e;return o.jsx(ee,{type:"button","aria-label":"Upload file",disabled:t.isViewOnly,onClick:x.composeEventHandlers(n,()=>i.openFilePicker()),...a})},ie=s.ikp("input",{_id:"aiChatInput__FileInput"}),ne=e=>{const t=m.useFileUploadApi();return o.jsx(ie,{...e,...t.getHiddenInputProps()})},ae=s.ikp("div",{_id:"aiChatInput__FileList"}),oe=({children:e,...t})=>{const n=m.useFileUploadApi().acceptedFiles;return n.length?o.jsx(ae,{...t,children:e(n)}):null},_=p.createContext(null);function h(){const e=p.useContext(_);if(!e)throw new Error("useFileContext must be used within EmbeddedChatPrimitiveFileItem");return e}const se=s.ikp("div",{_id:"aiChatInput__FileItem"}),re=({file:e,...t})=>{const i=m.useFileUploadApi(),[n,a]=p.useState(void 0),[r,c]=p.useState(!0);p.useEffect(()=>i.createFileUrl(e,l=>{a(l),c(!0)}),[e]);const d=()=>i.deleteFile(e);return o.jsx(_.Provider,{value:{file:e,objectUrl:n,isLoading:r,setIsLoading:c,onRemove:d},children:o.jsx(se,{"data-loading":F.dataAttr(r),...t})})},le=s.ikp("button",{_id:"aiChatInput__FilePreviewTrigger"}),pe=({onClick:e,...t})=>{const{objectUrl:i,file:n}=h(),{openImagePreview:a}=j.useImagePreview();return o.jsx(le,{type:"button","aria-label":`Preview ${n.name}`,disabled:!i,onClick:x.composeEventHandlers(e,()=>{i&&a({url:i,name:n.name})}),...t})},ce=s.ikp("span",{_id:"aiChatInput__FileContent"}),de=e=>o.jsx(ce,{...e}),me=s.ikp("img",{_id:"aiChatInput__FileThumbnail"}),xe=({onLoad:e,...t})=>{const{objectUrl:i,file:n,setIsLoading:a}=h();return o.jsx(me,{src:i,alt:n.name,onLoad:x.composeEventHandlers(e,()=>a(!1)),...t})},ue=({className:e})=>{const{file:t}=h(),i=k[M(t).type]??"file";return o.jsx(b.CustomIcon,{iconKey:i,className:e})},he=s.ikp("span",{_id:"aiChatInput__FileName"}),fe=e=>{const{file:t}=h();return o.jsx(he,{...e,children:t.name})},ve=s.ikp("button",{_id:"aiChatInput__FileRemove"}),ge=s.ikp(b.CustomIcon,{_id:"aiChatInput__FileRemoveIcon",iconKey:"close"}),Ce=({onClick:e,...t})=>{const{onRemove:i}=h();return o.jsx(ve,{type:"button","aria-label":"Remove file",onClick:x.composeEventHandlers(e,i),...t})};exports.ACCEPTED_FILE_MIME_TYPES=w;exports.EmbeddedChatPrimitiveDropZone=B;exports.EmbeddedChatPrimitiveFileContent=de;exports.EmbeddedChatPrimitiveFileInput=ne;exports.EmbeddedChatPrimitiveFileItem=re;exports.EmbeddedChatPrimitiveFileList=oe;exports.EmbeddedChatPrimitiveFileName=fe;exports.EmbeddedChatPrimitiveFilePreviewTrigger=pe;exports.EmbeddedChatPrimitiveFileRemove=Ce;exports.EmbeddedChatPrimitiveFileRemoveIcon=ge;exports.EmbeddedChatPrimitiveFileThumbnail=xe;exports.EmbeddedChatPrimitiveFileTypeIcon=ue;exports.EmbeddedChatPrimitiveFileUploadButton=te;exports.EmbeddedChatPrimitiveFileUploadButtonIcon=Q;exports.EmbeddedChatPrimitiveInputFieldset=D;exports.EmbeddedChatPrimitiveInputNotification=Y;exports.EmbeddedChatPrimitiveInputNotificationClose=V;exports.EmbeddedChatPrimitiveInputNotificationContent=G;exports.EmbeddedChatPrimitiveInputNotificationHeader=J;exports.EmbeddedChatPrimitiveInputNotificationMessage=W;exports.EmbeddedChatPrimitiveInputNotificationTitle=z;exports.EmbeddedChatPrimitiveMessageFile=R;exports.EmbeddedChatPrimitiveMessageFiles=S;exports.FILE_ACCEPT_MAP=v;exports.FILE_TYPE_ICON_MAP=k;exports.MAX_FILES=I;exports.MAX_FILE_SIZE=P;exports.isImageMimeType=C;exports.normalizeFileType=M;

package/dist/primitives/components/embedded-chat/file-upload-input.js

@@ -1,16 +1,16 @@
 "use client";
-import { jsx as s, jsxs as w } from "react/jsx-runtime";
-import I, { useState as g, useEffect as k, useMemo as M } from "react";
+import { jsx as s, jsxs as k } from "react/jsx-runtime";
+import P, { useState as g, useEffect as M, useMemo as N } from "react";
 import { CustomIcon as v } from "../../atoms/icons/custom-icon.js";
-import { useImagePreview as P } from "../../providers/image-preview-provider.js";
-import { useMessage as N } from "../../providers/message-provider.js";
-import { useChat as x } from "./chat-provider.js";
-import { useFileUploadApi as m, FileUploadRoot as T } from "../../atoms/file-upload.js";
-import { dataAttr as _ } from "../../utils/misc.js";
+import { useImagePreview as y } from "../../providers/image-preview-provider.js";
+import { useMessage as T } from "../../providers/message-provider.js";
+import { useChat as m } from "./chat-provider.js";
+import { useFileUploadApi as x, FileUploadRoot as L } from "../../atoms/file-upload.js";
+import { dataAttr as b } from "../../utils/misc.js";
 import { composeEventHandlers as d } from "../../utils/compose-event-handlers.js";
 import { ikp as o } from "../factory.js";
-import { useInkeepConfig as y } from "../../providers/config-provider.js";
-const L = {
+import { useInkeepConfig as j } from "../../providers/config-provider.js";
+const q = {
   "application/pdf": "filePdf",
   "text/plain": "fileText",
   "text/markdown": "fileMarkdown",
@@ -27,7 +27,7 @@ const L = {
 function C(t) {
   return t.startsWith("image/");
 }
-const b = {
+const _ = {
   // Images
   "image/png": [".png"],
   "image/jpeg": [".jpg", ".jpeg"],
@@ -173,7 +173,7 @@ const b = {
   "application/x-iwork-pages-sffpages": [".pages"],
   "application/x-iwork-numbers-sffnumbers": [".numbers"],
   "application/x-iwork-keynote-sffkey": [".key"]
-}, q = new Set(Object.keys(b)), j = 10, E = 1024 * 1024 * 10, S = Object.entries(b).reduce(
+}, S = new Set(Object.keys(_)), E = 10, w = 1024 * 1024 * 10, A = Object.entries(_).reduce(
   (t, [e, i]) => {
     for (const n of i) t[n] = e;
     return t;
@@ -182,7 +182,7 @@ const b = {
 );
 function R(t) {
   if (t.type) return t;
-  const e = `.${t.name.split(".").pop()?.toLowerCase()}`, i = S[e];
+  const e = `.${t.name.split(".").pop()?.toLowerCase()}`, i = A[e];
   return i ? new File([t], t.name, { type: i }) : t;
 }
 function U(t) {
@@ -190,13 +190,13 @@ function U(t) {
   const e = (i) => t.some((n) => n.errors.includes(i));
   return e("TOO_MANY_FILES") ? {
     title: "Attachment limit reached",
-    message: `You can only attach up to ${j} files per message.`
+    message: `You can only attach up to ${E} files per message.`
   } : e("FILE_INVALID_TYPE") ? {
     title: "Unsupported file type",
     message: "Supported formats include images, PDFs, text, code, and document files."
   } : e("FILE_TOO_LARGE") ? {
     title: "File too large",
-    message: `Files must be smaller than ${E / 1024 / 1024}MB.`
+    message: `Files must be smaller than ${w / 1024 / 1024}MB.`
   } : e("FILE_EXISTS") ? {
     title: "File already exists",
     message: `The file "${t.find((n) => n.errors.includes("FILE_EXISTS"))?.file.name ?? "file"}" is already attached to this message.`
@@ -205,43 +205,46 @@ function U(t) {
     message: "This file could not be added."
   };
 }
-const A = o("div", {
+const O = o("div", {
   _id: "aiChatMessage__Files"
 }), f = /* @__PURE__ */ new WeakSet();
-function O(t, e) {
+let I = !1;
+function D(t, e) {
   const i = e.map((a) => {
     if (!a.providerMetadata) return { ...a };
     try {
       return { ...a, providerMetadata: structuredClone(a.providerMetadata) };
     } catch {
-      return { ...a };
+      return I || (I = !0, console.warn(
+        "[transformMessageFiles] providerMetadata is not structured-cloneable; passing a shared reference. A transformer that mutates it writes through into live message state."
+      )), { ...a };
     }
   });
   let n;
   try {
     n = t(i);
   } catch (a) {
-    return f.has(t) || (f.add(t), console.warn("[aiChatSettings] transformMessageFiles threw", a)), e;
+    return f.has(t) || (f.add(t), console.warn("[transformMessageFiles] transformer threw", a)), e;
   }
-  return Array.isArray(n) ? n.filter((a) => a != null) : (f.has(t) || (f.add(t), console.warn("[aiChatSettings] transformMessageFiles must return an array, got:", n)), e);
+  return Array.isArray(n) ? n.filter((a) => a != null) : (f.has(t) || (f.add(t), console.warn("[transformMessageFiles] transformer must return an array, got:", n)), e);
 }
-const mt = ({ children: t, ...e }) => {
-  const { message: i } = N(), { aiChatSettings: n } = y();
+const ut = ({ children: t, ...e }) => {
+  const { message: i } = T(), { aiChatSettings: n } = j();
   if (i.role !== "user") return null;
-  const a = (i.parts ?? []).filter((l) => l.type === "file"), r = n.transformMessageFiles, c = (r ? O(r, a) : a).filter(
-    (l) => q.has(l.mediaType ?? "")
+  const a = (i.parts ?? []).filter((l) => l.type === "file"), r = n.transformMessageFiles, c = (r ? D(r, a) : a).filter(
+    (l) => S.has(l.mediaType ?? "")
   );
-  return c.length ? /* @__PURE__ */ s(A, { ...e, children: t(c) }) : null;
-}, D = o("button", {
+  return c.length ? /* @__PURE__ */ s(O, { ...e, children: t(c) }) : null;
+}, $ = o("button", {
   _id: "aiChatMessage__File"
-}), ut = ({
+}), ft = ({
   url: t,
   name: e,
   mediaType: i,
   onClick: n,
   ...a
 }) => {
-  const { openImagePreview: r } = P(), [p, c] = g(!0), l = M(
+  const { openImagePreview: r } = y(), [p, c] = g(!0), l = N(
     () => new File([], e ?? "file", { type: i }),
     [e, i]
   );
@@ -251,11 +254,11 @@ const mt = ({ children: t, ...e }) => {
       value: { file: l, objectUrl: t, isLoading: p, setIsLoading: c, onRemove: () => {
       } },
       children: /* @__PURE__ */ s(
-        D,
+        $,
         {
           type: "button",
           "aria-label": C(i ?? "") ? `Preview ${e ?? "file"}` : `Open ${e ?? "file"} in new tab`,
-          "data-loading": _(p),
+          "data-loading": b(p),
           onClick: d(n, () => {
             if (C(i ?? ""))
               r({ url: t, name: e ?? "file" });
@@ -271,28 +274,28 @@ const mt = ({ children: t, ...e }) => {
       )
     }
   );
-}, $ = o("div", {
+}, B = o("div", {
   _id: "aiChatInput__Fieldset"
-}), B = (t) => {
-  const e = m();
+}), z = (t) => {
+  const e = x();
   return /* @__PURE__ */ s(
-    $,
+    B,
     {
       ...e.getDropzoneProps({ disableClick: !0 }),
-      "data-drag-over": _(e.dragging),
+      "data-drag-over": b(e.dragging),
       ...t
     }
   );
-}, ft = ({
+}, ht = ({
   ...t
 }) => {
-  const { files: e, setFiles: i, showInputNotification: n } = x();
+  const { files: e, setFiles: i, showInputNotification: n } = m();
   return /* @__PURE__ */ s(
-    T,
+    L,
     {
-      accept: b,
-      maxFiles: j,
-      maxFileSize: E,
+      accept: _,
+      maxFiles: E,
+      maxFileSize: w,
       preventDocumentDrop: !0,
       acceptedFiles: e,
       onFileAccept: (a) => i(a.files),
@@ -300,41 +303,41 @@ const mt = ({ children: t, ...e }) => {
         const r = U(a.files);
         r && n(r);
       },
-      children: /* @__PURE__ */ s(B, { ...t })
+      children: /* @__PURE__ */ s(z, { ...t })
     }
   );
-}, ht = o("div", {
+}, gt = o("div", {
   _id: "aiChatInput__DropZone"
-}), z = o("div", {
+}), H = o("div", {
   _id: "aiChatInput__Notification"
-}), gt = (t) => {
-  const { inputNotification: e } = x();
-  return e ? /* @__PURE__ */ s(z, { role: "alert", ...t }) : null;
-}, H = o("p", {
+}), vt = (t) => {
+  const { inputNotification: e } = m();
+  return e ? /* @__PURE__ */ s(H, { role: "alert", ...t }) : null;
+}, X = o("p", {
   _id: "aiChatInput__NotificationTitle"
-}), vt = ({
+}), bt = ({
   children: t,
   ...e
 }) => {
-  const { inputNotification: i } = x();
-  return i?.title ? /* @__PURE__ */ w(H, { ...e, children: [
+  const { inputNotification: i } = m();
+  return i?.title ? /* @__PURE__ */ k(X, { ...e, children: [
     t,
     i.title
   ] }) : null;
-}, X = o("p", {
+}, Y = o("p", {
   _id: "aiChatInput__NotificationMessage"
 }), _t = (t) => {
-  const { inputNotification: e } = x();
-  return /* @__PURE__ */ s(X, { ...t, children: e?.message });
-}, Y = o("button", {
+  const { inputNotification: e } = m();
+  return /* @__PURE__ */ s(Y, { ...t, children: e?.message });
+}, W = o("button", {
   _id: "aiChatInput__NotificationClose"
-}), bt = ({
+}), Ft = ({
   onClick: t,
   ...e
 }) => {
-  const { clearInputNotification: i } = x();
+  const { clearInputNotification: i } = m();
   return /* @__PURE__ */ s(
-    Y,
+    W,
     {
       type: "button",
       "aria-label": "Dismiss",
@@ -342,17 +345,17 @@ const mt = ({ children: t, ...e }) => {
       ...e
     }
   );
-}, Ft = o("div", {
+}, Ct = o("div", {
   _id: "aiChatInput__NotificationContent"
-}), Ct = o("div", {
+}), It = o("div", {
   _id: "aiChatInput__NotificationHeader"
-}), It = o(v, {
+}), Pt = o(v, {
   _id: "aiChatInput__FileUploadButtonIcon",
   iconKey: "fileUpload"
 }), K = o("button", {
   _id: "aiChatInput__FileUploadButton"
-}), Pt = (t) => {
-  const { aiChatSettings: e } = y(), i = m(), { onClick: n, ...a } = t;
+}), yt = (t) => {
+  const { aiChatSettings: e } = j(), i = x(), { onClick: n, ...a } = t;
   return /* @__PURE__ */ s(
     K,
     {
@@ -363,40 +366,40 @@ const mt = ({ children: t, ...e }) => {
       ...a
     }
   );
-}, W = o("input", {
+}, Z = o("input", {
   _id: "aiChatInput__FileInput"
-}), yt = (t) => {
-  const e = m();
-  return /* @__PURE__ */ s(W, { ...t, ...e.getHiddenInputProps() });
-}, Z = o("div", {
+}), jt = (t) => {
+  const e = x();
+  return /* @__PURE__ */ s(Z, { ...t, ...e.getHiddenInputProps() });
+}, V = o("div", {
   _id: "aiChatInput__FileList"
-}), jt = ({ children: t, ...e }) => {
-  const n = m().acceptedFiles;
-  return n.length ? /* @__PURE__ */ s(Z, { ...e, children: t(n) }) : null;
-}, F = I.createContext(null);
+}), Et = ({ children: t, ...e }) => {
+  const n = x().acceptedFiles;
+  return n.length ? /* @__PURE__ */ s(V, { ...e, children: t(n) }) : null;
+}, F = P.createContext(null);
 function u() {
-  const t = I.useContext(F);
+  const t = P.useContext(F);
   if (!t) throw new Error("useFileContext must be used within EmbeddedChatPrimitiveFileItem");
   return t;
 }
-const V = o("div", {
+const G = o("div", {
   _id: "aiChatInput__FileItem"
-}), Et = ({ file: t, ...e }) => {
-  const i = m(), [n, a] = g(void 0), [r, p] = g(!0);
-  k(() => i.createFileUrl(t, (l) => {
+}), wt = ({ file: t, ...e }) => {
+  const i = x(), [n, a] = g(void 0), [r, p] = g(!0);
+  M(() => i.createFileUrl(t, (l) => {
     a(l), p(!0);
   }), [t]);
   const c = () => i.deleteFile(t);
-  return /* @__PURE__ */ s(F.Provider, { value: { file: t, objectUrl: n, isLoading: r, setIsLoading: p, onRemove: c }, children: /* @__PURE__ */ s(V, { "data-loading": _(r), ...e }) });
-}, G = o("button", {
+  return /* @__PURE__ */ s(F.Provider, { value: { file: t, objectUrl: n, isLoading: r, setIsLoading: p, onRemove: c }, children: /* @__PURE__ */ s(G, { "data-loading": b(r), ...e }) });
+}, J = o("button", {
   _id: "aiChatInput__FilePreviewTrigger"
-}), wt = ({
+}), kt = ({
   onClick: t,
   ...e
 }) => {
-  const { objectUrl: i, file: n } = u(), { openImagePreview: a } = P();
+  const { objectUrl: i, file: n } = u(), { openImagePreview: a } = y();
   return /* @__PURE__ */ s(
-    G,
+    J,
     {
       type: "button",
       "aria-label": `Preview ${n.name}`,
@@ -407,17 +410,17 @@ const V = o("div", {
       ...e
     }
   );
-}, J = o("span", {
+}, Q = o("span", {
   _id: "aiChatInput__FileContent"
-}), kt = (t) => /* @__PURE__ */ s(J, { ...t }), Q = o("img", {
+}), Mt = (t) => /* @__PURE__ */ s(Q, { ...t }), tt = o("img", {
   _id: "aiChatInput__FileThumbnail"
-}), Mt = ({
+}), Nt = ({
   onLoad: t,
   ...e
 }) => {
   const { objectUrl: i, file: n, setIsLoading: a } = u();
   return /* @__PURE__ */ s(
-    Q,
+    tt,
     {
       src: i,
       alt: n.name,
@@ -425,26 +428,26 @@ const V = o("div", {
       ...e
     }
   );
-}, Nt = ({ className: t }) => {
-  const { file: e } = u(), i = L[R(e).type] ?? "file";
+}, Tt = ({ className: t }) => {
+  const { file: e } = u(), i = q[R(e).type] ?? "file";
   return /* @__PURE__ */ s(v, { iconKey: i, className: t });
-}, tt = o("span", {
+}, et = o("span", {
   _id: "aiChatInput__FileName"
-}), Tt = (t) => {
+}), Lt = (t) => {
   const { file: e } = u();
-  return /* @__PURE__ */ s(tt, { ...t, children: e.name });
-}, et = o("button", {
+  return /* @__PURE__ */ s(et, { ...t, children: e.name });
+}, it = o("button", {
   _id: "aiChatInput__FileRemove"
-}), Lt = o(v, {
+}), qt = o(v, {
   _id: "aiChatInput__FileRemoveIcon",
   iconKey: "close"
-}), qt = ({
+}), St = ({
   onClick: t,
   ...e
 }) => {
   const { onRemove: i } = u();
   return /* @__PURE__ */ s(
-    et,
+    it,
     {
       type: "button",
       "aria-label": "Remove file",
@@ -454,33 +457,33 @@ const V = o("div", {
   );
 };
 export {
-  q as ACCEPTED_FILE_MIME_TYPES,
-  ht as EmbeddedChatPrimitiveDropZone,
-  kt as EmbeddedChatPrimitiveFileContent,
-  yt as EmbeddedChatPrimitiveFileInput,
-  Et as EmbeddedChatPrimitiveFileItem,
-  jt as EmbeddedChatPrimitiveFileList,
-  Tt as EmbeddedChatPrimitiveFileName,
-  wt as EmbeddedChatPrimitiveFilePreviewTrigger,
-  qt as EmbeddedChatPrimitiveFileRemove,
-  Lt as EmbeddedChatPrimitiveFileRemoveIcon,
-  Mt as EmbeddedChatPrimitiveFileThumbnail,
-  Nt as EmbeddedChatPrimitiveFileTypeIcon,
-  Pt as EmbeddedChatPrimitiveFileUploadButton,
-  It as EmbeddedChatPrimitiveFileUploadButtonIcon,
-  ft as EmbeddedChatPrimitiveInputFieldset,
-  gt as EmbeddedChatPrimitiveInputNotification,
-  bt as EmbeddedChatPrimitiveInputNotificationClose,
-  Ft as EmbeddedChatPrimitiveInputNotificationContent,
-  Ct as EmbeddedChatPrimitiveInputNotificationHeader,
+  S as ACCEPTED_FILE_MIME_TYPES,
+  gt as EmbeddedChatPrimitiveDropZone,
+  Mt as EmbeddedChatPrimitiveFileContent,
+  jt as EmbeddedChatPrimitiveFileInput,
+  wt as EmbeddedChatPrimitiveFileItem,
+  Et as EmbeddedChatPrimitiveFileList,
+  Lt as EmbeddedChatPrimitiveFileName,
+  kt as EmbeddedChatPrimitiveFilePreviewTrigger,
+  St as EmbeddedChatPrimitiveFileRemove,
+  qt as EmbeddedChatPrimitiveFileRemoveIcon,
+  Nt as EmbeddedChatPrimitiveFileThumbnail,
+  Tt as EmbeddedChatPrimitiveFileTypeIcon,
+  yt as EmbeddedChatPrimitiveFileUploadButton,
+  Pt as EmbeddedChatPrimitiveFileUploadButtonIcon,
+  ht as EmbeddedChatPrimitiveInputFieldset,
+  vt as EmbeddedChatPrimitiveInputNotification,
+  Ft as EmbeddedChatPrimitiveInputNotificationClose,
+  Ct as EmbeddedChatPrimitiveInputNotificationContent,
+  It as EmbeddedChatPrimitiveInputNotificationHeader,
   _t as EmbeddedChatPrimitiveInputNotificationMessage,
-  vt as EmbeddedChatPrimitiveInputNotificationTitle,
-  ut as EmbeddedChatPrimitiveMessageFile,
-  mt as EmbeddedChatPrimitiveMessageFiles,
-  b as FILE_ACCEPT_MAP,
-  L as FILE_TYPE_ICON_MAP,
-  j as MAX_FILES,
-  E as MAX_FILE_SIZE,
+  bt as EmbeddedChatPrimitiveInputNotificationTitle,
+  ft as EmbeddedChatPrimitiveMessageFile,
+  ut as EmbeddedChatPrimitiveMessageFiles,
+  _ as FILE_ACCEPT_MAP,
+  q as FILE_TYPE_ICON_MAP,
+  E as MAX_FILES,
+  w as MAX_FILE_SIZE,
   C as isImageMimeType,
   R as normalizeFileType
 };

package/dist/types/config/ai.d.ts

@@ -3,6 +3,7 @@ import { GetHelpOption, CustomMessageAction } from './settings/actions';
 import { SearchAndChatFilters } from './filters';
 import { ComponentsConfig } from './components';
 import { FileUIPart } from 'ai';
+export type { FileUIPart } from 'ai';
 export interface InkeepAIChatSettings {
     /**
      * Headers for requests
@@ -56,12 +57,14 @@ export interface InkeepAIChatSettings {
      * and present in client memory, and if the transformer throws or returns a
      * non-array, the widget fails open and renders the original untransformed parts.
      * Null entries in a returned array are dropped, treated as intent to omit rather
-     * than as a failure. Must be pure and cheap, since it runs on every message render.
+     * than as a failure. Every returned (whitelisted) part is displayed verbatim, so
+     * returning entries that were not in the input adds chips for files the user never
+     * attached. Must be pure and cheap, since it runs on every message render.
      * Return new or copied objects and do not mutate the input parts.
      *
      * @beta This type is subject to change.
      */
-    transformMessageFiles?: (files: FileUIPart[]) => FileUIPart[];
+    transformMessageFiles?: (files: FileUIPart[]) => Array<FileUIPart | null | undefined>;
     /**
      * The placeholder text to display in the chat input field when empty.
      * Use this to provide guidance on what kind of questions users can ask.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-ui",
-  "version": "0.0.0-dev-20260612033415",
+  "version": "0.0.0-dev-20260612035557",
   "description": "",
   "homepage": "",
   "repository": {