@inkeep/agents-ui 0.17.4 → 0.17.5

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"),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 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 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 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 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 T } 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",
@@ -24,7 +24,7 @@ const L = {
   "text/x-python": "filePy",
   "text/x-python-script": "filePy"
 };
-function F(t) {
+function C(t) {
   return t.startsWith("image/");
 }
 const _ = {
@@ -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(
+}, 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 _ = {
 );
 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 = 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 ${P} 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 ${y / 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,266 +205,285 @@ function U(t) {
     message: "This file could not be added."
   };
 }
-const S = o("div", {
+const O = 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();
+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 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 };
+    }
   });
-  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("[transformMessageFiles] transformer threw", a)), 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 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 ? D(r, a) : a).filter(
+    (l) => S.has(l.mediaType ?? "")
+  );
+  return c.length ? /* @__PURE__ */ s(O, { ...e, children: t(c) }) : null;
+}, $ = o("button", {
   _id: "aiChatMessage__File"
-}), xt = ({
+}), ft = ({
   url: t,
   name: e,
   mediaType: i,
   onClick: n,
-  ...s
+  ...a
 }) => {
-  const { openImagePreview: l } = I(), [p, m] = h(!0), u = w(
+  const { openImagePreview: r } = y(), [p, c] = g(!0), l = N(
     () => 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(
+        $,
         {
           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": b(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", {
+}, B = o("div", {
   _id: "aiChatInput__Fieldset"
-}), D = (t) => {
-  const e = d();
-  return /* @__PURE__ */ a(
-    O,
+}), z = (t) => {
+  const e = x();
+  return /* @__PURE__ */ s(
+    B,
     {
       ...e.getDropzoneProps({ disableClick: !0 }),
-      "data-drag-over": g(e.dragging),
+      "data-drag-over": b(e.dragging),
       ...t
     }
   );
-}, mt = ({
+}, ht = ({
   ...t
 }) => {
-  const { files: e, setFiles: i, showInputNotification: n } = c();
-  return /* @__PURE__ */ a(
-    N,
+  const { files: e, setFiles: i, showInputNotification: n } = m();
+  return /* @__PURE__ */ s(
+    L,
     {
       accept: _,
-      maxFiles: P,
-      maxFileSize: y,
+      maxFiles: E,
+      maxFileSize: w,
       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(z, { ...t })
     }
   );
-}, ut = o("div", {
+}, gt = o("div", {
   _id: "aiChatInput__DropZone"
-}), $ = o("div", {
+}), H = o("div", {
   _id: "aiChatInput__Notification"
-}), ft = (t) => {
-  const { inputNotification: e } = c();
-  return e ? /* @__PURE__ */ a($, { role: "alert", ...t }) : null;
-}, B = o("p", {
+}), vt = (t) => {
+  const { inputNotification: e } = m();
+  return e ? /* @__PURE__ */ s(H, { role: "alert", ...t }) : null;
+}, X = o("p", {
   _id: "aiChatInput__NotificationTitle"
-}), ht = ({
+}), bt = ({
   children: t,
   ...e
 }) => {
-  const { inputNotification: i } = c();
-  return i?.title ? /* @__PURE__ */ j(B, { ...e, children: [
+  const { inputNotification: i } = m();
+  return i?.title ? /* @__PURE__ */ k(X, { ...e, children: [
     t,
     i.title
   ] }) : null;
-}, z = o("p", {
+}, Y = 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 } = m();
+  return /* @__PURE__ */ s(Y, { ...t, children: e?.message });
+}, W = o("button", {
   _id: "aiChatInput__NotificationClose"
-}), gt = ({
+}), Ft = ({
   onClick: t,
   ...e
 }) => {
-  const { clearInputNotification: i } = c();
-  return /* @__PURE__ */ a(
-    H,
+  const { clearInputNotification: i } = m();
+  return /* @__PURE__ */ s(
+    W,
     {
       type: "button",
       "aria-label": "Dismiss",
-      onClick: r(t, i),
+      onClick: d(t, i),
       ...e
     }
   );
-}, _t = o("div", {
+}, Ct = o("div", {
   _id: "aiChatInput__NotificationContent"
-}), bt = o("div", {
+}), It = o("div", {
   _id: "aiChatInput__NotificationHeader"
-}), Ft = o(v, {
+}), Pt = 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,
+}), yt = (t) => {
+  const { aiChatSettings: e } = j(), i = x(), { 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", {
+}, Z = o("input", {
   _id: "aiChatInput__FileInput"
-}), It = (t) => {
-  const e = d();
-  return /* @__PURE__ */ a(Y, { ...t, ...e.getHiddenInputProps() });
-}, K = o("div", {
+}), jt = (t) => {
+  const e = x();
+  return /* @__PURE__ */ s(Z, { ...t, ...e.getHiddenInputProps() });
+}, V = 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);
+}), 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 = P.useContext(F);
   if (!t) throw new Error("useFileContext must be used within EmbeddedChatPrimitiveFileItem");
   return t;
 }
-const Z = o("div", {
+const G = 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);
+}), 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 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(G, { "data-loading": b(r), ...e }) });
+}, J = o("button", {
   _id: "aiChatInput__FilePreviewTrigger"
-}), jt = ({
+}), kt = ({
   onClick: t,
   ...e
 }) => {
-  const { objectUrl: i, file: n } = x(), { openImagePreview: s } = I();
-  return /* @__PURE__ */ a(
-    V,
+  const { objectUrl: i, file: n } = u(), { openImagePreview: a } = y();
+  return /* @__PURE__ */ s(
+    J,
     {
       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", {
+}, Q = o("span", {
   _id: "aiChatInput__FileContent"
-}), Et = (t) => /* @__PURE__ */ a(W, { ...t }), G = o("img", {
+}), Mt = (t) => /* @__PURE__ */ s(Q, { ...t }), tt = o("img", {
   _id: "aiChatInput__FileThumbnail"
-}), wt = ({
+}), Nt = ({
   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(
+    tt,
     {
       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", {
+}, Tt = ({ className: t }) => {
+  const { file: e } = u(), i = q[R(e).type] ?? "file";
+  return /* @__PURE__ */ s(v, { iconKey: i, className: t });
+}, et = o("span", {
   _id: "aiChatInput__FileName"
-}), Nt = (t) => {
-  const { file: e } = x();
-  return /* @__PURE__ */ a(J, { ...t, children: e.name });
-}, Q = o("button", {
+}), Lt = (t) => {
+  const { file: e } = u();
+  return /* @__PURE__ */ s(et, { ...t, children: e.name });
+}, it = o("button", {
   _id: "aiChatInput__FileRemove"
-}), Tt = o(v, {
+}), qt = o(v, {
   _id: "aiChatInput__FileRemoveIcon",
   iconKey: "close"
-}), Lt = ({
+}), St = ({
   onClick: t,
   ...e
 }) => {
-  const { onRemove: i } = x();
-  return /* @__PURE__ */ a(
-    Q,
+  const { onRemove: i } = u();
+  return /* @__PURE__ */ s(
+    it,
     {
       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,
+  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,
+  bt as EmbeddedChatPrimitiveInputNotificationTitle,
+  ft as EmbeddedChatPrimitiveMessageFile,
+  ut as EmbeddedChatPrimitiveMessageFiles,
   _ as FILE_ACCEPT_MAP,
-  L as FILE_TYPE_ICON_MAP,
-  P as MAX_FILES,
-  y as MAX_FILE_SIZE,
-  F as isImageMimeType,
+  q as FILE_TYPE_ICON_MAP,
+  E as MAX_FILES,
+  w as MAX_FILE_SIZE,
+  C as isImageMimeType,
   R as normalizeFileType
 };

package/dist/primitives/providers/base-events-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=require("react"),p=require("./config-provider.cjs"),n=t.createContext(void 0),g=({children:e})=>{const{baseSettings:s,componentType:o}=p.useInkeepConfig(),{tags:r,analyticsProperties:i}=s,c="0.17.4",a=t.useMemo(()=>({widgetLibraryVersion:c,componentType:o,tags:r}),[o,r,c]),v={logEvent:t.useCallback(async u=>{const E={...a,...u.properties,...i},d={eventName:u.eventName,properties:E};return s.onEvent?.(d)},[s,a,i])};return l.jsx(n.Provider,{value:v,children:e})},m=()=>{const e=t.useContext(n);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsContext=n;exports.BaseEventsProvider=g;exports.useBaseEvents=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=require("react"),p=require("./config-provider.cjs"),n=t.createContext(void 0),g=({children:e})=>{const{baseSettings:s,componentType:o}=p.useInkeepConfig(),{tags:r,analyticsProperties:i}=s,c="0.17.5",a=t.useMemo(()=>({widgetLibraryVersion:c,componentType:o,tags:r}),[o,r,c]),v={logEvent:t.useCallback(async u=>{const E={...a,...u.properties,...i},d={eventName:u.eventName,properties:E};return s.onEvent?.(d)},[s,a,i])};return l.jsx(n.Provider,{value:v,children:e})},m=()=>{const e=t.useContext(n);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsContext=n;exports.BaseEventsProvider=g;exports.useBaseEvents=m;

package/dist/primitives/providers/base-events-provider.js

@@ -3,7 +3,7 @@ import { jsx as u } from "react/jsx-runtime";
 import { createContext as E, useMemo as d, useCallback as l, useContext as g } from "react";
 import { useInkeepConfig as x } from "./config-provider.js";
 const c = E(void 0), b = ({ children: e }) => {
-  const { baseSettings: t, componentType: o } = x(), { tags: s, analyticsProperties: n } = t, r = "0.17.4", i = d(
+  const { baseSettings: t, componentType: o } = x(), { tags: s, analyticsProperties: n } = t, r = "0.17.5", i = d(
     () => ({
       widgetLibraryVersion: r,
       componentType: o,

package/dist/primitives/providers/chat-base-events-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),u=require("react"),B=require("./config-provider.cjs"),O=require("./chat-auth-provider.cjs"),U=require("../hooks/use-events-api.cjs"),x=require("./base-events-provider.cjs"),M=({children:g})=>{const{baseSettings:n,aiChatSettings:h,componentType:i}=B.useInkeepConfig(),{tags:t,analyticsProperties:r,privacyPreferences:y,userProperties:o}=n,c="0.17.4",a=u.useMemo(()=>({widgetLibraryVersion:c,componentType:i}),[i,c]),{effectiveAuthToken:b,applicableRefreshSession:f,getCaptchaHeader:E,invalidateCaptcha:P}=O.useChatAuth(),{baseUrl:m,appId:A,analyticsApiBaseUrl:C,headers:I}=h,p=y?.optOutAllAnalytics??!1,{logEvent:l}=U.useEventsApi({baseUrl:C??m,appId:A,authToken:b,getCaptchaHeader:E,invalidateCaptcha:P,refreshSession:f,headers:I}),k={logEvent:u.useCallback(async s=>{const q={eventName:s.eventName,properties:{...a,...t?{tags:t}:{},...s.properties,...r}};if(!p){const e=s.properties??{},v=typeof e.conversationId=="string"?e.conversationId:void 0,d=typeof e.messageId=="string"?e.messageId:void 0,S=!!o&&Object.keys(o).length>0,w={...t?{tags:t}:{},...r??{}},T={...a,...s.properties};l({body:{type:s.eventName,...v?{conversationId:v}:{},...d?{messageId:d}:{},...S?{userProperties:o}:{},properties:w,metadata:T}})}try{return await n.onEvent?.(q)}catch(e){console.warn("[events] onEvent callback threw",e)}},[n,a,t,r,l,p,o])};return j.jsx(x.BaseEventsContext.Provider,{value:k,children:g})};exports.ChatBaseEventsProvider=M;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),u=require("react"),B=require("./config-provider.cjs"),O=require("./chat-auth-provider.cjs"),U=require("../hooks/use-events-api.cjs"),x=require("./base-events-provider.cjs"),M=({children:g})=>{const{baseSettings:n,aiChatSettings:h,componentType:i}=B.useInkeepConfig(),{tags:t,analyticsProperties:r,privacyPreferences:y,userProperties:o}=n,c="0.17.5",a=u.useMemo(()=>({widgetLibraryVersion:c,componentType:i}),[i,c]),{effectiveAuthToken:b,applicableRefreshSession:f,getCaptchaHeader:E,invalidateCaptcha:P}=O.useChatAuth(),{baseUrl:m,appId:A,analyticsApiBaseUrl:C,headers:I}=h,p=y?.optOutAllAnalytics??!1,{logEvent:l}=U.useEventsApi({baseUrl:C??m,appId:A,authToken:b,getCaptchaHeader:E,invalidateCaptcha:P,refreshSession:f,headers:I}),k={logEvent:u.useCallback(async s=>{const q={eventName:s.eventName,properties:{...a,...t?{tags:t}:{},...s.properties,...r}};if(!p){const e=s.properties??{},v=typeof e.conversationId=="string"?e.conversationId:void 0,d=typeof e.messageId=="string"?e.messageId:void 0,S=!!o&&Object.keys(o).length>0,w={...t?{tags:t}:{},...r??{}},T={...a,...s.properties};l({body:{type:s.eventName,...v?{conversationId:v}:{},...d?{messageId:d}:{},...S?{userProperties:o}:{},properties:w,metadata:T}})}try{return await n.onEvent?.(q)}catch(e){console.warn("[events] onEvent callback threw",e)}},[n,a,t,r,l,p,o])};return j.jsx(x.BaseEventsContext.Provider,{value:k,children:g})};exports.ChatBaseEventsProvider=M;

package/dist/primitives/providers/chat-base-events-provider.js

@@ -6,7 +6,7 @@ import { useChatAuth as O } from "./chat-auth-provider.js";
 import { useEventsApi as j } from "../hooks/use-events-api.js";
 import { BaseEventsContext as M } from "./base-events-provider.js";
 const F = ({ children: m }) => {
-  const { baseSettings: r, aiChatSettings: g, componentType: i } = N(), { tags: t, analyticsProperties: n, privacyPreferences: f, userProperties: o } = r, c = "0.17.4", a = x(
+  const { baseSettings: r, aiChatSettings: g, componentType: i } = N(), { tags: t, analyticsProperties: n, privacyPreferences: f, userProperties: o } = r, c = "0.17.5", a = x(
     () => ({
       widgetLibraryVersion: c,
       componentType: i

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

@@ -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
@@ -43,6 +44,27 @@ 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. 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[]) => 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.17.4",
+  "version": "0.17.5",
   "description": "",
   "homepage": "",
   "repository": {