@inkeep/agents-ui 0.17.4 → 0.17.6

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/components/embedded-chat/use-inkeep-chat.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ze=require("@ai-sdk/react"),Xe=require("./file-upload-input.cjs"),Ye=require("ai"),t=require("react"),et=require("../../providers/config-provider.cjs"),tt=require("../../providers/chat-auth-provider.cjs"),st=require("../../hooks/use-media-query.cjs"),rt=require("../../hooks/use-conversation-loader.cjs"),nt=require("../../hooks/use-initial-conversation.cjs"),k=require("../../utils/generate-uid.cjs"),at=require("../../providers/base-events-provider.cjs"),ot=require("../../providers/chat-form-provider.cjs"),it=require("../../providers/widget-provider.cjs"),ct=require("@radix-ui/react-use-controllable-state"),ut=require("../../hooks/use-streaming-events.cjs"),lt=require("../../hooks/use-input-notification.cjs"),p=require("./chat-error-helpers.cjs"),dt=()=>{const{baseSettings:se,aiChatSettings:E}=et.useInkeepConfig(),[c="",m]=ct.useControllableState({prop:E.conversationIdOverride,defaultProp:E.conversationIdOverride??""}),{logEvent:h}=at.useBaseEvents(),{setConversationId:ke,emitToParent:F}=ut.useStreamingEvents(),re=t.useRef(c);t.useEffect(()=>{const e=re.current;re.current=c,e!==c&&h({eventName:"chat_conversation_changed",properties:{conversationId:c,previousConversationId:e}})},[c,h]);const[S,C]=t.useState(""),Fe=e=>C(e.target.value),{shouldBypassCaptcha:_e,filters:ne,userProperties:N,analyticsProperties:O}=se,{authToken:ae,isAuthenticated:v,isAuthConfigured:oe,refreshAuthToken:ie,sessionToken:ce,refreshSession:ue,getCaptchaHeader:_,invalidateCaptcha:d,effectiveAuthToken:le,applicableRefreshSession:Pe}=tt.useChatAuth(),{onInputMessageChange:xe,filters:de,baseUrl:pe,agentUrl:qe,context:fe,headers:ge,appId:P,apiKey:U,files:I}=E,he=t.useRef(_);he.current=_;const me=qe||`${pe}/run/api/chat`,{loadConversation:ve}=rt.useConversationLoader({baseUrl:pe,appId:P,authToken:le,getCaptchaHeader:_,invalidateCaptcha:d,refreshSession:Pe}),[Le,ye]=t.useState(!1),D=t.useRef(null);D.current=ce;const $=t.useRef(null);$.current=ae;const B=t.useRef(void 0);B.current=N&&Object.keys(N).length>0?N:void 0;const G=t.useRef(void 0);G.current=O&&Object.keys(O).length>0?O:void 0;const y=t.useRef(0),H=t.useRef(null),K=t.useRef(null),R=t.useRef(void 0),Ne=I?.map(e=>`${e.filename??""}:${e.mediaType}:${e.url.length}:${e.url.slice(0,64)}:${e.url.slice(-32)}`).join(`
-`)??"";t.useEffect(()=>{R.current=I?.length?I:void 0},[Ne]);const Re=t.useRef(ge);Re.current=ge;const z=t.useRef(void 0);z.current=ne||de?JSON.stringify({...ne,...de}):void 0;const Oe=e=>{switch(p.resolveHttpStatusCode(e)){case 400:try{const s=JSON.parse(e.message??"");return s.detail??s.error?.message??p.RECOVERABLE_FALLBACK_MESSAGE}catch{return e.message?.trim()||p.RECOVERABLE_FALLBACK_MESSAGE}case 401:return oe?"Authentication failed. Please try again.":p.DEFAULT_ERROR_MESSAGE;case 403:return`There seems to be a configuration error. Please contact ${se.organizationDisplayName??"Administrator"}`;case 429:return p.RATE_LIMIT_MESSAGE;default:return p.DEFAULT_ERROR_MESSAGE}},[A,j]=t.useState([]),Ue=t.useMemo(()=>new Ye.DefaultChatTransport({api:me,headers:()=>{const e=U??$.current??D.current;return{"x-inkeep-client-timezone":Intl.DateTimeFormat().resolvedOptions().timeZone,"x-inkeep-client-timestamp":new Date().toISOString(),"x-inkeep-invocation-type":"chat_widget",...P?{"x-inkeep-app-id":P}:{},...e?{Authorization:`Bearer ${e}`}:{},...z.current?{"inkeep-filters":z.current}:{},...Re.current}},prepareSendMessagesRequest:async e=>{const a=await he.current(),s=e.messages[e.messages.length-1];return s||console.warn("[useInkeepChat] prepareSendMessagesRequest called with empty messages array"),{body:{...e.body,id:e.id,messages:s?[s]:[],trigger:e.trigger,messageId:e.messageId,...B.current?{userProperties:B.current}:{},...G.current?{properties:G.current}:{}},headers:{...e.headers,...a}}},body:{requestContext:fe}}),[me,fe,P,U]),{messages:b,sendMessage:V,addToolApprovalResponse:J,status:Ee,setMessages:f,stop:x,error:q}=Ze.useChat({transport:Ue,onData(e){F(e.type,e.data)},async onFinish({message:e}){F("completion",{conversationId:c}),await h({eventName:"assistant_message_received",properties:{conversationId:c,messageId:e.id}}),h({eventName:"assistant_answer_displayed",properties:{conversationId:c,messageId:e.id}})},onError(e){console.error("onError",{code:e.code,message:e.message});const a=_e||U?null:p.resolveStreamingAuthError(e);if(a!==null&&y.current<1){y.current++;const n=K.current,r=H.current;(async()=>{if(a==="session"&&oe){const l=await ie();if(!l)throw new Error("Auth token refresh failed");$.current=l}else if(a==="session"){const l=await ue();l&&(D.current=l)}else d();if(n){J(n);return}r&&(f(l=>{let o=[...l];return o.at(-1)?.role==="assistant"&&(o=o.slice(0,-1)),o.at(-1)?.role==="user"&&(o=o.slice(0,-1)),o}),V({id:r.messageId,parts:[...r.content.trim()?[{type:"text",text:r.content}]:[],...r.files??[]]},{body:r.body}))})().catch(()=>{y.current=0,d(),f(l=>{const o=[...l],g=o[o.length-1];if(!g)return o;const L=p.DEFAULT_ERROR_MESSAGE;return g.role==="user"?o.push({id:k.generateUid(16),role:"assistant",parts:[{type:"text",text:L}]}):g.parts=[{type:"text",text:L}],o})});return}y.current=0,a!==null&&d();const s=p.isRecoverableError(e),u=Oe(e);if(h({eventName:"chat_error",properties:{conversationId:c,messageId:b.at(-1)?.id,error:e.message}}),s){Y({title:"Request failed",message:u},p.RECOVERABLE_NOTIFICATION_DURATION_MS),f(r=>{let i=[...r];return i.at(-1)?.role==="assistant"&&(i=i.slice(0,-1)),i.at(-1)?.role==="user"&&(i=i.slice(0,-1)),i});const n=H.current?.content;n&&C(n),X.current=e;return}f(n=>{const r=[...n],i=r[r.length-1];return i&&(i.role==="user"?r.push({id:k.generateUid(16),role:"assistant",parts:[{type:"text",text:u}]}):i.parts=[{type:"text",text:u}]),r})}}),Se=t.useRef(v);t.useEffect(()=>{const e=Se.current;Se.current=v,e!==v&&(x(),w(null),f([]),m(""),C(""),j([]),d())},[v,x,f,m,d]);const Ce=Ee==="submitted",Q=Ee==="streaming",De=t.useMemo(()=>{const e=n=>{if(!n||typeof n!="object")return!1;const r=n;return typeof r.type=="string"&&r.type.startsWith("tool-")},s=[...b??[]].reverse().find(n=>n.role==="assistant");if(!s)return!1;const u=s.parts?.at(-1);return!(!e(u)||u.state!=="output-available"||!u.approval?.id||Q)},[b,Q]),[$e,W]=t.useState(!1),Ie=Q||De&&!$e,Ae=Ce||Ie,Be=b.length===0,Z=!S.trim()&&A.length===0||Ae,Ge=st.useMediaQuery("(max-width: 768px)"),[He,w]=t.useState(null),X=t.useRef(null);t.useEffect(()=>{if(q){if(X.current===q){X.current=null;return}w(q)}},[q]);const Ke=()=>w(null),{inputNotification:ze,showInputNotification:Y,clearInputNotification:je}=lt.useInputNotification(),be=t.useRef(null);t.useEffect(()=>{xe?.(S)},[S]);const Ve=e=>{e.key==="Enter"&&!e.shiftKey&&!Z&&!e.nativeEvent.isComposing&&(e.preventDefault(),ee())},ee=async(e=S)=>{if(Z&&(!e||e.trim().length===0)&&A.length===0||!e.trim()&&!A.length&&!R.current?.length)return;const a=A;j([]),C(""),y.current=0,K.current=null,W(!1);let s=c;s||(s=`conv_${k.generateUid(16)}`,m(s));const u=k.generateUid(21);ke(s),await h({eventName:"user_message_submitted",properties:{conversationId:s,messageId:u}});const n=R.current;R.current=void 0;let r=[];if(a.length>0)try{r=await Promise.all(a.map(o=>{const g=Xe.normalizeFileType(o);return new Promise((L,Te)=>{const T=new FileReader;T.onload=()=>{if(typeof T.result!="string"){Te(new Error(`Failed to read file "${g.name}"`));return}L({type:"file",url:T.result,mediaType:g.type,filename:g.name})},T.onerror=()=>Te(new Error(`Failed to read file "${g.name}"`)),T.readAsDataURL(g)})}))}catch{Y({title:"Failed to attach files",message:"Could not read one or more files. Please try again."});return}const i=r.length||n?.length?[...r,...n??[]]:void 0,l=[...e.trim()?[{type:"text",text:e}]:[],...i??[]];H.current={content:e,messageId:u,body:{conversationId:s},files:i},V({id:u,parts:l},{body:{conversationId:s}})},Je=t.useCallback(e=>{y.current=0,K.current=e,W(!1),J(e)},[J]),te=t.useCallback(()=>{W(!0),x().then(()=>{F("aborted",{conversationId:c})})},[x,c,F]),we=()=>{Ke(),f([]),m(""),d(),R.current=I?.length?I:void 0,h({eventName:"chat_clear_button_clicked",properties:{conversationId:c}})},M=t.useCallback((e,a)=>{w(null),f(a),m(e),d(),R.current=void 0},[f,m,d]),Me=t.useCallback(async(e,a)=>{te(),M(e,[]),ye(!0);try{const s=await ve(e,a);if(s===null)return!1;const n=s[s.length-1]?.role==="user"?[...s,{id:k.generateUid(16),role:"assistant",parts:[{type:"text",text:"This session was interrupted. Please check back in a few minutes or start a new conversation."}]}]:s;return M(e,n),!0}finally{a?.aborted||ye(!1)}},[M,ve,te]);nt.useInitialConversation({conversationId:E.conversationId,effectiveAuthToken:le,loadAndRestoreSession:Me,onLoadFailed:()=>M("",[])});const{openForm:Qe}=ot.useChatForm(),We=it.useWidget();return t.useImperativeHandle(E.chatFunctionsRef,()=>({submitMessage:ee,updateInputMessage(e){C(e)},clearChat:we,openForm:e=>{We?.setView("chat"),Qe(e,void 0)},focusInput:()=>{be.current?.focus()}})),{messages:b,sendMessage:V,addToolApprovalResponse:Je,isLoading:Ce,isStreaming:Ie,isBusy:Ae,error:He,setError:w,isSubmitDisabled:Z,input:S,handleInputChange:Fe,handleInputKeyDown:Ve,handleSubmit:ee,stop:te,clear:we,inputRef:be,isMobile:Ge,files:A,setFiles:j,isNewChat:Be,conversationId:c,restoreSession:M,loadAndRestoreSession:Me,isSessionLoading:Le,authToken:v?ae:ce,refreshSession:v?ie:ue,getCaptchaHeader:_,invalidateCaptcha:d,inputNotification:ze,showInputNotification:Y,clearInputNotification:je}};exports.useInkeepChat=dt;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ze=require("@ai-sdk/react"),Xe=require("./file-upload-input.cjs"),Ye=require("ai"),t=require("react"),et=require("../../providers/config-provider.cjs"),tt=require("../../providers/chat-auth-provider.cjs"),st=require("../../hooks/use-media-query.cjs"),rt=require("../../hooks/use-conversation-loader.cjs"),nt=require("../../hooks/use-initial-conversation.cjs"),k=require("../../utils/generate-uid.cjs"),at=require("../../providers/base-events-provider.cjs"),ot=require("../../providers/chat-form-provider.cjs"),it=require("../../providers/widget-provider.cjs"),ct=require("@radix-ui/react-use-controllable-state"),ut=require("../../hooks/use-streaming-events.cjs"),lt=require("../../hooks/use-input-notification.cjs"),f=require("./chat-error-helpers.cjs"),dt=()=>{const{baseSettings:se,aiChatSettings:m}=et.useInkeepConfig(),[c="",v]=ct.useControllableState({prop:m.conversationIdOverride,defaultProp:m.conversationIdOverride??""}),{logEvent:h}=at.useBaseEvents(),{setConversationId:ke,emitToParent:F}=ut.useStreamingEvents(),re=t.useRef(c);t.useEffect(()=>{const e=re.current;re.current=c,e!==c&&h({eventName:"chat_conversation_changed",properties:{conversationId:c,previousConversationId:e}})},[c,h]);const[S,I]=t.useState(""),Fe=e=>I(e.target.value),{shouldBypassCaptcha:_e,filters:ne,userProperties:N,analyticsProperties:O}=se,{authToken:ae,isAuthenticated:y,isAuthConfigured:oe,refreshAuthToken:ie,sessionToken:ce,refreshSession:ue,getCaptchaHeader:_,invalidateCaptcha:d,effectiveAuthToken:le,applicableRefreshSession:Pe}=tt.useChatAuth(),{onInputMessageChange:xe,filters:de,baseUrl:fe,agentUrl:qe,context:pe,headers:ge,appId:P,apiKey:U,files:A}=m,he=t.useRef(_);he.current=_;const me=qe||`${fe}/run/api/chat`,{loadConversation:ve}=rt.useConversationLoader({baseUrl:fe,appId:P,authToken:le,getCaptchaHeader:_,invalidateCaptcha:d,refreshSession:Pe}),[Le,ye]=t.useState(!1),D=t.useRef(null);D.current=ce;const $=t.useRef(null);$.current=ae;const B=t.useRef(void 0);B.current=N&&Object.keys(N).length>0?N:void 0;const G=t.useRef(void 0);G.current=O&&Object.keys(O).length>0?O:void 0;const R=t.useRef(0),H=t.useRef(null),K=t.useRef(null),C=t.useRef(void 0),Ne=A?.map(e=>`${e.filename??""}:${e.mediaType}:${e.url.length}:${e.url.slice(0,64)}:${e.url.slice(-32)}`).join(`
+`)??"";t.useEffect(()=>{C.current=A?.length?A:void 0},[Ne]);const Re=t.useRef(ge);Re.current=ge;const z=t.useRef(void 0);z.current=ne||de?JSON.stringify({...ne,...de}):void 0;const Oe=e=>{switch(f.resolveHttpStatusCode(e)){case 400:try{const s=JSON.parse(e.message??"");return s.detail??s.error?.message??f.RECOVERABLE_FALLBACK_MESSAGE}catch{return e.message?.trim()||f.RECOVERABLE_FALLBACK_MESSAGE}case 401:return oe?"Authentication failed. Please try again.":f.DEFAULT_ERROR_MESSAGE;case 403:return`There seems to be a configuration error. Please contact ${se.organizationDisplayName??"Administrator"}`;case 429:return f.RATE_LIMIT_MESSAGE;default:return f.DEFAULT_ERROR_MESSAGE}},[b,j]=t.useState([]),Ue=t.useMemo(()=>new Ye.DefaultChatTransport({api:me,headers:()=>{const e=U??$.current??D.current;return{"x-inkeep-client-timezone":Intl.DateTimeFormat().resolvedOptions().timeZone,"x-inkeep-client-timestamp":new Date().toISOString(),"x-inkeep-invocation-type":"chat_widget",...P?{"x-inkeep-app-id":P}:{},...e?{Authorization:`Bearer ${e}`}:{},...z.current?{"inkeep-filters":z.current}:{},...Re.current}},prepareSendMessagesRequest:async e=>{const a=await he.current(),s=e.messages[e.messages.length-1];return s||console.warn("[useInkeepChat] prepareSendMessagesRequest called with empty messages array"),{body:{...e.body,id:e.id,messages:s?[s]:[],trigger:e.trigger,messageId:e.messageId,...B.current?{userProperties:B.current}:{},...G.current?{properties:G.current}:{}},headers:{...e.headers,...a}}},body:{requestContext:pe}}),[me,pe,P,U]),{messages:w,sendMessage:V,addToolApprovalResponse:J,status:Ce,setMessages:p,stop:x,error:q}=Ze.useChat({transport:Ue,onData(e){F(e.type,e.data)},async onFinish({message:e}){F("completion",{conversationId:c}),await h({eventName:"assistant_message_received",properties:{conversationId:c,messageId:e.id}}),h({eventName:"assistant_answer_displayed",properties:{conversationId:c,messageId:e.id}})},onError(e){console.error("onError",{code:e.code,message:e.message});const a=_e||U?null:f.resolveStreamingAuthError(e);if(a!==null&&R.current<1){R.current++;const n=K.current,r=H.current;(async()=>{if(a==="session"&&oe){const l=await ie();if(!l)throw new Error("Auth token refresh failed");$.current=l}else if(a==="session"){const l=await ue();l&&(D.current=l)}else d();if(n){J(n);return}r&&(p(l=>{let o=[...l];return o.at(-1)?.role==="assistant"&&(o=o.slice(0,-1)),o.at(-1)?.role==="user"&&(o=o.slice(0,-1)),o}),V({id:r.messageId,parts:[...r.content.trim()?[{type:"text",text:r.content}]:[],...r.files??[]]},{body:r.body}))})().catch(()=>{R.current=0,d(),p(l=>{const o=[...l],g=o[o.length-1];if(!g)return o;const L=f.DEFAULT_ERROR_MESSAGE;return g.role==="user"?o.push({id:k.generateUid(16),role:"assistant",parts:[{type:"text",text:L}]}):g.parts=[{type:"text",text:L}],o})});return}R.current=0,a!==null&&d();const s=f.isRecoverableError(e),u=Oe(e);if(h({eventName:"chat_error",properties:{conversationId:c,messageId:w.at(-1)?.id,error:e.message}}),s){Y({title:"Request failed",message:u},f.RECOVERABLE_NOTIFICATION_DURATION_MS),p(r=>{let i=[...r];return i.at(-1)?.role==="assistant"&&(i=i.slice(0,-1)),i.at(-1)?.role==="user"&&(i=i.slice(0,-1)),i});const n=H.current?.content;n&&I(n),X.current=e;return}p(n=>{const r=[...n],i=r[r.length-1];return i&&(i.role==="user"?r.push({id:k.generateUid(16),role:"assistant",parts:[{type:"text",text:u}]}):i.parts=[{type:"text",text:u}]),r})}}),Ee=t.useRef(y);t.useEffect(()=>{const e=Ee.current;Ee.current=y,e!==y&&(x(),M(null),p([]),v(""),I(""),j([]),d())},[y,x,p,v,d]);const Se=Ce==="submitted",Q=Ce==="streaming",De=t.useMemo(()=>{const e=n=>{if(!n||typeof n!="object")return!1;const r=n;return typeof r.type=="string"&&r.type.startsWith("tool-")},s=[...w??[]].reverse().find(n=>n.role==="assistant");if(!s)return!1;const u=s.parts?.at(-1);return!(!e(u)||u.state!=="output-available"||!u.approval?.id||Q)},[w,Q]),[$e,W]=t.useState(!1),Ie=Q||De&&!$e,Ae=Se||Ie,Be=w.length===0,Z=!S.trim()&&b.length===0||Ae,Ge=st.useMediaQuery("(max-width: 768px)"),[He,M]=t.useState(null),X=t.useRef(null);t.useEffect(()=>{if(q){if(X.current===q){X.current=null;return}M(q)}},[q]);const Ke=()=>M(null),{inputNotification:ze,showInputNotification:Y,clearInputNotification:je}=lt.useInputNotification(),be=t.useRef(null);t.useEffect(()=>{xe?.(S)},[S]);const Ve=e=>{e.key==="Enter"&&!e.shiftKey&&!Z&&!e.nativeEvent.isComposing&&(e.preventDefault(),ee())},ee=async(e=S)=>{if(Z&&(!e||e.trim().length===0)&&b.length===0||!e.trim()&&!b.length&&!C.current?.length)return;const a=b;j([]),I(""),R.current=0,K.current=null,W(!1);let s=c;s||(s=`conv_${k.generateUid(16)}`,v(s));const u=k.generateUid(21);ke(s),await h({eventName:"user_message_submitted",properties:{conversationId:s,messageId:u}});const n=C.current;C.current=void 0;let r=[];if(a.length>0)try{r=await Promise.all(a.map(o=>{const g=Xe.normalizeFileType(o);return new Promise((L,Te)=>{const T=new FileReader;T.onload=()=>{if(typeof T.result!="string"){Te(new Error(`Failed to read file "${g.name}"`));return}L({type:"file",url:T.result,mediaType:g.type,filename:g.name})},T.onerror=()=>Te(new Error(`Failed to read file "${g.name}"`)),T.readAsDataURL(g)})}))}catch{Y({title:"Failed to attach files",message:"Could not read one or more files. Please try again."});return}const i=r.length||n?.length?[...r,...n??[]]:void 0,l=[...e.trim()?[{type:"text",text:e}]:[],...i??[]];H.current={content:e,messageId:u,body:{conversationId:s},files:i},V({id:u,parts:l},{body:{conversationId:s}})},Je=t.useCallback(e=>{R.current=0,K.current=e,W(!1),J(e)},[J]),te=t.useCallback(()=>{W(!0),x().then(()=>{F("aborted",{conversationId:c})})},[x,c,F]),we=()=>{Ke(),p([]),v(""),d(),C.current=A?.length?A:void 0,h({eventName:"chat_clear_button_clicked",properties:{conversationId:c}})},E=t.useCallback((e,a)=>{M(null),p(a),v(e),d(),C.current=void 0},[p,v,d]),Me=t.useCallback(async(e,a)=>{te(),E(e,[]),ye(!0);try{const s=await ve(e,a);if(s===null)return!1;const n=s[s.length-1]?.role==="user"?[...s,{id:k.generateUid(16),role:"assistant",parts:[{type:"text",text:"This session was interrupted. Please check back in a few minutes or start a new conversation."}]}]:s;return E(e,n),!0}finally{a?.aborted||ye(!1)}},[E,ve,te]);nt.useInitialConversation({conversationId:m.conversationId,fetchedConversation:m.fetchedConversation,effectiveAuthToken:le,restoreSession:E,loadAndRestoreSession:Me,onLoadFailed:()=>E("",[])});const{openForm:Qe}=ot.useChatForm(),We=it.useWidget();return t.useImperativeHandle(m.chatFunctionsRef,()=>({submitMessage:ee,updateInputMessage(e){I(e)},clearChat:we,openForm:e=>{We?.setView("chat"),Qe(e,void 0)},focusInput:()=>{be.current?.focus()}})),{messages:w,sendMessage:V,addToolApprovalResponse:Je,isLoading:Se,isStreaming:Ie,isBusy:Ae,error:He,setError:M,isSubmitDisabled:Z,input:S,handleInputChange:Fe,handleInputKeyDown:Ve,handleSubmit:ee,stop:te,clear:we,inputRef:be,isMobile:Ge,files:b,setFiles:j,isNewChat:Be,conversationId:c,restoreSession:E,loadAndRestoreSession:Me,isSessionLoading:Le,authToken:y?ae:ce,refreshSession:y?ie:ue,getCaptchaHeader:_,invalidateCaptcha:d,inputNotification:ze,showInputNotification:Y,clearInputNotification:je}};exports.useInkeepChat=dt;

package/dist/primitives/components/embedded-chat/use-inkeep-chat.js

@@ -17,9 +17,9 @@ import { useStreamingEvents as gt } from "../../hooks/use-streaming-events.js";
 import { useInputNotification as ht } from "../../hooks/use-input-notification.js";
 import { resolveStreamingAuthError as vt, DEFAULT_ERROR_MESSAGE as ne, isRecoverableError as yt, RECOVERABLE_NOTIFICATION_DURATION_MS as It, resolveHttpStatusCode as Ct, RATE_LIMIT_MESSAGE as Rt, RECOVERABLE_FALLBACK_MESSAGE as Ne } from "./chat-error-helpers.js";
 const Bt = () => {
-  const { baseSettings: oe, aiChatSettings: I } = at(), [c = "", g] = mt({
-    prop: I.conversationIdOverride,
-    defaultProp: I.conversationIdOverride ?? ""
+  const { baseSettings: oe, aiChatSettings: g } = at(), [c = "", h] = mt({
+    prop: g.conversationIdOverride,
+    defaultProp: g.conversationIdOverride ?? ""
   }), { logEvent: m } = pt(), { setConversationId: Pe, emitToParent: x } = gt(), ae = i(c);
   M(() => {
     const e = ae.current;
@@ -31,14 +31,14 @@ const Bt = () => {
       }
     });
   }, [c, m]);
-  const [C, R] = k(""), Oe = (e) => R(e.target.value), {
+  const [R, S] = k(""), Oe = (e) => S(e.target.value), {
     shouldBypassCaptcha: De,
     filters: ie,
     userProperties: $,
     analyticsProperties: B
   } = oe, {
     authToken: ce,
-    isAuthenticated: h,
+    isAuthenticated: v,
     isAuthConfigured: le,
     refreshAuthToken: ue,
     sessionToken: pe,
@@ -56,8 +56,8 @@ const Bt = () => {
     headers: ve,
     appId: N,
     apiKey: U,
-    files: S
-  } = I, ye = i(_);
+    files: w
+  } = g, ye = i(_);
   ye.current = _;
   const Ie = Be || `${ge}/run/api/chat`, { loadConversation: Ce } = lt({
     baseUrl: ge,
@@ -74,12 +74,12 @@ const Bt = () => {
   K.current = $ && Object.keys($).length > 0 ? $ : void 0;
   const q = i(void 0);
   q.current = B && Object.keys(B).length > 0 ? B : void 0;
-  const v = i(0), j = i(null), G = i(null), y = i(void 0), ze = S?.map(
+  const y = i(0), j = i(null), G = i(null), I = i(void 0), ze = w?.map(
     (e) => `${e.filename ?? ""}:${e.mediaType}:${e.url.length}:${e.url.slice(0, 64)}:${e.url.slice(-32)}`
   ).join(`
 `) ?? "";
   M(() => {
-    y.current = S?.length ? S : void 0;
+    I.current = w?.length ? w : void 0;
   }, [ze]);
   const Se = i(ve);
   Se.current = ve;
@@ -103,7 +103,7 @@ const Bt = () => {
       default:
         return ne;
     }
-  }, [w, J] = k([]), Ke = _e(
+  }, [A, J] = k([]), Ke = _e(
     () => new nt({
       api: Ie,
       headers: () => {
@@ -144,7 +144,7 @@ const Bt = () => {
     }),
     [Ie, he, N, U]
   ), {
-    messages: A,
+    messages: b,
     sendMessage: W,
     addToolApprovalResponse: Q,
     status: we,
@@ -174,8 +174,8 @@ const Bt = () => {
     onError(e) {
       console.error("onError", { code: e.code, message: e.message });
       const n = De || U ? null : vt(e);
-      if (n !== null && v.current < 1) {
-        v.current++;
+      if (n !== null && y.current < 1) {
+        y.current++;
         const r = G.current, s = j.current;
         (async () => {
           if (n === "session" && le) {
@@ -205,7 +205,7 @@ const Bt = () => {
             { body: s.body }
           ));
         })().catch(() => {
-          v.current = 0, p(), d((u) => {
+          y.current = 0, p(), d((u) => {
             const o = [...u], f = o[o.length - 1];
             if (!f) return o;
             const D = ne;
@@ -218,13 +218,13 @@ const Bt = () => {
         });
         return;
       }
-      v.current = 0, n !== null && p();
+      y.current = 0, n !== null && p();
       const t = yt(e), l = He(e);
       if (m({
         eventName: "chat_error",
         properties: {
           conversationId: c,
-          messageId: A.at(-1)?.id,
+          messageId: b.at(-1)?.id,
           error: e.message
         }
       }), t) {
@@ -236,7 +236,7 @@ const Bt = () => {
           return a.at(-1)?.role === "assistant" && (a = a.slice(0, -1)), a.at(-1)?.role === "user" && (a = a.slice(0, -1)), a;
         });
         const r = j.current?.content;
-        r && R(r), ee.current = e;
+        r && S(r), ee.current = e;
         return;
       }
       d((r) => {
@@ -248,43 +248,43 @@ const Bt = () => {
         }) : a.parts = [{ type: "text", text: l }]), s;
       });
     }
-  }), Ae = i(h);
+  }), Ae = i(v);
   M(() => {
     const e = Ae.current;
-    Ae.current = h, e !== h && (P(), b(null), d([]), g(""), R(""), J([]), p());
-  }, [h, P, d, g, p]);
+    Ae.current = v, e !== v && (P(), E(null), d([]), h(""), S(""), J([]), p());
+  }, [v, P, d, h, p]);
   const be = we === "submitted", Z = we === "streaming", qe = _e(() => {
     const e = (r) => {
       if (!r || typeof r != "object") return !1;
       const s = r;
       return typeof s.type == "string" && s.type.startsWith("tool-");
-    }, t = [...A ?? []].reverse().find((r) => r.role === "assistant");
+    }, t = [...b ?? []].reverse().find((r) => r.role === "assistant");
     if (!t) return !1;
     const l = t.parts?.at(-1);
     return !(!e(l) || l.state !== "output-available" || !l.approval?.id || Z);
-  }, [A, Z]), [je, X] = k(!1), Ee = Z || qe && !je, Te = be || Ee, Ge = A.length === 0, Y = !C.trim() && w.length === 0 || Te, Ve = ct("(max-width: 768px)"), [Je, b] = k(null), ee = i(null);
+  }, [b, Z]), [je, X] = k(!1), Ee = Z || qe && !je, Te = be || Ee, Ge = b.length === 0, Y = !R.trim() && A.length === 0 || Te, Ve = ct("(max-width: 768px)"), [Je, E] = k(null), ee = i(null);
   M(() => {
     if (O) {
       if (ee.current === O) {
         ee.current = null;
         return;
       }
-      b(O);
+      E(O);
     }
   }, [O]);
-  const We = () => b(null), { inputNotification: Qe, showInputNotification: te, clearInputNotification: Ze } = ht(), Me = i(null);
+  const We = () => E(null), { inputNotification: Qe, showInputNotification: te, clearInputNotification: Ze } = ht(), Me = i(null);
   M(() => {
-    $e?.(C);
-  }, [C]);
+    $e?.(R);
+  }, [R]);
   const Xe = (e) => {
     e.key === "Enter" && !e.shiftKey && !Y && !e.nativeEvent.isComposing && (e.preventDefault(), se());
-  }, se = async (e = C) => {
-    if (Y && (!e || e.trim().length === 0) && w.length === 0 || !e.trim() && !w.length && !y.current?.length)
+  }, se = async (e = R) => {
+    if (Y && (!e || e.trim().length === 0) && A.length === 0 || !e.trim() && !A.length && !I.current?.length)
       return;
-    const n = w;
-    J([]), R(""), v.current = 0, G.current = null, X(!1);
+    const n = A;
+    J([]), S(""), y.current = 0, G.current = null, X(!1);
     let t = c;
-    t || (t = `conv_${F(16)}`, g(t));
+    t || (t = `conv_${F(16)}`, h(t));
     const l = F(21);
     Pe(t), await m({
       eventName: "user_message_submitted",
@@ -293,8 +293,8 @@ const Bt = () => {
         messageId: l
       }
     });
-    const r = y.current;
-    y.current = void 0;
+    const r = I.current;
+    I.current = void 0;
     let s = [];
     if (n.length > 0)
       try {
@@ -337,7 +337,7 @@ const Bt = () => {
     }, W({ id: l, parts: u }, { body: { conversationId: t } });
   }, Ye = L(
     (e) => {
-      v.current = 0, G.current = e, X(!1), Q(e);
+      y.current = 0, G.current = e, X(!1), Q(e);
     },
     [Q]
   ), re = L(() => {
@@ -345,20 +345,20 @@ const Bt = () => {
       x("aborted", { conversationId: c });
     });
   }, [P, c, x]), ke = () => {
-    We(), d([]), g(""), p(), y.current = S?.length ? S : void 0, m({
+    We(), d([]), h(""), p(), I.current = w?.length ? w : void 0, m({
       eventName: "chat_clear_button_clicked",
       properties: {
         conversationId: c
       }
     });
-  }, E = L(
+  }, C = L(
     (e, n) => {
-      b(null), d(n), g(e), p(), y.current = void 0;
+      E(null), d(n), h(e), p(), I.current = void 0;
     },
-    [d, g, p]
+    [d, h, p]
   ), Fe = L(
     async (e, n) => {
-      re(), E(e, []), Re(!0);
+      re(), C(e, []), Re(!0);
       try {
         const t = await Ce(e, n);
         if (t === null) return !1;
@@ -375,24 +375,26 @@ const Bt = () => {
             ]
           }
         ] : t;
-        return E(e, r), !0;
+        return C(e, r), !0;
       } finally {
         n?.aborted || Re(!1);
       }
     },
-    [E, Ce, re]
+    [C, Ce, re]
   );
   ut({
-    conversationId: I.conversationId,
+    conversationId: g.conversationId,
+    fetchedConversation: g.fetchedConversation,
     effectiveAuthToken: fe,
+    restoreSession: C,
     loadAndRestoreSession: Fe,
-    onLoadFailed: () => E("", [])
+    onLoadFailed: () => C("", [])
   });
   const { openForm: et } = dt(), tt = ft();
-  return ot(I.chatFunctionsRef, () => ({
+  return ot(g.chatFunctionsRef, () => ({
     submitMessage: se,
     updateInputMessage(e) {
-      R(e);
+      S(e);
     },
     clearChat: ke,
     openForm: (e) => {
@@ -402,16 +404,16 @@ const Bt = () => {
       Me.current?.focus();
     }
   })), {
-    messages: A,
+    messages: b,
     sendMessage: W,
     addToolApprovalResponse: Ye,
     isLoading: be,
     isStreaming: Ee,
     isBusy: Te,
     error: Je,
-    setError: b,
+    setError: E,
     isSubmitDisabled: Y,
-    input: C,
+    input: R,
     handleInputChange: Oe,
     handleInputKeyDown: Xe,
     handleSubmit: se,
@@ -419,15 +421,15 @@ const Bt = () => {
     clear: ke,
     inputRef: Me,
     isMobile: Ve,
-    files: w,
+    files: A,
     setFiles: J,
     isNewChat: Ge,
     conversationId: c,
-    restoreSession: E,
+    restoreSession: C,
     loadAndRestoreSession: Fe,
     isSessionLoading: Ue,
-    authToken: h ? ce : pe,
-    refreshSession: h ? ue : de,
+    authToken: v ? ce : pe,
+    refreshSession: v ? ue : de,
     getCaptchaHeader: _,
     invalidateCaptcha: p,
     inputNotification: Qe,

package/dist/primitives/hooks/use-initial-conversation.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),f=({conversationId:e,effectiveAuthToken:s,loadAndRestoreSession:u,onLoadFailed:l})=>{const r=o.useRef(null),c=o.useRef(u);c.current=u;const a=o.useRef(l);a.current=l,o.useEffect(()=>{if(!e||!s||r.current===e)return;r.current=e;const t=new AbortController,i=n=>{r.current=null,console.error("[useInitialConversation] failed to load conversation:",e,n),a.current?.()};return(async()=>{try{!await c.current(e,t.signal)&&!t.signal.aborted&&i()}catch(n){t.signal.aborted||i(n)}})(),()=>{r.current=null,t.abort()}},[e,s])};exports.useInitialConversation=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),d=({conversationId:r,fetchedConversation:n,effectiveAuthToken:s,restoreSession:o,loadAndRestoreSession:c,onLoadFailed:i})=>{const e=t.useRef(null),a=t.useRef(o);a.current=o;const f=t.useRef(c);f.current=c;const R=t.useRef(i);R.current=i,t.useEffect(()=>{if(n&&!r&&console.warn("[useInitialConversation] fetchedConversation was provided without conversationId and will be ignored"),!r||e.current===r)return;if(n){e.current=r,a.current(r,n);return}if(!s)return;e.current=r;const u=new AbortController,b=l=>{e.current=null,console.error("[useInitialConversation] failed to load conversation:",r,l),R.current?.()};return(async()=>{try{!await f.current(r,u.signal)&&!u.signal.aborted&&b()}catch(l){u.signal.aborted||b(l)}})(),()=>{e.current=null,u.abort()}},[r,n,s])};exports.useInitialConversation=d;

package/dist/primitives/hooks/use-initial-conversation.d.ts

@@ -1,8 +1,13 @@
+import { Message } from '../../types/message';
 interface UseInitialConversationOptions {
     /** The conversationId provided via props to load and restore. */
     conversationId: string | undefined;
+    /** Pre-fetched messages — when provided, skips the network fetch entirely. */
+    fetchedConversation: Message[] | undefined;
     /** Resolved auth token — fetch is skipped until one is available. */
     effectiveAuthToken: string | null;
+    /** Restores a session with the given id and messages (no fetch). */
+    restoreSession: (sessionId: string, messages: Message[]) => void;
     /** Returns true if the conversation was loaded successfully, false otherwise. */
     loadAndRestoreSession: (sessionId: string, signal?: AbortSignal) => Promise<boolean>;
     /** Called when the load fails (404 or other error) — use to reset conversation state. */
@@ -10,7 +15,8 @@ interface UseInitialConversationOptions {
 }
 /**
  * Loads and restores a conversation by ID once an auth token is available.
+ * When `fetchedConversation` is provided, seeds the session directly without fetching.
  * Calls `onLoadFailed` if the conversation is not found or the fetch fails.
  */
-export declare const useInitialConversation: ({ conversationId, effectiveAuthToken, loadAndRestoreSession, onLoadFailed, }: UseInitialConversationOptions) => void;
+export declare const useInitialConversation: ({ conversationId, fetchedConversation, effectiveAuthToken, restoreSession, loadAndRestoreSession, onLoadFailed, }: UseInitialConversationOptions) => void;
 export {};

package/dist/primitives/hooks/use-initial-conversation.js

@@ -1,34 +1,45 @@
 "use client";
-import { useRef as o, useEffect as f } from "react";
-const C = ({
+import { useRef as l, useEffect as d } from "react";
+const p = ({
   conversationId: r,
-  effectiveAuthToken: l,
-  loadAndRestoreSession: s,
-  onLoadFailed: c
+  fetchedConversation: e,
+  effectiveAuthToken: o,
+  restoreSession: s,
+  loadAndRestoreSession: c,
+  onLoadFailed: i
 }) => {
-  const t = o(null), u = o(s);
-  u.current = s;
-  const a = o(c);
-  a.current = c, f(() => {
-    if (!r || !l || t.current === r) return;
+  const t = l(null), a = l(s);
+  a.current = s;
+  const f = l(c);
+  f.current = c;
+  const b = l(i);
+  b.current = i, d(() => {
+    if (e && !r && console.warn(
+      "[useInitialConversation] fetchedConversation was provided without conversationId and will be ignored"
+    ), !r || t.current === r) return;
+    if (e) {
+      t.current = r, a.current(r, e);
+      return;
+    }
+    if (!o) return;
     t.current = r;
-    const e = new AbortController(), i = (n) => {
-      t.current = null, console.error("[useInitialConversation] failed to load conversation:", r, n), a.current?.();
+    const n = new AbortController(), w = (u) => {
+      t.current = null, console.error("[useInitialConversation] failed to load conversation:", r, u), b.current?.();
     };
     return (async () => {
       try {
-        !await u.current(
+        !await f.current(
           r,
-          e.signal
-        ) && !e.signal.aborted && i();
-      } catch (n) {
-        e.signal.aborted || i(n);
+          n.signal
+        ) && !n.signal.aborted && w();
+      } catch (u) {
+        n.signal.aborted || w(u);
       }
     })(), () => {
-      t.current = null, e.abort();
+      t.current = null, n.abort();
     };
-  }, [r, l]);
+  }, [r, e, o]);
 };
 export {
-  C as useInitialConversation
+  p as useInitialConversation
 };

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.6",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.6", 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.6",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.6", 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,8 @@ import { GetHelpOption, CustomMessageAction } from './settings/actions';
 import { SearchAndChatFilters } from './filters';
 import { ComponentsConfig } from './components';
 import { FileUIPart } from 'ai';
+import { Message } from '../message';
+export type { FileUIPart } from 'ai';
 export interface InkeepAIChatSettings {
     /**
      * Headers for requests
@@ -43,6 +45,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.
@@ -144,6 +167,13 @@ export interface InkeepAIChatSettings {
      * restore a previous conversation state.
      */
     conversationIdOverride?: string;
+    /**
+     * Pre-fetched conversation messages to render without fetching.
+     * Requires `conversationId` to be set.
+     *
+     * @beta This prop is subject to change.
+     */
+    fetchedConversation?: Message[];
     /**
      * When enabled, prevents users from sending new messages.
      * Useful for displaying archived or shared chat sessions.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-ui",
-  "version": "0.17.4",
+  "version": "0.17.6",
   "description": "",
   "homepage": "",
   "repository": {