@inkeep/cxkit-primitives 0.5.46 → 0.5.48

package/dist/atoms/cmdk/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),je=require("@radix-ui/react-dialog"),G=require("react"),_e=require("./command-score.cjs"),I=require("@radix-ui/react-primitive"),D=require("@radix-ui/react-id"),Pe=require("../../node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/shim/index.cjs"),Ae=require("../../constants/search.cjs"),Me=require("../../utils/compose-event-handlers.cjs"),Le=require("../shadow/context.cjs");function fe(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const F=fe(je),c=fe(G),O='[cmdk-group=""]',te='[cmdk-group-items=""]',Oe='[cmdk-group-heading=""]',me='[cmdk-item=""]',de=`${me}:not([aria-disabled="true"])`,ne="cmdk-item-select",A="data-value",ve=(t,r,n)=>_e.commandScore(t,r,n??[]),he=c.createContext(void 0),q=()=>c.useContext(he),ge=c.createContext(void 0),K=()=>c.useContext(ge),be=c.createContext(void 0),re=c.forwardRef((t,r)=>{const n=M(()=>new Set),s=M(()=>new Map),a=M(()=>new Map),f=M(()=>new Set),i=Ie(t),{label:h,children:d,value:S,onValueChange:E,filter:y,shouldFilter:C,loop:w,disablePointerSelection:P=!1,vimBindings:B=!0,defaultSearch:oe,...$}=t,g=M(()=>({search:oe??"",value:t.value??t.defaultValue??"",selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}})),U=D.useId(),H=D.useId(),z=D.useId(),R=c.useRef(null),b=Fe();j(()=>{if(S!==void 0){const e=S.trim();g.current.value=e,x.emit()}},[S]),j(()=>{b(6,se)},[]);const V=Le.useShadow(),x=c.useMemo(()=>({subscribe:e=>(f.current.add(e),()=>f.current.delete(e)),snapshot:()=>g.current,setState:(e,l,o)=>{if(!Object.is(g.current[e],l)){if(g.current[e]=l,e==="search")X(),J(),b(1,Q);else if(e==="value"&&(V?.shadowHost?.shadowRoot?.activeElement?.hasAttribute("cmdk-input")||b(1,()=>{k()?.focus()}),b(7,()=>{g.current.selectedItemId=k()?.id,x.emit()}),o||b(5,se),i.current?.value!==void 0)){const p=l??"";i.current.onValueChange?.(p);return}x.emit()}},emit:()=>{f.current.forEach(e=>e())}}),[]),W=c.useMemo(()=>({value:(e,l,o)=>{l!==a.current.get(e)?.value&&(a.current.set(e,{value:l,keywords:o}),g.current.filtered.items.set(e,ce(l,o)),b(2,()=>{J(),x.emit()}))},item:(e,l)=>(n.current.add(e),l&&(s.current.has(l)?s.current?.get(l)?.add(e):s.current.set(l,new Set([e]))),b(3,()=>{X(),J(),g.current.value||Q(),x.emit()}),()=>{a.current.delete(e),n.current.delete(e),g.current.filtered.items.delete(e);const o=k();b(4,()=>{X(),o?.getAttribute("id")===e&&Q(),x.emit()})}),group:e=>(s.current.has(e)||s.current.set(e,new Set),()=>{a.current.delete(e),s.current.delete(e)}),filter:()=>!!i.current.shouldFilter,label:h||t["aria-label"]||"",getDisablePointerSelection:()=>!!i.current.disablePointerSelection,listId:U,inputId:z,labelId:H,listInnerRef:R}),[]);function ce(e,l){const o=i.current?.filter??ve;return e?o?.(e,g.current.search,l):0}function J(){if(!g.current.search||i.current.shouldFilter===!1)return;const e=g.current.filtered.items,l=[];g.current.filtered.groups.forEach(u=>{const m=s.current.get(u);let p=0;m.forEach(ee=>{const ke=e.get(ee);p=Math.max(ke,p)}),l.push([u,p])});const o=R.current;L().sort((u,m)=>{const p=u.getAttribute("id"),ee=m.getAttribute("id");return(e.get(ee)??0)-(e.get(p)??0)}).forEach(u=>{const m=u.closest(te);if(m){const p=u.parentElement===m?u:u.closest(`${te} > *`);p&&m.appendChild(p)}else{const p=u.parentElement===o?u:u.closest(`${te} > *`);p&&o?.appendChild(p)}}),l.sort((u,m)=>m[1]-u[1]).forEach(u=>{const m=R.current?.querySelector(`${O}[${A}="${encodeURIComponent(u[0])}"]`);m?.parentElement?.appendChild(m)})}function Q(){const l=L().find(o=>o.getAttribute("aria-disabled")!=="true"&&o.getAttribute("data-value")!==Ae.ASK_AI_TRIGGER_VALUE)?.getAttribute(A);x.setState("value",l||void 0)}function X(){if(!g.current.search||i.current.shouldFilter===!1){g.current.filtered.count=n.current.size;return}g.current.filtered.groups=new Set;let e=0;for(const l of n.current){const o=a.current.get(l)?.value??"",u=a.current.get(l)?.keywords??[],m=ce(o,u);g.current.filtered.items.set(l,m),m>0&&e++}for(const[l,o]of s.current)for(const u of o){const m=g.current.filtered.items.get(u);if(m&&m>0){g.current.filtered.groups.add(l);break}}g.current.filtered.count=e}function se(){const e=k();e&&(e.parentElement?.firstChild===e&&e.closest(O)?.querySelector(Oe)?.scrollIntoView({block:"nearest"}),e.scrollIntoView({block:"nearest"}))}function k(){return R.current?.querySelector(`${me}[aria-selected="true"]`)}function L(){return Array.from(R.current?.querySelectorAll(de)||[])}function Y(e){const o=L()[e];o&&x.setState("value",o.getAttribute(A))}function Z(e){const l=k(),o=L(),u=o.findIndex(p=>p===l);let m=o[u+e];i.current?.loop&&(m=u+e<0?o[o.length-1]:u+e===o.length?o[0]:o[u+e]),m&&x.setState("value",m.getAttribute(A))}function ie(e){let o=k()?.closest(O),u;for(;o&&!u;)o=e>0?qe(o,O):Ve(o,O),u=o?.querySelector(de);u?x.setState("value",u.getAttribute(A)):Z(e)}const le=()=>Y(L().length-1),ue=e=>{e.preventDefault(),e.metaKey?le():e.altKey?ie(1):Z(1)},ae=e=>{e.preventDefault(),e.metaKey?Y(0):e.altKey?ie(-1):Z(-1)};return v.jsxs(I.Primitive.div,{ref:r,tabIndex:-1,...$,"cmdk-root":"",onKeyDown:e=>{if($.onKeyDown?.(e),!e.defaultPrevented)switch(e.key){case"n":case"j":{B&&e.ctrlKey&&ue(e);break}case"ArrowDown":{ue(e);break}case"p":case"k":{B&&e.ctrlKey&&ae(e);break}case"ArrowUp":{ae(e);break}case"Home":{e.preventDefault(),Y(0);break}case"End":{e.preventDefault(),le();break}case"Enter":if(!e.nativeEvent.isComposing&&e.keyCode!==229){e.preventDefault();const l=k();if(l){const o=new Event(ne);l.dispatchEvent(o)}}}},style:{display:"contents"},children:[v.jsx("label",{"cmdk-label":"",htmlFor:W.inputId,id:W.labelId,style:Ke,children:h}),N(t,e=>v.jsx(ge.Provider,{value:x,children:v.jsx(he.Provider,{value:W,children:e})}))]})}),pe=c.forwardRef((t,r)=>{const{id:n}=t,s=c.useRef(null),a=c.useContext(be),f=q(),i=Ie(t),h=i.current?.forceMount??a?.forceMount;j(()=>{if(!h)return f.item(n,a?.id)},[h]);const d=Re(n,s,[t.value,t.children,s],t.keywords),S=K(),E=_(b=>b.value&&b.value===d.current),y=_(b=>h||f.filter()===!1?!0:b.search?b.filtered.items.get(n)>0:!0);c.useEffect(()=>{const b=s.current;if(!b||t.disabled)return;const V=()=>w("keyboard");return b.addEventListener(ne,V),()=>b.removeEventListener(ne,V)},[y,t.onSelect,t.disabled]);const C=G.useCallback(()=>{S.setState("value",d.current,!0)},[S,d]),w=G.useCallback((b="click")=>{C(),i.current.onSelect?.({value:d.current,trigger:b})},[C,i,d]);if(!y)return null;const{disabled:P,value:B,onSelect:oe,forceMount:$,keywords:g,onClick:U,...H}=t,z=G.useMemo(()=>T([s,r]),[s,r]),R=Me.composeEventHandlers(U,w);return v.jsx(I.Primitive.div,{ref:z,...H,id:n,"cmdk-item":"",role:"option","aria-disabled":!!P,"aria-selected":!!E,"data-disabled":!!P,"data-selected":!!E,onPointerMove:P||f.getDisablePointerSelection()?void 0:C,onClick:P?void 0:R,onFocus:P?void 0:C,children:t.children})}),De=c.forwardRef((t,r)=>{const{heading:n,children:s,forceMount:a,...f}=t,i=D.useId(),h=c.useRef(null),d=c.useRef(null),S=D.useId(),E=q(),y=_(w=>a||E.filter()===!1?!0:w.search?w.filtered.groups.has(i):!0);j(()=>E.group(i),[]),Re(i,h,[t.value,t.heading,d]);const C=c.useMemo(()=>({id:i,forceMount:a}),[a]);return v.jsxs(I.Primitive.div,{ref:T([h,r]),...f,"cmdk-group":"",role:"presentation",hidden:y?void 0:!0,children:[n&&v.jsx("div",{ref:d,"cmdk-group-heading":"","aria-hidden":!0,id:S,children:n}),N(t,w=>v.jsx("div",{"cmdk-group-items":"",role:"group","aria-labelledby":n?S:void 0,children:v.jsx(be.Provider,{value:C,children:w})}))]})}),Se=c.forwardRef((t,r)=>{const{alwaysRender:n,...s}=t,a=c.useRef(null),f=_(i=>!i.search);return!n&&!f?null:v.jsx(I.Primitive.div,{ref:T([a,r]),...s,"cmdk-separator":"",role:"separator"})}),xe=c.forwardRef((t,r)=>{const{onValueChange:n,...s}=t,a=t.value!=null,f=K(),i=_(d=>d.search),h=q();return c.useEffect(()=>{t.value!=null&&f.setState("search",t.value)},[t.value]),v.jsx(I.Primitive.input,{ref:r,...s,"cmdk-input":"",autoComplete:"off",autoCorrect:"off",spellCheck:!1,"aria-autocomplete":"list",role:"combobox","aria-expanded":!0,"aria-controls":h.listId,"aria-labelledby":h.labelId,id:h.inputId,type:"text",value:a?t.value:i,onChange:d=>{a||f.setState("search",d.target.value),n?.(d.target.value)}})}),Ee=c.forwardRef((t,r)=>{const{children:n,label:s="Suggestions",...a}=t,f=c.useRef(null),i=c.useRef(null),h=q();return c.useEffect(()=>{if(i.current&&f.current){const d=i.current,S=f.current;let E;const y=new ResizeObserver(()=>{E=requestAnimationFrame(()=>{const C=d.offsetHeight;S.style.setProperty("--cmdk-list-height",C.toFixed(1)+"px")})});return y.observe(d),()=>{cancelAnimationFrame(E),y.unobserve(d)}}},[]),v.jsx(I.Primitive.div,{ref:T([f,r]),...a,"cmdk-list":"",tabIndex:-1,"aria-label":s,id:h.listId,children:N(t,d=>v.jsx("div",{ref:T([i,h.listInnerRef]),"cmdk-list-sizer":"",children:d}))})}),Ce=c.forwardRef((t,r)=>{const{open:n,onOpenChange:s,overlayClassName:a,contentClassName:f,container:i,...h}=t;return v.jsx(F.Root,{open:n,onOpenChange:s,children:v.jsxs(F.Portal,{container:i,children:[v.jsx(F.Overlay,{"cmdk-overlay":"",className:a}),v.jsx(F.Content,{"aria-label":t.label,"cmdk-dialog":"",className:f,children:v.jsx(re,{ref:r,...h})})]})})}),ye=c.forwardRef((t,r)=>_(s=>s.filtered.count===0)?v.jsx(I.Primitive.div,{ref:r,...t,"cmdk-empty":"",role:"presentation"}):null),we=c.forwardRef((t,r)=>{const{progress:n,children:s,label:a="Loading...",...f}=t;return v.jsx(I.Primitive.div,{ref:r,...f,"cmdk-loading":"",role:"progressbar","aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,"aria-label":a,children:N(t,i=>v.jsx("div",{"aria-hidden":!0,children:i}))})}),Te=Object.assign(re,{List:Ee,Item:pe,Input:xe,Group:De,Separator:Se,Dialog:Ce,Empty:ye,Loading:we});function qe(t,r){let n=t.nextElementSibling;for(;n;){if(n.matches(r))return n;n=n.nextElementSibling}}function Ve(t,r){let n=t.previousElementSibling;for(;n;){if(n.matches(r))return n;n=n.previousElementSibling}}function Ie(t){const r=c.useRef(t);return j(()=>{r.current=t}),r}const j=typeof window>"u"?c.useEffect:c.useLayoutEffect;function M(t){const r=c.useRef(void 0);return r.current===void 0&&(r.current=t()),r}function T(t){return r=>{t.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r)})}}function _(t){const r=K(),n=()=>t(r.snapshot());return Pe.shimExports.useSyncExternalStore(r.subscribe,n,n)}function Re(t,r,n,s=[]){const a=c.useRef(void 0),f=q();return j(()=>{const i=(()=>{for(const d of n){if(typeof d=="string")return d.trim();if(typeof d=="object"&&"current"in d)return d.current?d.current.textContent?.trim():a.current}})(),h=s.map(d=>d.trim());f.value(t,i,h),r.current?.setAttribute(A,i),a.current=i}),a}const Fe=()=>{const[t,r]=c.useState(),n=M(()=>new Map);return j(()=>{n.current.forEach(s=>s()),n.current=new Map},[t]),(s,a)=>{n.current.set(s,a),r({})}};function Ge(t){const r=t.type;return typeof r=="function"?r(t.props):"render"in r?r.render(t.props):t}function N({asChild:t,children:r},n){return t&&c.isValidElement(r)?c.cloneElement(Ge(r),{ref:r.ref},n(r.props.children)):n(r)}const Ke={position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"};exports.Command=Te;exports.CommandDialog=Ce;exports.CommandEmpty=ye;exports.CommandInput=xe;exports.CommandItem=pe;exports.CommandList=Ee;exports.CommandLoading=we;exports.CommandRoot=re;exports.CommandSeparator=Se;exports.defaultFilter=ve;exports.useCommandState=_;exports.useCommandStore=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),je=require("@radix-ui/react-dialog"),G=require("react"),_e=require("./command-score.cjs"),I=require("@radix-ui/react-primitive"),T=require("@radix-ui/react-id"),Pe=require("../../node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/shim/index.cjs"),Ae=require("../../constants/search.cjs"),Me=require("../../utils/compose-event-handlers.cjs"),Le=require("../shadow/context.cjs");function de(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const F=de(je),c=de(G),O='[cmdk-group=""]',ee='[cmdk-group-items=""]',Oe='[cmdk-group-heading=""]',fe='[cmdk-item=""]',ae=`${fe}:not([aria-disabled="true"])`,te="cmdk-item-select",A="data-value",me=(t,r,n)=>_e.commandScore(t,r,n??[]),ve=c.createContext(void 0),D=()=>c.useContext(ve),he=c.createContext(void 0),K=()=>c.useContext(he),ge=c.createContext(void 0),ne=c.forwardRef((t,r)=>{const n=M(()=>new Set),s=M(()=>new Map),a=M(()=>new Map),f=M(()=>new Set),i=we(t),{label:h,children:d,value:S,onValueChange:E,filter:y,shouldFilter:C,loop:w,disablePointerSelection:P=!1,vimBindings:B=!0,defaultSearch:re,...$}=t,g=M(()=>({search:re??"",value:t.value??t.defaultValue??"",selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}})),U=T.useId(),z=T.useId(),H=T.useId(),R=c.useRef(null),b=Fe();j(()=>{if(S!==void 0){const e=S.trim();g.current.value=e,x.emit()}},[S]),j(()=>{b(6,ce)},[]);const V=Le.useShadow(),x=c.useMemo(()=>({subscribe:e=>(f.current.add(e),()=>f.current.delete(e)),snapshot:()=>g.current,setState:(e,l,o)=>{if(!Object.is(g.current[e],l)){if(g.current[e]=l,e==="search")X(),J(),b(1,Q);else if(e==="value"&&(V?.shadowHost?.shadowRoot?.activeElement?.hasAttribute("cmdk-input")||b(1,()=>{k()?.focus()}),b(7,()=>{g.current.selectedItemId=k()?.id,x.emit()}),o||b(5,ce),i.current?.value!==void 0)){const p=l??"";i.current.onValueChange?.(p);return}x.emit()}},emit:()=>{f.current.forEach(e=>e())}}),[]),W=c.useMemo(()=>({value:(e,l,o)=>{l!==a.current.get(e)?.value&&(a.current.set(e,{value:l,keywords:o}),g.current.filtered.items.set(e,oe(l,o)),b(2,()=>{J(),x.emit()}))},item:(e,l)=>(n.current.add(e),l&&(s.current.has(l)?s.current?.get(l)?.add(e):s.current.set(l,new Set([e]))),b(3,()=>{X(),J(),g.current.value||Q(),x.emit()}),()=>{a.current.delete(e),n.current.delete(e),g.current.filtered.items.delete(e);const o=k();b(4,()=>{X(),o?.getAttribute("id")===e&&Q(),x.emit()})}),group:e=>(s.current.has(e)||s.current.set(e,new Set),()=>{a.current.delete(e),s.current.delete(e)}),filter:()=>!!i.current.shouldFilter,label:h||t["aria-label"]||"",getDisablePointerSelection:()=>!!i.current.disablePointerSelection,listId:U,inputId:H,labelId:z,listInnerRef:R}),[]);function oe(e,l){const o=i.current?.filter??me;return e?o?.(e,g.current.search,l):0}function J(){if(!g.current.search||i.current.shouldFilter===!1)return;const e=g.current.filtered.items,l=[];g.current.filtered.groups.forEach(u=>{const m=s.current.get(u);let p=0;m.forEach(Z=>{const ke=e.get(Z);p=Math.max(ke,p)}),l.push([u,p])});const o=R.current;L().sort((u,m)=>{const p=u.getAttribute("id"),Z=m.getAttribute("id");return(e.get(Z)??0)-(e.get(p)??0)}).forEach(u=>{const m=u.closest(ee);if(m){const p=u.parentElement===m?u:u.closest(`${ee} > *`);p&&m.appendChild(p)}else{const p=u.parentElement===o?u:u.closest(`${ee} > *`);p&&o?.appendChild(p)}}),l.sort((u,m)=>m[1]-u[1]).forEach(u=>{const m=R.current?.querySelector(`${O}[${A}="${encodeURIComponent(u[0])}"]`);m?.parentElement?.appendChild(m)})}function Q(){const l=L().find(o=>o.getAttribute("aria-disabled")!=="true"&&o.getAttribute("data-value")!==Ae.ASK_AI_TRIGGER_VALUE)?.getAttribute(A);x.setState("value",l||void 0)}function X(){if(!g.current.search||i.current.shouldFilter===!1){g.current.filtered.count=n.current.size;return}g.current.filtered.groups=new Set;let e=0;for(const l of n.current){const o=a.current.get(l)?.value??"",u=a.current.get(l)?.keywords??[],m=oe(o,u);g.current.filtered.items.set(l,m),m>0&&e++}for(const[l,o]of s.current)for(const u of o){const m=g.current.filtered.items.get(u);if(m&&m>0){g.current.filtered.groups.add(l);break}}g.current.filtered.count=e}function ce(){const e=k();e&&(e.parentElement?.firstChild===e&&e.closest(O)?.querySelector(Oe)?.scrollIntoView({block:"nearest"}),e.scrollIntoView({block:"nearest"}))}function k(){return R.current?.querySelector(`${fe}[aria-selected="true"]`)}function L(){return Array.from(R.current?.querySelectorAll(ae)||[])}function se(e){const o=L()[e];o&&x.setState("value",o.getAttribute(A))}function Y(e){const l=k(),o=L(),u=o.findIndex(p=>p===l);let m=o[u+e];i.current?.loop&&(m=u+e<0?o[o.length-1]:u+e===o.length?o[0]:o[u+e]),m&&x.setState("value",m.getAttribute(A))}function ie(e){let o=k()?.closest(O),u;for(;o&&!u;)o=e>0?De(o,O):Ve(o,O),u=o?.querySelector(ae);u?x.setState("value",u.getAttribute(A)):Y(e)}const Re=()=>se(L().length-1),le=e=>{e.preventDefault(),e.metaKey?Re():e.altKey?ie(1):Y(1)},ue=e=>{e.preventDefault(),e.metaKey?se(0):e.altKey?ie(-1):Y(-1)};return v.jsxs(I.Primitive.div,{ref:r,tabIndex:-1,...$,"cmdk-root":"",onKeyDown:e=>{if($.onKeyDown?.(e),!e.defaultPrevented)switch(e.key){case"n":case"j":{B&&e.ctrlKey&&le(e);break}case"ArrowDown":{le(e);break}case"p":case"k":{B&&e.ctrlKey&&ue(e);break}case"ArrowUp":{ue(e);break}case"Enter":if(!e.nativeEvent.isComposing&&e.keyCode!==229){e.preventDefault();const l=k();if(l){const o=new Event(te);l.dispatchEvent(o)}}}},style:{display:"contents"},children:[v.jsx("label",{"cmdk-label":"",htmlFor:W.inputId,id:W.labelId,style:Ke,children:h}),N(t,e=>v.jsx(he.Provider,{value:x,children:v.jsx(ve.Provider,{value:W,children:e})}))]})}),be=c.forwardRef((t,r)=>{const{id:n}=t,s=c.useRef(null),a=c.useContext(ge),f=D(),i=we(t),h=i.current?.forceMount??a?.forceMount;j(()=>{if(!h)return f.item(n,a?.id)},[h]);const d=Ie(n,s,[t.value,t.children,s],t.keywords),S=K(),E=_(b=>b.value&&b.value===d.current),y=_(b=>h||f.filter()===!1?!0:b.search?b.filtered.items.get(n)>0:!0);c.useEffect(()=>{const b=s.current;if(!b||t.disabled)return;const V=()=>w("keyboard");return b.addEventListener(te,V),()=>b.removeEventListener(te,V)},[y,t.onSelect,t.disabled]);const C=G.useCallback(()=>{S.setState("value",d.current,!0)},[S,d]),w=G.useCallback((b="click")=>{C(),i.current.onSelect?.({value:d.current,trigger:b})},[C,i,d]);if(!y)return null;const{disabled:P,value:B,onSelect:re,forceMount:$,keywords:g,onClick:U,...z}=t,H=G.useMemo(()=>q([s,r]),[s,r]),R=Me.composeEventHandlers(U,w);return v.jsx(I.Primitive.div,{ref:H,...z,id:n,"cmdk-item":"",role:"option","aria-disabled":!!P,"aria-selected":!!E,"data-disabled":!!P,"data-selected":!!E,onPointerMove:P||f.getDisablePointerSelection()?void 0:C,onClick:P?void 0:R,onFocus:P?void 0:C,children:t.children})}),Te=c.forwardRef((t,r)=>{const{heading:n,children:s,forceMount:a,...f}=t,i=T.useId(),h=c.useRef(null),d=c.useRef(null),S=T.useId(),E=D(),y=_(w=>a||E.filter()===!1?!0:w.search?w.filtered.groups.has(i):!0);j(()=>E.group(i),[]),Ie(i,h,[t.value,t.heading,d]);const C=c.useMemo(()=>({id:i,forceMount:a}),[a]);return v.jsxs(I.Primitive.div,{ref:q([h,r]),...f,"cmdk-group":"",role:"presentation",hidden:y?void 0:!0,children:[n&&v.jsx("div",{ref:d,"cmdk-group-heading":"","aria-hidden":!0,id:S,children:n}),N(t,w=>v.jsx("div",{"cmdk-group-items":"",role:"group","aria-labelledby":n?S:void 0,children:v.jsx(ge.Provider,{value:C,children:w})}))]})}),pe=c.forwardRef((t,r)=>{const{alwaysRender:n,...s}=t,a=c.useRef(null),f=_(i=>!i.search);return!n&&!f?null:v.jsx(I.Primitive.div,{ref:q([a,r]),...s,"cmdk-separator":"",role:"separator"})}),Se=c.forwardRef((t,r)=>{const{onValueChange:n,...s}=t,a=t.value!=null,f=K(),i=_(d=>d.search),h=D();return c.useEffect(()=>{t.value!=null&&f.setState("search",t.value)},[t.value]),v.jsx(I.Primitive.input,{ref:r,...s,"cmdk-input":"",autoComplete:"off",autoCorrect:"off",spellCheck:!1,"aria-autocomplete":"list",role:"combobox","aria-expanded":!0,"aria-controls":h.listId,"aria-labelledby":h.labelId,id:h.inputId,type:"text",value:a?t.value:i,onChange:d=>{a||f.setState("search",d.target.value),n?.(d.target.value)}})}),xe=c.forwardRef((t,r)=>{const{children:n,label:s="Suggestions",...a}=t,f=c.useRef(null),i=c.useRef(null),h=D();return c.useEffect(()=>{if(i.current&&f.current){const d=i.current,S=f.current;let E;const y=new ResizeObserver(()=>{E=requestAnimationFrame(()=>{const C=d.offsetHeight;S.style.setProperty("--cmdk-list-height",C.toFixed(1)+"px")})});return y.observe(d),()=>{cancelAnimationFrame(E),y.unobserve(d)}}},[]),v.jsx(I.Primitive.div,{ref:q([f,r]),...a,"cmdk-list":"",tabIndex:-1,"aria-label":s,id:h.listId,children:N(t,d=>v.jsx("div",{ref:q([i,h.listInnerRef]),"cmdk-list-sizer":"",children:d}))})}),Ee=c.forwardRef((t,r)=>{const{open:n,onOpenChange:s,overlayClassName:a,contentClassName:f,container:i,...h}=t;return v.jsx(F.Root,{open:n,onOpenChange:s,children:v.jsxs(F.Portal,{container:i,children:[v.jsx(F.Overlay,{"cmdk-overlay":"",className:a}),v.jsx(F.Content,{"aria-label":t.label,"cmdk-dialog":"",className:f,children:v.jsx(ne,{ref:r,...h})})]})})}),Ce=c.forwardRef((t,r)=>_(s=>s.filtered.count===0)?v.jsx(I.Primitive.div,{ref:r,...t,"cmdk-empty":"",role:"presentation"}):null),ye=c.forwardRef((t,r)=>{const{progress:n,children:s,label:a="Loading...",...f}=t;return v.jsx(I.Primitive.div,{ref:r,...f,"cmdk-loading":"",role:"progressbar","aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,"aria-label":a,children:N(t,i=>v.jsx("div",{"aria-hidden":!0,children:i}))})}),qe=Object.assign(ne,{List:xe,Item:be,Input:Se,Group:Te,Separator:pe,Dialog:Ee,Empty:Ce,Loading:ye});function De(t,r){let n=t.nextElementSibling;for(;n;){if(n.matches(r))return n;n=n.nextElementSibling}}function Ve(t,r){let n=t.previousElementSibling;for(;n;){if(n.matches(r))return n;n=n.previousElementSibling}}function we(t){const r=c.useRef(t);return j(()=>{r.current=t}),r}const j=typeof window>"u"?c.useEffect:c.useLayoutEffect;function M(t){const r=c.useRef(void 0);return r.current===void 0&&(r.current=t()),r}function q(t){return r=>{t.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r)})}}function _(t){const r=K(),n=()=>t(r.snapshot());return Pe.shimExports.useSyncExternalStore(r.subscribe,n,n)}function Ie(t,r,n,s=[]){const a=c.useRef(void 0),f=D();return j(()=>{const i=(()=>{for(const d of n){if(typeof d=="string")return d.trim();if(typeof d=="object"&&"current"in d)return d.current?d.current.textContent?.trim():a.current}})(),h=s.map(d=>d.trim());f.value(t,i,h),r.current?.setAttribute(A,i),a.current=i}),a}const Fe=()=>{const[t,r]=c.useState(),n=M(()=>new Map);return j(()=>{n.current.forEach(s=>s()),n.current=new Map},[t]),(s,a)=>{n.current.set(s,a),r({})}};function Ge(t){const r=t.type;return typeof r=="function"?r(t.props):"render"in r?r.render(t.props):t}function N({asChild:t,children:r},n){return t&&c.isValidElement(r)?c.cloneElement(Ge(r),{ref:r.ref},n(r.props.children)):n(r)}const Ke={position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"};exports.Command=qe;exports.CommandDialog=Ee;exports.CommandEmpty=Ce;exports.CommandInput=Se;exports.CommandItem=be;exports.CommandList=xe;exports.CommandLoading=ye;exports.CommandRoot=ne;exports.CommandSeparator=pe;exports.defaultFilter=me;exports.useCommandState=_;exports.useCommandStore=K;

package/dist/atoms/cmdk/index.js

@@ -1,17 +1,17 @@
-import { jsxs as te, jsx as p } from "react/jsx-runtime";
+import { jsxs as ee, jsx as p } from "react/jsx-runtime";
 import * as K from "@radix-ui/react-dialog";
 import * as c from "react";
-import { useCallback as ue, useMemo as Ee } from "react";
+import { useCallback as ae, useMemo as Ee } from "react";
 import { commandScore as Ce } from "./command-score.js";
 import { Primitive as I } from "@radix-ui/react-primitive";
-import { useId as T } from "@radix-ui/react-id";
+import { useId as F } from "@radix-ui/react-id";
 import { s as we } from "../../node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/shim/index.js";
 import { ASK_AI_TRIGGER_VALUE as ye } from "../../constants/search.js";
 import { composeEventHandlers as Re } from "../../utils/compose-event-handlers.js";
 import { useShadow as Ie } from "../shadow/context.js";
-const D = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', ke = '[cmdk-group-heading=""]', fe = '[cmdk-item=""]', de = `${fe}:not([aria-disabled="true"])`, ee = "cmdk-item-select", L = "data-value", xe = (t, n, r) => Ce(t, n, r ?? []), me = c.createContext(void 0), O = () => c.useContext(me), ve = c.createContext(void 0), re = () => c.useContext(ve), he = c.createContext(void 0), ge = c.forwardRef((t, n) => {
-  const r = M(() => /* @__PURE__ */ new Set()), i = M(() => /* @__PURE__ */ new Map()), u = M(() => /* @__PURE__ */ new Map()), f = M(() => /* @__PURE__ */ new Set()), s = pe(t), {
-    label: v,
+const T = '[cmdk-group=""]', Y = '[cmdk-group-items=""]', xe = '[cmdk-group-heading=""]', de = '[cmdk-item=""]', ue = `${de}:not([aria-disabled="true"])`, Z = "cmdk-item-select", L = "data-value", ke = (t, n, r) => Ce(t, n, r ?? []), fe = c.createContext(void 0), D = () => c.useContext(fe), me = c.createContext(void 0), te = () => c.useContext(me), he = c.createContext(void 0), ve = c.forwardRef((t, n) => {
+  const r = M(() => /* @__PURE__ */ new Set()), i = M(() => /* @__PURE__ */ new Map()), u = M(() => /* @__PURE__ */ new Map()), f = M(() => /* @__PURE__ */ new Set()), s = ge(t), {
+    label: h,
     children: d,
     value: S,
     onValueChange: C,
@@ -20,11 +20,11 @@ const D = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', ke = '[cmdk-group-head
     loop: R,
     disablePointerSelection: _ = !1,
     vimBindings: N = !0,
-    defaultSearch: ne,
+    defaultSearch: re,
     ...U
-  } = t, h = M(() => ({
+  } = t, v = M(() => ({
     /** Value of the search query. */
-    search: ne ?? "",
+    search: re ?? "",
     /** Currently selected item value. */
     value: t.value ?? t.defaultValue ?? "",
     /** Currently selected item id. */
@@ -37,27 +37,27 @@ const D = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', ke = '[cmdk-group-head
       /** Set of groups with at least one visible item. */
       groups: /* @__PURE__ */ new Set()
     }
-  })), $ = T(), j = T(), q = T(), k = c.useRef(null), g = Ge();
+  })), $ = F(), j = F(), q = F(), x = c.useRef(null), g = Ge();
   A(() => {
     if (S !== void 0) {
       const e = S.trim();
-      h.current.value = e, E.emit();
+      v.current.value = e, E.emit();
     }
   }, [S]), A(() => {
-    g(6, ce);
+    g(6, oe);
   }, []);
   const G = Ie(), E = c.useMemo(() => ({
     subscribe: (e) => (f.current.add(e), () => f.current.delete(e)),
-    snapshot: () => h.current,
+    snapshot: () => v.current,
     setState: (e, l, o) => {
-      if (!Object.is(h.current[e], l)) {
-        if (h.current[e] = l, e === "search")
-          J(), z(), g(1, W);
+      if (!Object.is(v.current[e], l)) {
+        if (v.current[e] = l, e === "search")
+          J(), H(), g(1, W);
         else if (e === "value" && (G?.shadowHost?.shadowRoot?.activeElement?.hasAttribute("cmdk-input") || g(1, () => {
-          x()?.focus();
+          k()?.focus();
         }), g(7, () => {
-          h.current.selectedItemId = x()?.id, E.emit();
-        }), o || g(5, ce), s.current?.value !== void 0)) {
+          v.current.selectedItemId = k()?.id, E.emit();
+        }), o || g(5, oe), s.current?.value !== void 0)) {
           const b = l ?? "";
           s.current.onValueChange?.(b);
           return;
@@ -68,20 +68,20 @@ const D = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', ke = '[cmdk-group-head
     emit: () => {
       f.current.forEach((e) => e());
     }
-  }), []), H = c.useMemo(
+  }), []), z = c.useMemo(
     () => ({
       // Keep id → {value, keywords} mapping up-to-date
       value: (e, l, o) => {
-        l !== u.current.get(e)?.value && (u.current.set(e, { value: l, keywords: o }), h.current.filtered.items.set(e, oe(l, o)), g(2, () => {
-          z(), E.emit();
+        l !== u.current.get(e)?.value && (u.current.set(e, { value: l, keywords: o }), v.current.filtered.items.set(e, ne(l, o)), g(2, () => {
+          H(), E.emit();
         }));
       },
       // Track item lifecycle (mount, unmount)
       item: (e, l) => (r.current.add(e), l && (i.current.has(l) ? i.current?.get(l)?.add(e) : i.current.set(l, /* @__PURE__ */ new Set([e]))), g(3, () => {
-        J(), z(), h.current.value || W(), E.emit();
+        J(), H(), v.current.value || W(), E.emit();
       }), () => {
-        u.current.delete(e), r.current.delete(e), h.current.filtered.items.delete(e);
-        const o = x();
+        u.current.delete(e), r.current.delete(e), v.current.filtered.items.delete(e);
+        const o = k();
         g(4, () => {
           J(), o?.getAttribute("id") === e && W(), E.emit();
         });
@@ -91,48 +91,48 @@ const D = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', ke = '[cmdk-group-head
         u.current.delete(e), i.current.delete(e);
       }),
       filter: () => !!s.current.shouldFilter,
-      label: v || t["aria-label"] || "",
+      label: h || t["aria-label"] || "",
       getDisablePointerSelection: () => !!s.current.disablePointerSelection,
       listId: $,
       inputId: q,
       labelId: j,
-      listInnerRef: k
+      listInnerRef: x
     }),
     []
   );
-  function oe(e, l) {
-    const o = s.current?.filter ?? xe;
-    return e ? o?.(e, h.current.search, l) : 0;
+  function ne(e, l) {
+    const o = s.current?.filter ?? ke;
+    return e ? o?.(e, v.current.search, l) : 0;
   }
-  function z() {
-    if (!h.current.search || // Explicitly false, because true | undefined is the default
+  function H() {
+    if (!v.current.search || // Explicitly false, because true | undefined is the default
     s.current.shouldFilter === !1)
       return;
-    const e = h.current.filtered.items, l = [];
-    h.current.filtered.groups.forEach((a) => {
+    const e = v.current.filtered.items, l = [];
+    v.current.filtered.groups.forEach((a) => {
       const m = i.current.get(a);
       let b = 0;
-      m.forEach((Y) => {
-        const Se = e.get(Y);
+      m.forEach((X) => {
+        const Se = e.get(X);
         b = Math.max(Se, b);
       }), l.push([a, b]);
     });
-    const o = k.current;
+    const o = x.current;
     V().sort((a, m) => {
-      const b = a.getAttribute("id"), Y = m.getAttribute("id");
-      return (e.get(Y) ?? 0) - (e.get(b) ?? 0);
+      const b = a.getAttribute("id"), X = m.getAttribute("id");
+      return (e.get(X) ?? 0) - (e.get(b) ?? 0);
     }).forEach((a) => {
-      const m = a.closest(Z);
+      const m = a.closest(Y);
       if (m) {
-        const b = a.parentElement === m ? a : a.closest(`${Z} > *`);
+        const b = a.parentElement === m ? a : a.closest(`${Y} > *`);
         b && m.appendChild(b);
       } else {
-        const b = a.parentElement === o ? a : a.closest(`${Z} > *`);
+        const b = a.parentElement === o ? a : a.closest(`${Y} > *`);
         b && o?.appendChild(b);
       }
     }), l.sort((a, m) => m[1] - a[1]).forEach((a) => {
-      const m = k.current?.querySelector(
-        `${D}[${L}="${encodeURIComponent(a[0])}"]`
+      const m = x.current?.querySelector(
+        `${T}[${L}="${encodeURIComponent(a[0])}"]`
       );
       m?.parentElement?.appendChild(m);
     });
@@ -144,58 +144,58 @@ const D = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', ke = '[cmdk-group-head
     E.setState("value", l || void 0);
   }
   function J() {
-    if (!h.current.search || // Explicitly false, because true | undefined is the default
+    if (!v.current.search || // Explicitly false, because true | undefined is the default
     s.current.shouldFilter === !1) {
-      h.current.filtered.count = r.current.size;
+      v.current.filtered.count = r.current.size;
       return;
     }
-    h.current.filtered.groups = /* @__PURE__ */ new Set();
+    v.current.filtered.groups = /* @__PURE__ */ new Set();
     let e = 0;
     for (const l of r.current) {
-      const o = u.current.get(l)?.value ?? "", a = u.current.get(l)?.keywords ?? [], m = oe(o, a);
-      h.current.filtered.items.set(l, m), m > 0 && e++;
+      const o = u.current.get(l)?.value ?? "", a = u.current.get(l)?.keywords ?? [], m = ne(o, a);
+      v.current.filtered.items.set(l, m), m > 0 && e++;
     }
     for (const [l, o] of i.current)
       for (const a of o) {
-        const m = h.current.filtered.items.get(a);
+        const m = v.current.filtered.items.get(a);
         if (m && m > 0) {
-          h.current.filtered.groups.add(l);
+          v.current.filtered.groups.add(l);
           break;
         }
       }
-    h.current.filtered.count = e;
+    v.current.filtered.count = e;
   }
-  function ce() {
-    const e = x();
-    e && (e.parentElement?.firstChild === e && e.closest(D)?.querySelector(ke)?.scrollIntoView({ block: "nearest" }), e.scrollIntoView({ block: "nearest" }));
+  function oe() {
+    const e = k();
+    e && (e.parentElement?.firstChild === e && e.closest(T)?.querySelector(xe)?.scrollIntoView({ block: "nearest" }), e.scrollIntoView({ block: "nearest" }));
   }
-  function x() {
-    return k.current?.querySelector(`${fe}[aria-selected="true"]`);
+  function k() {
+    return x.current?.querySelector(`${de}[aria-selected="true"]`);
   }
   function V() {
-    return Array.from(k.current?.querySelectorAll(de) || []);
+    return Array.from(x.current?.querySelectorAll(ue) || []);
   }
-  function Q(e) {
+  function ce(e) {
     const o = V()[e];
     o && E.setState("value", o.getAttribute(L));
   }
-  function X(e) {
-    const l = x(), o = V(), a = o.findIndex((b) => b === l);
+  function Q(e) {
+    const l = k(), o = V(), a = o.findIndex((b) => b === l);
     let m = o[a + e];
     s.current?.loop && (m = a + e < 0 ? o[o.length - 1] : a + e === o.length ? o[0] : o[a + e]), m && E.setState("value", m.getAttribute(L));
   }
   function se(e) {
-    let o = x()?.closest(D), a;
+    let o = k()?.closest(T), a;
     for (; o && !a; )
-      o = e > 0 ? Fe(o, D) : Oe(o, D), a = o?.querySelector(de);
-    a ? E.setState("value", a.getAttribute(L)) : X(e);
+      o = e > 0 ? Oe(o, T) : De(o, T), a = o?.querySelector(ue);
+    a ? E.setState("value", a.getAttribute(L)) : Q(e);
   }
-  const ie = () => Q(V().length - 1), le = (e) => {
-    e.preventDefault(), e.metaKey ? ie() : e.altKey ? se(1) : X(1);
-  }, ae = (e) => {
-    e.preventDefault(), e.metaKey ? Q(0) : e.altKey ? se(-1) : X(-1);
+  const be = () => ce(V().length - 1), ie = (e) => {
+    e.preventDefault(), e.metaKey ? be() : e.altKey ? se(1) : Q(1);
+  }, le = (e) => {
+    e.preventDefault(), e.metaKey ? ce(0) : e.altKey ? se(-1) : Q(-1);
   };
-  return /* @__PURE__ */ te(
+  return /* @__PURE__ */ ee(
     I.div,
     {
       ref: n,
@@ -207,36 +207,28 @@ const D = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', ke = '[cmdk-group-head
           switch (e.key) {
             case "n":
             case "j": {
-              N && e.ctrlKey && le(e);
+              N && e.ctrlKey && ie(e);
               break;
             }
             case "ArrowDown": {
-              le(e);
+              ie(e);
               break;
             }
             case "p":
             case "k": {
-              N && e.ctrlKey && ae(e);
+              N && e.ctrlKey && le(e);
               break;
             }
             case "ArrowUp": {
-              ae(e);
-              break;
-            }
-            case "Home": {
-              e.preventDefault(), Q(0);
-              break;
-            }
-            case "End": {
-              e.preventDefault(), ie();
+              le(e);
               break;
             }
             case "Enter":
               if (!e.nativeEvent.isComposing && e.keyCode !== 229) {
                 e.preventDefault();
-                const l = x();
+                const l = k();
                 if (l) {
-                  const o = new Event(ee);
+                  const o = new Event(Z);
                   l.dispatchEvent(o);
                 }
               }
@@ -250,34 +242,34 @@ const D = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', ke = '[cmdk-group-head
           "label",
           {
             "cmdk-label": "",
-            htmlFor: H.inputId,
-            id: H.labelId,
+            htmlFor: z.inputId,
+            id: z.labelId,
             style: Be,
-            children: v
+            children: h
           }
         ),
-        B(t, (e) => /* @__PURE__ */ p(ve.Provider, { value: E, children: /* @__PURE__ */ p(me.Provider, { value: H, children: e }) }))
+        B(t, (e) => /* @__PURE__ */ p(me.Provider, { value: E, children: /* @__PURE__ */ p(fe.Provider, { value: z, children: e }) }))
       ]
     }
   );
 }), Ae = c.forwardRef((t, n) => {
-  const { id: r } = t, i = c.useRef(null), u = c.useContext(he), f = O(), s = pe(t), v = s.current?.forceMount ?? u?.forceMount;
+  const { id: r } = t, i = c.useRef(null), u = c.useContext(he), f = D(), s = ge(t), h = s.current?.forceMount ?? u?.forceMount;
   A(() => {
-    if (!v)
+    if (!h)
       return f.item(r, u?.id);
-  }, [v]);
-  const d = be(r, i, [t.value, t.children, i], t.keywords), S = re(), C = P((g) => g.value && g.value === d.current), y = P(
-    (g) => v || f.filter() === !1 ? !0 : g.search ? g.filtered.items.get(r) > 0 : !0
+  }, [h]);
+  const d = pe(r, i, [t.value, t.children, i], t.keywords), S = te(), C = P((g) => g.value && g.value === d.current), y = P(
+    (g) => h || f.filter() === !1 ? !0 : g.search ? g.filtered.items.get(r) > 0 : !0
   );
   c.useEffect(() => {
     const g = i.current;
     if (!g || t.disabled) return;
     const G = () => R("keyboard");
-    return g.addEventListener(ee, G), () => g.removeEventListener(ee, G);
+    return g.addEventListener(Z, G), () => g.removeEventListener(Z, G);
   }, [y, t.onSelect, t.disabled]);
-  const w = ue(() => {
+  const w = ae(() => {
     S.setState("value", d.current, !0);
-  }, [S, d]), R = ue(
+  }, [S, d]), R = ae(
     (g = "click") => {
       w(), s.current.onSelect?.({ value: d.current, trigger: g });
     },
@@ -287,12 +279,12 @@ const D = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', ke = '[cmdk-group-head
   const {
     disabled: _,
     value: N,
-    onSelect: ne,
+    onSelect: re,
     forceMount: U,
-    keywords: h,
+    keywords: v,
     onClick: $,
     ...j
-  } = t, q = Ee(() => F([i, n]), [i, n]), k = Re($, R);
+  } = t, q = Ee(() => O([i, n]), [i, n]), x = Re($, R);
   return /* @__PURE__ */ p(
     I.div,
     {
@@ -306,21 +298,21 @@ const D = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', ke = '[cmdk-group-head
       "data-disabled": !!_,
       "data-selected": !!C,
       onPointerMove: _ || f.getDisablePointerSelection() ? void 0 : w,
-      onClick: _ ? void 0 : k,
+      onClick: _ ? void 0 : x,
       onFocus: _ ? void 0 : w,
       children: t.children
     }
   );
 }), _e = c.forwardRef((t, n) => {
-  const { heading: r, children: i, forceMount: u, ...f } = t, s = T(), v = c.useRef(null), d = c.useRef(null), S = T(), C = O(), y = P(
+  const { heading: r, children: i, forceMount: u, ...f } = t, s = F(), h = c.useRef(null), d = c.useRef(null), S = F(), C = D(), y = P(
     (R) => u || C.filter() === !1 ? !0 : R.search ? R.filtered.groups.has(s) : !0
   );
-  A(() => C.group(s), []), be(s, v, [t.value, t.heading, d]);
+  A(() => C.group(s), []), pe(s, h, [t.value, t.heading, d]);
   const w = c.useMemo(() => ({ id: s, forceMount: u }), [u]);
-  return /* @__PURE__ */ te(
+  return /* @__PURE__ */ ee(
     I.div,
     {
-      ref: F([v, n]),
+      ref: O([h, n]),
       ...f,
       "cmdk-group": "",
       role: "presentation",
@@ -339,14 +331,14 @@ const D = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', ke = '[cmdk-group-head
   return !r && !f ? null : /* @__PURE__ */ p(
     I.div,
     {
-      ref: F([u, n]),
+      ref: O([u, n]),
       ...i,
       "cmdk-separator": "",
       role: "separator"
     }
   );
 }), Me = c.forwardRef((t, n) => {
-  const { onValueChange: r, ...i } = t, u = t.value != null, f = re(), s = P((d) => d.search), v = O();
+  const { onValueChange: r, ...i } = t, u = t.value != null, f = te(), s = P((d) => d.search), h = D();
   return c.useEffect(() => {
     t.value != null && f.setState("search", t.value);
   }, [t.value]), /* @__PURE__ */ p(
@@ -361,9 +353,9 @@ const D = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', ke = '[cmdk-group-head
       "aria-autocomplete": "list",
       role: "combobox",
       "aria-expanded": !0,
-      "aria-controls": v.listId,
-      "aria-labelledby": v.labelId,
-      id: v.inputId,
+      "aria-controls": h.listId,
+      "aria-labelledby": h.labelId,
+      id: h.inputId,
       type: "text",
       value: u ? t.value : s,
       onChange: (d) => {
@@ -372,7 +364,7 @@ const D = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', ke = '[cmdk-group-head
     }
   );
 }), Pe = c.forwardRef((t, n) => {
-  const { children: r, label: i = "Suggestions", ...u } = t, f = c.useRef(null), s = c.useRef(null), v = O();
+  const { children: r, label: i = "Suggestions", ...u } = t, f = c.useRef(null), s = c.useRef(null), h = D();
   return c.useEffect(() => {
     if (s.current && f.current) {
       const d = s.current, S = f.current;
@@ -390,22 +382,22 @@ const D = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', ke = '[cmdk-group-head
   }, []), /* @__PURE__ */ p(
     I.div,
     {
-      ref: F([f, n]),
+      ref: O([f, n]),
       ...u,
       "cmdk-list": "",
       tabIndex: -1,
       "aria-label": i,
-      id: v.listId,
-      children: B(t, (d) => /* @__PURE__ */ p("div", { ref: F([s, v.listInnerRef]), "cmdk-list-sizer": "", children: d }))
+      id: h.listId,
+      children: B(t, (d) => /* @__PURE__ */ p("div", { ref: O([s, h.listInnerRef]), "cmdk-list-sizer": "", children: d }))
     }
   );
 }), Ve = c.forwardRef((t, n) => {
-  const { open: r, onOpenChange: i, overlayClassName: u, contentClassName: f, container: s, ...v } = t;
-  return /* @__PURE__ */ p(K.Root, { open: r, onOpenChange: i, children: /* @__PURE__ */ te(K.Portal, { container: s, children: [
+  const { open: r, onOpenChange: i, overlayClassName: u, contentClassName: f, container: s, ...h } = t;
+  return /* @__PURE__ */ p(K.Root, { open: r, onOpenChange: i, children: /* @__PURE__ */ ee(K.Portal, { container: s, children: [
     /* @__PURE__ */ p(K.Overlay, { "cmdk-overlay": "", className: u }),
-    /* @__PURE__ */ p(K.Content, { "aria-label": t.label, "cmdk-dialog": "", className: f, children: /* @__PURE__ */ p(ge, { ref: n, ...v }) })
+    /* @__PURE__ */ p(K.Content, { "aria-label": t.label, "cmdk-dialog": "", className: f, children: /* @__PURE__ */ p(ve, { ref: n, ...h }) })
   ] }) });
-}), De = c.forwardRef((t, n) => P((i) => i.filtered.count === 0) ? /* @__PURE__ */ p(I.div, { ref: n, ...t, "cmdk-empty": "", role: "presentation" }) : null), Te = c.forwardRef((t, n) => {
+}), Te = c.forwardRef((t, n) => P((i) => i.filtered.count === 0) ? /* @__PURE__ */ p(I.div, { ref: n, ...t, "cmdk-empty": "", role: "presentation" }) : null), Fe = c.forwardRef((t, n) => {
   const { progress: r, children: i, label: u = "Loading...", ...f } = t;
   return /* @__PURE__ */ p(
     I.div,
@@ -421,31 +413,31 @@ const D = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', ke = '[cmdk-group-head
       children: B(t, (s) => /* @__PURE__ */ p("div", { "aria-hidden": !0, children: s }))
     }
   );
-}), Qe = Object.assign(ge, {
+}), Qe = Object.assign(ve, {
   List: Pe,
   Item: Ae,
   Input: Me,
   Group: _e,
   Separator: Le,
   Dialog: Ve,
-  Empty: De,
-  Loading: Te
+  Empty: Te,
+  Loading: Fe
 });
-function Fe(t, n) {
+function Oe(t, n) {
   let r = t.nextElementSibling;
   for (; r; ) {
     if (r.matches(n)) return r;
     r = r.nextElementSibling;
   }
 }
-function Oe(t, n) {
+function De(t, n) {
   let r = t.previousElementSibling;
   for (; r; ) {
     if (r.matches(n)) return r;
     r = r.previousElementSibling;
   }
 }
-function pe(t) {
+function ge(t) {
   const n = c.useRef(t);
   return A(() => {
     n.current = t;
@@ -456,7 +448,7 @@ function M(t) {
   const n = c.useRef(void 0);
   return n.current === void 0 && (n.current = t()), n;
 }
-function F(t) {
+function O(t) {
   return (n) => {
     t.forEach((r) => {
       typeof r == "function" ? r(n) : r != null && (r.current = n);
@@ -464,11 +456,11 @@ function F(t) {
   };
 }
 function P(t) {
-  const n = re(), r = () => t(n.snapshot());
+  const n = te(), r = () => t(n.snapshot());
   return we.useSyncExternalStore(n.subscribe, r, r);
 }
-function be(t, n, r, i = []) {
-  const u = c.useRef(void 0), f = O();
+function pe(t, n, r, i = []) {
+  const u = c.useRef(void 0), f = D();
   return A(() => {
     const s = (() => {
       for (const d of r) {
@@ -477,8 +469,8 @@ function be(t, n, r, i = []) {
         if (typeof d == "object" && "current" in d)
           return d.current ? d.current.textContent?.trim() : u.current;
       }
-    })(), v = i.map((d) => d.trim());
-    f.value(t, s, v), n.current?.setAttribute(L, s), u.current = s;
+    })(), h = i.map((d) => d.trim());
+    f.value(t, s, h), n.current?.setAttribute(L, s), u.current = s;
   }), u;
 }
 const Ge = () => {
@@ -515,14 +507,14 @@ const Be = {
 export {
   Qe as Command,
   Ve as CommandDialog,
-  De as CommandEmpty,
+  Te as CommandEmpty,
   Me as CommandInput,
   Ae as CommandItem,
   Pe as CommandList,
-  Te as CommandLoading,
-  ge as CommandRoot,
+  Fe as CommandLoading,
+  ve as CommandRoot,
   Le as CommandSeparator,
-  xe as defaultFilter,
+  ke as defaultFilter,
   P as useCommandState,
-  re as useCommandStore
+  te as useCommandStore
 };

package/dist/components/embedded-chat/use-inkeep-chat.cjs

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ae=require("openai"),t=require("react"),Re=require("../../providers/config-provider.cjs"),Le=require("../../providers/conversation-provider.cjs"),xe=require("../../providers/chat-events-provider.cjs"),D=require("../../utils/get-message-metadata.cjs"),Be=require("../../utils/misc.cjs"),ae=require("../../utils/reset-query-params.cjs"),De=require("../../providers/chat-form-provider.cjs"),Oe=require("../../providers/widget-provider.cjs"),Fe=require("../../hooks/use-media-query.cjs"),Te=require("./use-captcha.cjs"),Ke=require("../modal/modal-provider.cjs"),u=require("../../utils/generate-uid.cjs"),Qe=require("../../utils/tools/links-tool.cjs"),We=require("../../atoms/api/analytics/conversation.cjs"),Je=()=>{const{chatId:f,setConversation:re,conversation:N,resetConversation:ie}=Le.useInkeepConversation(),{baseSettings:b,aiChatSettings:O}=Re.useInkeepConfig(),{aiApiBaseUrl:F,shouldBypassCaptcha:T,filters:K}=b,Q=Ke.useModal(),{getSolution:ce,prefetchSolution:q,invalidateSolution:W}=Te.useCaptcha({fetchUrl:`${F}/v1/challenge`,shouldBypassCaptcha:T,shouldMakeInitialRequest:Q?Q.isOpen:!0}),le=new Ae({baseURL:`${F}/v1`,apiKey:b.apiKey,dangerouslyAllowBrowser:!0}),{onInputMessageChange:ue,getTools:ge,prompts:de,model:me,filters:J,onToolCall:fe}=O,[p,_]=t.useState(""),z=t.useRef(null);t.useEffect(()=>{ue?.(p)},[p]);const[g,l]=t.useState([]),[H,h]=t.useState(!1),[pe,v]=t.useState(!1),[he,j]=t.useState(null),[A,G]=t.useState(null),[y,S]=t.useState([]),ve=e=>{S(s=>[...s,e])},[ye,V]=t.useState({}),i=t.useRef([]),C=t.useRef(null),{logEvent:P}=xe.useChatEvents(),X=de?.map((e,s)=>({id:`system-${Date.now().toString()}-${u.generateUid(4)}-${s}`,role:"system",content:e})),[Se,Ce]=t.useState(!!f);t.useEffect(()=>{if(f){const{apiKey:e,analyticsApiBaseUrl:s}=b;We.getConversation(f,e,s).then(n=>{if(n){P({eventName:"shared_chat_loaded",properties:{conversation:n}}),Ce(!1),re({...n,id:""});const a=n.messages.map(c=>({id:Date.now().toString()+u.generateUid(4)+c.id,content:Be.parseIfJson(c.content),role:c.role,links:c.links}));l(a),i.current=a}})}},[f]);const Me=e=>{switch(e.code){case 400:return e.message;case 403:return`There seems to be a configuration error. Please contact ${b.organizationDisplayName??"Administrator"}`;default:return`Hmm.. 
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Le=require("openai"),t=require("react"),xe=require("../../providers/config-provider.cjs"),Be=require("../../providers/conversation-provider.cjs"),De=require("../../providers/chat-events-provider.cjs"),D=require("../../utils/get-message-metadata.cjs"),Oe=require("../../utils/misc.cjs"),ae=require("../../utils/reset-query-params.cjs"),Fe=require("../../providers/chat-form-provider.cjs"),Te=require("../../providers/widget-provider.cjs"),Ke=require("../../hooks/use-media-query.cjs"),Qe=require("./use-captcha.cjs"),We=require("../modal/modal-provider.cjs"),l=require("../../utils/generate-uid.cjs"),Je=require("../../utils/tools/links-tool.cjs"),ze=require("../../atoms/api/analytics/conversation.cjs"),He=()=>{const{chatId:p,setConversation:re,conversation:N,resetConversation:ie}=Be.useInkeepConversation(),{baseSettings:b,aiChatSettings:O}=xe.useInkeepConfig(),{aiApiBaseUrl:F,shouldBypassCaptcha:T,filters:K}=b,Q=We.useModal(),{getSolution:ce,prefetchSolution:q,invalidateSolution:W}=Qe.useCaptcha({fetchUrl:`${F}/v1/challenge`,shouldBypassCaptcha:T,shouldMakeInitialRequest:Q?Q.isOpen:!0}),ue=new Le({baseURL:`${F}/v1`,apiKey:b.apiKey,dangerouslyAllowBrowser:!0}),{onInputMessageChange:le,getTools:de,prompts:ge,model:me,filters:J,onToolCall:pe}=O,[f,_]=t.useState(""),z=t.useRef(null);t.useEffect(()=>{le?.(f)},[f]);const[d,u]=t.useState([]),[H,h]=t.useState(!1),[fe,v]=t.useState(!1),[he,j]=t.useState(null),[A,G]=t.useState(null),[y,S]=t.useState([]),ve=e=>{S(s=>[...s,e])},[ye,V]=t.useState({}),r=t.useRef([]),C=t.useRef(null),{logEvent:P,logConversation:Se}=De.useChatEvents(),X=ge?.map((e,s)=>({id:`system-${Date.now().toString()}-${l.generateUid(4)}-${s}`,role:"system",content:e})),[Ce,we]=t.useState(!!p);t.useEffect(()=>{if(p){const{apiKey:e,analyticsApiBaseUrl:s}=b;ze.getConversation(p,e,s).then(o=>{if(o){P({eventName:"shared_chat_loaded",properties:{conversation:o}}),we(!1),re({...o,id:""});const a=o.messages.map(c=>({id:Date.now().toString()+l.generateUid(4)+c.id,content:Oe.parseIfJson(c.content),role:c.role,links:c.links}));u(a),r.current=a}})}},[p]);const Me=e=>{switch(e.code){case 400:return e.message;case 403:return`There seems to be a configuration error. Please contact ${b.organizationDisplayName??"Administrator"}`;default:return`Hmm.. 
 
-It seems I might be having some issues right now. Please clear the chat and try again.`}},Y=e=>{j(e),l(s=>{const n=[...s],a=n[n.length-1];return a&&(a.content=Me(e)),n}),h(!1),v(!1),W(),q()},R=!p.trim()&&!y.length||H,we=e=>{e.key==="Enter"&&!e.shiftKey&&!R&&!e.nativeEvent.isComposing&&(e.preventDefault(),L())},Ie=e=>{const s=e.target.value;_(s)},L=async(e=p)=>{if(R&&(!e||e.trim().length===0))return;h(!0);const s=A?g.length===2:g.length===0,n=D.getMessageMetadata(A,y,s);let a;const c=D.serializeAttachments(y);y.length&&c?a=[{type:"text",text:c}]:a=e;const ee={id:`${Date.now().toString()}-${u.generateUid(4)}-1`,role:"user",content:a,metadata:n},E=[...g.length?[]:X,ee];f&&ae.resetQueryParams(),l(M=>[...M,...E]),i.current=[...i.current,...E],S([]),_(""),P({eventName:"user_message_submitted",properties:{}},i.current);const te=[Qe.provideLinksTool,...ge?.({conversation:N})||[]];try{const M={model:me,messages:i.current,stream:!0,tools:te,tool_choice:"auto"},se=await ce(),ne=se?btoa(JSON.stringify(se)):null,oe=K||J?JSON.stringify({...K,...J}):void 0,U={};!T&&ne&&(U["X-INKEEP-CHALLENGE-SOLUTION"]=ne),oe&&(U["inkeep-filters"]=oe);const d=le.beta.chat.completions.stream(M,Object.keys(U).length>0?{headers:U}:void 0),o={id:`${Date.now().toString()}-${u.generateUid(4)}-2`,role:"assistant",content:"",links:[],toolCalls:[]};l(w=>[...w,o]),d.on("content",(w,I)=>{v(!0),o.content=I,l($=>{const r=[...$],x=r.findIndex(k=>k.id===o.id);return x===-1?[...r,o]:(r[x]={...o},r)})}),d.on("tool_calls.function.arguments.done",w=>{const{name:I,arguments:$}=w,r=te?.find(m=>m.function.name===I);if(!r)return;fe?.(w,{conversation:N});const k=("parse"in r.function?r.function.parse:JSON.parse)($),Ue=r.function.function?.(k,d),$e=r.renderMessageButtons?.({args:k,execution:Ue})??[];I==="provideLinks"?o.links=k.links??[]:V(m=>({...m,[o.id]:[...m[o.id]??[],...$e]})),o.toolCalls?.push({id:"call_"+u.generateUid(24),type:"function",function:{name:I,arguments:$}}),l(m=>{const B=[...m],Ne=B.findIndex(_e=>_e.id===o.id);return B[Ne]={...o},B})}),d.on("error",Y),d.finalChatCompletion().then(()=>{i.current=[...i.current,o],C.current=null,h(!1),v(!1),q(),P({eventName:"assistant_message_received",properties:{}},i.current)}),C.current=d.controller}catch(M){Y(M),h(!1),v(!1)}},ke=()=>{C.current&&(C.current.abort(),C.current=null),h(!1),v(!1),q()},Z=()=>{j(null),l([]),i.current=[],ie(),V({}),S([]),ae.resetQueryParams(),G(null),W(),q(),P({eventName:"chat_clear_button_clicked",properties:{conversation:N}})},be=e=>{G(e);const{initialReplyMessage:s,displayName:n}=e,a={id:g.length.toString()+u.generateUid(4),role:"user",content:n},c={id:(g.length+1).toString()+u.generateUid(4),role:"assistant",content:s,links:[]},E=[{id:`system-${Date.now().toString()}-${u.generateUid(4)}-${e.id}`,role:"system",content:`Company has asked user to follow this guided workflow:
-${D.serializeWorkflow(e)}`},...X,a,c];l(E),S([])},{openForm:qe}=De.useChatForm(),Pe=Oe.useWidget();t.useImperativeHandle(O.chatFunctionsRef,()=>({submitMessage:L,updateInputMessage(e){_(e)},clearChat:Z,openForm:e=>{Pe?.setView("chat"),qe(e)},focusInput:()=>{z.current?.focus()}}));const Ee=Fe.useMediaQuery("(max-width: 768px)");return{messages:g,input:p,isLoading:H,isStreaming:pe,isLoadingConversation:Se,error:he,isSubmitDisabled:R,handleInputChange:Ie,handleInputKeyDown:we,handleSubmit:L,stop:ke,clear:Z,handleWorkflow:be,selectedWorkflow:A,messageAttachments:y,setMessageAttachments:S,addAttachment:ve,messageButtons:ye,isEmpty:g.length===0,inputRef:z,isMobile:Ee}};exports.useInkeepChat=Je;
+It seems I might be having some issues right now. Please clear the chat and try again.`}},Y=e=>{j(e),u(s=>{const o=[...s],a=o[o.length-1];return a&&(a.content=Me(e)),o}),h(!1),v(!1),W(),q()},R=!f.trim()&&!y.length||H,Ie=e=>{e.key==="Enter"&&!e.shiftKey&&!R&&!e.nativeEvent.isComposing&&(e.preventDefault(),L())},ke=e=>{const s=e.target.value;_(s)},L=async(e=f)=>{if(R&&(!e||e.trim().length===0))return;h(!0);const s=A?d.length===2:d.length===0,o=D.getMessageMetadata(A,y,s);let a;const c=D.serializeAttachments(y);y.length&&c?a=[{type:"text",text:c}]:a=e;const ee={id:`${Date.now().toString()}-${l.generateUid(4)}-1`,role:"user",content:a,metadata:o},E=[...d.length?[]:X,ee];p&&ae.resetQueryParams(),u(w=>[...w,...E]),r.current=[...r.current,...E],S([]),_(""),P({eventName:"user_message_submitted",properties:{}},r.current);const te=[Je.provideLinksTool,...de?.({conversation:N})||[]];try{const w={model:me,messages:r.current,stream:!0,tools:te,tool_choice:"auto"},se=await ce(),ne=se?btoa(JSON.stringify(se)):null,oe=K||J?JSON.stringify({...K,...J}):void 0,U={};!T&&ne&&(U["X-INKEEP-CHALLENGE-SOLUTION"]=ne),oe&&(U["inkeep-filters"]=oe);const g=ue.beta.chat.completions.stream(w,Object.keys(U).length>0?{headers:U}:void 0),n={id:`${Date.now().toString()}-${l.generateUid(4)}-2`,role:"assistant",content:"",links:[],toolCalls:[]};u(M=>[...M,n]),g.on("content",(M,I)=>{v(!0),n.content=I,u($=>{const i=[...$],x=i.findIndex(k=>k.id===n.id);return x===-1?[...i,n]:(i[x]={...n},i)})}),g.on("tool_calls.function.arguments.done",async M=>{const{name:I,arguments:$}=M,i=te?.find(m=>m.function.name===I);if(!i)return;const k=("parse"in i.function?i.function.parse:JSON.parse)($),$e=i.function.function?.(k,g),Ne=i.renderMessageButtons?.({args:k,execution:$e})??[];I==="provideLinks"?n.links=k.links??[]:V(m=>({...m,[n.id]:[...m[n.id]??[],...Ne]})),n.toolCalls?.push({id:"call_"+l.generateUid(24),type:"function",function:{name:I,arguments:$}}),u(m=>{const B=[...m],Ae=B.findIndex(Re=>Re.id===n.id);return B[Ae]={...n},B});const _e=await Se([...r.current,n]);pe?.(M,{conversation:_e??N})}),g.on("error",Y),g.finalChatCompletion().then(()=>{r.current=[...r.current,n],C.current=null,h(!1),v(!1),q(),P({eventName:"assistant_message_received",properties:{}},r.current)}),C.current=g.controller}catch(w){Y(w),h(!1),v(!1)}},be=()=>{C.current&&(C.current.abort(),C.current=null),h(!1),v(!1),q()},Z=()=>{j(null),u([]),r.current=[],ie(),V({}),S([]),ae.resetQueryParams(),G(null),W(),q(),P({eventName:"chat_clear_button_clicked",properties:{conversation:N}})},qe=e=>{G(e);const{initialReplyMessage:s,displayName:o}=e,a={id:d.length.toString()+l.generateUid(4),role:"user",content:o},c={id:(d.length+1).toString()+l.generateUid(4),role:"assistant",content:s,links:[]},E=[{id:`system-${Date.now().toString()}-${l.generateUid(4)}-${e.id}`,role:"system",content:`Company has asked user to follow this guided workflow:
+${D.serializeWorkflow(e)}`},...X,a,c];u(E),S([])},{openForm:Pe}=Fe.useChatForm(),Ee=Te.useWidget();t.useImperativeHandle(O.chatFunctionsRef,()=>({submitMessage:L,updateInputMessage(e){_(e)},clearChat:Z,openForm:e=>{Ee?.setView("chat"),Pe(e)},focusInput:()=>{z.current?.focus()}}));const Ue=Ke.useMediaQuery("(max-width: 768px)");return{messages:d,input:f,isLoading:H,isStreaming:fe,isLoadingConversation:Ce,error:he,isSubmitDisabled:R,handleInputChange:ke,handleInputKeyDown:Ie,handleSubmit:L,stop:be,clear:Z,handleWorkflow:qe,selectedWorkflow:A,messageAttachments:y,setMessageAttachments:S,addAttachment:ve,messageButtons:ye,isEmpty:d.length===0,inputRef:z,isMobile:Ue}};exports.useInkeepChat=He;

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

@@ -1,26 +1,26 @@
 "use client";
-import De from "openai";
-import { useState as c, useRef as U, useEffect as ae, useImperativeHandle as Oe } from "react";
-import { useInkeepConfig as Re } from "../../providers/config-provider.js";
-import { useInkeepConversation as Pe } from "../../providers/conversation-provider.js";
-import { useChatEvents as Ue } from "../../providers/chat-events-provider.js";
-import { getMessageMetadata as Fe, serializeAttachments as Ke, serializeWorkflow as Te } from "../../utils/get-message-metadata.js";
-import { parseIfJson as We } from "../../utils/misc.js";
+import Re from "openai";
+import { useState as c, useRef as U, useEffect as ae, useImperativeHandle as Pe } from "react";
+import { useInkeepConfig as Ue } from "../../providers/config-provider.js";
+import { useInkeepConversation as Fe } from "../../providers/conversation-provider.js";
+import { useChatEvents as Ke } from "../../providers/chat-events-provider.js";
+import { getMessageMetadata as Te, serializeAttachments as We, serializeWorkflow as Je } from "../../utils/get-message-metadata.js";
+import { parseIfJson as ze } from "../../utils/misc.js";
 import { resetQueryParams as re } from "../../utils/reset-query-params.js";
-import { useChatForm as Je } from "../../providers/chat-form-provider.js";
-import { useWidget as ze } from "../../providers/widget-provider.js";
-import { useMediaQuery as He } from "../../hooks/use-media-query.js";
-import { useCaptcha as Qe } from "./use-captcha.js";
-import { useModal as je } from "../modal/modal-provider.js";
+import { useChatForm as He } from "../../providers/chat-form-provider.js";
+import { useWidget as Qe } from "../../providers/widget-provider.js";
+import { useMediaQuery as je } from "../../hooks/use-media-query.js";
+import { useCaptcha as qe } from "./use-captcha.js";
+import { useModal as Ge } from "../modal/modal-provider.js";
 import { generateUid as u } from "../../utils/generate-uid.js";
-import { provideLinksTool as qe } from "../../utils/tools/links-tool.js";
-import { getConversation as Ge } from "../../atoms/api/analytics/conversation.js";
-const gt = () => {
-  const { chatId: d, setConversation: ie, conversation: x, resetConversation: ce } = Pe(), { baseSettings: b, aiChatSettings: F } = Re(), { aiApiBaseUrl: K, shouldBypassCaptcha: T, filters: W } = b, J = je(), { getSolution: le, prefetchSolution: $, invalidateSolution: z } = Qe({
+import { provideLinksTool as Ve } from "../../utils/tools/links-tool.js";
+import { getConversation as Xe } from "../../atoms/api/analytics/conversation.js";
+const dt = () => {
+  const { chatId: d, setConversation: ie, conversation: x, resetConversation: ce } = Fe(), { baseSettings: b, aiChatSettings: F } = Ue(), { aiApiBaseUrl: K, shouldBypassCaptcha: T, filters: W } = b, J = Ge(), { getSolution: le, prefetchSolution: $, invalidateSolution: z } = qe({
     fetchUrl: `${K}/v1/challenge`,
     shouldBypassCaptcha: T,
     shouldMakeInitialRequest: J ? J.isOpen : !0
-  }), ue = new De({
+  }), ue = new Re({
     baseURL: `${K}/v1`,
     apiKey: b.apiKey,
     dangerouslyAllowBrowser: !0
@@ -35,36 +35,36 @@ const gt = () => {
   ae(() => {
     me?.(f);
   }, [f]);
-  const [m, l] = c([]), [j, h] = c(!1), [he, y] = c(!1), [ye, q] = c(null), [B, G] = c(null), [C, w] = c([]), Ce = (e) => {
-    w((t) => [...t, e]);
-  }, [we, V] = c({}), r = U([]), v = U(null), { logEvent: E } = Ue(), X = pe?.map((e, t) => ({
+  const [m, l] = c([]), [j, h] = c(!1), [he, y] = c(!1), [ye, q] = c(null), [B, G] = c(null), [C, v] = c([]), Ce = (e) => {
+    v((t) => [...t, e]);
+  }, [ve, V] = c({}), a = U([]), w = U(null), { logEvent: E, logConversation: we } = Ke(), X = pe?.map((e, t) => ({
     id: `system-${Date.now().toString()}-${u(4)}-${t}`,
     role: "system",
     content: e
-  })), [ve, Ie] = c(!!d);
+  })), [Ie, Me] = c(!!d);
   ae(() => {
     if (d) {
       const { apiKey: e, analyticsApiBaseUrl: t } = b;
-      Ge(d, e, t).then((s) => {
-        if (s) {
+      Xe(d, e, t).then((n) => {
+        if (n) {
           E({
             eventName: "shared_chat_loaded",
             properties: {
-              conversation: s
+              conversation: n
             }
-          }), Ie(!1), ie({ ...s, id: "" });
-          const o = s.messages.map((i) => ({
+          }), Me(!1), ie({ ...n, id: "" });
+          const o = n.messages.map((i) => ({
             id: Date.now().toString() + u(4) + i.id,
-            content: We(i.content),
+            content: ze(i.content),
             role: i.role,
             links: i.links
           }));
-          l(o), r.current = o;
+          l(o), a.current = o;
         }
       });
     }
   }, [d]);
-  const Me = (e) => {
+  const Se = (e) => {
     switch (e.code) {
       case 400:
         return e.message;
@@ -77,39 +77,39 @@ It seems I might be having some issues right now. Please clear the chat and try
     }
   }, Y = (e) => {
     q(e), l((t) => {
-      const s = [...t], o = s[s.length - 1];
-      return o && (o.content = Me(e)), s;
+      const n = [...t], o = n[n.length - 1];
+      return o && (o.content = Se(e)), n;
     }), h(!1), y(!1), z(), $();
-  }, D = !f.trim() && !C.length || j, Se = (e) => {
+  }, D = !f.trim() && !C.length || j, ke = (e) => {
     e.key === "Enter" && !e.shiftKey && !D && !e.nativeEvent.isComposing && (e.preventDefault(), O());
-  }, ke = (e) => {
+  }, be = (e) => {
     const t = e.target.value;
     L(t);
   }, O = async (e = f) => {
     if (D && (!e || e.trim().length === 0)) return;
     h(!0);
-    const t = B ? m.length === 2 : m.length === 0, s = Fe(B, C, t);
+    const t = B ? m.length === 2 : m.length === 0, n = Te(B, C, t);
     let o;
-    const i = Ke(C);
+    const i = We(C);
     C.length && i ? o = [{ type: "text", text: i }] : o = e;
     const ee = {
       id: `${Date.now().toString()}-${u(4)}-1`,
       role: "user",
       content: o,
-      metadata: s
+      metadata: n
     }, N = [...m.length ? [] : X, ee];
-    d && re(), l((I) => [...I, ...N]), r.current = [...r.current, ...N], w([]), L(""), E(
+    d && re(), l((I) => [...I, ...N]), a.current = [...a.current, ...N], v([]), L(""), E(
       {
         eventName: "user_message_submitted",
         properties: {}
       },
-      r.current
+      a.current
     );
-    const te = [qe, ...ge?.({ conversation: x }) || []];
+    const te = [Ve, ...ge?.({ conversation: x }) || []];
     try {
       const I = {
         model: de,
-        messages: r.current,
+        messages: a.current,
         stream: !0,
         tools: te,
         tool_choice: "auto"
@@ -121,27 +121,26 @@ It seems I might be having some issues right now. Please clear the chat and try
       const g = ue.beta.chat.completions.stream(
         I,
         Object.keys(_).length > 0 ? { headers: _ } : void 0
-      ), n = {
+      ), s = {
         id: `${Date.now().toString()}-${u(4)}-2`,
         role: "assistant",
         content: "",
         links: [],
         toolCalls: []
       };
-      l((M) => [...M, n]), g.on("content", (M, S) => {
-        y(!0), n.content = S, l((A) => {
-          const a = [...A], R = a.findIndex((k) => k.id === n.id);
-          return R === -1 ? [...a, n] : (a[R] = { ...n }, a);
+      l((M) => [...M, s]), g.on("content", (M, S) => {
+        y(!0), s.content = S, l((A) => {
+          const r = [...A], R = r.findIndex((k) => k.id === s.id);
+          return R === -1 ? [...r, s] : (r[R] = { ...s }, r);
         });
-      }), g.on("tool_calls.function.arguments.done", (M) => {
-        const { name: S, arguments: A } = M, a = te?.find((p) => p.function.name === S);
-        if (!a) return;
-        fe?.(M, { conversation: x });
-        const k = ("parse" in a.function ? a.function.parse : JSON.parse)(A), Ae = a.function.function?.(k, g), xe = a.renderMessageButtons?.({ args: k, execution: Ae }) ?? [];
-        S === "provideLinks" ? n.links = k.links ?? [] : V((p) => ({
+      }), g.on("tool_calls.function.arguments.done", async (M) => {
+        const { name: S, arguments: A } = M, r = te?.find((p) => p.function.name === S);
+        if (!r) return;
+        const k = ("parse" in r.function ? r.function.parse : JSON.parse)(A), xe = r.function.function?.(k, g), Le = r.renderMessageButtons?.({ args: k, execution: xe }) ?? [];
+        S === "provideLinks" ? s.links = k.links ?? [] : V((p) => ({
           ...p,
-          [n.id]: [...p[n.id] ?? [], ...xe]
-        })), n.toolCalls?.push({
+          [s.id]: [...p[s.id] ?? [], ...Le]
+        })), s.toolCalls?.push({
           id: "call_" + u(24),
           type: "function",
           function: {
@@ -149,36 +148,41 @@ It seems I might be having some issues right now. Please clear the chat and try
             arguments: A
           }
         }), l((p) => {
-          const P = [...p], Le = P.findIndex((Be) => Be.id === n.id);
-          return P[Le] = { ...n }, P;
+          const P = [...p], De = P.findIndex((Oe) => Oe.id === s.id);
+          return P[De] = { ...s }, P;
         });
+        const Be = await we([
+          ...a.current,
+          s
+        ]);
+        fe?.(M, { conversation: Be ?? x });
       }), g.on("error", Y), g.finalChatCompletion().then(() => {
-        r.current = [...r.current, n], v.current = null, h(!1), y(!1), $(), E(
+        a.current = [...a.current, s], w.current = null, h(!1), y(!1), $(), E(
           {
             eventName: "assistant_message_received",
             properties: {}
           },
-          r.current
+          a.current
         );
-      }), v.current = g.controller;
+      }), w.current = g.controller;
     } catch (I) {
       Y(I), h(!1), y(!1);
     }
-  }, be = () => {
-    v.current && (v.current.abort(), v.current = null), h(!1), y(!1), $();
+  }, $e = () => {
+    w.current && (w.current.abort(), w.current = null), h(!1), y(!1), $();
   }, Z = () => {
-    q(null), l([]), r.current = [], ce(), V({}), w([]), re(), G(null), z(), $(), E({
+    q(null), l([]), a.current = [], ce(), V({}), v([]), re(), G(null), z(), $(), E({
       eventName: "chat_clear_button_clicked",
       properties: {
         conversation: x
       }
     });
-  }, $e = (e) => {
+  }, Ee = (e) => {
     G(e);
-    const { initialReplyMessage: t, displayName: s } = e, o = {
+    const { initialReplyMessage: t, displayName: n } = e, o = {
       id: m.length.toString() + u(4),
       role: "user",
-      content: s
+      content: n
     }, i = {
       id: (m.length + 1).toString() + u(4),
       role: "assistant",
@@ -188,48 +192,48 @@ It seems I might be having some issues right now. Please clear the chat and try
       id: `system-${Date.now().toString()}-${u(4)}-${e.id}`,
       role: "system",
       content: `Company has asked user to follow this guided workflow:
-${Te(e)}`
+${Je(e)}`
     }, ...X, o, i];
-    l(N), w([]);
-  }, { openForm: Ee } = Je(), Ne = ze();
-  Oe(F.chatFunctionsRef, () => ({
+    l(N), v([]);
+  }, { openForm: Ne } = He(), _e = Qe();
+  Pe(F.chatFunctionsRef, () => ({
     submitMessage: O,
     updateInputMessage(e) {
       L(e);
     },
     clearChat: Z,
     openForm: (e) => {
-      Ne?.setView("chat"), Ee(e);
+      _e?.setView("chat"), Ne(e);
     },
     focusInput: () => {
       Q.current?.focus();
     }
   }));
-  const _e = He("(max-width: 768px)");
+  const Ae = je("(max-width: 768px)");
   return {
     messages: m,
     input: f,
     isLoading: j,
     isStreaming: he,
-    isLoadingConversation: ve,
+    isLoadingConversation: Ie,
     error: ye,
     isSubmitDisabled: D,
-    handleInputChange: ke,
-    handleInputKeyDown: Se,
+    handleInputChange: be,
+    handleInputKeyDown: ke,
     handleSubmit: O,
-    stop: be,
+    stop: $e,
     clear: Z,
-    handleWorkflow: $e,
+    handleWorkflow: Ee,
     selectedWorkflow: B,
     messageAttachments: C,
-    setMessageAttachments: w,
+    setMessageAttachments: v,
     addAttachment: Ce,
-    messageButtons: we,
+    messageButtons: ve,
     isEmpty: m.length === 0,
     inputRef: Q,
-    isMobile: _e
+    isMobile: Ae
   };
 };
 export {
-  gt as useInkeepChat
+  dt as useInkeepChat
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),t=require("react"),y=require("../atoms/api/analytics/events.cjs"),B=require("./config-provider.cjs"),f=require("./user-provider.cjs"),d=t.createContext(void 0),b=({children:e})=>{const{baseSettings:n,componentType:o}=B.useInkeepConfig(),{apiKey:r,analyticsApiBaseUrl:i,tags:c,privacyPreferences:E,env:g}=n,{userProperties:a}=f.useUser(),v=t.useMemo(()=>({widgetLibraryVersion:"0.5.46",componentType:o,tags:c}),[o,c]),u=!E.optOutAllAnalytics&&g!=="development",m={logEvent:t.useCallback(async l=>{const s={...v,...l.properties},p={eventName:l.eventName,properties:s,userProperties:a};if(u){if("conversation"in s&&!s.conversation?.id)return;y.logEvent(p,r,i)}n.onEvent?.(p)},[u,n,r,i,a,v])};return P.jsx(d.Provider,{value:m,children:e})},x=()=>{const e=t.useContext(d);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=b;exports.useBaseEvents=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),t=require("react"),y=require("../atoms/api/analytics/events.cjs"),B=require("./config-provider.cjs"),f=require("./user-provider.cjs"),d=t.createContext(void 0),b=({children:e})=>{const{baseSettings:n,componentType:o}=B.useInkeepConfig(),{apiKey:r,analyticsApiBaseUrl:i,tags:c,privacyPreferences:E,env:g}=n,{userProperties:a}=f.useUser(),v=t.useMemo(()=>({widgetLibraryVersion:"0.5.48",componentType:o,tags:c}),[o,c]),u=!E.optOutAllAnalytics&&g!=="development",m={logEvent:t.useCallback(async l=>{const s={...v,...l.properties},p={eventName:l.eventName,properties:s,userProperties:a};if(u){if("conversation"in s&&!s.conversation?.id)return;y.logEvent(p,r,i)}n.onEvent?.(p)},[u,n,r,i,a,v])};return P.jsx(d.Provider,{value:m,children:e})},x=()=>{const e=t.useContext(d);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=b;exports.useBaseEvents=x;

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

@@ -7,7 +7,7 @@ import { useUser as b } from "./user-provider.js";
 const u = x(void 0), U = ({ children: e }) => {
   const { baseSettings: t, componentType: n } = C(), { apiKey: s, analyticsApiBaseUrl: r, tags: i, privacyPreferences: l, env: E } = t, { userProperties: a } = b(), c = g(
     () => ({
-      widgetLibraryVersion: "0.5.46",
+      widgetLibraryVersion: "0.5.48",
       componentType: n,
       tags: i
     }),

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),n=require("react"),j=require("../atoms/api/analytics/conversation.cjs"),w=require("./config-provider.cjs"),B=require("./conversation-provider.cjs"),k=require("./user-provider.cjs"),f=require("./base-events-provider.cjs"),g=n.createContext(void 0),b=({children:e})=>{const{baseSettings:x}=w.useInkeepConfig(),{apiKey:l,analyticsApiBaseUrl:C,tags:d,privacyPreferences:{optOutAllAnalytics:o},env:i}=x,{userProperties:E}=k.useUser(),{logEvent:h}=f.useBaseEvents(),{conversation:a,setConversation:y}=B.useInkeepConversation(),c=n.useRef(a);n.useEffect(()=>{c.current=a},[a]);const v=n.useCallback(async r=>{const s=c.current;return!o&&i!=="development"?await j.logConversation(s.id,{messages:r,tags:d,userProperties:E},l,C):void 0},[C,l,d,E,o,i]),q={logEvent:n.useCallback(async(r,s)=>{let t=c.current;if(s){const P=await v(s);P?t=P:t=Object.assign({},t,{messages:s}),y(t)}const p={...r,properties:{conversation:t,...r.properties}};h(p)},[h,v,o,i]),logConversation:v};return u.jsx(g.Provider,{value:q,children:e})},A=({children:e})=>u.jsx(f.BaseEventsProvider,{children:u.jsx(b,{children:e})}),O=()=>{const e=n.useContext(g);if(!e)throw new Error("useChatEvents must be used within a ChatEventsProvider");return e};exports.ChatEventsProvider=b;exports.ChatEventsProviderWithBase=A;exports.useChatEvents=O;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),j=require("../atoms/api/analytics/conversation.cjs"),w=require("./config-provider.cjs"),B=require("./conversation-provider.cjs"),k=require("./user-provider.cjs"),f=require("./base-events-provider.cjs"),g=t.createContext(void 0),b=({children:e})=>{const{baseSettings:x}=w.useInkeepConfig(),{apiKey:l,analyticsApiBaseUrl:C,tags:d,privacyPreferences:{optOutAllAnalytics:i},env:a}=x,{userProperties:E}=k.useUser(),{logEvent:h}=f.useBaseEvents(),{conversation:o,setConversation:y}=B.useInkeepConversation(),p=t.useRef(o);t.useEffect(()=>{p.current=o},[o]);const c=t.useCallback(async n=>{const s=p.current,v=!i&&a!=="development";let r=Object.assign({},s,{messages:n});if(v){const P=await j.logConversation(s.id,{messages:n,tags:d,userProperties:E},l,C);P&&(r=P)}return r},[C,l,d,E,i,a]),q={logEvent:t.useCallback(async(n,s)=>{if(s){const r=await c(s);y(r)}const v={...n,properties:{conversation:o,...n.properties}};h(v)},[h,c,i,a]),logConversation:c};return u.jsx(g.Provider,{value:q,children:e})},A=({children:e})=>u.jsx(f.BaseEventsProvider,{children:u.jsx(b,{children:e})}),O=()=>{const e=t.useContext(g);if(!e)throw new Error("useChatEvents must be used within a ChatEventsProvider");return e};exports.ChatEventsProvider=b;exports.ChatEventsProviderWithBase=A;exports.useChatEvents=O;

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

@@ -5,63 +5,67 @@ import { logConversation as k } from "../atoms/api/analytics/conversation.js";
 import { useInkeepConfig as A } from "./config-provider.js";
 import { useInkeepConversation as j } from "./conversation-provider.js";
 import { useUser as I } from "./user-provider.js";
-import { useBaseEvents as L, BaseEventsProvider as O } from "./base-events-provider.js";
-const d = b(void 0), U = ({ children: t }) => {
+import { useBaseEvents as O, BaseEventsProvider as U } from "./base-events-provider.js";
+const d = b(void 0), K = ({ children: t }) => {
   const { baseSettings: g } = A(), {
     apiKey: u,
     analyticsApiBaseUrl: p,
     tags: l,
-    privacyPreferences: { optOutAllAnalytics: r },
-    env: s
-  } = g, { userProperties: C } = I(), { logEvent: f } = L(), { conversation: i, setConversation: P } = j(), a = y(i);
+    privacyPreferences: { optOutAllAnalytics: s },
+    env: i
+  } = g, { userProperties: C } = I(), { logEvent: f } = O(), { conversation: o, setConversation: P } = j(), E = y(o);
   w(() => {
-    a.current = i;
-  }, [i]);
-  const c = m(
-    async (o) => {
-      const n = a.current;
-      return !r && s !== "development" ? await k(
-        n.id,
-        {
-          messages: o,
-          tags: l,
-          userProperties: C
-        },
-        u,
-        p
-      ) : void 0;
+    E.current = o;
+  }, [o]);
+  const a = m(
+    async (e) => {
+      const n = E.current, c = !s && i !== "development";
+      let r = Object.assign({}, n, { messages: e });
+      if (c) {
+        const h = await k(
+          n.id,
+          {
+            messages: e,
+            tags: l,
+            userProperties: C
+          },
+          u,
+          p
+        );
+        h && (r = h);
+      }
+      return r;
     },
-    [p, u, l, C, r, s]
+    [p, u, l, C, s, i]
   ), x = {
     logEvent: m(
-      async (o, n) => {
-        let e = a.current;
+      async (e, n) => {
         if (n) {
-          const h = await c(n);
-          h ? e = h : e = Object.assign({}, e, { messages: n }), P(e);
+          const r = await a(n);
+          P(r);
         }
-        const E = {
-          ...o,
+        const c = {
+          ...e,
           properties: {
-            conversation: e,
-            ...o.properties
+            conversation: o,
+            ...e.properties
           }
         };
-        f(E);
+        f(c);
       },
-      [f, c, r, s]
+      [f, a, s, i]
     ),
-    logConversation: c
+    logConversation: a
   };
   return /* @__PURE__ */ v(d.Provider, { value: x, children: t });
-}, F = ({ children: t }) => /* @__PURE__ */ v(O, { children: /* @__PURE__ */ v(U, { children: t }) }), G = () => {
+}, F = ({ children: t }) => /* @__PURE__ */ v(U, { children: /* @__PURE__ */ v(K, { children: t }) }), G = () => {
   const t = B(d);
   if (!t)
     throw new Error("useChatEvents must be used within a ChatEventsProvider");
   return t;
 };
 export {
-  U as ChatEventsProvider,
+  K as ChatEventsProvider,
   F as ChatEventsProviderWithBase,
   G as useChatEvents
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.46",
+  "version": "0.5.48",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -59,9 +59,9 @@
     "remark-gfm": "^4.0.1",
     "unist-util-visit": "^5.0.0",
     "use-sync-external-store": "^1.4.0",
-    "@inkeep/cxkit-color-mode": "0.5.46",
-    "@inkeep/cxkit-theme": "0.5.46",
-    "@inkeep/cxkit-types": "0.5.46"
+    "@inkeep/cxkit-color-mode": "0.5.48",
+    "@inkeep/cxkit-theme": "0.5.48",
+    "@inkeep/cxkit-types": "0.5.48"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",