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

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),b=require("../../atoms/icons/custom-icon.cjs"),_=require("../../providers/image-preview-provider.cjs"),y=require("../../providers/message-provider.cjs"),m=require("./chat-provider.cjs"),p=require("../../atoms/file-upload.cjs"),g=require("../../utils/misc.cjs"),c=require("../../utils/compose-event-handlers.cjs"),o=require("../factory.cjs"),w=require("../../providers/config-provider.cjs"),E={"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(t){return t.startsWith("image/")}const u={"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"]},j=new Set(Object.keys(u)),F=10,I=1024*1024*10,N=Object.entries(u).reduce((t,[e,i])=>{for(const n of i)t[n]=e;return t},{});function k(t){if(t.type)return t;const e=`.${t.name.split(".").pop()?.toLowerCase()}`,i=N[e];return i?new File([t],t.name,{type:i}):t}function T(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 ${F} 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 ${I/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 M=o.ikp("div",{_id:"aiChatMessage__Files"}),q=({children:t,...e})=>{const{message:i}=y.useMessage();if(i.role!=="user")return null;const n=(i.parts??[]).filter(s=>{if(s.type!=="file")return!1;const l=s.mediaType;return j.has(l??"")});return n.length?a.jsx(M,{...e,children:t(n)}):null},L=o.ikp("button",{_id:"aiChatMessage__File"}),A=({url:t,name:e,mediaType:i,onClick:n,...s})=>{const{openImagePreview:l}=_.useImagePreview(),[d,h]=r.useState(!0),f=r.useMemo(()=>new File([],e??"file",{type:i}),[e,i]);return a.jsx(P.Provider,{value:{file:f,objectUrl:t,isLoading:d,setIsLoading:h,onRemove:()=>{}},children:a.jsx(L,{type:"button","aria-label":C(i??"")?`Preview ${e??"file"}`:`Open ${e??"file"} in new tab`,"data-loading":g.dataAttr(d),onClick:c.composeEventHandlers(n,()=>{if(C(i??""))l({url:t,name:e??"file"});else if(t)if(t.startsWith("data:")){const v=document.createElement("a");v.href=t,v.download=e??"file",v.click()}else window.open(t,"_blank","noopener,noreferrer")}),...s})})},U=o.ikp("div",{_id:"aiChatInput__Fieldset"}),S=t=>{const e=p.useFileUploadApi();return a.jsx(U,{...e.getDropzoneProps({disableClick:!0}),"data-drag-over":g.dataAttr(e.dragging),...t})},R=({...t})=>{const{files:e,setFiles:i,showInputNotification:n}=m.useChat();return a.jsx(p.FileUploadRoot,{accept:u,maxFiles:F,maxFileSize:I,preventDocumentDrop:!0,acceptedFiles:e,onFileAccept:s=>i(s.files),onFileReject:s=>{const l=T(s.files);l&&n(l)},children:a.jsx(S,{...t})})},O=o.ikp("div",{_id:"aiChatInput__DropZone"}),H=o.ikp("div",{_id:"aiChatInput__Notification"}),D=t=>{const{inputNotification:e}=m.useChat();return e?a.jsx(H,{role:"alert",...t}):null},B=o.ikp("p",{_id:"aiChatInput__NotificationTitle"}),X=({children:t,...e})=>{const{inputNotification:i}=m.useChat();return i?.title?a.jsxs(B,{...e,children:[t,i.title]}):null},Y=o.ikp("p",{_id:"aiChatInput__NotificationMessage"}),$=t=>{const{inputNotification:e}=m.useChat();return a.jsx(Y,{...t,children:e?.message})},z=o.ikp("button",{_id:"aiChatInput__NotificationClose"}),Z=({onClick:t,...e})=>{const{clearInputNotification:i}=m.useChat();return a.jsx(z,{type:"button","aria-label":"Dismiss",onClick:c.composeEventHandlers(t,i),...e})},K=o.ikp("div",{_id:"aiChatInput__NotificationContent"}),V=o.ikp("div",{_id:"aiChatInput__NotificationHeader"}),W=o.ikp(b.CustomIcon,{_id:"aiChatInput__FileUploadButtonIcon",iconKey:"fileUpload"}),G=o.ikp("button",{_id:"aiChatInput__FileUploadButton"}),J=t=>{const{aiChatSettings:e}=w.useInkeepConfig(),i=p.useFileUploadApi(),{onClick:n,...s}=t;return a.jsx(G,{type:"button","aria-label":"Upload file",disabled:e.isViewOnly,onClick:c.composeEventHandlers(n,()=>i.openFilePicker()),...s})},Q=o.ikp("input",{_id:"aiChatInput__FileInput"}),tt=t=>{const e=p.useFileUploadApi();return a.jsx(Q,{...t,...e.getHiddenInputProps()})},et=o.ikp("div",{_id:"aiChatInput__FileList"}),it=({children:t,...e})=>{const n=p.useFileUploadApi().acceptedFiles;return n.length?a.jsx(et,{...e,children:t(n)}):null},P=r.createContext(null);function x(){const t=r.useContext(P);if(!t)throw new Error("useFileContext must be used within EmbeddedChatPrimitiveFileItem");return t}const nt=o.ikp("div",{_id:"aiChatInput__FileItem"}),at=({file:t,...e})=>{const i=p.useFileUploadApi(),[n,s]=r.useState(void 0),[l,d]=r.useState(!0);r.useEffect(()=>i.createFileUrl(t,f=>{s(f),d(!0)}),[t]);const h=()=>i.deleteFile(t);return a.jsx(P.Provider,{value:{file:t,objectUrl:n,isLoading:l,setIsLoading:d,onRemove:h},children:a.jsx(nt,{"data-loading":g.dataAttr(l),...e})})},ot=o.ikp("button",{_id:"aiChatInput__FilePreviewTrigger"}),st=({onClick:t,...e})=>{const{objectUrl:i,file:n}=x(),{openImagePreview:s}=_.useImagePreview();return a.jsx(ot,{type:"button","aria-label":`Preview ${n.name}`,disabled:!i,onClick:c.composeEventHandlers(t,()=>{i&&s({url:i,name:n.name})}),...e})},lt=o.ikp("span",{_id:"aiChatInput__FileContent"}),rt=t=>a.jsx(lt,{...t}),pt=o.ikp("img",{_id:"aiChatInput__FileThumbnail"}),ct=({onLoad:t,...e})=>{const{objectUrl:i,file:n,setIsLoading:s}=x();return a.jsx(pt,{src:i,alt:n.name,onLoad:c.composeEventHandlers(t,()=>s(!1)),...e})},dt=({className:t})=>{const{file:e}=x(),i=E[k(e).type]??"file";return a.jsx(b.CustomIcon,{iconKey:i,className:t})},mt=o.ikp("span",{_id:"aiChatInput__FileName"}),xt=t=>{const{file:e}=x();return a.jsx(mt,{...t,children:e.name})},ut=o.ikp("button",{_id:"aiChatInput__FileRemove"}),ht=o.ikp(b.CustomIcon,{_id:"aiChatInput__FileRemoveIcon",iconKey:"close"}),ft=({onClick:t,...e})=>{const{onRemove:i}=x();return a.jsx(ut,{type:"button","aria-label":"Remove file",onClick:c.composeEventHandlers(t,i),...e})};exports.ACCEPTED_FILE_MIME_TYPES=j;exports.EmbeddedChatPrimitiveDropZone=O;exports.EmbeddedChatPrimitiveFileContent=rt;exports.EmbeddedChatPrimitiveFileInput=tt;exports.EmbeddedChatPrimitiveFileItem=at;exports.EmbeddedChatPrimitiveFileList=it;exports.EmbeddedChatPrimitiveFileName=xt;exports.EmbeddedChatPrimitiveFilePreviewTrigger=st;exports.EmbeddedChatPrimitiveFileRemove=ft;exports.EmbeddedChatPrimitiveFileRemoveIcon=ht;exports.EmbeddedChatPrimitiveFileThumbnail=ct;exports.EmbeddedChatPrimitiveFileTypeIcon=dt;exports.EmbeddedChatPrimitiveFileUploadButton=J;exports.EmbeddedChatPrimitiveFileUploadButtonIcon=W;exports.EmbeddedChatPrimitiveInputFieldset=R;exports.EmbeddedChatPrimitiveInputNotification=D;exports.EmbeddedChatPrimitiveInputNotificationClose=Z;exports.EmbeddedChatPrimitiveInputNotificationContent=K;exports.EmbeddedChatPrimitiveInputNotificationHeader=V;exports.EmbeddedChatPrimitiveInputNotificationMessage=$;exports.EmbeddedChatPrimitiveInputNotificationTitle=X;exports.EmbeddedChatPrimitiveMessageFile=A;exports.EmbeddedChatPrimitiveMessageFiles=q;exports.FILE_ACCEPT_MAP=u;exports.FILE_TYPE_ICON_MAP=E;exports.MAX_FILES=F;exports.MAX_FILE_SIZE=I;exports.isImageMimeType=C;exports.normalizeFileType=k;
+"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;

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

@@ -1,15 +1,15 @@
 "use client";
-import { jsx as a, jsxs as j } from "react/jsx-runtime";
-import C, { useState as h, useEffect as E, useMemo as w } from "react";
+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 { CustomIcon as v } from "../../atoms/icons/custom-icon.js";
-import { useImagePreview as I } from "../../providers/image-preview-provider.js";
-import { useMessage as k } from "../../providers/message-provider.js";
-import { useChat as c } from "./chat-provider.js";
-import { useFileUploadApi as d, FileUploadRoot as N } from "../../atoms/file-upload.js";
-import { dataAttr as g } from "../../utils/misc.js";
-import { composeEventHandlers as r } from "../../utils/compose-event-handlers.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 { composeEventHandlers as d } from "../../utils/compose-event-handlers.js";
 import { ikp as o } from "../factory.js";
-import { useInkeepConfig as T } from "../../providers/config-provider.js";
+import { useInkeepConfig as y } from "../../providers/config-provider.js";
 const L = {
   "application/pdf": "filePdf",
   "text/plain": "fileText",
@@ -24,10 +24,10 @@ const L = {
   "text/x-python": "filePy",
   "text/x-python-script": "filePy"
 };
-function F(t) {
+function C(t) {
   return t.startsWith("image/");
 }
-const _ = {
+const b = {
   // Images
   "image/png": [".png"],
   "image/jpeg": [".jpg", ".jpeg"],
@@ -173,7 +173,7 @@ const _ = {
   "application/x-iwork-pages-sffpages": [".pages"],
   "application/x-iwork-numbers-sffnumbers": [".numbers"],
   "application/x-iwork-keynote-sffkey": [".key"]
-}, M = new Set(Object.keys(_)), P = 10, y = 1024 * 1024 * 10, q = Object.entries(_).reduce(
+}, q = new Set(Object.keys(b)), j = 10, E = 1024 * 1024 * 10, S = Object.entries(b).reduce(
   (t, [e, i]) => {
     for (const n of i) t[n] = e;
     return t;
@@ -182,7 +182,7 @@ const _ = {
 );
 function R(t) {
   if (t.type) return t;
-  const e = `.${t.name.split(".").pop()?.toLowerCase()}`, i = q[e];
+  const e = `.${t.name.split(".").pop()?.toLowerCase()}`, i = S[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 ${P} files per message.`
+    message: `You can only attach up to ${j} 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 ${y / 1024 / 1024}MB.`
+    message: `Files must be smaller than ${E / 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,266 +205,282 @@ function U(t) {
     message: "This file could not be added."
   };
 }
-const S = o("div", {
+const A = o("div", {
   _id: "aiChatMessage__Files"
-}), dt = ({ children: t, ...e }) => {
-  const { message: i } = k();
-  if (i.role !== "user") return null;
-  const n = (i.parts ?? []).filter((s) => {
-    if (s.type !== "file") return !1;
-    const l = s.mediaType;
-    return M.has(l ?? "");
+}), f = /* @__PURE__ */ new WeakSet();
+function O(t, e) {
+  const i = e.map((a) => {
+    if (!a.providerMetadata) return { ...a };
+    try {
+      return { ...a, providerMetadata: structuredClone(a.providerMetadata) };
+    } catch {
+      return { ...a };
+    }
   });
-  return n.length ? /* @__PURE__ */ a(S, { ...e, children: t(n) }) : null;
-}, A = o("button", {
+  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 mt = ({ children: t, ...e }) => {
+  const { message: i } = N(), { aiChatSettings: n } = y();
+  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 ?? "")
+  );
+  return c.length ? /* @__PURE__ */ s(A, { ...e, children: t(c) }) : null;
+}, D = o("button", {
   _id: "aiChatMessage__File"
-}), xt = ({
+}), ut = ({
   url: t,
   name: e,
   mediaType: i,
   onClick: n,
-  ...s
+  ...a
 }) => {
-  const { openImagePreview: l } = I(), [p, m] = h(!0), u = w(
+  const { openImagePreview: r } = P(), [p, c] = g(!0), l = M(
     () => new File([], e ?? "file", { type: i }),
     [e, i]
   );
-  return /* @__PURE__ */ a(
-    b.Provider,
+  return /* @__PURE__ */ s(
+    F.Provider,
     {
-      value: { file: u, objectUrl: t, isLoading: p, setIsLoading: m, onRemove: () => {
+      value: { file: l, objectUrl: t, isLoading: p, setIsLoading: c, onRemove: () => {
       } },
-      children: /* @__PURE__ */ a(
-        A,
+      children: /* @__PURE__ */ s(
+        D,
         {
           type: "button",
-          "aria-label": F(i ?? "") ? `Preview ${e ?? "file"}` : `Open ${e ?? "file"} in new tab`,
-          "data-loading": g(p),
-          onClick: r(n, () => {
-            if (F(i ?? ""))
-              l({ url: t, name: e ?? "file" });
+          "aria-label": C(i ?? "") ? `Preview ${e ?? "file"}` : `Open ${e ?? "file"} in new tab`,
+          "data-loading": _(p),
+          onClick: d(n, () => {
+            if (C(i ?? ""))
+              r({ url: t, name: e ?? "file" });
             else if (t)
               if (t.startsWith("data:")) {
-                const f = document.createElement("a");
-                f.href = t, f.download = e ?? "file", f.click();
+                const h = document.createElement("a");
+                h.href = t, h.download = e ?? "file", h.click();
               } else
                 window.open(t, "_blank", "noopener,noreferrer");
           }),
-          ...s
+          ...a
         }
       )
     }
   );
-}, O = o("div", {
+}, $ = o("div", {
   _id: "aiChatInput__Fieldset"
-}), D = (t) => {
-  const e = d();
-  return /* @__PURE__ */ a(
-    O,
+}), B = (t) => {
+  const e = m();
+  return /* @__PURE__ */ s(
+    $,
     {
       ...e.getDropzoneProps({ disableClick: !0 }),
-      "data-drag-over": g(e.dragging),
+      "data-drag-over": _(e.dragging),
       ...t
     }
   );
-}, mt = ({
+}, ft = ({
   ...t
 }) => {
-  const { files: e, setFiles: i, showInputNotification: n } = c();
-  return /* @__PURE__ */ a(
-    N,
+  const { files: e, setFiles: i, showInputNotification: n } = x();
+  return /* @__PURE__ */ s(
+    T,
     {
-      accept: _,
-      maxFiles: P,
-      maxFileSize: y,
+      accept: b,
+      maxFiles: j,
+      maxFileSize: E,
       preventDocumentDrop: !0,
       acceptedFiles: e,
-      onFileAccept: (s) => i(s.files),
-      onFileReject: (s) => {
-        const l = U(s.files);
-        l && n(l);
+      onFileAccept: (a) => i(a.files),
+      onFileReject: (a) => {
+        const r = U(a.files);
+        r && n(r);
       },
-      children: /* @__PURE__ */ a(D, { ...t })
+      children: /* @__PURE__ */ s(B, { ...t })
     }
   );
-}, ut = o("div", {
+}, ht = o("div", {
   _id: "aiChatInput__DropZone"
-}), $ = o("div", {
+}), z = o("div", {
   _id: "aiChatInput__Notification"
-}), ft = (t) => {
-  const { inputNotification: e } = c();
-  return e ? /* @__PURE__ */ a($, { role: "alert", ...t }) : null;
-}, B = o("p", {
+}), gt = (t) => {
+  const { inputNotification: e } = x();
+  return e ? /* @__PURE__ */ s(z, { role: "alert", ...t }) : null;
+}, H = o("p", {
   _id: "aiChatInput__NotificationTitle"
-}), ht = ({
+}), vt = ({
   children: t,
   ...e
 }) => {
-  const { inputNotification: i } = c();
-  return i?.title ? /* @__PURE__ */ j(B, { ...e, children: [
+  const { inputNotification: i } = x();
+  return i?.title ? /* @__PURE__ */ w(H, { ...e, children: [
     t,
     i.title
   ] }) : null;
-}, z = o("p", {
+}, X = o("p", {
   _id: "aiChatInput__NotificationMessage"
-}), vt = (t) => {
-  const { inputNotification: e } = c();
-  return /* @__PURE__ */ a(z, { ...t, children: e?.message });
-}, H = o("button", {
+}), _t = (t) => {
+  const { inputNotification: e } = x();
+  return /* @__PURE__ */ s(X, { ...t, children: e?.message });
+}, Y = o("button", {
   _id: "aiChatInput__NotificationClose"
-}), gt = ({
+}), bt = ({
   onClick: t,
   ...e
 }) => {
-  const { clearInputNotification: i } = c();
-  return /* @__PURE__ */ a(
-    H,
+  const { clearInputNotification: i } = x();
+  return /* @__PURE__ */ s(
+    Y,
     {
       type: "button",
       "aria-label": "Dismiss",
-      onClick: r(t, i),
+      onClick: d(t, i),
       ...e
     }
   );
-}, _t = o("div", {
+}, Ft = o("div", {
   _id: "aiChatInput__NotificationContent"
-}), bt = o("div", {
+}), Ct = o("div", {
   _id: "aiChatInput__NotificationHeader"
-}), Ft = o(v, {
+}), It = o(v, {
   _id: "aiChatInput__FileUploadButtonIcon",
   iconKey: "fileUpload"
-}), X = o("button", {
+}), K = o("button", {
   _id: "aiChatInput__FileUploadButton"
-}), Ct = (t) => {
-  const { aiChatSettings: e } = T(), i = d(), { onClick: n, ...s } = t;
-  return /* @__PURE__ */ a(
-    X,
+}), Pt = (t) => {
+  const { aiChatSettings: e } = y(), i = m(), { onClick: n, ...a } = t;
+  return /* @__PURE__ */ s(
+    K,
     {
       type: "button",
       "aria-label": "Upload file",
       disabled: e.isViewOnly,
-      onClick: r(n, () => i.openFilePicker()),
-      ...s
+      onClick: d(n, () => i.openFilePicker()),
+      ...a
     }
   );
-}, Y = o("input", {
+}, W = o("input", {
   _id: "aiChatInput__FileInput"
-}), It = (t) => {
-  const e = d();
-  return /* @__PURE__ */ a(Y, { ...t, ...e.getHiddenInputProps() });
-}, K = o("div", {
+}), yt = (t) => {
+  const e = m();
+  return /* @__PURE__ */ s(W, { ...t, ...e.getHiddenInputProps() });
+}, Z = o("div", {
   _id: "aiChatInput__FileList"
-}), Pt = ({ children: t, ...e }) => {
-  const n = d().acceptedFiles;
-  return n.length ? /* @__PURE__ */ a(K, { ...e, children: t(n) }) : null;
-}, b = C.createContext(null);
-function x() {
-  const t = C.useContext(b);
+}), jt = ({ children: t, ...e }) => {
+  const n = m().acceptedFiles;
+  return n.length ? /* @__PURE__ */ s(Z, { ...e, children: t(n) }) : null;
+}, F = I.createContext(null);
+function u() {
+  const t = I.useContext(F);
   if (!t) throw new Error("useFileContext must be used within EmbeddedChatPrimitiveFileItem");
   return t;
 }
-const Z = o("div", {
+const V = o("div", {
   _id: "aiChatInput__FileItem"
-}), yt = ({ file: t, ...e }) => {
-  const i = d(), [n, s] = h(void 0), [l, p] = h(!0);
-  E(() => i.createFileUrl(t, (u) => {
-    s(u), p(!0);
+}), Et = ({ file: t, ...e }) => {
+  const i = m(), [n, a] = g(void 0), [r, p] = g(!0);
+  k(() => i.createFileUrl(t, (l) => {
+    a(l), p(!0);
   }), [t]);
-  const m = () => i.deleteFile(t);
-  return /* @__PURE__ */ a(b.Provider, { value: { file: t, objectUrl: n, isLoading: l, setIsLoading: p, onRemove: m }, children: /* @__PURE__ */ a(Z, { "data-loading": g(l), ...e }) });
-}, V = o("button", {
+  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", {
   _id: "aiChatInput__FilePreviewTrigger"
-}), jt = ({
+}), wt = ({
   onClick: t,
   ...e
 }) => {
-  const { objectUrl: i, file: n } = x(), { openImagePreview: s } = I();
-  return /* @__PURE__ */ a(
-    V,
+  const { objectUrl: i, file: n } = u(), { openImagePreview: a } = P();
+  return /* @__PURE__ */ s(
+    G,
     {
       type: "button",
       "aria-label": `Preview ${n.name}`,
       disabled: !i,
-      onClick: r(t, () => {
-        i && s({ url: i, name: n.name });
+      onClick: d(t, () => {
+        i && a({ url: i, name: n.name });
       }),
       ...e
     }
   );
-}, W = o("span", {
+}, J = o("span", {
   _id: "aiChatInput__FileContent"
-}), Et = (t) => /* @__PURE__ */ a(W, { ...t }), G = o("img", {
+}), kt = (t) => /* @__PURE__ */ s(J, { ...t }), Q = o("img", {
   _id: "aiChatInput__FileThumbnail"
-}), wt = ({
+}), Mt = ({
   onLoad: t,
   ...e
 }) => {
-  const { objectUrl: i, file: n, setIsLoading: s } = x();
-  return /* @__PURE__ */ a(
-    G,
+  const { objectUrl: i, file: n, setIsLoading: a } = u();
+  return /* @__PURE__ */ s(
+    Q,
     {
       src: i,
       alt: n.name,
-      onLoad: r(t, () => s(!1)),
+      onLoad: d(t, () => a(!1)),
       ...e
     }
   );
-}, kt = ({ className: t }) => {
-  const { file: e } = x(), i = L[R(e).type] ?? "file";
-  return /* @__PURE__ */ a(v, { iconKey: i, className: t });
-}, J = o("span", {
+}, Nt = ({ className: t }) => {
+  const { file: e } = u(), i = L[R(e).type] ?? "file";
+  return /* @__PURE__ */ s(v, { iconKey: i, className: t });
+}, tt = o("span", {
   _id: "aiChatInput__FileName"
-}), Nt = (t) => {
-  const { file: e } = x();
-  return /* @__PURE__ */ a(J, { ...t, children: e.name });
-}, Q = o("button", {
+}), Tt = (t) => {
+  const { file: e } = u();
+  return /* @__PURE__ */ s(tt, { ...t, children: e.name });
+}, et = o("button", {
   _id: "aiChatInput__FileRemove"
-}), Tt = o(v, {
+}), Lt = o(v, {
   _id: "aiChatInput__FileRemoveIcon",
   iconKey: "close"
-}), Lt = ({
+}), qt = ({
   onClick: t,
   ...e
 }) => {
-  const { onRemove: i } = x();
-  return /* @__PURE__ */ a(
-    Q,
+  const { onRemove: i } = u();
+  return /* @__PURE__ */ s(
+    et,
     {
       type: "button",
       "aria-label": "Remove file",
-      onClick: r(t, i),
+      onClick: d(t, i),
       ...e
     }
   );
 };
 export {
-  M as ACCEPTED_FILE_MIME_TYPES,
-  ut as EmbeddedChatPrimitiveDropZone,
-  Et as EmbeddedChatPrimitiveFileContent,
-  It as EmbeddedChatPrimitiveFileInput,
-  yt as EmbeddedChatPrimitiveFileItem,
-  Pt as EmbeddedChatPrimitiveFileList,
-  Nt as EmbeddedChatPrimitiveFileName,
-  jt as EmbeddedChatPrimitiveFilePreviewTrigger,
-  Lt as EmbeddedChatPrimitiveFileRemove,
-  Tt as EmbeddedChatPrimitiveFileRemoveIcon,
-  wt as EmbeddedChatPrimitiveFileThumbnail,
-  kt as EmbeddedChatPrimitiveFileTypeIcon,
-  Ct as EmbeddedChatPrimitiveFileUploadButton,
-  Ft as EmbeddedChatPrimitiveFileUploadButtonIcon,
-  mt as EmbeddedChatPrimitiveInputFieldset,
-  ft as EmbeddedChatPrimitiveInputNotification,
-  gt as EmbeddedChatPrimitiveInputNotificationClose,
-  _t as EmbeddedChatPrimitiveInputNotificationContent,
-  bt as EmbeddedChatPrimitiveInputNotificationHeader,
-  vt as EmbeddedChatPrimitiveInputNotificationMessage,
-  ht as EmbeddedChatPrimitiveInputNotificationTitle,
-  xt as EmbeddedChatPrimitiveMessageFile,
-  dt as EmbeddedChatPrimitiveMessageFiles,
-  _ as FILE_ACCEPT_MAP,
+  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,
+  _t as EmbeddedChatPrimitiveInputNotificationMessage,
+  vt as EmbeddedChatPrimitiveInputNotificationTitle,
+  ut as EmbeddedChatPrimitiveMessageFile,
+  mt as EmbeddedChatPrimitiveMessageFiles,
+  b as FILE_ACCEPT_MAP,
   L as FILE_TYPE_ICON_MAP,
-  P as MAX_FILES,
-  y as MAX_FILE_SIZE,
-  F as isImageMimeType,
+  j as MAX_FILES,
+  E as MAX_FILE_SIZE,
+  C as isImageMimeType,
   R as normalizeFileType
 };

package/dist/styled/inkeep.css.cjs

@@ -654,6 +654,9 @@ video {
 .top-\\[5\\%\\] {
   top: 5%;
 }
+.isolate {
+  isolation: isolate;
+}
 .z-10 {
   z-index: 10;
 }

package/dist/styled/inkeep.css.js

@@ -655,6 +655,9 @@ video {
 .top-\\[5\\%\\] {
   top: 5%;
 }
+.isolate {
+  isolation: isolate;
+}
 .z-10 {
   z-index: 10;
 }

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

@@ -43,6 +43,25 @@ export interface InkeepAIChatSettings {
      * @beta This type is subject to change.
      */
     files?: FileUIPart[];
+    /**
+     * Transform the file attachments displayed on a user message before they render as
+     * chips. Called per message at render time with the message's file parts, for live
+     * and history-loaded messages alike. The input includes all of the message's file
+     * parts regardless of MIME type; the widget's accepted-file-types filter is
+     * re-applied to the returned list, so unsupported types still never render. Return
+     * the parts to display: omit entries to hide them, or return shallow-modified copies
+     * (for example, with a friendlier filename) to rename them. Display-only, so it does
+     * not affect what is sent to the agent, stored, or visible to the LLM. Not a
+     * security boundary: hidden parts are still sent, stored in conversation history,
+     * 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.
+     * Return new or copied objects and do not mutate the input parts.
+     *
+     * @beta This type is subject to change.
+     */
+    transformMessageFiles?: (files: FileUIPart[]) => FileUIPart[];
     /**
      * 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-20260611213628",
+  "version": "0.0.0-dev-20260612033415",
   "description": "",
   "homepage": "",
   "repository": {