teodor-new-chat-ui 2.0.2 → 2.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +3 -3
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -7771,7 +7771,7 @@ function ro({
|
|
|
7771
7771
|
"div",
|
|
7772
7772
|
{
|
|
7773
7773
|
onClick: () => B($.threadId),
|
|
7774
|
-
className: `group relative p-3 rounded-lg cursor-pointer transition-colors border ${(a ?? m) === $.threadId ? `${s.activeThread || "bg-slate-600 border-slate-500"} ` : `${s.threadItem || "bg-slate-700 border-slate-600 hover:bg-slate-600"}`} ${s.threadItem || ""} text-slate-100`,
|
|
7774
|
+
className: `group relative p-3 rounded-lg cursor-pointer transition-colors border ${(a ?? m) === $.threadId ? `${s.activeThread || "bg-slate-600 border-slate-500"} ` : `${s.threadItem || "bg-slate-700 border-slate-600 hover:bg-slate-600 text-gray-900 dark:text-slate-100"}`} ${s.threadItem || ""} text-gray-900 dark:text-slate-100`,
|
|
7775
7775
|
children: [
|
|
7776
7776
|
/* @__PURE__ */ N("div", { className: "flex items-center justify-between", children: [
|
|
7777
7777
|
/* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: D === $.threadId ? /* @__PURE__ */ N("div", { className: "flex items-center gap-2", onClick: (z) => z.stopPropagation(), children: [
|
|
@@ -7779,8 +7779,8 @@ function ro({
|
|
|
7779
7779
|
/* @__PURE__ */ c(fe, { variant: "ghost", size: "sm", onClick: () => T($.threadId), className: "h-6 w-6 p-0", children: /* @__PURE__ */ c(ho, { size: 12 }) }),
|
|
7780
7780
|
/* @__PURE__ */ c(fe, { variant: "ghost", size: "sm", onClick: P, className: "h-6 w-6 p-0", children: /* @__PURE__ */ c(Kt, { size: 12 }) })
|
|
7781
7781
|
] }) : /* @__PURE__ */ N(De, { children: [
|
|
7782
|
-
/* @__PURE__ */ c("div", { className: "font-medium text-sm truncate text-slate-100", children: X($) }),
|
|
7783
|
-
/* @__PURE__ */ N("div", { className: "flex items-center gap-2 text-xs text-slate-400 mt-1", children: [
|
|
7782
|
+
/* @__PURE__ */ c("div", { className: "font-medium text-sm truncate text-gray-900 dark:text-slate-100", children: X($) }),
|
|
7783
|
+
/* @__PURE__ */ N("div", { className: "flex items-center gap-2 text-xs text-gray-500 dark:text-slate-400 mt-1", children: [
|
|
7784
7784
|
/* @__PURE__ */ c(ju, { size: 10 }),
|
|
7785
7785
|
/* @__PURE__ */ c("span", { children: O($.updatedAt || $.createdAt) })
|
|
7786
7786
|
] })
|
package/dist/index.umd.js
CHANGED
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
`)},ai=function(){var e=parseInt(document.body.getAttribute(At)||"0",10);return isFinite(e)?e:0},tg=function(){l.useEffect(function(){return document.body.setAttribute(At,(ai()+1).toString()),function(){var e=ai()-1;e<=0?document.body.removeAttribute(At):document.body.setAttribute(At,e.toString())}},[])},ng=function(e){var t=e.noRelative,n=e.noImportant,r=e.gapMode,o=r===void 0?"margin":r;tg();var s=l.useMemo(function(){return Zh(o)},[o]);return l.createElement(Qh,{styles:eg(s,!t,o,n?"":"!important")})},bo=!1;if(typeof window<"u")try{var Hn=Object.defineProperty({},"passive",{get:function(){return bo=!0,!0}});window.addEventListener("test",Hn,Hn),window.removeEventListener("test",Hn,Hn)}catch{bo=!1}var Pt=bo?{passive:!1}:!1,rg=function(e){return e.tagName==="TEXTAREA"},ii=function(e,t){if(!(e instanceof Element))return!1;var n=window.getComputedStyle(e);return n[t]!=="hidden"&&!(n.overflowY===n.overflowX&&!rg(e)&&n[t]==="visible")},og=function(e){return ii(e,"overflowY")},sg=function(e){return ii(e,"overflowX")},ci=function(e,t){var n=t.ownerDocument,r=t;do{typeof ShadowRoot<"u"&&r instanceof ShadowRoot&&(r=r.host);var o=li(e,r);if(o){var s=di(e,r),a=s[1],c=s[2];if(a>c)return!0}r=r.parentNode}while(r&&r!==n.body);return!1},ag=function(e){var t=e.scrollTop,n=e.scrollHeight,r=e.clientHeight;return[t,n,r]},ig=function(e){var t=e.scrollLeft,n=e.scrollWidth,r=e.clientWidth;return[t,n,r]},li=function(e,t){return e==="v"?og(t):sg(t)},di=function(e,t){return e==="v"?ag(t):ig(t)},cg=function(e,t){return e==="h"&&t==="rtl"?-1:1},lg=function(e,t,n,r,o){var s=cg(e,window.getComputedStyle(t).direction),a=s*r,c=n.target,d=t.contains(c),f=!1,u=a>0,p=0,m=0;do{if(!c)break;var v=di(e,c),g=v[0],h=v[1],b=v[2],w=h-b-s*g;(g||w)&&li(e,c)&&(p+=w,m+=g);var y=c.parentNode;c=y&&y.nodeType===Node.DOCUMENT_FRAGMENT_NODE?y.host:y}while(!d&&c!==document.body||d&&(t.contains(c)||t===c));return(u&&Math.abs(p)<1||!u&&Math.abs(m)<1)&&(f=!0),f},Wn=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},ui=function(e){return[e.deltaX,e.deltaY]},fi=function(e){return e&&"current"in e?e.current:e},dg=function(e,t){return e[0]===t[0]&&e[1]===t[1]},ug=function(e){return`
|
|
56
56
|
.block-interactivity-`.concat(e,` {pointer-events: none;}
|
|
57
57
|
.allow-interactivity-`).concat(e,` {pointer-events: all;}
|
|
58
|
-
`)},fg=0,_t=[];function pg(e){var t=l.useRef([]),n=l.useRef([0,0]),r=l.useRef(),o=l.useState(fg++)[0],s=l.useState(si)[0],a=l.useRef(e);l.useEffect(function(){a.current=e},[e]),l.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(o));var h=Dh([e.lockRef.current],(e.shards||[]).map(fi),!0).filter(Boolean);return h.forEach(function(b){return b.classList.add("allow-interactivity-".concat(o))}),function(){document.body.classList.remove("block-interactivity-".concat(o)),h.forEach(function(b){return b.classList.remove("allow-interactivity-".concat(o))})}}},[e.inert,e.lockRef.current,e.shards]);var c=l.useCallback(function(h,b){if("touches"in h&&h.touches.length===2||h.type==="wheel"&&h.ctrlKey)return!a.current.allowPinchZoom;var w=Wn(h),y=n.current,x="deltaX"in h?h.deltaX:y[0]-w[0],E="deltaY"in h?h.deltaY:y[1]-w[1],C,O=h.target,N=Math.abs(x)>Math.abs(E)?"h":"v";if("touches"in h&&N==="h"&&O.type==="range")return!1;var L=ci(N,O);if(!L)return!0;if(L?C=N:(C=N==="v"?"h":"v",L=ci(N,O)),!L)return!1;if(!r.current&&"changedTouches"in h&&(x||E)&&(r.current=C),!C)return!0;var M=r.current||C;return lg(M,b,h,M==="h"?x:E)},[]),d=l.useCallback(function(h){var b=h;if(!(!_t.length||_t[_t.length-1]!==s)){var w="deltaY"in b?ui(b):Wn(b),y=t.current.filter(function(C){return C.name===b.type&&(C.target===b.target||b.target===C.shadowParent)&&dg(C.delta,w)})[0];if(y&&y.should){b.cancelable&&b.preventDefault();return}if(!y){var x=(a.current.shards||[]).map(fi).filter(Boolean).filter(function(C){return C.contains(b.target)}),E=x.length>0?c(b,x[0]):!a.current.noIsolation;E&&b.cancelable&&b.preventDefault()}}},[]),f=l.useCallback(function(h,b,w,y){var x={name:h,delta:b,target:w,should:y,shadowParent:hg(w)};t.current.push(x),setTimeout(function(){t.current=t.current.filter(function(E){return E!==x})},1)},[]),u=l.useCallback(function(h){n.current=Wn(h),r.current=void 0},[]),p=l.useCallback(function(h){f(h.type,ui(h),h.target,c(h,e.lockRef.current))},[]),m=l.useCallback(function(h){f(h.type,Wn(h),h.target,c(h,e.lockRef.current))},[]);l.useEffect(function(){return _t.push(s),e.setCallbacks({onScrollCapture:p,onWheelCapture:p,onTouchMoveCapture:m}),document.addEventListener("wheel",d,Pt),document.addEventListener("touchmove",d,Pt),document.addEventListener("touchstart",u,Pt),function(){_t=_t.filter(function(h){return h!==s}),document.removeEventListener("wheel",d,Pt),document.removeEventListener("touchmove",d,Pt),document.removeEventListener("touchstart",u,Pt)}},[]);var v=e.removeScrollBar,g=e.inert;return l.createElement(l.Fragment,null,g?l.createElement(s,{styles:ug(o)}):null,v?l.createElement(ng,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function hg(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const gg=Vh(oi,pg);var Vn=l.forwardRef(function(e,t){return l.createElement(zn,qe({},e,{ref:t,sideCar:gg}))});Vn.classNames=zn.classNames;var vo=["Enter"," "],mg=["ArrowDown","PageUp","Home"],pi=["ArrowUp","PageDown","End"],bg=[...mg,...pi],vg={ltr:[...vo,"ArrowRight"],rtl:[...vo,"ArrowLeft"]},wg={ltr:["ArrowLeft"],rtl:["ArrowRight"]},Yt="Menu",[Jt,yg,xg]=zr(Yt),[ut,hi]=Le(Yt,[xg,Nt,Xa]),Rn=Nt(),gi=Xa(),[Sg,ft]=ut(Yt),[Cg,Zt]=ut(Yt),mi=e=>{const{__scopeMenu:t,open:n=!1,children:r,dir:o,onOpenChange:s,modal:a=!0}=e,c=Rn(t),[d,f]=l.useState(null),u=l.useRef(!1),p=we(s),m=Cn(o);return l.useEffect(()=>{const v=()=>{u.current=!0,document.addEventListener("pointerdown",g,{capture:!0,once:!0}),document.addEventListener("pointermove",g,{capture:!0,once:!0})},g=()=>u.current=!1;return document.addEventListener("keydown",v,{capture:!0}),()=>{document.removeEventListener("keydown",v,{capture:!0}),document.removeEventListener("pointerdown",g,{capture:!0}),document.removeEventListener("pointermove",g,{capture:!0})}},[]),i.jsx(so,{...c,children:i.jsx(Sg,{scope:t,open:n,onOpenChange:p,content:d,onContentChange:f,children:i.jsx(Cg,{scope:t,onClose:l.useCallback(()=>p(!1),[p]),isUsingKeyboardRef:u,dir:m,modal:a,children:r})})})};mi.displayName=Yt;var Eg="MenuAnchor",wo=l.forwardRef((e,t)=>{const{__scopeMenu:n,...r}=e,o=Rn(n);return i.jsx(ao,{...o,...r,ref:t})});wo.displayName=Eg;var yo="MenuPortal",[Ng,bi]=ut(yo,{forceMount:void 0}),vi=e=>{const{__scopeMenu:t,forceMount:n,children:r,container:o}=e,s=ft(yo,t);return i.jsx(Ng,{scope:t,forceMount:n,children:i.jsx(Ne,{present:n||s.open,children:i.jsx(Ln,{asChild:!0,container:o,children:r})})})};vi.displayName=yo;var Oe="MenuContent",[Tg,xo]=ut(Oe),wi=l.forwardRef((e,t)=>{const n=bi(Oe,e.__scopeMenu),{forceMount:r=n.forceMount,...o}=e,s=ft(Oe,e.__scopeMenu),a=Zt(Oe,e.__scopeMenu);return i.jsx(Jt.Provider,{scope:e.__scopeMenu,children:i.jsx(Ne,{present:r||s.open,children:i.jsx(Jt.Slot,{scope:e.__scopeMenu,children:a.modal?i.jsx(Ag,{...o,ref:t}):i.jsx(Pg,{...o,ref:t})})})})}),Ag=l.forwardRef((e,t)=>{const n=ft(Oe,e.__scopeMenu),r=l.useRef(null),o=re(t,r);return l.useEffect(()=>{const s=r.current;if(s)return po(s)},[]),i.jsx(So,{...e,ref:o,trapFocus:n.open,disableOutsidePointerEvents:n.open,disableOutsideScroll:!0,onFocusOutside:U(e.onFocusOutside,s=>s.preventDefault(),{checkForDefaultPrevented:!1}),onDismiss:()=>n.onOpenChange(!1)})}),Pg=l.forwardRef((e,t)=>{const n=ft(Oe,e.__scopeMenu);return i.jsx(So,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,disableOutsideScroll:!1,onDismiss:()=>n.onOpenChange(!1)})}),_g=Pe.createSlot("MenuContent.ScrollLock"),So=l.forwardRef((e,t)=>{const{__scopeMenu:n,loop:r=!1,trapFocus:o,onOpenAutoFocus:s,onCloseAutoFocus:a,disableOutsidePointerEvents:c,onEntryFocus:d,onEscapeKeyDown:f,onPointerDownOutside:u,onFocusOutside:p,onInteractOutside:m,onDismiss:v,disableOutsideScroll:g,...h}=e,b=ft(Oe,n),w=Zt(Oe,n),y=Rn(n),x=gi(n),E=yg(n),[C,O]=l.useState(null),N=l.useRef(null),L=re(t,N,b.onContentChange),M=l.useRef(0),D=l.useRef(""),j=l.useRef(0),G=l.useRef(null),V=l.useRef("right"),z=l.useRef(0),X=g?Vn:l.Fragment,F=g?{as:_g,allowPinchZoom:!0}:void 0,q=_=>{var R,se;const I=D.current+_,k=E().filter(le=>!le.disabled),Y=document.activeElement,B=(R=k.find(le=>le.ref.current===Y))==null?void 0:R.textValue,H=k.map(le=>le.textValue),de=Hg(H,I,B),ie=(se=k.find(le=>le.textValue===de))==null?void 0:se.ref.current;(function le(ae){D.current=ae,window.clearTimeout(M.current),ae!==""&&(M.current=window.setTimeout(()=>le(""),1e3))})(I),ie&&setTimeout(()=>ie.focus())};l.useEffect(()=>()=>window.clearTimeout(M.current),[]),Vr();const T=l.useCallback(_=>{var k,Y;return V.current===((k=G.current)==null?void 0:k.side)&&Vg(_,(Y=G.current)==null?void 0:Y.area)},[]);return i.jsx(Tg,{scope:n,searchRef:D,onItemEnter:l.useCallback(_=>{T(_)&&_.preventDefault()},[T]),onItemLeave:l.useCallback(_=>{var I;T(_)||((I=N.current)==null||I.focus(),O(null))},[T]),onTriggerLeave:l.useCallback(_=>{T(_)&&_.preventDefault()},[T]),pointerGraceTimerRef:j,onPointerGraceIntentChange:l.useCallback(_=>{G.current=_},[]),children:i.jsx(X,{...F,children:i.jsx(En,{asChild:!0,trapped:o,onMountAutoFocus:U(s,_=>{var I;_.preventDefault(),(I=N.current)==null||I.focus({preventScroll:!0})}),onUnmountAutoFocus:a,children:i.jsx(jt,{asChild:!0,disableOutsidePointerEvents:c,onEscapeKeyDown:f,onPointerDownOutside:u,onFocusOutside:p,onInteractOutside:m,onDismiss:v,children:i.jsx(_h,{asChild:!0,...x,dir:w.dir,orientation:"vertical",loop:r,currentTabStopId:C,onCurrentTabStopIdChange:O,onEntryFocus:U(d,_=>{w.isUsingKeyboardRef.current||_.preventDefault()}),preventScrollOnEntryFocus:!0,children:i.jsx(io,{role:"menu","aria-orientation":"vertical","data-state":Fi(b.open),"data-radix-menu-content":"",dir:w.dir,...y,...h,ref:L,style:{outline:"none",...h.style},onKeyDown:U(h.onKeyDown,_=>{const k=_.target.closest("[data-radix-menu-content]")===_.currentTarget,Y=_.ctrlKey||_.altKey||_.metaKey,B=_.key.length===1;k&&(_.key==="Tab"&&_.preventDefault(),!Y&&B&&q(_.key));const H=N.current;if(_.target!==H||!bg.includes(_.key))return;_.preventDefault();const ie=E().filter(R=>!R.disabled).map(R=>R.ref.current);pi.includes(_.key)&&ie.reverse(),Ug(ie)}),onBlur:U(e.onBlur,_=>{_.currentTarget.contains(_.target)||(window.clearTimeout(M.current),D.current="")}),onPointerMove:U(e.onPointerMove,en(_=>{const I=_.target,k=z.current!==_.clientX;if(_.currentTarget.contains(I)&&k){const Y=_.clientX>z.current?"right":"left";V.current=Y,z.current=_.clientX}}))})})})})})})});wi.displayName=Oe;var Ig="MenuGroup",Co=l.forwardRef((e,t)=>{const{__scopeMenu:n,...r}=e;return i.jsx(Z.div,{role:"group",...r,ref:t})});Co.displayName=Ig;var Og="MenuLabel",yi=l.forwardRef((e,t)=>{const{__scopeMenu:n,...r}=e;return i.jsx(Z.div,{...r,ref:t})});yi.displayName=Og;var jn="MenuItem",xi="menu.itemSelect",Kn=l.forwardRef((e,t)=>{const{disabled:n=!1,onSelect:r,...o}=e,s=l.useRef(null),a=Zt(jn,e.__scopeMenu),c=xo(jn,e.__scopeMenu),d=re(t,s),f=l.useRef(!1),u=()=>{const p=s.current;if(!n&&p){const m=new CustomEvent(xi,{bubbles:!0,cancelable:!0});p.addEventListener(xi,v=>r==null?void 0:r(v),{once:!0}),Ys(p,m),m.defaultPrevented?f.current=!1:a.onClose()}};return i.jsx(Si,{...o,ref:d,disabled:n,onClick:U(e.onClick,u),onPointerDown:p=>{var m;(m=e.onPointerDown)==null||m.call(e,p),f.current=!0},onPointerUp:U(e.onPointerUp,p=>{var m;f.current||(m=p.currentTarget)==null||m.click()}),onKeyDown:U(e.onKeyDown,p=>{const m=c.searchRef.current!=="";n||m&&p.key===" "||vo.includes(p.key)&&(p.currentTarget.click(),p.preventDefault())})})});Kn.displayName=jn;var Si=l.forwardRef((e,t)=>{const{__scopeMenu:n,disabled:r=!1,textValue:o,...s}=e,a=xo(jn,n),c=gi(n),d=l.useRef(null),f=re(t,d),[u,p]=l.useState(!1),[m,v]=l.useState("");return l.useEffect(()=>{const g=d.current;g&&v((g.textContent??"").trim())},[s.children]),i.jsx(Jt.ItemSlot,{scope:n,disabled:r,textValue:o??m,children:i.jsx(Ih,{asChild:!0,...c,focusable:!r,children:i.jsx(Z.div,{role:"menuitem","data-highlighted":u?"":void 0,"aria-disabled":r||void 0,"data-disabled":r?"":void 0,...s,ref:f,onPointerMove:U(e.onPointerMove,en(g=>{r?a.onItemLeave(g):(a.onItemEnter(g),g.defaultPrevented||g.currentTarget.focus({preventScroll:!0}))})),onPointerLeave:U(e.onPointerLeave,en(g=>a.onItemLeave(g))),onFocus:U(e.onFocus,()=>p(!0)),onBlur:U(e.onBlur,()=>p(!1))})})})}),kg="MenuCheckboxItem",Ci=l.forwardRef((e,t)=>{const{checked:n=!1,onCheckedChange:r,...o}=e;return i.jsx(Pi,{scope:e.__scopeMenu,checked:n,children:i.jsx(Kn,{role:"menuitemcheckbox","aria-checked":Gn(n)?"mixed":n,...o,ref:t,"data-state":No(n),onSelect:U(o.onSelect,()=>r==null?void 0:r(Gn(n)?!0:!n),{checkForDefaultPrevented:!1})})})});Ci.displayName=kg;var Ei="MenuRadioGroup",[Mg,Dg]=ut(Ei,{value:void 0,onValueChange:()=>{}}),Ni=l.forwardRef((e,t)=>{const{value:n,onValueChange:r,...o}=e,s=we(r);return i.jsx(Mg,{scope:e.__scopeMenu,value:n,onValueChange:s,children:i.jsx(Co,{...o,ref:t})})});Ni.displayName=Ei;var Ti="MenuRadioItem",Ai=l.forwardRef((e,t)=>{const{value:n,...r}=e,o=Dg(Ti,e.__scopeMenu),s=n===o.value;return i.jsx(Pi,{scope:e.__scopeMenu,checked:s,children:i.jsx(Kn,{role:"menuitemradio","aria-checked":s,...r,ref:t,"data-state":No(s),onSelect:U(r.onSelect,()=>{var a;return(a=o.onValueChange)==null?void 0:a.call(o,n)},{checkForDefaultPrevented:!1})})})});Ai.displayName=Ti;var Eo="MenuItemIndicator",[Pi,Lg]=ut(Eo,{checked:!1}),_i=l.forwardRef((e,t)=>{const{__scopeMenu:n,forceMount:r,...o}=e,s=Lg(Eo,n);return i.jsx(Ne,{present:r||Gn(s.checked)||s.checked===!0,children:i.jsx(Z.span,{...o,ref:t,"data-state":No(s.checked)})})});_i.displayName=Eo;var Fg="MenuSeparator",Ii=l.forwardRef((e,t)=>{const{__scopeMenu:n,...r}=e;return i.jsx(Z.div,{role:"separator","aria-orientation":"horizontal",...r,ref:t})});Ii.displayName=Fg;var $g="MenuArrow",Oi=l.forwardRef((e,t)=>{const{__scopeMenu:n,...r}=e,o=Rn(n);return i.jsx(co,{...o,...r,ref:t})});Oi.displayName=$g;var Bg="MenuSub",[Aw,ki]=ut(Bg),Qt="MenuSubTrigger",Mi=l.forwardRef((e,t)=>{const n=ft(Qt,e.__scopeMenu),r=Zt(Qt,e.__scopeMenu),o=ki(Qt,e.__scopeMenu),s=xo(Qt,e.__scopeMenu),a=l.useRef(null),{pointerGraceTimerRef:c,onPointerGraceIntentChange:d}=s,f={__scopeMenu:e.__scopeMenu},u=l.useCallback(()=>{a.current&&window.clearTimeout(a.current),a.current=null},[]);return l.useEffect(()=>u,[u]),l.useEffect(()=>{const p=c.current;return()=>{window.clearTimeout(p),d(null)}},[c,d]),i.jsx(wo,{asChild:!0,...f,children:i.jsx(Si,{id:o.triggerId,"aria-haspopup":"menu","aria-expanded":n.open,"aria-controls":o.contentId,"data-state":Fi(n.open),...e,ref:Fr(t,o.onTriggerChange),onClick:p=>{var m;(m=e.onClick)==null||m.call(e,p),!(e.disabled||p.defaultPrevented)&&(p.currentTarget.focus(),n.open||n.onOpenChange(!0))},onPointerMove:U(e.onPointerMove,en(p=>{s.onItemEnter(p),!p.defaultPrevented&&!e.disabled&&!n.open&&!a.current&&(s.onPointerGraceIntentChange(null),a.current=window.setTimeout(()=>{n.onOpenChange(!0),u()},100))})),onPointerLeave:U(e.onPointerLeave,en(p=>{var v,g;u();const m=(v=n.content)==null?void 0:v.getBoundingClientRect();if(m){const h=(g=n.content)==null?void 0:g.dataset.side,b=h==="right",w=b?-5:5,y=m[b?"left":"right"],x=m[b?"right":"left"];s.onPointerGraceIntentChange({area:[{x:p.clientX+w,y:p.clientY},{x:y,y:m.top},{x,y:m.top},{x,y:m.bottom},{x:y,y:m.bottom}],side:h}),window.clearTimeout(c.current),c.current=window.setTimeout(()=>s.onPointerGraceIntentChange(null),300)}else{if(s.onTriggerLeave(p),p.defaultPrevented)return;s.onPointerGraceIntentChange(null)}})),onKeyDown:U(e.onKeyDown,p=>{var v;const m=s.searchRef.current!=="";e.disabled||m&&p.key===" "||vg[r.dir].includes(p.key)&&(n.onOpenChange(!0),(v=n.content)==null||v.focus(),p.preventDefault())})})})});Mi.displayName=Qt;var Di="MenuSubContent",Li=l.forwardRef((e,t)=>{const n=bi(Oe,e.__scopeMenu),{forceMount:r=n.forceMount,...o}=e,s=ft(Oe,e.__scopeMenu),a=Zt(Oe,e.__scopeMenu),c=ki(Di,e.__scopeMenu),d=l.useRef(null),f=re(t,d);return i.jsx(Jt.Provider,{scope:e.__scopeMenu,children:i.jsx(Ne,{present:r||s.open,children:i.jsx(Jt.Slot,{scope:e.__scopeMenu,children:i.jsx(So,{id:c.contentId,"aria-labelledby":c.triggerId,...o,ref:f,align:"start",side:a.dir==="rtl"?"left":"right",disableOutsidePointerEvents:!1,disableOutsideScroll:!1,trapFocus:!1,onOpenAutoFocus:u=>{var p;a.isUsingKeyboardRef.current&&((p=d.current)==null||p.focus()),u.preventDefault()},onCloseAutoFocus:u=>u.preventDefault(),onFocusOutside:U(e.onFocusOutside,u=>{u.target!==c.trigger&&s.onOpenChange(!1)}),onEscapeKeyDown:U(e.onEscapeKeyDown,u=>{a.onClose(),u.preventDefault()}),onKeyDown:U(e.onKeyDown,u=>{var v;const p=u.currentTarget.contains(u.target),m=wg[a.dir].includes(u.key);p&&m&&(s.onOpenChange(!1),(v=c.trigger)==null||v.focus(),u.preventDefault())})})})})})});Li.displayName=Di;function Fi(e){return e?"open":"closed"}function Gn(e){return e==="indeterminate"}function No(e){return Gn(e)?"indeterminate":e?"checked":"unchecked"}function Ug(e){const t=document.activeElement;for(const n of e)if(n===t||(n.focus(),document.activeElement!==t))return}function zg(e,t){return e.map((n,r)=>e[(t+r)%e.length])}function Hg(e,t,n){const o=t.length>1&&Array.from(t).every(f=>f===t[0])?t[0]:t,s=n?e.indexOf(n):-1;let a=zg(e,Math.max(s,0));o.length===1&&(a=a.filter(f=>f!==n));const d=a.find(f=>f.toLowerCase().startsWith(o.toLowerCase()));return d!==n?d:void 0}function Wg(e,t){const{x:n,y:r}=e;let o=!1;for(let s=0,a=t.length-1;s<t.length;a=s++){const c=t[s],d=t[a],f=c.x,u=c.y,p=d.x,m=d.y;u>r!=m>r&&n<(p-f)*(r-u)/(m-u)+f&&(o=!o)}return o}function Vg(e,t){if(!t)return!1;const n={x:e.clientX,y:e.clientY};return Wg(n,t)}function en(e){return t=>t.pointerType==="mouse"?e(t):void 0}var Rg=mi,jg=wo,Kg=vi,Gg=wi,qg=Co,Xg=yi,Yg=Kn,Jg=Ci,Zg=Ni,Qg=Ai,em=_i,tm=Ii,nm=Oi,rm=Mi,om=Li,qn="DropdownMenu",[sm,Pw]=Le(qn,[hi]),xe=hi(),[am,$i]=sm(qn),Bi=e=>{const{__scopeDropdownMenu:t,children:n,dir:r,open:o,defaultOpen:s,onOpenChange:a,modal:c=!0}=e,d=xe(t),f=l.useRef(null),[u,p]=Qe({prop:o,defaultProp:s??!1,onChange:a,caller:qn});return i.jsx(am,{scope:t,triggerId:Fe(),triggerRef:f,contentId:Fe(),open:u,onOpenChange:p,onOpenToggle:l.useCallback(()=>p(m=>!m),[p]),modal:c,children:i.jsx(Rg,{...d,open:u,onOpenChange:p,dir:r,modal:c,children:n})})};Bi.displayName=qn;var Ui="DropdownMenuTrigger",zi=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,disabled:r=!1,...o}=e,s=$i(Ui,n),a=xe(n);return i.jsx(jg,{asChild:!0,...a,children:i.jsx(Z.button,{type:"button",id:s.triggerId,"aria-haspopup":"menu","aria-expanded":s.open,"aria-controls":s.open?s.contentId:void 0,"data-state":s.open?"open":"closed","data-disabled":r?"":void 0,disabled:r,...o,ref:Fr(t,s.triggerRef),onPointerDown:U(e.onPointerDown,c=>{!r&&c.button===0&&c.ctrlKey===!1&&(s.onOpenToggle(),s.open||c.preventDefault())}),onKeyDown:U(e.onKeyDown,c=>{r||(["Enter"," "].includes(c.key)&&s.onOpenToggle(),c.key==="ArrowDown"&&s.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(c.key)&&c.preventDefault())})})})});zi.displayName=Ui;var im="DropdownMenuPortal",Hi=e=>{const{__scopeDropdownMenu:t,...n}=e,r=xe(t);return i.jsx(Kg,{...r,...n})};Hi.displayName=im;var Wi="DropdownMenuContent",Vi=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=$i(Wi,n),s=xe(n),a=l.useRef(!1);return i.jsx(Gg,{id:o.contentId,"aria-labelledby":o.triggerId,...s,...r,ref:t,onCloseAutoFocus:U(e.onCloseAutoFocus,c=>{var d;a.current||(d=o.triggerRef.current)==null||d.focus(),a.current=!1,c.preventDefault()}),onInteractOutside:U(e.onInteractOutside,c=>{const d=c.detail.originalEvent,f=d.button===0&&d.ctrlKey===!0,u=d.button===2||f;(!o.modal||u)&&(a.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});Vi.displayName=Wi;var cm="DropdownMenuGroup",lm=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(qg,{...o,...r,ref:t})});lm.displayName=cm;var dm="DropdownMenuLabel",Ri=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(Xg,{...o,...r,ref:t})});Ri.displayName=dm;var um="DropdownMenuItem",ji=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(Yg,{...o,...r,ref:t})});ji.displayName=um;var fm="DropdownMenuCheckboxItem",Ki=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(Jg,{...o,...r,ref:t})});Ki.displayName=fm;var pm="DropdownMenuRadioGroup",hm=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(Zg,{...o,...r,ref:t})});hm.displayName=pm;var gm="DropdownMenuRadioItem",Gi=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(Qg,{...o,...r,ref:t})});Gi.displayName=gm;var mm="DropdownMenuItemIndicator",qi=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(em,{...o,...r,ref:t})});qi.displayName=mm;var bm="DropdownMenuSeparator",Xi=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(tm,{...o,...r,ref:t})});Xi.displayName=bm;var vm="DropdownMenuArrow",wm=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(nm,{...o,...r,ref:t})});wm.displayName=vm;var ym="DropdownMenuSubTrigger",Yi=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(rm,{...o,...r,ref:t})});Yi.displayName=ym;var xm="DropdownMenuSubContent",Ji=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(om,{...o,...r,ref:t,style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});Ji.displayName=xm;var Sm=Bi,Cm=zi,Em=Hi,Zi=Vi,Qi=Ri,ec=ji,tc=Ki,nc=Gi,rc=qi,oc=Xi,sc=Yi,ac=Ji;const Nm=Sm,Tm=Cm,Am=l.forwardRef(({className:e,inset:t,children:n,...r},o)=>i.jsxs(sc,{ref:o,className:A("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",t&&"pl-8",e),...r,children:[n,i.jsx(K.ChevronRight,{className:"ml-auto h-4 w-4"})]}));Am.displayName=sc.displayName;const Pm=l.forwardRef(({className:e,...t},n)=>i.jsx(ac,{ref:n,className:A("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...t}));Pm.displayName=ac.displayName;const ic=l.forwardRef(({className:e,sideOffset:t=4,...n},r)=>i.jsx(Em,{children:i.jsx(Zi,{ref:r,sideOffset:t,className:A("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...n})}));ic.displayName=Zi.displayName;const cc=l.forwardRef(({className:e,inset:t,...n},r)=>i.jsx(ec,{ref:r,className:A("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t&&"pl-8",e),...n}));cc.displayName=ec.displayName;const _m=l.forwardRef(({className:e,children:t,checked:n,...r},o)=>i.jsxs(tc,{ref:o,className:A("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:n,...r,children:[i.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:i.jsx(rc,{children:i.jsx(K.Check,{className:"h-4 w-4"})})}),t]}));_m.displayName=tc.displayName;const Im=l.forwardRef(({className:e,children:t,...n},r)=>i.jsxs(nc,{ref:r,className:A("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...n,children:[i.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:i.jsx(rc,{children:i.jsx(K.Circle,{className:"h-2 w-2 fill-current"})})}),t]}));Im.displayName=nc.displayName;const Om=l.forwardRef(({className:e,inset:t,...n},r)=>i.jsx(Qi,{ref:r,className:A("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e),...n}));Om.displayName=Qi.displayName;const km=l.forwardRef(({className:e,...t},n)=>i.jsx(oc,{ref:n,className:A("-mx-1 my-1 h-px bg-muted",e),...t}));km.displayName=oc.displayName;function tn({className:e="",placeholder:t="Type your message...",autoFocus:n=!0,maxHeight:r=void 0,streamingDebounceMs:o=40,enableFileUpload:s=!0,enableMessageEditing:a=!0,customStyles:c={},onMessageSent:d,onError:f}){const{currentThreadId:u,messages:p,isStreaming:m,streamingAssistantId:v,error:g,send:h,stop:b,lastCheckpointId:w,listCheckpoints:y,navigateToCheckpoint:x,returnToLatest:E}=Lr(),[C,O]=P.useState(""),[N,L]=P.useState(null),[M,D]=P.useState(null),[j,G]=P.useState([]),[V,z]=P.useState(!1),[X,F]=P.useState([]),[q,T]=P.useState(null),_=P.useRef(null),I=P.useRef(null),k=P.useRef(null),[Y,B]=P.useState("desktop");P.useEffect(()=>{const $=()=>{const te=window.innerWidth;B(te<640?"phone":te<1024?"tablet":"desktop")};return $(),window.addEventListener("resize",$),()=>window.removeEventListener("resize",$)},[]),P.useEffect(()=>{var $;($=_.current)==null||$.scrollIntoView({behavior:"smooth"})},[p]),P.useEffect(()=>{var $;n&&(($=I.current)==null||$.focus())},[n]),P.useEffect(()=>{g&&!V&&(f==null||f(g))},[g,V,f]),P.useEffect(()=>{let $=!0;if(!u){F([]),T(null);return}return y(u).then(te=>{var Ae;if(!$)return;const oe=te.checkpoints||[];F(oe);const ue=((Ae=oe.slice().sort((Mt,Se)=>new Date(Se.createdAt).getTime()-new Date(Mt.createdAt).getTime())[0])==null?void 0:Ae.checkpointId)||null;T(Mt=>Mt??ue)}).catch(()=>{}),()=>{$=!1}},[u,y]),P.useEffect(()=>{w&&T(w)},[w]);const H=$=>{if($.length>yt)return`Message too long (${$.length}/${yt} characters)`;try{return $f($),null}catch(te){return(te==null?void 0:te.message)||"Invalid message"}},de=$=>{const te=$.content||[],oe=te.filter(ue=>ue.type==="text").map(ue=>ue.text).join("");if(oe)return oe;try{return JSON.stringify(te,null,2)}catch{return String(te)}},ie=$=>{var Mt;if(!X.length)return[];const oe=(((Mt=p[$])==null?void 0:Mt.role)??"user")==="user",ue=oe?$+2:$+1;return X.filter(Se=>(Se.messagesLen??-1)>=(oe?ue:0)).filter(Se=>oe?(Se.messagesLen??0)>=ue:(Se.messagesLen??0)===ue).map(Se=>({checkpoint_id:Se.checkpointId,checkpoint_ns:Se.checkpointNs,message_count:Se.messagesLen??0,last_message_preview:Se.preview??void 0,ts:new Date(Se.createdAt).getTime(),isCurrent:Se.checkpointId===q})).sort((Se,rw)=>(Se.ts||0)-(rw.ts||0))},R=$=>{if($===void 0)return{canGoBack:!1,canGoForward:!1,currentIndex:0,totalBranches:0};const te=ie($);if(te.length<=1)return{canGoBack:!1,canGoForward:!1,currentIndex:0,totalBranches:te.length};const oe=Math.max(0,te.findIndex(ue=>ue.isCurrent));return{canGoBack:oe>0,canGoForward:oe<te.length-1,currentIndex:oe,totalBranches:te.length}},se=async()=>{const $=C.trim();if(!$&&j.length===0)return;const te=H($);if(te){D(te);return}try{const oe=window.__editingCheckpointId||q||void 0;await h($,{checkpointId:oe,payloadExtras:N?{edit:!0,originalMessageId:N}:void 0,attachments:j}),d==null||d($),O(""),D(null),G([]),delete window.__editingCheckpointId,L(null),I.current&&(I.current.style.height="auto")}catch(oe){const ue=(oe==null?void 0:oe.message)||"Failed to send message";D(ue),f==null||f(ue)}},le=($,te)=>{a&&(L($),O(te),D(null),setTimeout(()=>{I.current&&(I.current.focus(),I.current.style.height="auto",I.current.style.height=I.current.scrollHeight+"px")},0))},ae=async($,te)=>{const oe=p.find(Ae=>Ae.id===$);if(!oe){D("Message not found");return}const ue=de(oe);L($),O(ue),window.__editingCheckpointId=te,setTimeout(()=>{var Ae;return(Ae=I.current)==null?void 0:Ae.focus()},0)},W=()=>{L(null),O(""),D(null),delete window.__editingCheckpointId,I.current&&(I.current.style.height="auto")},ee=$=>{$.key==="Enter"&&!$.shiftKey?($.preventDefault(),se()):$.key==="Escape"&&N&&($.preventDefault(),W())},pe=$=>{const te=Array.from($.target.files||[]);G(oe=>[...oe,...te])},he=$=>G(te=>te.filter((oe,ue)=>$!==ue)),J=async $=>{u&&(await x($),T($))},ve=async()=>{await E(),T(null)},ce=`flex flex-col h-full bg-transparent ${e} ${c.container||""}`,me=`flex-1 min-h-0 overflow-y-auto p-4 space-y-4 bg-transparent ${c.messagesArea||""}`,Te=`flex-shrink-0 border-t p-4 bg-transparent ${c.inputArea||""}`;return i.jsxs("div",{className:ce,children:[!!g&&!V&&i.jsxs("div",{className:"bg-red-50 border border-red-200 text-red-800 px-4 py-2 text-sm flex items-center justify-between",children:[i.jsx("span",{children:g}),i.jsx(fe,{variant:"ghost",size:"sm",onClick:()=>z(!0),className:"text-red-800 hover:bg-red-100","aria-label":"Dismiss error",children:i.jsx(K.X,{size:16})})]}),u&&X.length>0&&i.jsxs("div",{className:"flex items-center gap-2 px-4 py-2 border-b bg-background/50 text-xs",children:[i.jsx(K.GitBranch,{className:"h-4 w-4 opacity-70"}),i.jsx("span",{className:"opacity-70",children:"Checkpoint:"}),i.jsxs("select",{className:"border rounded px-2 py-1 text-xs",value:q??"",onChange:$=>{const te=$.target.value||null;te?J(te):ve()},children:[i.jsx("option",{value:"",children:"Latest"}),X.slice().sort(($,te)=>new Date(te.createdAt).getTime()-new Date($.createdAt).getTime()).map($=>i.jsxs("option",{value:$.checkpointId,children:[new Date($.createdAt).toLocaleString(),$.preview?` — ${$.preview.slice(0,30)}`:""]},$.checkpointId))]})]}),i.jsxs("div",{className:me,style:r?{maxHeight:r}:void 0,children:[p.length===0?i.jsx("div",{className:"flex items-center justify-center py-8 text-muted-foreground",children:"No messages yet. Start a conversation!"}):p.map(($,te)=>i.jsx(na,{message:$,messageIndex:te,isStreamingMessage:m&&v===$.id,streamingDebounceMs:o,isEditing:N===$.id,showActions:a,showTimestamp:!1,showAgentName:!0,layoutSize:Y,truncateToolMessages:!1,toolMessagePreviewLength:200,checkpointBranches:ie(te),currentCheckpointId:q??void 0,temporalNavigation:R(te),onSwitchToCheckpoint:J,onReturnToMainThread:ve,onNavigateToPreviousBranch:()=>{const oe=ie(te),ue=Math.max(0,oe.findIndex(Ae=>Ae.isCurrent));ue>0&&J(oe[ue-1].checkpoint_id)},onNavigateToNextBranch:()=>{const oe=ie(te),ue=Math.max(0,oe.findIndex(Ae=>Ae.isCurrent));ue>=0&&ue<oe.length-1&&J(oe[ue+1].checkpoint_id)},onEdit:(oe,ue)=>le(oe,ue),onEditFromCheckpoint:ae,onRegenerate:()=>{const oe=[...p].reverse().find(Ae=>Ae.role==="user"),ue=oe?de(oe):"";ue&&h(ue,{checkpointId:q??void 0})},onCancelEdit:W},$.id||te)),i.jsx("div",{ref:_})]}),i.jsxs("div",{className:Te,children:[N&&i.jsx("div",{className:"mb-3 p-3 bg-blue-50 border border-blue-200 rounded-lg",children:i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsx(K.Edit3,{size:16,className:"text-blue-600"}),i.jsx("span",{className:"text-sm font-medium text-blue-800",children:"Editing message"})]}),i.jsx(fe,{variant:"ghost",size:"sm",onClick:W,className:"text-blue-600 hover:bg-blue-100",children:i.jsx(K.X,{size:16})})]})}),s&&i.jsxs("div",{className:"mb-3",children:[i.jsx("input",{ref:k,type:"file",multiple:!0,onChange:$=>pe($),className:"hidden"}),j.length>0&&i.jsx("div",{className:"mb-3 flex flex-wrap gap-2",children:j.map(($,te)=>i.jsxs("div",{className:"flex items-center gap-2 bg-gray-100 rounded-lg px-3 py-2 text-sm",children:[i.jsx(K.Paperclip,{size:14}),i.jsx("span",{className:"truncate max-w-[150px]",children:$.name}),i.jsx(fe,{variant:"ghost",size:"sm",onClick:()=>he(te),className:"h-4 w-4 p-0 text-gray-500 hover:text-red-500","aria-label":`Remove ${$.name}`,children:i.jsx(K.X,{size:12})})]},te))})]}),M&&i.jsx("div",{className:"mb-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded px-3 py-2",children:M}),i.jsxs("div",{className:"flex items-end gap-2",children:[s&&i.jsxs(Nm,{children:[i.jsx(Tm,{asChild:!0,children:i.jsx(fe,{type:"button",size:"icon",variant:"outline",disabled:m,title:"More input actions",className:c.moreButton||"",children:i.jsx(K.Plus,{size:16})})}),i.jsx(ic,{align:"start",sideOffset:6,className:"w-52",children:i.jsxs(cc,{onClick:()=>{var $;return($=k.current)==null?void 0:$.click()},className:"cursor-pointer",children:[i.jsx(K.Paperclip,{className:"h-4 w-4 mr-2"})," Attach files or images"]})})]}),i.jsx("div",{className:"flex-1",children:i.jsx(Gs,{ref:I,value:C,onChange:$=>{O($.target.value),D(null),I.current&&(I.current.style.height="auto",I.current.style.height=`${I.current.scrollHeight}px`)},onKeyDown:ee,placeholder:N?"Edit your message...":t,className:`resize-none min-h-[44px] max-h-[20rem] w-full ${N?"border-blue-400 bg-blue-50":""} ${M?"border-red-400":""} ${c.textarea||""}`,disabled:!1,maxLength:yt,rows:1})}),i.jsx("div",{children:m?i.jsx(fe,{type:"button",onClick:b,size:"icon",variant:"outline",className:"shrink-0",title:"Stop generating",children:i.jsx(K.Square,{size:16})}):i.jsx(fe,{type:"button",onClick:se,size:"icon",disabled:!C.trim()&&j.length===0,className:`shrink-0 ${c.sendButton||""}`,title:N?"Save changes":"Send message",children:i.jsx(K.Send,{size:16})})})]}),C.length>yt*.8&&i.jsxs("div",{className:"mt-2 text-xs text-gray-500 text-right",children:[C.length,"/",yt]})]})]})}const nn=l.forwardRef(({className:e,type:t,...n},r)=>i.jsx("input",{type:t,className:A("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:r,...n}));nn.displayName="Input";function To(e,[t,n]){return Math.min(n,Math.max(t,e))}function Mm(e,t){return l.useReducer((n,r)=>t[n][r]??n,e)}var Ao="ScrollArea",[lc,_w]=Le(Ao),[Dm,ke]=lc(Ao),dc=l.forwardRef((e,t)=>{const{__scopeScrollArea:n,type:r="hover",dir:o,scrollHideDelay:s=600,...a}=e,[c,d]=l.useState(null),[f,u]=l.useState(null),[p,m]=l.useState(null),[v,g]=l.useState(null),[h,b]=l.useState(null),[w,y]=l.useState(0),[x,E]=l.useState(0),[C,O]=l.useState(!1),[N,L]=l.useState(!1),M=re(t,j=>d(j)),D=Cn(o);return i.jsx(Dm,{scope:n,type:r,dir:D,scrollHideDelay:s,scrollArea:c,viewport:f,onViewportChange:u,content:p,onContentChange:m,scrollbarX:v,onScrollbarXChange:g,scrollbarXEnabled:C,onScrollbarXEnabledChange:O,scrollbarY:h,onScrollbarYChange:b,scrollbarYEnabled:N,onScrollbarYEnabledChange:L,onCornerWidthChange:y,onCornerHeightChange:E,children:i.jsx(Z.div,{dir:D,...a,ref:M,style:{position:"relative","--radix-scroll-area-corner-width":w+"px","--radix-scroll-area-corner-height":x+"px",...e.style}})})});dc.displayName=Ao;var uc="ScrollAreaViewport",fc=l.forwardRef((e,t)=>{const{__scopeScrollArea:n,children:r,nonce:o,...s}=e,a=ke(uc,n),c=l.useRef(null),d=re(t,c,a.onViewportChange);return i.jsxs(i.Fragment,{children:[i.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:o}),i.jsx(Z.div,{"data-radix-scroll-area-viewport":"",...s,ref:d,style:{overflowX:a.scrollbarXEnabled?"scroll":"hidden",overflowY:a.scrollbarYEnabled?"scroll":"hidden",...e.style},children:i.jsx("div",{ref:a.onContentChange,style:{minWidth:"100%",display:"table"},children:r})})]})});fc.displayName=uc;var Xe="ScrollAreaScrollbar",Po=l.forwardRef((e,t)=>{const{forceMount:n,...r}=e,o=ke(Xe,e.__scopeScrollArea),{onScrollbarXEnabledChange:s,onScrollbarYEnabledChange:a}=o,c=e.orientation==="horizontal";return l.useEffect(()=>(c?s(!0):a(!0),()=>{c?s(!1):a(!1)}),[c,s,a]),o.type==="hover"?i.jsx(Lm,{...r,ref:t,forceMount:n}):o.type==="scroll"?i.jsx(Fm,{...r,ref:t,forceMount:n}):o.type==="auto"?i.jsx(pc,{...r,ref:t,forceMount:n}):o.type==="always"?i.jsx(_o,{...r,ref:t}):null});Po.displayName=Xe;var Lm=l.forwardRef((e,t)=>{const{forceMount:n,...r}=e,o=ke(Xe,e.__scopeScrollArea),[s,a]=l.useState(!1);return l.useEffect(()=>{const c=o.scrollArea;let d=0;if(c){const f=()=>{window.clearTimeout(d),a(!0)},u=()=>{d=window.setTimeout(()=>a(!1),o.scrollHideDelay)};return c.addEventListener("pointerenter",f),c.addEventListener("pointerleave",u),()=>{window.clearTimeout(d),c.removeEventListener("pointerenter",f),c.removeEventListener("pointerleave",u)}}},[o.scrollArea,o.scrollHideDelay]),i.jsx(Ne,{present:n||s,children:i.jsx(pc,{"data-state":s?"visible":"hidden",...r,ref:t})})}),Fm=l.forwardRef((e,t)=>{const{forceMount:n,...r}=e,o=ke(Xe,e.__scopeScrollArea),s=e.orientation==="horizontal",a=Zn(()=>d("SCROLL_END"),100),[c,d]=Mm("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return l.useEffect(()=>{if(c==="idle"){const f=window.setTimeout(()=>d("HIDE"),o.scrollHideDelay);return()=>window.clearTimeout(f)}},[c,o.scrollHideDelay,d]),l.useEffect(()=>{const f=o.viewport,u=s?"scrollLeft":"scrollTop";if(f){let p=f[u];const m=()=>{const v=f[u];p!==v&&(d("SCROLL"),a()),p=v};return f.addEventListener("scroll",m),()=>f.removeEventListener("scroll",m)}},[o.viewport,s,d,a]),i.jsx(Ne,{present:n||c!=="hidden",children:i.jsx(_o,{"data-state":c==="hidden"?"hidden":"visible",...r,ref:t,onPointerEnter:U(e.onPointerEnter,()=>d("POINTER_ENTER")),onPointerLeave:U(e.onPointerLeave,()=>d("POINTER_LEAVE"))})})}),pc=l.forwardRef((e,t)=>{const n=ke(Xe,e.__scopeScrollArea),{forceMount:r,...o}=e,[s,a]=l.useState(!1),c=e.orientation==="horizontal",d=Zn(()=>{if(n.viewport){const f=n.viewport.offsetWidth<n.viewport.scrollWidth,u=n.viewport.offsetHeight<n.viewport.scrollHeight;a(c?f:u)}},10);return It(n.viewport,d),It(n.content,d),i.jsx(Ne,{present:r||s,children:i.jsx(_o,{"data-state":s?"visible":"hidden",...o,ref:t})})}),_o=l.forwardRef((e,t)=>{const{orientation:n="vertical",...r}=e,o=ke(Xe,e.__scopeScrollArea),s=l.useRef(null),a=l.useRef(0),[c,d]=l.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),f=vc(c.viewport,c.content),u={...r,sizes:c,onSizesChange:d,hasThumb:f>0&&f<1,onThumbChange:m=>s.current=m,onThumbPointerUp:()=>a.current=0,onThumbPointerDown:m=>a.current=m};function p(m,v){return Wm(m,a.current,c,v)}return n==="horizontal"?i.jsx($m,{...u,ref:t,onThumbPositionChange:()=>{if(o.viewport&&s.current){const m=o.viewport.scrollLeft,v=wc(m,c,o.dir);s.current.style.transform=`translate3d(${v}px, 0, 0)`}},onWheelScroll:m=>{o.viewport&&(o.viewport.scrollLeft=m)},onDragScroll:m=>{o.viewport&&(o.viewport.scrollLeft=p(m,o.dir))}}):n==="vertical"?i.jsx(Bm,{...u,ref:t,onThumbPositionChange:()=>{if(o.viewport&&s.current){const m=o.viewport.scrollTop,v=wc(m,c);s.current.style.transform=`translate3d(0, ${v}px, 0)`}},onWheelScroll:m=>{o.viewport&&(o.viewport.scrollTop=m)},onDragScroll:m=>{o.viewport&&(o.viewport.scrollTop=p(m))}}):null}),$m=l.forwardRef((e,t)=>{const{sizes:n,onSizesChange:r,...o}=e,s=ke(Xe,e.__scopeScrollArea),[a,c]=l.useState(),d=l.useRef(null),f=re(t,d,s.onScrollbarXChange);return l.useEffect(()=>{d.current&&c(getComputedStyle(d.current))},[d]),i.jsx(gc,{"data-orientation":"horizontal",...o,ref:f,sizes:n,style:{bottom:0,left:s.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:s.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":Jn(n)+"px",...e.style},onThumbPointerDown:u=>e.onThumbPointerDown(u.x),onDragScroll:u=>e.onDragScroll(u.x),onWheelScroll:(u,p)=>{if(s.viewport){const m=s.viewport.scrollLeft+u.deltaX;e.onWheelScroll(m),xc(m,p)&&u.preventDefault()}},onResize:()=>{d.current&&s.viewport&&a&&r({content:s.viewport.scrollWidth,viewport:s.viewport.offsetWidth,scrollbar:{size:d.current.clientWidth,paddingStart:Yn(a.paddingLeft),paddingEnd:Yn(a.paddingRight)}})}})}),Bm=l.forwardRef((e,t)=>{const{sizes:n,onSizesChange:r,...o}=e,s=ke(Xe,e.__scopeScrollArea),[a,c]=l.useState(),d=l.useRef(null),f=re(t,d,s.onScrollbarYChange);return l.useEffect(()=>{d.current&&c(getComputedStyle(d.current))},[d]),i.jsx(gc,{"data-orientation":"vertical",...o,ref:f,sizes:n,style:{top:0,right:s.dir==="ltr"?0:void 0,left:s.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":Jn(n)+"px",...e.style},onThumbPointerDown:u=>e.onThumbPointerDown(u.y),onDragScroll:u=>e.onDragScroll(u.y),onWheelScroll:(u,p)=>{if(s.viewport){const m=s.viewport.scrollTop+u.deltaY;e.onWheelScroll(m),xc(m,p)&&u.preventDefault()}},onResize:()=>{d.current&&s.viewport&&a&&r({content:s.viewport.scrollHeight,viewport:s.viewport.offsetHeight,scrollbar:{size:d.current.clientHeight,paddingStart:Yn(a.paddingTop),paddingEnd:Yn(a.paddingBottom)}})}})}),[Um,hc]=lc(Xe),gc=l.forwardRef((e,t)=>{const{__scopeScrollArea:n,sizes:r,hasThumb:o,onThumbChange:s,onThumbPointerUp:a,onThumbPointerDown:c,onThumbPositionChange:d,onDragScroll:f,onWheelScroll:u,onResize:p,...m}=e,v=ke(Xe,n),[g,h]=l.useState(null),b=re(t,M=>h(M)),w=l.useRef(null),y=l.useRef(""),x=v.viewport,E=r.content-r.viewport,C=we(u),O=we(d),N=Zn(p,10);function L(M){if(w.current){const D=M.clientX-w.current.left,j=M.clientY-w.current.top;f({x:D,y:j})}}return l.useEffect(()=>{const M=D=>{const j=D.target;(g==null?void 0:g.contains(j))&&C(D,E)};return document.addEventListener("wheel",M,{passive:!1}),()=>document.removeEventListener("wheel",M,{passive:!1})},[x,g,E,C]),l.useEffect(O,[r,O]),It(g,N),It(v.content,N),i.jsx(Um,{scope:n,scrollbar:g,hasThumb:o,onThumbChange:we(s),onThumbPointerUp:we(a),onThumbPositionChange:O,onThumbPointerDown:we(c),children:i.jsx(Z.div,{...m,ref:b,style:{position:"absolute",...m.style},onPointerDown:U(e.onPointerDown,M=>{M.button===0&&(M.target.setPointerCapture(M.pointerId),w.current=g.getBoundingClientRect(),y.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",v.viewport&&(v.viewport.style.scrollBehavior="auto"),L(M))}),onPointerMove:U(e.onPointerMove,L),onPointerUp:U(e.onPointerUp,M=>{const D=M.target;D.hasPointerCapture(M.pointerId)&&D.releasePointerCapture(M.pointerId),document.body.style.webkitUserSelect=y.current,v.viewport&&(v.viewport.style.scrollBehavior=""),w.current=null})})})}),Xn="ScrollAreaThumb",mc=l.forwardRef((e,t)=>{const{forceMount:n,...r}=e,o=hc(Xn,e.__scopeScrollArea);return i.jsx(Ne,{present:n||o.hasThumb,children:i.jsx(zm,{ref:t,...r})})}),zm=l.forwardRef((e,t)=>{const{__scopeScrollArea:n,style:r,...o}=e,s=ke(Xn,n),a=hc(Xn,n),{onThumbPositionChange:c}=a,d=re(t,p=>a.onThumbChange(p)),f=l.useRef(void 0),u=Zn(()=>{f.current&&(f.current(),f.current=void 0)},100);return l.useEffect(()=>{const p=s.viewport;if(p){const m=()=>{if(u(),!f.current){const v=Vm(p,c);f.current=v,c()}};return c(),p.addEventListener("scroll",m),()=>p.removeEventListener("scroll",m)}},[s.viewport,u,c]),i.jsx(Z.div,{"data-state":a.hasThumb?"visible":"hidden",...o,ref:d,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...r},onPointerDownCapture:U(e.onPointerDownCapture,p=>{const v=p.target.getBoundingClientRect(),g=p.clientX-v.left,h=p.clientY-v.top;a.onThumbPointerDown({x:g,y:h})}),onPointerUp:U(e.onPointerUp,a.onThumbPointerUp)})});mc.displayName=Xn;var Io="ScrollAreaCorner",bc=l.forwardRef((e,t)=>{const n=ke(Io,e.__scopeScrollArea),r=!!(n.scrollbarX&&n.scrollbarY);return n.type!=="scroll"&&r?i.jsx(Hm,{...e,ref:t}):null});bc.displayName=Io;var Hm=l.forwardRef((e,t)=>{const{__scopeScrollArea:n,...r}=e,o=ke(Io,n),[s,a]=l.useState(0),[c,d]=l.useState(0),f=!!(s&&c);return It(o.scrollbarX,()=>{var p;const u=((p=o.scrollbarX)==null?void 0:p.offsetHeight)||0;o.onCornerHeightChange(u),d(u)}),It(o.scrollbarY,()=>{var p;const u=((p=o.scrollbarY)==null?void 0:p.offsetWidth)||0;o.onCornerWidthChange(u),a(u)}),f?i.jsx(Z.div,{...r,ref:t,style:{width:s,height:c,position:"absolute",right:o.dir==="ltr"?0:void 0,left:o.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function Yn(e){return e?parseInt(e,10):0}function vc(e,t){const n=e/t;return isNaN(n)?0:n}function Jn(e){const t=vc(e.viewport,e.content),n=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-n)*t;return Math.max(r,18)}function Wm(e,t,n,r="ltr"){const o=Jn(n),s=o/2,a=t||s,c=o-a,d=n.scrollbar.paddingStart+a,f=n.scrollbar.size-n.scrollbar.paddingEnd-c,u=n.content-n.viewport,p=r==="ltr"?[0,u]:[u*-1,0];return yc([d,f],p)(e)}function wc(e,t,n="ltr"){const r=Jn(t),o=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,s=t.scrollbar.size-o,a=t.content-t.viewport,c=s-r,d=n==="ltr"?[0,a]:[a*-1,0],f=To(e,d);return yc([0,a],[0,c])(f)}function yc(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}function xc(e,t){return e>0&&e<t}var Vm=(e,t=()=>{})=>{let n={left:e.scrollLeft,top:e.scrollTop},r=0;return function o(){const s={left:e.scrollLeft,top:e.scrollTop},a=n.left!==s.left,c=n.top!==s.top;(a||c)&&t(),n=s,r=window.requestAnimationFrame(o)}(),()=>window.cancelAnimationFrame(r)};function Zn(e,t){const n=we(e),r=l.useRef(0);return l.useEffect(()=>()=>window.clearTimeout(r.current),[]),l.useCallback(()=>{window.clearTimeout(r.current),r.current=window.setTimeout(n,t)},[n,t])}function It(e,t){const n=we(t);be(()=>{let r=0;if(e){const o=new ResizeObserver(()=>{cancelAnimationFrame(r),r=window.requestAnimationFrame(n)});return o.observe(e),()=>{window.cancelAnimationFrame(r),o.unobserve(e)}}},[e,n])}var Sc=dc,Rm=fc,jm=bc;const Cc=l.forwardRef(({className:e,children:t,...n},r)=>i.jsxs(Sc,{ref:r,className:A("relative overflow-hidden",e),...n,children:[i.jsx(Rm,{className:"h-full w-full rounded-[inherit] overflow-auto",children:t}),i.jsx(Ec,{}),i.jsx(jm,{})]}));Cc.displayName=Sc.displayName;const Ec=l.forwardRef(({className:e,orientation:t="vertical",...n},r)=>i.jsx(Po,{ref:r,orientation:t,className:A("flex touch-none select-none transition-colors",t==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",t==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...n,children:i.jsx(mc,{className:"relative flex-1 rounded-full bg-border"})}));Ec.displayName=Po.displayName;function Qn({className:e="",showCreateButton:t=!0,showDeleteButton:n=!0,showEditTitle:r=!0,maxHeight:o="400px",customStyles:s={},currentThreadId:a=null,navigateToThread:c,onThreadSelect:d,onThreadCreate:f,onThreadDelete:u}){const{loadThread:p,threads:m,refreshThreads:v,currentThreadId:g,createThread:h,deleteThread:b,renameThread:w}=Lr(),[y,x]=P.useState(m??[]),[E,C]=P.useState(!1),[O,N]=P.useState(null),[L,M]=P.useState(null),[D,j]=P.useState(""),[G,V]=P.useState(!1);P.useEffect(()=>{x(m??[])},[m]);const z=async B=>{try{await p(B),c==null||c(B),d==null||d(B)}catch(H){console.error("Failed to select thread:",H)}},X=async()=>{try{V(!0);const B=await h();f==null||f(B),c==null||c(B)}catch(B){console.error("Failed to create thread:",B)}finally{V(!1)}},F=async(B,H)=>{if(H.stopPropagation(),!!confirm("Delete this thread?"))try{await b(B),u==null||u(B)}catch(de){console.error("Failed to delete thread:",de)}},q=(B,H)=>{H.stopPropagation(),M(B.threadId),j(B.title||`Thread ${B.threadId.slice(0,8)}`)},T=async B=>{if(D.trim())try{await w(B,D.trim()),M(null),j("")}catch(H){console.error("Failed to update title:",H)}},_=()=>{M(null),j("")},I=(B,H)=>{B.key==="Enter"?T(H):B.key==="Escape"&&_()},k=B=>{if(!B)return"";try{const H=new Date(B),ie=new Date().getTime()-H.getTime(),R=Math.floor(ie/(1e3*60*60*24));return R===0?H.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):R===1?"Yesterday":R<7?`${R} days ago`:H.toLocaleDateString()}catch{return""}},Y=B=>B.title||`Thread ${B.threadId.slice(0,8)}`;return i.jsxs("div",{className:`flex flex-col h-full ${e} ${s.container||""}`,children:[t&&i.jsx("div",{className:s.header||"flex-shrink-0 p-4 border-b bg-slate-800 border-slate-700 text-slate-100",children:i.jsxs(fe,{onClick:X,disabled:G||E,className:s.createButton||"w-full !bg-slate-700 hover:!bg-slate-600 !text-slate-100 !border-slate-600",size:"sm",children:[i.jsx(K.Plus,{size:16,className:"mr-2"}),G?"Creating...":"New Conversation"]})}),i.jsx(Cc,{className:`flex-1 ${s.threadList||""}`,style:{maxHeight:o},children:i.jsx("div",{className:"p-2 space-y-1 pb-4",children:E?i.jsx("div",{className:"text-center py-8 text-slate-400",children:"Loading…"}):y.length===0?i.jsxs("div",{className:"text-center py-8 text-slate-400",children:[i.jsx(K.MessageSquare,{className:"w-8 h-8 mx-auto mb-2 opacity-40 text-slate-500"}),i.jsx("p",{className:"text-sm text-slate-500",children:"No conversations yet"})]}):y.slice().sort((B,H)=>new Date(H.updatedAt||H.createdAt||"").getTime()-new Date(B.updatedAt||B.createdAt||"").getTime()).map(B=>i.jsxs("div",{onClick:()=>z(B.threadId),className:`group relative p-3 rounded-lg cursor-pointer transition-colors border ${(a??g)===B.threadId?`${s.activeThread||"bg-slate-600 border-slate-500"} `:`${s.threadItem||"bg-slate-700 border-slate-600 hover:bg-slate-600"}`} ${s.threadItem||""} text-slate-100`,children:[i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsx("div",{className:"flex-1 min-w-0",children:L===B.threadId?i.jsxs("div",{className:"flex items-center gap-2",onClick:H=>H.stopPropagation(),children:[i.jsx(nn,{value:D,onChange:H=>j(H.target.value),onKeyDown:H=>I(H,B.threadId),className:"h-6 text-sm",autoFocus:!0}),i.jsx(fe,{variant:"ghost",size:"sm",onClick:()=>T(B.threadId),className:"h-6 w-6 p-0",children:i.jsx(K.Check,{size:12})}),i.jsx(fe,{variant:"ghost",size:"sm",onClick:_,className:"h-6 w-6 p-0",children:i.jsx(K.X,{size:12})})]}):i.jsxs(i.Fragment,{children:[i.jsx("div",{className:"font-medium text-sm truncate text-slate-100",children:Y(B)}),i.jsxs("div",{className:"flex items-center gap-2 text-xs text-slate-400 mt-1",children:[i.jsx(K.Calendar,{size:10}),i.jsx("span",{children:k(B.updatedAt||B.createdAt)})]})]})}),i.jsxs("div",{className:"flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity ml-2",children:[r&&L!==B.threadId&&i.jsx(fe,{variant:"ghost",size:"sm",onClick:H=>q(B,H),className:"h-6 w-6 p-0",title:"Edit title",children:i.jsx(K.Edit3,{size:12})}),n&&i.jsx(fe,{variant:"ghost",size:"sm",onClick:H=>F(B.threadId,H),className:"h-6 w-6 p-0 text-red-400 hover:text-red-300 hover:bg-red-900/20",title:"Delete thread",children:i.jsx(K.Trash2,{size:12})})]})]}),a===B.threadId&&i.jsx("div",{className:"absolute left-0 top-1/2 -translate-y-1/2 w-1 h-8 bg-blue-400 rounded-r"})]},B.threadId))})})]})}const Nc=P.createContext(null);function Km({children:e,basePath:t="/chat"}){const n=P.useMemo(()=>t?t==="/"?"":t.endsWith("/")?t.slice(0,-1):t:"/chat",[t]),r={basePath:n,buildThreadPath:o=>`${n}/${o}`,buildBasePath:()=>n};return i.jsx(Nc.Provider,{value:r,children:e})}function Gm(){const e=P.useContext(Nc);return e||{basePath:"/chat",buildThreadPath:t=>`/chat/${t}`,buildBasePath:()=>"/chat"}}const Tc={BASE_URL:"/",DEV:!1,MODE:"library",PROD:!0,SSR:!1};function rn(e){var o;const t=typeof{url:typeof document>"u"&&typeof location>"u"?require("url").pathToFileURL(__filename).href:typeof document>"u"?location.href:br&&br.tagName.toUpperCase()==="SCRIPT"&&br.src||new URL("index.umd.js",document.baseURI).href}<"u"&&Tc?Tc[e]:void 0,n=(o=globalThis==null?void 0:globalThis.process)==null?void 0:o.env,r=n?n[e]:void 0;return(t??r)||void 0}function qm(){return rn("VITE_API_BASE_URL")||rn("NEXT_PUBLIC_API_BASE_URL")||void 0}function Xm(){return rn("VITE_API_KEY")||rn("NEXT_PUBLIC_API_KEY")||rn("VITE_AUTH_TOKEN")||void 0}function Ac(){const e=qm(),t=Xm(),n={};return e&&(n.baseUrl=e),t&&(n.apiKey=t),n}function Pc(){const e=Ac(),t=Ye.getAuthToken();return{apiBaseUrl:e.baseUrl||Ye.baseUrl||"http://localhost:8000",apiKey:t||e.apiKey||"",model:"gpt-4",temperature:.7,maxTokens:4096,layoutSize:"desktop",showThreads:!0,autoScrollMessages:!0,truncateToolMessages:!0,toolMessagePreviewLength:200,darkMode:!1,enableSound:!1,messageHistory:100}}const _c="chat-settings";function Ym(){try{const e=localStorage.getItem(_c);return e?JSON.parse(e):{}}catch(e){return console.error("Failed to parse stored settings:",e),{}}}function Jm(e){try{localStorage.setItem(_c,JSON.stringify(e)),e.apiKey&&Ye.setAuthToken(e.apiKey)}catch(t){console.error("Failed to save settings:",t)}}function Zm(){const e=Pc(),t=Ym(),n=Ye.getAuthToken();return{...e,...t,apiKey:n||t.apiKey||e.apiKey,apiBaseUrl:Ye.baseUrl||t.apiBaseUrl||e.apiBaseUrl}}function Qm(e){e.apiKey&&Ye.setAuthToken(e.apiKey),Jm(e)}const Oo=768;function eb(){const[e,t]=l.useState(void 0);return l.useEffect(()=>{const n=window.matchMedia(`(max-width: ${Oo-1}px)`),r=()=>{t(window.innerWidth<Oo)};return n.addEventListener("change",r),t(window.innerWidth<Oo),()=>n.removeEventListener("change",r)},[]),!!e}var tb="Separator",Ic="horizontal",nb=["horizontal","vertical"],Oc=l.forwardRef((e,t)=>{const{decorative:n,orientation:r=Ic,...o}=e,s=rb(r)?r:Ic,c=n?{role:"none"}:{"aria-orientation":s==="vertical"?s:void 0,role:"separator"};return i.jsx(Z.div,{"data-orientation":s,...c,...o,ref:t})});Oc.displayName=tb;function rb(e){return nb.includes(e)}var kc=Oc;const ko=l.forwardRef(({className:e,orientation:t="horizontal",decorative:n=!0,...r},o)=>i.jsx(kc,{ref:o,decorative:n,orientation:t,className:A("shrink-0 bg-border",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...r}));ko.displayName=kc.displayName;var er="Dialog",[Mc,Iw]=Le(er),[ob,Ue]=Mc(er),Dc=e=>{const{__scopeDialog:t,children:n,open:r,defaultOpen:o,onOpenChange:s,modal:a=!0}=e,c=l.useRef(null),d=l.useRef(null),[f,u]=Qe({prop:r,defaultProp:o??!1,onChange:s,caller:er});return i.jsx(ob,{scope:t,triggerRef:c,contentRef:d,contentId:Fe(),titleId:Fe(),descriptionId:Fe(),open:f,onOpenChange:u,onOpenToggle:l.useCallback(()=>u(p=>!p),[u]),modal:a,children:n})};Dc.displayName=er;var Lc="DialogTrigger",Fc=l.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,o=Ue(Lc,n),s=re(t,o.triggerRef);return i.jsx(Z.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":Lo(o.open),...r,ref:s,onClick:U(e.onClick,o.onOpenToggle)})});Fc.displayName=Lc;var Mo="DialogPortal",[sb,$c]=Mc(Mo,{forceMount:void 0}),Bc=e=>{const{__scopeDialog:t,forceMount:n,children:r,container:o}=e,s=Ue(Mo,t);return i.jsx(sb,{scope:t,forceMount:n,children:l.Children.map(r,a=>i.jsx(Ne,{present:n||s.open,children:i.jsx(Ln,{asChild:!0,container:o,children:a})}))})};Bc.displayName=Mo;var tr="DialogOverlay",Uc=l.forwardRef((e,t)=>{const n=$c(tr,e.__scopeDialog),{forceMount:r=n.forceMount,...o}=e,s=Ue(tr,e.__scopeDialog);return s.modal?i.jsx(Ne,{present:r||s.open,children:i.jsx(ib,{...o,ref:t})}):null});Uc.displayName=tr;var ab=Pe.createSlot("DialogOverlay.RemoveScroll"),ib=l.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,o=Ue(tr,n);return i.jsx(Vn,{as:ab,allowPinchZoom:!0,shards:[o.contentRef],children:i.jsx(Z.div,{"data-state":Lo(o.open),...r,ref:t,style:{pointerEvents:"auto",...r.style}})})}),pt="DialogContent",zc=l.forwardRef((e,t)=>{const n=$c(pt,e.__scopeDialog),{forceMount:r=n.forceMount,...o}=e,s=Ue(pt,e.__scopeDialog);return i.jsx(Ne,{present:r||s.open,children:s.modal?i.jsx(cb,{...o,ref:t}):i.jsx(lb,{...o,ref:t})})});zc.displayName=pt;var cb=l.forwardRef((e,t)=>{const n=Ue(pt,e.__scopeDialog),r=l.useRef(null),o=re(t,n.contentRef,r);return l.useEffect(()=>{const s=r.current;if(s)return po(s)},[]),i.jsx(Hc,{...e,ref:o,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:U(e.onCloseAutoFocus,s=>{var a;s.preventDefault(),(a=n.triggerRef.current)==null||a.focus()}),onPointerDownOutside:U(e.onPointerDownOutside,s=>{const a=s.detail.originalEvent,c=a.button===0&&a.ctrlKey===!0;(a.button===2||c)&&s.preventDefault()}),onFocusOutside:U(e.onFocusOutside,s=>s.preventDefault())})}),lb=l.forwardRef((e,t)=>{const n=Ue(pt,e.__scopeDialog),r=l.useRef(!1),o=l.useRef(!1);return i.jsx(Hc,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:s=>{var a,c;(a=e.onCloseAutoFocus)==null||a.call(e,s),s.defaultPrevented||(r.current||(c=n.triggerRef.current)==null||c.focus(),s.preventDefault()),r.current=!1,o.current=!1},onInteractOutside:s=>{var d,f;(d=e.onInteractOutside)==null||d.call(e,s),s.defaultPrevented||(r.current=!0,s.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const a=s.target;((f=n.triggerRef.current)==null?void 0:f.contains(a))&&s.preventDefault(),s.detail.originalEvent.type==="focusin"&&o.current&&s.preventDefault()}})}),Hc=l.forwardRef((e,t)=>{const{__scopeDialog:n,trapFocus:r,onOpenAutoFocus:o,onCloseAutoFocus:s,...a}=e,c=Ue(pt,n),d=l.useRef(null),f=re(t,d);return Vr(),i.jsxs(i.Fragment,{children:[i.jsx(En,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:o,onUnmountAutoFocus:s,children:i.jsx(jt,{role:"dialog",id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":Lo(c.open),...a,ref:f,onDismiss:()=>c.onOpenChange(!1)})}),i.jsxs(i.Fragment,{children:[i.jsx(db,{titleId:c.titleId}),i.jsx(fb,{contentRef:d,descriptionId:c.descriptionId})]})]})}),Do="DialogTitle",Wc=l.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,o=Ue(Do,n);return i.jsx(Z.h2,{id:o.titleId,...r,ref:t})});Wc.displayName=Do;var Vc="DialogDescription",Rc=l.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,o=Ue(Vc,n);return i.jsx(Z.p,{id:o.descriptionId,...r,ref:t})});Rc.displayName=Vc;var jc="DialogClose",Kc=l.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,o=Ue(jc,n);return i.jsx(Z.button,{type:"button",...r,ref:t,onClick:U(e.onClick,()=>o.onOpenChange(!1))})});Kc.displayName=jc;function Lo(e){return e?"open":"closed"}var Gc="DialogTitleWarning",[Ow,qc]=lf(Gc,{contentName:pt,titleName:Do,docsSlug:"dialog"}),db=({titleId:e})=>{const t=qc(Gc),n=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
|
|
58
|
+
`)},fg=0,_t=[];function pg(e){var t=l.useRef([]),n=l.useRef([0,0]),r=l.useRef(),o=l.useState(fg++)[0],s=l.useState(si)[0],a=l.useRef(e);l.useEffect(function(){a.current=e},[e]),l.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(o));var h=Dh([e.lockRef.current],(e.shards||[]).map(fi),!0).filter(Boolean);return h.forEach(function(b){return b.classList.add("allow-interactivity-".concat(o))}),function(){document.body.classList.remove("block-interactivity-".concat(o)),h.forEach(function(b){return b.classList.remove("allow-interactivity-".concat(o))})}}},[e.inert,e.lockRef.current,e.shards]);var c=l.useCallback(function(h,b){if("touches"in h&&h.touches.length===2||h.type==="wheel"&&h.ctrlKey)return!a.current.allowPinchZoom;var w=Wn(h),y=n.current,x="deltaX"in h?h.deltaX:y[0]-w[0],E="deltaY"in h?h.deltaY:y[1]-w[1],C,O=h.target,N=Math.abs(x)>Math.abs(E)?"h":"v";if("touches"in h&&N==="h"&&O.type==="range")return!1;var L=ci(N,O);if(!L)return!0;if(L?C=N:(C=N==="v"?"h":"v",L=ci(N,O)),!L)return!1;if(!r.current&&"changedTouches"in h&&(x||E)&&(r.current=C),!C)return!0;var M=r.current||C;return lg(M,b,h,M==="h"?x:E)},[]),d=l.useCallback(function(h){var b=h;if(!(!_t.length||_t[_t.length-1]!==s)){var w="deltaY"in b?ui(b):Wn(b),y=t.current.filter(function(C){return C.name===b.type&&(C.target===b.target||b.target===C.shadowParent)&&dg(C.delta,w)})[0];if(y&&y.should){b.cancelable&&b.preventDefault();return}if(!y){var x=(a.current.shards||[]).map(fi).filter(Boolean).filter(function(C){return C.contains(b.target)}),E=x.length>0?c(b,x[0]):!a.current.noIsolation;E&&b.cancelable&&b.preventDefault()}}},[]),f=l.useCallback(function(h,b,w,y){var x={name:h,delta:b,target:w,should:y,shadowParent:hg(w)};t.current.push(x),setTimeout(function(){t.current=t.current.filter(function(E){return E!==x})},1)},[]),u=l.useCallback(function(h){n.current=Wn(h),r.current=void 0},[]),p=l.useCallback(function(h){f(h.type,ui(h),h.target,c(h,e.lockRef.current))},[]),m=l.useCallback(function(h){f(h.type,Wn(h),h.target,c(h,e.lockRef.current))},[]);l.useEffect(function(){return _t.push(s),e.setCallbacks({onScrollCapture:p,onWheelCapture:p,onTouchMoveCapture:m}),document.addEventListener("wheel",d,Pt),document.addEventListener("touchmove",d,Pt),document.addEventListener("touchstart",u,Pt),function(){_t=_t.filter(function(h){return h!==s}),document.removeEventListener("wheel",d,Pt),document.removeEventListener("touchmove",d,Pt),document.removeEventListener("touchstart",u,Pt)}},[]);var v=e.removeScrollBar,g=e.inert;return l.createElement(l.Fragment,null,g?l.createElement(s,{styles:ug(o)}):null,v?l.createElement(ng,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function hg(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const gg=Vh(oi,pg);var Vn=l.forwardRef(function(e,t){return l.createElement(zn,qe({},e,{ref:t,sideCar:gg}))});Vn.classNames=zn.classNames;var vo=["Enter"," "],mg=["ArrowDown","PageUp","Home"],pi=["ArrowUp","PageDown","End"],bg=[...mg,...pi],vg={ltr:[...vo,"ArrowRight"],rtl:[...vo,"ArrowLeft"]},wg={ltr:["ArrowLeft"],rtl:["ArrowRight"]},Yt="Menu",[Jt,yg,xg]=zr(Yt),[ut,hi]=Le(Yt,[xg,Nt,Xa]),Rn=Nt(),gi=Xa(),[Sg,ft]=ut(Yt),[Cg,Zt]=ut(Yt),mi=e=>{const{__scopeMenu:t,open:n=!1,children:r,dir:o,onOpenChange:s,modal:a=!0}=e,c=Rn(t),[d,f]=l.useState(null),u=l.useRef(!1),p=we(s),m=Cn(o);return l.useEffect(()=>{const v=()=>{u.current=!0,document.addEventListener("pointerdown",g,{capture:!0,once:!0}),document.addEventListener("pointermove",g,{capture:!0,once:!0})},g=()=>u.current=!1;return document.addEventListener("keydown",v,{capture:!0}),()=>{document.removeEventListener("keydown",v,{capture:!0}),document.removeEventListener("pointerdown",g,{capture:!0}),document.removeEventListener("pointermove",g,{capture:!0})}},[]),i.jsx(so,{...c,children:i.jsx(Sg,{scope:t,open:n,onOpenChange:p,content:d,onContentChange:f,children:i.jsx(Cg,{scope:t,onClose:l.useCallback(()=>p(!1),[p]),isUsingKeyboardRef:u,dir:m,modal:a,children:r})})})};mi.displayName=Yt;var Eg="MenuAnchor",wo=l.forwardRef((e,t)=>{const{__scopeMenu:n,...r}=e,o=Rn(n);return i.jsx(ao,{...o,...r,ref:t})});wo.displayName=Eg;var yo="MenuPortal",[Ng,bi]=ut(yo,{forceMount:void 0}),vi=e=>{const{__scopeMenu:t,forceMount:n,children:r,container:o}=e,s=ft(yo,t);return i.jsx(Ng,{scope:t,forceMount:n,children:i.jsx(Ne,{present:n||s.open,children:i.jsx(Ln,{asChild:!0,container:o,children:r})})})};vi.displayName=yo;var Oe="MenuContent",[Tg,xo]=ut(Oe),wi=l.forwardRef((e,t)=>{const n=bi(Oe,e.__scopeMenu),{forceMount:r=n.forceMount,...o}=e,s=ft(Oe,e.__scopeMenu),a=Zt(Oe,e.__scopeMenu);return i.jsx(Jt.Provider,{scope:e.__scopeMenu,children:i.jsx(Ne,{present:r||s.open,children:i.jsx(Jt.Slot,{scope:e.__scopeMenu,children:a.modal?i.jsx(Ag,{...o,ref:t}):i.jsx(Pg,{...o,ref:t})})})})}),Ag=l.forwardRef((e,t)=>{const n=ft(Oe,e.__scopeMenu),r=l.useRef(null),o=re(t,r);return l.useEffect(()=>{const s=r.current;if(s)return po(s)},[]),i.jsx(So,{...e,ref:o,trapFocus:n.open,disableOutsidePointerEvents:n.open,disableOutsideScroll:!0,onFocusOutside:U(e.onFocusOutside,s=>s.preventDefault(),{checkForDefaultPrevented:!1}),onDismiss:()=>n.onOpenChange(!1)})}),Pg=l.forwardRef((e,t)=>{const n=ft(Oe,e.__scopeMenu);return i.jsx(So,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,disableOutsideScroll:!1,onDismiss:()=>n.onOpenChange(!1)})}),_g=Pe.createSlot("MenuContent.ScrollLock"),So=l.forwardRef((e,t)=>{const{__scopeMenu:n,loop:r=!1,trapFocus:o,onOpenAutoFocus:s,onCloseAutoFocus:a,disableOutsidePointerEvents:c,onEntryFocus:d,onEscapeKeyDown:f,onPointerDownOutside:u,onFocusOutside:p,onInteractOutside:m,onDismiss:v,disableOutsideScroll:g,...h}=e,b=ft(Oe,n),w=Zt(Oe,n),y=Rn(n),x=gi(n),E=yg(n),[C,O]=l.useState(null),N=l.useRef(null),L=re(t,N,b.onContentChange),M=l.useRef(0),D=l.useRef(""),j=l.useRef(0),G=l.useRef(null),V=l.useRef("right"),z=l.useRef(0),X=g?Vn:l.Fragment,F=g?{as:_g,allowPinchZoom:!0}:void 0,q=_=>{var R,se;const I=D.current+_,k=E().filter(le=>!le.disabled),Y=document.activeElement,B=(R=k.find(le=>le.ref.current===Y))==null?void 0:R.textValue,H=k.map(le=>le.textValue),de=Hg(H,I,B),ie=(se=k.find(le=>le.textValue===de))==null?void 0:se.ref.current;(function le(ae){D.current=ae,window.clearTimeout(M.current),ae!==""&&(M.current=window.setTimeout(()=>le(""),1e3))})(I),ie&&setTimeout(()=>ie.focus())};l.useEffect(()=>()=>window.clearTimeout(M.current),[]),Vr();const T=l.useCallback(_=>{var k,Y;return V.current===((k=G.current)==null?void 0:k.side)&&Vg(_,(Y=G.current)==null?void 0:Y.area)},[]);return i.jsx(Tg,{scope:n,searchRef:D,onItemEnter:l.useCallback(_=>{T(_)&&_.preventDefault()},[T]),onItemLeave:l.useCallback(_=>{var I;T(_)||((I=N.current)==null||I.focus(),O(null))},[T]),onTriggerLeave:l.useCallback(_=>{T(_)&&_.preventDefault()},[T]),pointerGraceTimerRef:j,onPointerGraceIntentChange:l.useCallback(_=>{G.current=_},[]),children:i.jsx(X,{...F,children:i.jsx(En,{asChild:!0,trapped:o,onMountAutoFocus:U(s,_=>{var I;_.preventDefault(),(I=N.current)==null||I.focus({preventScroll:!0})}),onUnmountAutoFocus:a,children:i.jsx(jt,{asChild:!0,disableOutsidePointerEvents:c,onEscapeKeyDown:f,onPointerDownOutside:u,onFocusOutside:p,onInteractOutside:m,onDismiss:v,children:i.jsx(_h,{asChild:!0,...x,dir:w.dir,orientation:"vertical",loop:r,currentTabStopId:C,onCurrentTabStopIdChange:O,onEntryFocus:U(d,_=>{w.isUsingKeyboardRef.current||_.preventDefault()}),preventScrollOnEntryFocus:!0,children:i.jsx(io,{role:"menu","aria-orientation":"vertical","data-state":Fi(b.open),"data-radix-menu-content":"",dir:w.dir,...y,...h,ref:L,style:{outline:"none",...h.style},onKeyDown:U(h.onKeyDown,_=>{const k=_.target.closest("[data-radix-menu-content]")===_.currentTarget,Y=_.ctrlKey||_.altKey||_.metaKey,B=_.key.length===1;k&&(_.key==="Tab"&&_.preventDefault(),!Y&&B&&q(_.key));const H=N.current;if(_.target!==H||!bg.includes(_.key))return;_.preventDefault();const ie=E().filter(R=>!R.disabled).map(R=>R.ref.current);pi.includes(_.key)&&ie.reverse(),Ug(ie)}),onBlur:U(e.onBlur,_=>{_.currentTarget.contains(_.target)||(window.clearTimeout(M.current),D.current="")}),onPointerMove:U(e.onPointerMove,en(_=>{const I=_.target,k=z.current!==_.clientX;if(_.currentTarget.contains(I)&&k){const Y=_.clientX>z.current?"right":"left";V.current=Y,z.current=_.clientX}}))})})})})})})});wi.displayName=Oe;var Ig="MenuGroup",Co=l.forwardRef((e,t)=>{const{__scopeMenu:n,...r}=e;return i.jsx(Z.div,{role:"group",...r,ref:t})});Co.displayName=Ig;var Og="MenuLabel",yi=l.forwardRef((e,t)=>{const{__scopeMenu:n,...r}=e;return i.jsx(Z.div,{...r,ref:t})});yi.displayName=Og;var jn="MenuItem",xi="menu.itemSelect",Kn=l.forwardRef((e,t)=>{const{disabled:n=!1,onSelect:r,...o}=e,s=l.useRef(null),a=Zt(jn,e.__scopeMenu),c=xo(jn,e.__scopeMenu),d=re(t,s),f=l.useRef(!1),u=()=>{const p=s.current;if(!n&&p){const m=new CustomEvent(xi,{bubbles:!0,cancelable:!0});p.addEventListener(xi,v=>r==null?void 0:r(v),{once:!0}),Ys(p,m),m.defaultPrevented?f.current=!1:a.onClose()}};return i.jsx(Si,{...o,ref:d,disabled:n,onClick:U(e.onClick,u),onPointerDown:p=>{var m;(m=e.onPointerDown)==null||m.call(e,p),f.current=!0},onPointerUp:U(e.onPointerUp,p=>{var m;f.current||(m=p.currentTarget)==null||m.click()}),onKeyDown:U(e.onKeyDown,p=>{const m=c.searchRef.current!=="";n||m&&p.key===" "||vo.includes(p.key)&&(p.currentTarget.click(),p.preventDefault())})})});Kn.displayName=jn;var Si=l.forwardRef((e,t)=>{const{__scopeMenu:n,disabled:r=!1,textValue:o,...s}=e,a=xo(jn,n),c=gi(n),d=l.useRef(null),f=re(t,d),[u,p]=l.useState(!1),[m,v]=l.useState("");return l.useEffect(()=>{const g=d.current;g&&v((g.textContent??"").trim())},[s.children]),i.jsx(Jt.ItemSlot,{scope:n,disabled:r,textValue:o??m,children:i.jsx(Ih,{asChild:!0,...c,focusable:!r,children:i.jsx(Z.div,{role:"menuitem","data-highlighted":u?"":void 0,"aria-disabled":r||void 0,"data-disabled":r?"":void 0,...s,ref:f,onPointerMove:U(e.onPointerMove,en(g=>{r?a.onItemLeave(g):(a.onItemEnter(g),g.defaultPrevented||g.currentTarget.focus({preventScroll:!0}))})),onPointerLeave:U(e.onPointerLeave,en(g=>a.onItemLeave(g))),onFocus:U(e.onFocus,()=>p(!0)),onBlur:U(e.onBlur,()=>p(!1))})})})}),kg="MenuCheckboxItem",Ci=l.forwardRef((e,t)=>{const{checked:n=!1,onCheckedChange:r,...o}=e;return i.jsx(Pi,{scope:e.__scopeMenu,checked:n,children:i.jsx(Kn,{role:"menuitemcheckbox","aria-checked":Gn(n)?"mixed":n,...o,ref:t,"data-state":No(n),onSelect:U(o.onSelect,()=>r==null?void 0:r(Gn(n)?!0:!n),{checkForDefaultPrevented:!1})})})});Ci.displayName=kg;var Ei="MenuRadioGroup",[Mg,Dg]=ut(Ei,{value:void 0,onValueChange:()=>{}}),Ni=l.forwardRef((e,t)=>{const{value:n,onValueChange:r,...o}=e,s=we(r);return i.jsx(Mg,{scope:e.__scopeMenu,value:n,onValueChange:s,children:i.jsx(Co,{...o,ref:t})})});Ni.displayName=Ei;var Ti="MenuRadioItem",Ai=l.forwardRef((e,t)=>{const{value:n,...r}=e,o=Dg(Ti,e.__scopeMenu),s=n===o.value;return i.jsx(Pi,{scope:e.__scopeMenu,checked:s,children:i.jsx(Kn,{role:"menuitemradio","aria-checked":s,...r,ref:t,"data-state":No(s),onSelect:U(r.onSelect,()=>{var a;return(a=o.onValueChange)==null?void 0:a.call(o,n)},{checkForDefaultPrevented:!1})})})});Ai.displayName=Ti;var Eo="MenuItemIndicator",[Pi,Lg]=ut(Eo,{checked:!1}),_i=l.forwardRef((e,t)=>{const{__scopeMenu:n,forceMount:r,...o}=e,s=Lg(Eo,n);return i.jsx(Ne,{present:r||Gn(s.checked)||s.checked===!0,children:i.jsx(Z.span,{...o,ref:t,"data-state":No(s.checked)})})});_i.displayName=Eo;var Fg="MenuSeparator",Ii=l.forwardRef((e,t)=>{const{__scopeMenu:n,...r}=e;return i.jsx(Z.div,{role:"separator","aria-orientation":"horizontal",...r,ref:t})});Ii.displayName=Fg;var $g="MenuArrow",Oi=l.forwardRef((e,t)=>{const{__scopeMenu:n,...r}=e,o=Rn(n);return i.jsx(co,{...o,...r,ref:t})});Oi.displayName=$g;var Bg="MenuSub",[Aw,ki]=ut(Bg),Qt="MenuSubTrigger",Mi=l.forwardRef((e,t)=>{const n=ft(Qt,e.__scopeMenu),r=Zt(Qt,e.__scopeMenu),o=ki(Qt,e.__scopeMenu),s=xo(Qt,e.__scopeMenu),a=l.useRef(null),{pointerGraceTimerRef:c,onPointerGraceIntentChange:d}=s,f={__scopeMenu:e.__scopeMenu},u=l.useCallback(()=>{a.current&&window.clearTimeout(a.current),a.current=null},[]);return l.useEffect(()=>u,[u]),l.useEffect(()=>{const p=c.current;return()=>{window.clearTimeout(p),d(null)}},[c,d]),i.jsx(wo,{asChild:!0,...f,children:i.jsx(Si,{id:o.triggerId,"aria-haspopup":"menu","aria-expanded":n.open,"aria-controls":o.contentId,"data-state":Fi(n.open),...e,ref:Fr(t,o.onTriggerChange),onClick:p=>{var m;(m=e.onClick)==null||m.call(e,p),!(e.disabled||p.defaultPrevented)&&(p.currentTarget.focus(),n.open||n.onOpenChange(!0))},onPointerMove:U(e.onPointerMove,en(p=>{s.onItemEnter(p),!p.defaultPrevented&&!e.disabled&&!n.open&&!a.current&&(s.onPointerGraceIntentChange(null),a.current=window.setTimeout(()=>{n.onOpenChange(!0),u()},100))})),onPointerLeave:U(e.onPointerLeave,en(p=>{var v,g;u();const m=(v=n.content)==null?void 0:v.getBoundingClientRect();if(m){const h=(g=n.content)==null?void 0:g.dataset.side,b=h==="right",w=b?-5:5,y=m[b?"left":"right"],x=m[b?"right":"left"];s.onPointerGraceIntentChange({area:[{x:p.clientX+w,y:p.clientY},{x:y,y:m.top},{x,y:m.top},{x,y:m.bottom},{x:y,y:m.bottom}],side:h}),window.clearTimeout(c.current),c.current=window.setTimeout(()=>s.onPointerGraceIntentChange(null),300)}else{if(s.onTriggerLeave(p),p.defaultPrevented)return;s.onPointerGraceIntentChange(null)}})),onKeyDown:U(e.onKeyDown,p=>{var v;const m=s.searchRef.current!=="";e.disabled||m&&p.key===" "||vg[r.dir].includes(p.key)&&(n.onOpenChange(!0),(v=n.content)==null||v.focus(),p.preventDefault())})})})});Mi.displayName=Qt;var Di="MenuSubContent",Li=l.forwardRef((e,t)=>{const n=bi(Oe,e.__scopeMenu),{forceMount:r=n.forceMount,...o}=e,s=ft(Oe,e.__scopeMenu),a=Zt(Oe,e.__scopeMenu),c=ki(Di,e.__scopeMenu),d=l.useRef(null),f=re(t,d);return i.jsx(Jt.Provider,{scope:e.__scopeMenu,children:i.jsx(Ne,{present:r||s.open,children:i.jsx(Jt.Slot,{scope:e.__scopeMenu,children:i.jsx(So,{id:c.contentId,"aria-labelledby":c.triggerId,...o,ref:f,align:"start",side:a.dir==="rtl"?"left":"right",disableOutsidePointerEvents:!1,disableOutsideScroll:!1,trapFocus:!1,onOpenAutoFocus:u=>{var p;a.isUsingKeyboardRef.current&&((p=d.current)==null||p.focus()),u.preventDefault()},onCloseAutoFocus:u=>u.preventDefault(),onFocusOutside:U(e.onFocusOutside,u=>{u.target!==c.trigger&&s.onOpenChange(!1)}),onEscapeKeyDown:U(e.onEscapeKeyDown,u=>{a.onClose(),u.preventDefault()}),onKeyDown:U(e.onKeyDown,u=>{var v;const p=u.currentTarget.contains(u.target),m=wg[a.dir].includes(u.key);p&&m&&(s.onOpenChange(!1),(v=c.trigger)==null||v.focus(),u.preventDefault())})})})})})});Li.displayName=Di;function Fi(e){return e?"open":"closed"}function Gn(e){return e==="indeterminate"}function No(e){return Gn(e)?"indeterminate":e?"checked":"unchecked"}function Ug(e){const t=document.activeElement;for(const n of e)if(n===t||(n.focus(),document.activeElement!==t))return}function zg(e,t){return e.map((n,r)=>e[(t+r)%e.length])}function Hg(e,t,n){const o=t.length>1&&Array.from(t).every(f=>f===t[0])?t[0]:t,s=n?e.indexOf(n):-1;let a=zg(e,Math.max(s,0));o.length===1&&(a=a.filter(f=>f!==n));const d=a.find(f=>f.toLowerCase().startsWith(o.toLowerCase()));return d!==n?d:void 0}function Wg(e,t){const{x:n,y:r}=e;let o=!1;for(let s=0,a=t.length-1;s<t.length;a=s++){const c=t[s],d=t[a],f=c.x,u=c.y,p=d.x,m=d.y;u>r!=m>r&&n<(p-f)*(r-u)/(m-u)+f&&(o=!o)}return o}function Vg(e,t){if(!t)return!1;const n={x:e.clientX,y:e.clientY};return Wg(n,t)}function en(e){return t=>t.pointerType==="mouse"?e(t):void 0}var Rg=mi,jg=wo,Kg=vi,Gg=wi,qg=Co,Xg=yi,Yg=Kn,Jg=Ci,Zg=Ni,Qg=Ai,em=_i,tm=Ii,nm=Oi,rm=Mi,om=Li,qn="DropdownMenu",[sm,Pw]=Le(qn,[hi]),xe=hi(),[am,$i]=sm(qn),Bi=e=>{const{__scopeDropdownMenu:t,children:n,dir:r,open:o,defaultOpen:s,onOpenChange:a,modal:c=!0}=e,d=xe(t),f=l.useRef(null),[u,p]=Qe({prop:o,defaultProp:s??!1,onChange:a,caller:qn});return i.jsx(am,{scope:t,triggerId:Fe(),triggerRef:f,contentId:Fe(),open:u,onOpenChange:p,onOpenToggle:l.useCallback(()=>p(m=>!m),[p]),modal:c,children:i.jsx(Rg,{...d,open:u,onOpenChange:p,dir:r,modal:c,children:n})})};Bi.displayName=qn;var Ui="DropdownMenuTrigger",zi=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,disabled:r=!1,...o}=e,s=$i(Ui,n),a=xe(n);return i.jsx(jg,{asChild:!0,...a,children:i.jsx(Z.button,{type:"button",id:s.triggerId,"aria-haspopup":"menu","aria-expanded":s.open,"aria-controls":s.open?s.contentId:void 0,"data-state":s.open?"open":"closed","data-disabled":r?"":void 0,disabled:r,...o,ref:Fr(t,s.triggerRef),onPointerDown:U(e.onPointerDown,c=>{!r&&c.button===0&&c.ctrlKey===!1&&(s.onOpenToggle(),s.open||c.preventDefault())}),onKeyDown:U(e.onKeyDown,c=>{r||(["Enter"," "].includes(c.key)&&s.onOpenToggle(),c.key==="ArrowDown"&&s.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(c.key)&&c.preventDefault())})})})});zi.displayName=Ui;var im="DropdownMenuPortal",Hi=e=>{const{__scopeDropdownMenu:t,...n}=e,r=xe(t);return i.jsx(Kg,{...r,...n})};Hi.displayName=im;var Wi="DropdownMenuContent",Vi=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=$i(Wi,n),s=xe(n),a=l.useRef(!1);return i.jsx(Gg,{id:o.contentId,"aria-labelledby":o.triggerId,...s,...r,ref:t,onCloseAutoFocus:U(e.onCloseAutoFocus,c=>{var d;a.current||(d=o.triggerRef.current)==null||d.focus(),a.current=!1,c.preventDefault()}),onInteractOutside:U(e.onInteractOutside,c=>{const d=c.detail.originalEvent,f=d.button===0&&d.ctrlKey===!0,u=d.button===2||f;(!o.modal||u)&&(a.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});Vi.displayName=Wi;var cm="DropdownMenuGroup",lm=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(qg,{...o,...r,ref:t})});lm.displayName=cm;var dm="DropdownMenuLabel",Ri=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(Xg,{...o,...r,ref:t})});Ri.displayName=dm;var um="DropdownMenuItem",ji=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(Yg,{...o,...r,ref:t})});ji.displayName=um;var fm="DropdownMenuCheckboxItem",Ki=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(Jg,{...o,...r,ref:t})});Ki.displayName=fm;var pm="DropdownMenuRadioGroup",hm=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(Zg,{...o,...r,ref:t})});hm.displayName=pm;var gm="DropdownMenuRadioItem",Gi=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(Qg,{...o,...r,ref:t})});Gi.displayName=gm;var mm="DropdownMenuItemIndicator",qi=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(em,{...o,...r,ref:t})});qi.displayName=mm;var bm="DropdownMenuSeparator",Xi=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(tm,{...o,...r,ref:t})});Xi.displayName=bm;var vm="DropdownMenuArrow",wm=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(nm,{...o,...r,ref:t})});wm.displayName=vm;var ym="DropdownMenuSubTrigger",Yi=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(rm,{...o,...r,ref:t})});Yi.displayName=ym;var xm="DropdownMenuSubContent",Ji=l.forwardRef((e,t)=>{const{__scopeDropdownMenu:n,...r}=e,o=xe(n);return i.jsx(om,{...o,...r,ref:t,style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});Ji.displayName=xm;var Sm=Bi,Cm=zi,Em=Hi,Zi=Vi,Qi=Ri,ec=ji,tc=Ki,nc=Gi,rc=qi,oc=Xi,sc=Yi,ac=Ji;const Nm=Sm,Tm=Cm,Am=l.forwardRef(({className:e,inset:t,children:n,...r},o)=>i.jsxs(sc,{ref:o,className:A("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",t&&"pl-8",e),...r,children:[n,i.jsx(K.ChevronRight,{className:"ml-auto h-4 w-4"})]}));Am.displayName=sc.displayName;const Pm=l.forwardRef(({className:e,...t},n)=>i.jsx(ac,{ref:n,className:A("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...t}));Pm.displayName=ac.displayName;const ic=l.forwardRef(({className:e,sideOffset:t=4,...n},r)=>i.jsx(Em,{children:i.jsx(Zi,{ref:r,sideOffset:t,className:A("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...n})}));ic.displayName=Zi.displayName;const cc=l.forwardRef(({className:e,inset:t,...n},r)=>i.jsx(ec,{ref:r,className:A("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t&&"pl-8",e),...n}));cc.displayName=ec.displayName;const _m=l.forwardRef(({className:e,children:t,checked:n,...r},o)=>i.jsxs(tc,{ref:o,className:A("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:n,...r,children:[i.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:i.jsx(rc,{children:i.jsx(K.Check,{className:"h-4 w-4"})})}),t]}));_m.displayName=tc.displayName;const Im=l.forwardRef(({className:e,children:t,...n},r)=>i.jsxs(nc,{ref:r,className:A("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...n,children:[i.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:i.jsx(rc,{children:i.jsx(K.Circle,{className:"h-2 w-2 fill-current"})})}),t]}));Im.displayName=nc.displayName;const Om=l.forwardRef(({className:e,inset:t,...n},r)=>i.jsx(Qi,{ref:r,className:A("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e),...n}));Om.displayName=Qi.displayName;const km=l.forwardRef(({className:e,...t},n)=>i.jsx(oc,{ref:n,className:A("-mx-1 my-1 h-px bg-muted",e),...t}));km.displayName=oc.displayName;function tn({className:e="",placeholder:t="Type your message...",autoFocus:n=!0,maxHeight:r=void 0,streamingDebounceMs:o=40,enableFileUpload:s=!0,enableMessageEditing:a=!0,customStyles:c={},onMessageSent:d,onError:f}){const{currentThreadId:u,messages:p,isStreaming:m,streamingAssistantId:v,error:g,send:h,stop:b,lastCheckpointId:w,listCheckpoints:y,navigateToCheckpoint:x,returnToLatest:E}=Lr(),[C,O]=P.useState(""),[N,L]=P.useState(null),[M,D]=P.useState(null),[j,G]=P.useState([]),[V,z]=P.useState(!1),[X,F]=P.useState([]),[q,T]=P.useState(null),_=P.useRef(null),I=P.useRef(null),k=P.useRef(null),[Y,B]=P.useState("desktop");P.useEffect(()=>{const $=()=>{const te=window.innerWidth;B(te<640?"phone":te<1024?"tablet":"desktop")};return $(),window.addEventListener("resize",$),()=>window.removeEventListener("resize",$)},[]),P.useEffect(()=>{var $;($=_.current)==null||$.scrollIntoView({behavior:"smooth"})},[p]),P.useEffect(()=>{var $;n&&(($=I.current)==null||$.focus())},[n]),P.useEffect(()=>{g&&!V&&(f==null||f(g))},[g,V,f]),P.useEffect(()=>{let $=!0;if(!u){F([]),T(null);return}return y(u).then(te=>{var Ae;if(!$)return;const oe=te.checkpoints||[];F(oe);const ue=((Ae=oe.slice().sort((Mt,Se)=>new Date(Se.createdAt).getTime()-new Date(Mt.createdAt).getTime())[0])==null?void 0:Ae.checkpointId)||null;T(Mt=>Mt??ue)}).catch(()=>{}),()=>{$=!1}},[u,y]),P.useEffect(()=>{w&&T(w)},[w]);const H=$=>{if($.length>yt)return`Message too long (${$.length}/${yt} characters)`;try{return $f($),null}catch(te){return(te==null?void 0:te.message)||"Invalid message"}},de=$=>{const te=$.content||[],oe=te.filter(ue=>ue.type==="text").map(ue=>ue.text).join("");if(oe)return oe;try{return JSON.stringify(te,null,2)}catch{return String(te)}},ie=$=>{var Mt;if(!X.length)return[];const oe=(((Mt=p[$])==null?void 0:Mt.role)??"user")==="user",ue=oe?$+2:$+1;return X.filter(Se=>(Se.messagesLen??-1)>=(oe?ue:0)).filter(Se=>oe?(Se.messagesLen??0)>=ue:(Se.messagesLen??0)===ue).map(Se=>({checkpoint_id:Se.checkpointId,checkpoint_ns:Se.checkpointNs,message_count:Se.messagesLen??0,last_message_preview:Se.preview??void 0,ts:new Date(Se.createdAt).getTime(),isCurrent:Se.checkpointId===q})).sort((Se,rw)=>(Se.ts||0)-(rw.ts||0))},R=$=>{if($===void 0)return{canGoBack:!1,canGoForward:!1,currentIndex:0,totalBranches:0};const te=ie($);if(te.length<=1)return{canGoBack:!1,canGoForward:!1,currentIndex:0,totalBranches:te.length};const oe=Math.max(0,te.findIndex(ue=>ue.isCurrent));return{canGoBack:oe>0,canGoForward:oe<te.length-1,currentIndex:oe,totalBranches:te.length}},se=async()=>{const $=C.trim();if(!$&&j.length===0)return;const te=H($);if(te){D(te);return}try{const oe=window.__editingCheckpointId||q||void 0;await h($,{checkpointId:oe,payloadExtras:N?{edit:!0,originalMessageId:N}:void 0,attachments:j}),d==null||d($),O(""),D(null),G([]),delete window.__editingCheckpointId,L(null),I.current&&(I.current.style.height="auto")}catch(oe){const ue=(oe==null?void 0:oe.message)||"Failed to send message";D(ue),f==null||f(ue)}},le=($,te)=>{a&&(L($),O(te),D(null),setTimeout(()=>{I.current&&(I.current.focus(),I.current.style.height="auto",I.current.style.height=I.current.scrollHeight+"px")},0))},ae=async($,te)=>{const oe=p.find(Ae=>Ae.id===$);if(!oe){D("Message not found");return}const ue=de(oe);L($),O(ue),window.__editingCheckpointId=te,setTimeout(()=>{var Ae;return(Ae=I.current)==null?void 0:Ae.focus()},0)},W=()=>{L(null),O(""),D(null),delete window.__editingCheckpointId,I.current&&(I.current.style.height="auto")},ee=$=>{$.key==="Enter"&&!$.shiftKey?($.preventDefault(),se()):$.key==="Escape"&&N&&($.preventDefault(),W())},pe=$=>{const te=Array.from($.target.files||[]);G(oe=>[...oe,...te])},he=$=>G(te=>te.filter((oe,ue)=>$!==ue)),J=async $=>{u&&(await x($),T($))},ve=async()=>{await E(),T(null)},ce=`flex flex-col h-full bg-transparent ${e} ${c.container||""}`,me=`flex-1 min-h-0 overflow-y-auto p-4 space-y-4 bg-transparent ${c.messagesArea||""}`,Te=`flex-shrink-0 border-t p-4 bg-transparent ${c.inputArea||""}`;return i.jsxs("div",{className:ce,children:[!!g&&!V&&i.jsxs("div",{className:"bg-red-50 border border-red-200 text-red-800 px-4 py-2 text-sm flex items-center justify-between",children:[i.jsx("span",{children:g}),i.jsx(fe,{variant:"ghost",size:"sm",onClick:()=>z(!0),className:"text-red-800 hover:bg-red-100","aria-label":"Dismiss error",children:i.jsx(K.X,{size:16})})]}),u&&X.length>0&&i.jsxs("div",{className:"flex items-center gap-2 px-4 py-2 border-b bg-background/50 text-xs",children:[i.jsx(K.GitBranch,{className:"h-4 w-4 opacity-70"}),i.jsx("span",{className:"opacity-70",children:"Checkpoint:"}),i.jsxs("select",{className:"border rounded px-2 py-1 text-xs",value:q??"",onChange:$=>{const te=$.target.value||null;te?J(te):ve()},children:[i.jsx("option",{value:"",children:"Latest"}),X.slice().sort(($,te)=>new Date(te.createdAt).getTime()-new Date($.createdAt).getTime()).map($=>i.jsxs("option",{value:$.checkpointId,children:[new Date($.createdAt).toLocaleString(),$.preview?` — ${$.preview.slice(0,30)}`:""]},$.checkpointId))]})]}),i.jsxs("div",{className:me,style:r?{maxHeight:r}:void 0,children:[p.length===0?i.jsx("div",{className:"flex items-center justify-center py-8 text-muted-foreground",children:"No messages yet. Start a conversation!"}):p.map(($,te)=>i.jsx(na,{message:$,messageIndex:te,isStreamingMessage:m&&v===$.id,streamingDebounceMs:o,isEditing:N===$.id,showActions:a,showTimestamp:!1,showAgentName:!0,layoutSize:Y,truncateToolMessages:!1,toolMessagePreviewLength:200,checkpointBranches:ie(te),currentCheckpointId:q??void 0,temporalNavigation:R(te),onSwitchToCheckpoint:J,onReturnToMainThread:ve,onNavigateToPreviousBranch:()=>{const oe=ie(te),ue=Math.max(0,oe.findIndex(Ae=>Ae.isCurrent));ue>0&&J(oe[ue-1].checkpoint_id)},onNavigateToNextBranch:()=>{const oe=ie(te),ue=Math.max(0,oe.findIndex(Ae=>Ae.isCurrent));ue>=0&&ue<oe.length-1&&J(oe[ue+1].checkpoint_id)},onEdit:(oe,ue)=>le(oe,ue),onEditFromCheckpoint:ae,onRegenerate:()=>{const oe=[...p].reverse().find(Ae=>Ae.role==="user"),ue=oe?de(oe):"";ue&&h(ue,{checkpointId:q??void 0})},onCancelEdit:W},$.id||te)),i.jsx("div",{ref:_})]}),i.jsxs("div",{className:Te,children:[N&&i.jsx("div",{className:"mb-3 p-3 bg-blue-50 border border-blue-200 rounded-lg",children:i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsx(K.Edit3,{size:16,className:"text-blue-600"}),i.jsx("span",{className:"text-sm font-medium text-blue-800",children:"Editing message"})]}),i.jsx(fe,{variant:"ghost",size:"sm",onClick:W,className:"text-blue-600 hover:bg-blue-100",children:i.jsx(K.X,{size:16})})]})}),s&&i.jsxs("div",{className:"mb-3",children:[i.jsx("input",{ref:k,type:"file",multiple:!0,onChange:$=>pe($),className:"hidden"}),j.length>0&&i.jsx("div",{className:"mb-3 flex flex-wrap gap-2",children:j.map(($,te)=>i.jsxs("div",{className:"flex items-center gap-2 bg-gray-100 rounded-lg px-3 py-2 text-sm",children:[i.jsx(K.Paperclip,{size:14}),i.jsx("span",{className:"truncate max-w-[150px]",children:$.name}),i.jsx(fe,{variant:"ghost",size:"sm",onClick:()=>he(te),className:"h-4 w-4 p-0 text-gray-500 hover:text-red-500","aria-label":`Remove ${$.name}`,children:i.jsx(K.X,{size:12})})]},te))})]}),M&&i.jsx("div",{className:"mb-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded px-3 py-2",children:M}),i.jsxs("div",{className:"flex items-end gap-2",children:[s&&i.jsxs(Nm,{children:[i.jsx(Tm,{asChild:!0,children:i.jsx(fe,{type:"button",size:"icon",variant:"outline",disabled:m,title:"More input actions",className:c.moreButton||"",children:i.jsx(K.Plus,{size:16})})}),i.jsx(ic,{align:"start",sideOffset:6,className:"w-52",children:i.jsxs(cc,{onClick:()=>{var $;return($=k.current)==null?void 0:$.click()},className:"cursor-pointer",children:[i.jsx(K.Paperclip,{className:"h-4 w-4 mr-2"})," Attach files or images"]})})]}),i.jsx("div",{className:"flex-1",children:i.jsx(Gs,{ref:I,value:C,onChange:$=>{O($.target.value),D(null),I.current&&(I.current.style.height="auto",I.current.style.height=`${I.current.scrollHeight}px`)},onKeyDown:ee,placeholder:N?"Edit your message...":t,className:`resize-none min-h-[44px] max-h-[20rem] w-full ${N?"border-blue-400 bg-blue-50":""} ${M?"border-red-400":""} ${c.textarea||""}`,disabled:!1,maxLength:yt,rows:1})}),i.jsx("div",{children:m?i.jsx(fe,{type:"button",onClick:b,size:"icon",variant:"outline",className:"shrink-0",title:"Stop generating",children:i.jsx(K.Square,{size:16})}):i.jsx(fe,{type:"button",onClick:se,size:"icon",disabled:!C.trim()&&j.length===0,className:`shrink-0 ${c.sendButton||""}`,title:N?"Save changes":"Send message",children:i.jsx(K.Send,{size:16})})})]}),C.length>yt*.8&&i.jsxs("div",{className:"mt-2 text-xs text-gray-500 text-right",children:[C.length,"/",yt]})]})]})}const nn=l.forwardRef(({className:e,type:t,...n},r)=>i.jsx("input",{type:t,className:A("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:r,...n}));nn.displayName="Input";function To(e,[t,n]){return Math.min(n,Math.max(t,e))}function Mm(e,t){return l.useReducer((n,r)=>t[n][r]??n,e)}var Ao="ScrollArea",[lc,_w]=Le(Ao),[Dm,ke]=lc(Ao),dc=l.forwardRef((e,t)=>{const{__scopeScrollArea:n,type:r="hover",dir:o,scrollHideDelay:s=600,...a}=e,[c,d]=l.useState(null),[f,u]=l.useState(null),[p,m]=l.useState(null),[v,g]=l.useState(null),[h,b]=l.useState(null),[w,y]=l.useState(0),[x,E]=l.useState(0),[C,O]=l.useState(!1),[N,L]=l.useState(!1),M=re(t,j=>d(j)),D=Cn(o);return i.jsx(Dm,{scope:n,type:r,dir:D,scrollHideDelay:s,scrollArea:c,viewport:f,onViewportChange:u,content:p,onContentChange:m,scrollbarX:v,onScrollbarXChange:g,scrollbarXEnabled:C,onScrollbarXEnabledChange:O,scrollbarY:h,onScrollbarYChange:b,scrollbarYEnabled:N,onScrollbarYEnabledChange:L,onCornerWidthChange:y,onCornerHeightChange:E,children:i.jsx(Z.div,{dir:D,...a,ref:M,style:{position:"relative","--radix-scroll-area-corner-width":w+"px","--radix-scroll-area-corner-height":x+"px",...e.style}})})});dc.displayName=Ao;var uc="ScrollAreaViewport",fc=l.forwardRef((e,t)=>{const{__scopeScrollArea:n,children:r,nonce:o,...s}=e,a=ke(uc,n),c=l.useRef(null),d=re(t,c,a.onViewportChange);return i.jsxs(i.Fragment,{children:[i.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:o}),i.jsx(Z.div,{"data-radix-scroll-area-viewport":"",...s,ref:d,style:{overflowX:a.scrollbarXEnabled?"scroll":"hidden",overflowY:a.scrollbarYEnabled?"scroll":"hidden",...e.style},children:i.jsx("div",{ref:a.onContentChange,style:{minWidth:"100%",display:"table"},children:r})})]})});fc.displayName=uc;var Xe="ScrollAreaScrollbar",Po=l.forwardRef((e,t)=>{const{forceMount:n,...r}=e,o=ke(Xe,e.__scopeScrollArea),{onScrollbarXEnabledChange:s,onScrollbarYEnabledChange:a}=o,c=e.orientation==="horizontal";return l.useEffect(()=>(c?s(!0):a(!0),()=>{c?s(!1):a(!1)}),[c,s,a]),o.type==="hover"?i.jsx(Lm,{...r,ref:t,forceMount:n}):o.type==="scroll"?i.jsx(Fm,{...r,ref:t,forceMount:n}):o.type==="auto"?i.jsx(pc,{...r,ref:t,forceMount:n}):o.type==="always"?i.jsx(_o,{...r,ref:t}):null});Po.displayName=Xe;var Lm=l.forwardRef((e,t)=>{const{forceMount:n,...r}=e,o=ke(Xe,e.__scopeScrollArea),[s,a]=l.useState(!1);return l.useEffect(()=>{const c=o.scrollArea;let d=0;if(c){const f=()=>{window.clearTimeout(d),a(!0)},u=()=>{d=window.setTimeout(()=>a(!1),o.scrollHideDelay)};return c.addEventListener("pointerenter",f),c.addEventListener("pointerleave",u),()=>{window.clearTimeout(d),c.removeEventListener("pointerenter",f),c.removeEventListener("pointerleave",u)}}},[o.scrollArea,o.scrollHideDelay]),i.jsx(Ne,{present:n||s,children:i.jsx(pc,{"data-state":s?"visible":"hidden",...r,ref:t})})}),Fm=l.forwardRef((e,t)=>{const{forceMount:n,...r}=e,o=ke(Xe,e.__scopeScrollArea),s=e.orientation==="horizontal",a=Zn(()=>d("SCROLL_END"),100),[c,d]=Mm("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return l.useEffect(()=>{if(c==="idle"){const f=window.setTimeout(()=>d("HIDE"),o.scrollHideDelay);return()=>window.clearTimeout(f)}},[c,o.scrollHideDelay,d]),l.useEffect(()=>{const f=o.viewport,u=s?"scrollLeft":"scrollTop";if(f){let p=f[u];const m=()=>{const v=f[u];p!==v&&(d("SCROLL"),a()),p=v};return f.addEventListener("scroll",m),()=>f.removeEventListener("scroll",m)}},[o.viewport,s,d,a]),i.jsx(Ne,{present:n||c!=="hidden",children:i.jsx(_o,{"data-state":c==="hidden"?"hidden":"visible",...r,ref:t,onPointerEnter:U(e.onPointerEnter,()=>d("POINTER_ENTER")),onPointerLeave:U(e.onPointerLeave,()=>d("POINTER_LEAVE"))})})}),pc=l.forwardRef((e,t)=>{const n=ke(Xe,e.__scopeScrollArea),{forceMount:r,...o}=e,[s,a]=l.useState(!1),c=e.orientation==="horizontal",d=Zn(()=>{if(n.viewport){const f=n.viewport.offsetWidth<n.viewport.scrollWidth,u=n.viewport.offsetHeight<n.viewport.scrollHeight;a(c?f:u)}},10);return It(n.viewport,d),It(n.content,d),i.jsx(Ne,{present:r||s,children:i.jsx(_o,{"data-state":s?"visible":"hidden",...o,ref:t})})}),_o=l.forwardRef((e,t)=>{const{orientation:n="vertical",...r}=e,o=ke(Xe,e.__scopeScrollArea),s=l.useRef(null),a=l.useRef(0),[c,d]=l.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),f=vc(c.viewport,c.content),u={...r,sizes:c,onSizesChange:d,hasThumb:f>0&&f<1,onThumbChange:m=>s.current=m,onThumbPointerUp:()=>a.current=0,onThumbPointerDown:m=>a.current=m};function p(m,v){return Wm(m,a.current,c,v)}return n==="horizontal"?i.jsx($m,{...u,ref:t,onThumbPositionChange:()=>{if(o.viewport&&s.current){const m=o.viewport.scrollLeft,v=wc(m,c,o.dir);s.current.style.transform=`translate3d(${v}px, 0, 0)`}},onWheelScroll:m=>{o.viewport&&(o.viewport.scrollLeft=m)},onDragScroll:m=>{o.viewport&&(o.viewport.scrollLeft=p(m,o.dir))}}):n==="vertical"?i.jsx(Bm,{...u,ref:t,onThumbPositionChange:()=>{if(o.viewport&&s.current){const m=o.viewport.scrollTop,v=wc(m,c);s.current.style.transform=`translate3d(0, ${v}px, 0)`}},onWheelScroll:m=>{o.viewport&&(o.viewport.scrollTop=m)},onDragScroll:m=>{o.viewport&&(o.viewport.scrollTop=p(m))}}):null}),$m=l.forwardRef((e,t)=>{const{sizes:n,onSizesChange:r,...o}=e,s=ke(Xe,e.__scopeScrollArea),[a,c]=l.useState(),d=l.useRef(null),f=re(t,d,s.onScrollbarXChange);return l.useEffect(()=>{d.current&&c(getComputedStyle(d.current))},[d]),i.jsx(gc,{"data-orientation":"horizontal",...o,ref:f,sizes:n,style:{bottom:0,left:s.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:s.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":Jn(n)+"px",...e.style},onThumbPointerDown:u=>e.onThumbPointerDown(u.x),onDragScroll:u=>e.onDragScroll(u.x),onWheelScroll:(u,p)=>{if(s.viewport){const m=s.viewport.scrollLeft+u.deltaX;e.onWheelScroll(m),xc(m,p)&&u.preventDefault()}},onResize:()=>{d.current&&s.viewport&&a&&r({content:s.viewport.scrollWidth,viewport:s.viewport.offsetWidth,scrollbar:{size:d.current.clientWidth,paddingStart:Yn(a.paddingLeft),paddingEnd:Yn(a.paddingRight)}})}})}),Bm=l.forwardRef((e,t)=>{const{sizes:n,onSizesChange:r,...o}=e,s=ke(Xe,e.__scopeScrollArea),[a,c]=l.useState(),d=l.useRef(null),f=re(t,d,s.onScrollbarYChange);return l.useEffect(()=>{d.current&&c(getComputedStyle(d.current))},[d]),i.jsx(gc,{"data-orientation":"vertical",...o,ref:f,sizes:n,style:{top:0,right:s.dir==="ltr"?0:void 0,left:s.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":Jn(n)+"px",...e.style},onThumbPointerDown:u=>e.onThumbPointerDown(u.y),onDragScroll:u=>e.onDragScroll(u.y),onWheelScroll:(u,p)=>{if(s.viewport){const m=s.viewport.scrollTop+u.deltaY;e.onWheelScroll(m),xc(m,p)&&u.preventDefault()}},onResize:()=>{d.current&&s.viewport&&a&&r({content:s.viewport.scrollHeight,viewport:s.viewport.offsetHeight,scrollbar:{size:d.current.clientHeight,paddingStart:Yn(a.paddingTop),paddingEnd:Yn(a.paddingBottom)}})}})}),[Um,hc]=lc(Xe),gc=l.forwardRef((e,t)=>{const{__scopeScrollArea:n,sizes:r,hasThumb:o,onThumbChange:s,onThumbPointerUp:a,onThumbPointerDown:c,onThumbPositionChange:d,onDragScroll:f,onWheelScroll:u,onResize:p,...m}=e,v=ke(Xe,n),[g,h]=l.useState(null),b=re(t,M=>h(M)),w=l.useRef(null),y=l.useRef(""),x=v.viewport,E=r.content-r.viewport,C=we(u),O=we(d),N=Zn(p,10);function L(M){if(w.current){const D=M.clientX-w.current.left,j=M.clientY-w.current.top;f({x:D,y:j})}}return l.useEffect(()=>{const M=D=>{const j=D.target;(g==null?void 0:g.contains(j))&&C(D,E)};return document.addEventListener("wheel",M,{passive:!1}),()=>document.removeEventListener("wheel",M,{passive:!1})},[x,g,E,C]),l.useEffect(O,[r,O]),It(g,N),It(v.content,N),i.jsx(Um,{scope:n,scrollbar:g,hasThumb:o,onThumbChange:we(s),onThumbPointerUp:we(a),onThumbPositionChange:O,onThumbPointerDown:we(c),children:i.jsx(Z.div,{...m,ref:b,style:{position:"absolute",...m.style},onPointerDown:U(e.onPointerDown,M=>{M.button===0&&(M.target.setPointerCapture(M.pointerId),w.current=g.getBoundingClientRect(),y.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",v.viewport&&(v.viewport.style.scrollBehavior="auto"),L(M))}),onPointerMove:U(e.onPointerMove,L),onPointerUp:U(e.onPointerUp,M=>{const D=M.target;D.hasPointerCapture(M.pointerId)&&D.releasePointerCapture(M.pointerId),document.body.style.webkitUserSelect=y.current,v.viewport&&(v.viewport.style.scrollBehavior=""),w.current=null})})})}),Xn="ScrollAreaThumb",mc=l.forwardRef((e,t)=>{const{forceMount:n,...r}=e,o=hc(Xn,e.__scopeScrollArea);return i.jsx(Ne,{present:n||o.hasThumb,children:i.jsx(zm,{ref:t,...r})})}),zm=l.forwardRef((e,t)=>{const{__scopeScrollArea:n,style:r,...o}=e,s=ke(Xn,n),a=hc(Xn,n),{onThumbPositionChange:c}=a,d=re(t,p=>a.onThumbChange(p)),f=l.useRef(void 0),u=Zn(()=>{f.current&&(f.current(),f.current=void 0)},100);return l.useEffect(()=>{const p=s.viewport;if(p){const m=()=>{if(u(),!f.current){const v=Vm(p,c);f.current=v,c()}};return c(),p.addEventListener("scroll",m),()=>p.removeEventListener("scroll",m)}},[s.viewport,u,c]),i.jsx(Z.div,{"data-state":a.hasThumb?"visible":"hidden",...o,ref:d,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...r},onPointerDownCapture:U(e.onPointerDownCapture,p=>{const v=p.target.getBoundingClientRect(),g=p.clientX-v.left,h=p.clientY-v.top;a.onThumbPointerDown({x:g,y:h})}),onPointerUp:U(e.onPointerUp,a.onThumbPointerUp)})});mc.displayName=Xn;var Io="ScrollAreaCorner",bc=l.forwardRef((e,t)=>{const n=ke(Io,e.__scopeScrollArea),r=!!(n.scrollbarX&&n.scrollbarY);return n.type!=="scroll"&&r?i.jsx(Hm,{...e,ref:t}):null});bc.displayName=Io;var Hm=l.forwardRef((e,t)=>{const{__scopeScrollArea:n,...r}=e,o=ke(Io,n),[s,a]=l.useState(0),[c,d]=l.useState(0),f=!!(s&&c);return It(o.scrollbarX,()=>{var p;const u=((p=o.scrollbarX)==null?void 0:p.offsetHeight)||0;o.onCornerHeightChange(u),d(u)}),It(o.scrollbarY,()=>{var p;const u=((p=o.scrollbarY)==null?void 0:p.offsetWidth)||0;o.onCornerWidthChange(u),a(u)}),f?i.jsx(Z.div,{...r,ref:t,style:{width:s,height:c,position:"absolute",right:o.dir==="ltr"?0:void 0,left:o.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function Yn(e){return e?parseInt(e,10):0}function vc(e,t){const n=e/t;return isNaN(n)?0:n}function Jn(e){const t=vc(e.viewport,e.content),n=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-n)*t;return Math.max(r,18)}function Wm(e,t,n,r="ltr"){const o=Jn(n),s=o/2,a=t||s,c=o-a,d=n.scrollbar.paddingStart+a,f=n.scrollbar.size-n.scrollbar.paddingEnd-c,u=n.content-n.viewport,p=r==="ltr"?[0,u]:[u*-1,0];return yc([d,f],p)(e)}function wc(e,t,n="ltr"){const r=Jn(t),o=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,s=t.scrollbar.size-o,a=t.content-t.viewport,c=s-r,d=n==="ltr"?[0,a]:[a*-1,0],f=To(e,d);return yc([0,a],[0,c])(f)}function yc(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}function xc(e,t){return e>0&&e<t}var Vm=(e,t=()=>{})=>{let n={left:e.scrollLeft,top:e.scrollTop},r=0;return function o(){const s={left:e.scrollLeft,top:e.scrollTop},a=n.left!==s.left,c=n.top!==s.top;(a||c)&&t(),n=s,r=window.requestAnimationFrame(o)}(),()=>window.cancelAnimationFrame(r)};function Zn(e,t){const n=we(e),r=l.useRef(0);return l.useEffect(()=>()=>window.clearTimeout(r.current),[]),l.useCallback(()=>{window.clearTimeout(r.current),r.current=window.setTimeout(n,t)},[n,t])}function It(e,t){const n=we(t);be(()=>{let r=0;if(e){const o=new ResizeObserver(()=>{cancelAnimationFrame(r),r=window.requestAnimationFrame(n)});return o.observe(e),()=>{window.cancelAnimationFrame(r),o.unobserve(e)}}},[e,n])}var Sc=dc,Rm=fc,jm=bc;const Cc=l.forwardRef(({className:e,children:t,...n},r)=>i.jsxs(Sc,{ref:r,className:A("relative overflow-hidden",e),...n,children:[i.jsx(Rm,{className:"h-full w-full rounded-[inherit] overflow-auto",children:t}),i.jsx(Ec,{}),i.jsx(jm,{})]}));Cc.displayName=Sc.displayName;const Ec=l.forwardRef(({className:e,orientation:t="vertical",...n},r)=>i.jsx(Po,{ref:r,orientation:t,className:A("flex touch-none select-none transition-colors",t==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",t==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...n,children:i.jsx(mc,{className:"relative flex-1 rounded-full bg-border"})}));Ec.displayName=Po.displayName;function Qn({className:e="",showCreateButton:t=!0,showDeleteButton:n=!0,showEditTitle:r=!0,maxHeight:o="400px",customStyles:s={},currentThreadId:a=null,navigateToThread:c,onThreadSelect:d,onThreadCreate:f,onThreadDelete:u}){const{loadThread:p,threads:m,refreshThreads:v,currentThreadId:g,createThread:h,deleteThread:b,renameThread:w}=Lr(),[y,x]=P.useState(m??[]),[E,C]=P.useState(!1),[O,N]=P.useState(null),[L,M]=P.useState(null),[D,j]=P.useState(""),[G,V]=P.useState(!1);P.useEffect(()=>{x(m??[])},[m]);const z=async B=>{try{await p(B),c==null||c(B),d==null||d(B)}catch(H){console.error("Failed to select thread:",H)}},X=async()=>{try{V(!0);const B=await h();f==null||f(B),c==null||c(B)}catch(B){console.error("Failed to create thread:",B)}finally{V(!1)}},F=async(B,H)=>{if(H.stopPropagation(),!!confirm("Delete this thread?"))try{await b(B),u==null||u(B)}catch(de){console.error("Failed to delete thread:",de)}},q=(B,H)=>{H.stopPropagation(),M(B.threadId),j(B.title||`Thread ${B.threadId.slice(0,8)}`)},T=async B=>{if(D.trim())try{await w(B,D.trim()),M(null),j("")}catch(H){console.error("Failed to update title:",H)}},_=()=>{M(null),j("")},I=(B,H)=>{B.key==="Enter"?T(H):B.key==="Escape"&&_()},k=B=>{if(!B)return"";try{const H=new Date(B),ie=new Date().getTime()-H.getTime(),R=Math.floor(ie/(1e3*60*60*24));return R===0?H.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):R===1?"Yesterday":R<7?`${R} days ago`:H.toLocaleDateString()}catch{return""}},Y=B=>B.title||`Thread ${B.threadId.slice(0,8)}`;return i.jsxs("div",{className:`flex flex-col h-full ${e} ${s.container||""}`,children:[t&&i.jsx("div",{className:s.header||"flex-shrink-0 p-4 border-b bg-slate-800 border-slate-700 text-slate-100",children:i.jsxs(fe,{onClick:X,disabled:G||E,className:s.createButton||"w-full !bg-slate-700 hover:!bg-slate-600 !text-slate-100 !border-slate-600",size:"sm",children:[i.jsx(K.Plus,{size:16,className:"mr-2"}),G?"Creating...":"New Conversation"]})}),i.jsx(Cc,{className:`flex-1 ${s.threadList||""}`,style:{maxHeight:o},children:i.jsx("div",{className:"p-2 space-y-1 pb-4",children:E?i.jsx("div",{className:"text-center py-8 text-slate-400",children:"Loading…"}):y.length===0?i.jsxs("div",{className:"text-center py-8 text-slate-400",children:[i.jsx(K.MessageSquare,{className:"w-8 h-8 mx-auto mb-2 opacity-40 text-slate-500"}),i.jsx("p",{className:"text-sm text-slate-500",children:"No conversations yet"})]}):y.slice().sort((B,H)=>new Date(H.updatedAt||H.createdAt||"").getTime()-new Date(B.updatedAt||B.createdAt||"").getTime()).map(B=>i.jsxs("div",{onClick:()=>z(B.threadId),className:`group relative p-3 rounded-lg cursor-pointer transition-colors border ${(a??g)===B.threadId?`${s.activeThread||"bg-slate-600 border-slate-500"} `:`${s.threadItem||"bg-slate-700 border-slate-600 hover:bg-slate-600 text-gray-900 dark:text-slate-100"}`} ${s.threadItem||""} text-gray-900 dark:text-slate-100`,children:[i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsx("div",{className:"flex-1 min-w-0",children:L===B.threadId?i.jsxs("div",{className:"flex items-center gap-2",onClick:H=>H.stopPropagation(),children:[i.jsx(nn,{value:D,onChange:H=>j(H.target.value),onKeyDown:H=>I(H,B.threadId),className:"h-6 text-sm",autoFocus:!0}),i.jsx(fe,{variant:"ghost",size:"sm",onClick:()=>T(B.threadId),className:"h-6 w-6 p-0",children:i.jsx(K.Check,{size:12})}),i.jsx(fe,{variant:"ghost",size:"sm",onClick:_,className:"h-6 w-6 p-0",children:i.jsx(K.X,{size:12})})]}):i.jsxs(i.Fragment,{children:[i.jsx("div",{className:"font-medium text-sm truncate text-gray-900 dark:text-slate-100",children:Y(B)}),i.jsxs("div",{className:"flex items-center gap-2 text-xs text-gray-500 dark:text-slate-400 mt-1",children:[i.jsx(K.Calendar,{size:10}),i.jsx("span",{children:k(B.updatedAt||B.createdAt)})]})]})}),i.jsxs("div",{className:"flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity ml-2",children:[r&&L!==B.threadId&&i.jsx(fe,{variant:"ghost",size:"sm",onClick:H=>q(B,H),className:"h-6 w-6 p-0",title:"Edit title",children:i.jsx(K.Edit3,{size:12})}),n&&i.jsx(fe,{variant:"ghost",size:"sm",onClick:H=>F(B.threadId,H),className:"h-6 w-6 p-0 text-red-400 hover:text-red-300 hover:bg-red-900/20",title:"Delete thread",children:i.jsx(K.Trash2,{size:12})})]})]}),a===B.threadId&&i.jsx("div",{className:"absolute left-0 top-1/2 -translate-y-1/2 w-1 h-8 bg-blue-400 rounded-r"})]},B.threadId))})})]})}const Nc=P.createContext(null);function Km({children:e,basePath:t="/chat"}){const n=P.useMemo(()=>t?t==="/"?"":t.endsWith("/")?t.slice(0,-1):t:"/chat",[t]),r={basePath:n,buildThreadPath:o=>`${n}/${o}`,buildBasePath:()=>n};return i.jsx(Nc.Provider,{value:r,children:e})}function Gm(){const e=P.useContext(Nc);return e||{basePath:"/chat",buildThreadPath:t=>`/chat/${t}`,buildBasePath:()=>"/chat"}}const Tc={BASE_URL:"/",DEV:!1,MODE:"library",PROD:!0,SSR:!1};function rn(e){var o;const t=typeof{url:typeof document>"u"&&typeof location>"u"?require("url").pathToFileURL(__filename).href:typeof document>"u"?location.href:br&&br.tagName.toUpperCase()==="SCRIPT"&&br.src||new URL("index.umd.js",document.baseURI).href}<"u"&&Tc?Tc[e]:void 0,n=(o=globalThis==null?void 0:globalThis.process)==null?void 0:o.env,r=n?n[e]:void 0;return(t??r)||void 0}function qm(){return rn("VITE_API_BASE_URL")||rn("NEXT_PUBLIC_API_BASE_URL")||void 0}function Xm(){return rn("VITE_API_KEY")||rn("NEXT_PUBLIC_API_KEY")||rn("VITE_AUTH_TOKEN")||void 0}function Ac(){const e=qm(),t=Xm(),n={};return e&&(n.baseUrl=e),t&&(n.apiKey=t),n}function Pc(){const e=Ac(),t=Ye.getAuthToken();return{apiBaseUrl:e.baseUrl||Ye.baseUrl||"http://localhost:8000",apiKey:t||e.apiKey||"",model:"gpt-4",temperature:.7,maxTokens:4096,layoutSize:"desktop",showThreads:!0,autoScrollMessages:!0,truncateToolMessages:!0,toolMessagePreviewLength:200,darkMode:!1,enableSound:!1,messageHistory:100}}const _c="chat-settings";function Ym(){try{const e=localStorage.getItem(_c);return e?JSON.parse(e):{}}catch(e){return console.error("Failed to parse stored settings:",e),{}}}function Jm(e){try{localStorage.setItem(_c,JSON.stringify(e)),e.apiKey&&Ye.setAuthToken(e.apiKey)}catch(t){console.error("Failed to save settings:",t)}}function Zm(){const e=Pc(),t=Ym(),n=Ye.getAuthToken();return{...e,...t,apiKey:n||t.apiKey||e.apiKey,apiBaseUrl:Ye.baseUrl||t.apiBaseUrl||e.apiBaseUrl}}function Qm(e){e.apiKey&&Ye.setAuthToken(e.apiKey),Jm(e)}const Oo=768;function eb(){const[e,t]=l.useState(void 0);return l.useEffect(()=>{const n=window.matchMedia(`(max-width: ${Oo-1}px)`),r=()=>{t(window.innerWidth<Oo)};return n.addEventListener("change",r),t(window.innerWidth<Oo),()=>n.removeEventListener("change",r)},[]),!!e}var tb="Separator",Ic="horizontal",nb=["horizontal","vertical"],Oc=l.forwardRef((e,t)=>{const{decorative:n,orientation:r=Ic,...o}=e,s=rb(r)?r:Ic,c=n?{role:"none"}:{"aria-orientation":s==="vertical"?s:void 0,role:"separator"};return i.jsx(Z.div,{"data-orientation":s,...c,...o,ref:t})});Oc.displayName=tb;function rb(e){return nb.includes(e)}var kc=Oc;const ko=l.forwardRef(({className:e,orientation:t="horizontal",decorative:n=!0,...r},o)=>i.jsx(kc,{ref:o,decorative:n,orientation:t,className:A("shrink-0 bg-border",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...r}));ko.displayName=kc.displayName;var er="Dialog",[Mc,Iw]=Le(er),[ob,Ue]=Mc(er),Dc=e=>{const{__scopeDialog:t,children:n,open:r,defaultOpen:o,onOpenChange:s,modal:a=!0}=e,c=l.useRef(null),d=l.useRef(null),[f,u]=Qe({prop:r,defaultProp:o??!1,onChange:s,caller:er});return i.jsx(ob,{scope:t,triggerRef:c,contentRef:d,contentId:Fe(),titleId:Fe(),descriptionId:Fe(),open:f,onOpenChange:u,onOpenToggle:l.useCallback(()=>u(p=>!p),[u]),modal:a,children:n})};Dc.displayName=er;var Lc="DialogTrigger",Fc=l.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,o=Ue(Lc,n),s=re(t,o.triggerRef);return i.jsx(Z.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":Lo(o.open),...r,ref:s,onClick:U(e.onClick,o.onOpenToggle)})});Fc.displayName=Lc;var Mo="DialogPortal",[sb,$c]=Mc(Mo,{forceMount:void 0}),Bc=e=>{const{__scopeDialog:t,forceMount:n,children:r,container:o}=e,s=Ue(Mo,t);return i.jsx(sb,{scope:t,forceMount:n,children:l.Children.map(r,a=>i.jsx(Ne,{present:n||s.open,children:i.jsx(Ln,{asChild:!0,container:o,children:a})}))})};Bc.displayName=Mo;var tr="DialogOverlay",Uc=l.forwardRef((e,t)=>{const n=$c(tr,e.__scopeDialog),{forceMount:r=n.forceMount,...o}=e,s=Ue(tr,e.__scopeDialog);return s.modal?i.jsx(Ne,{present:r||s.open,children:i.jsx(ib,{...o,ref:t})}):null});Uc.displayName=tr;var ab=Pe.createSlot("DialogOverlay.RemoveScroll"),ib=l.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,o=Ue(tr,n);return i.jsx(Vn,{as:ab,allowPinchZoom:!0,shards:[o.contentRef],children:i.jsx(Z.div,{"data-state":Lo(o.open),...r,ref:t,style:{pointerEvents:"auto",...r.style}})})}),pt="DialogContent",zc=l.forwardRef((e,t)=>{const n=$c(pt,e.__scopeDialog),{forceMount:r=n.forceMount,...o}=e,s=Ue(pt,e.__scopeDialog);return i.jsx(Ne,{present:r||s.open,children:s.modal?i.jsx(cb,{...o,ref:t}):i.jsx(lb,{...o,ref:t})})});zc.displayName=pt;var cb=l.forwardRef((e,t)=>{const n=Ue(pt,e.__scopeDialog),r=l.useRef(null),o=re(t,n.contentRef,r);return l.useEffect(()=>{const s=r.current;if(s)return po(s)},[]),i.jsx(Hc,{...e,ref:o,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:U(e.onCloseAutoFocus,s=>{var a;s.preventDefault(),(a=n.triggerRef.current)==null||a.focus()}),onPointerDownOutside:U(e.onPointerDownOutside,s=>{const a=s.detail.originalEvent,c=a.button===0&&a.ctrlKey===!0;(a.button===2||c)&&s.preventDefault()}),onFocusOutside:U(e.onFocusOutside,s=>s.preventDefault())})}),lb=l.forwardRef((e,t)=>{const n=Ue(pt,e.__scopeDialog),r=l.useRef(!1),o=l.useRef(!1);return i.jsx(Hc,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:s=>{var a,c;(a=e.onCloseAutoFocus)==null||a.call(e,s),s.defaultPrevented||(r.current||(c=n.triggerRef.current)==null||c.focus(),s.preventDefault()),r.current=!1,o.current=!1},onInteractOutside:s=>{var d,f;(d=e.onInteractOutside)==null||d.call(e,s),s.defaultPrevented||(r.current=!0,s.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const a=s.target;((f=n.triggerRef.current)==null?void 0:f.contains(a))&&s.preventDefault(),s.detail.originalEvent.type==="focusin"&&o.current&&s.preventDefault()}})}),Hc=l.forwardRef((e,t)=>{const{__scopeDialog:n,trapFocus:r,onOpenAutoFocus:o,onCloseAutoFocus:s,...a}=e,c=Ue(pt,n),d=l.useRef(null),f=re(t,d);return Vr(),i.jsxs(i.Fragment,{children:[i.jsx(En,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:o,onUnmountAutoFocus:s,children:i.jsx(jt,{role:"dialog",id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":Lo(c.open),...a,ref:f,onDismiss:()=>c.onOpenChange(!1)})}),i.jsxs(i.Fragment,{children:[i.jsx(db,{titleId:c.titleId}),i.jsx(fb,{contentRef:d,descriptionId:c.descriptionId})]})]})}),Do="DialogTitle",Wc=l.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,o=Ue(Do,n);return i.jsx(Z.h2,{id:o.titleId,...r,ref:t})});Wc.displayName=Do;var Vc="DialogDescription",Rc=l.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,o=Ue(Vc,n);return i.jsx(Z.p,{id:o.descriptionId,...r,ref:t})});Rc.displayName=Vc;var jc="DialogClose",Kc=l.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,o=Ue(jc,n);return i.jsx(Z.button,{type:"button",...r,ref:t,onClick:U(e.onClick,()=>o.onOpenChange(!1))})});Kc.displayName=jc;function Lo(e){return e?"open":"closed"}var Gc="DialogTitleWarning",[Ow,qc]=lf(Gc,{contentName:pt,titleName:Do,docsSlug:"dialog"}),db=({titleId:e})=>{const t=qc(Gc),n=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
|
|
59
59
|
|
|
60
60
|
If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
61
61
|
|
package/package.json
CHANGED