@flexkit/studio 0.2.9 → 0.2.10

package/dist/{chat-page-FLCLBZUX.js → chat-page-N2PGTH56.js}

@@ -1,4 +1,4 @@
-import'./index.css';import {a}from'./chunk-3OAEG7AE.js';import {f as f$2,b,c,g as g$1,a as a$1,e as e$1,d}from'./chunk-CSUHZFEP.js';import {u,x,t,E,n,l,k,m,o,v as v$1,r,s,p,e as e$2,D,A,y,g as g$2,j,h,f as f$3,w,C,F,B,q}from'./chunk-Z5TZVTX3.js';import {g,f as f$1,a as a$3}from'./chunk-ROCYIGFD.js';import {f}from'./chunk-CMZV7EPC.js';import'./chunk-TYDYAOQ7.js';import {Pb,N,Nb,_a,$a,bb,Vb,Yb,Wb,Xb,Zb,_b,ac,bc,cc,Tb,fc,gc,jc,hc,ic,Ic,ec}from'./chunk-YCCFUGWJ.js';import {v}from'./chunk-32ZU4MLE.js';import'./chunk-HDOIOXMP.js';import'./chunk-SZEGGBOC.js';import'./chunk-U45E5X3H.js';import {b as b$1,c as c$1,e}from'./chunk-USNXQOMJ.js';import {b as b$2}from'./chunk-6NRQMG26.js';import {a as a$2}from'./chunk-O2QMYUPS.js';import {useRef,useMemo,useState,useEffect,useLayoutEffect}from'react';import {LoaderCircle,CornerDownRightIcon,CheckIcon,CopyIcon,PencilIcon}from'lucide-react';import {useParams,useNavigate}from'react-router-dom';import ce,{useSWRConfig}from'swr';import {jsx,jsxs}from'react/jsx-runtime';function Rt(e,t){let r=Date.parse(e.createdAt)-Date.parse(t.createdAt);return Number.isFinite(r)&&r!==0?r:e.createdAt!==t.createdAt?e.createdAt<t.createdAt?-1:1:e.id===t.id?0:e.id<t.id?-1:1}function le(e){return [...new Map(e.map(r=>[r.id,r])).values()].sort(Rt)}function Ce(e,t){if(!t)return e;if(!e)return t;let r=new Set(t.messages.map(f=>f.id)),a=t.messages[t.messages.length-1],s=e.messages.filter(f=>!r.has(f.id)&&(!a||Rt(f,a)>0));return s.length===0?t:{...t,messages:le([...t.messages,...s])}}var en="flexkit:agent:draft:";function Nt(){return typeof localStorage>"u"?null:localStorage}function _t(e,t){return `${en}${e}:${t??"new"}`}function Lt(e,t=Nt()){try{return t?.getItem(e)??""}catch{return ""}}function Ut(e,t,r=Nt()){try{t.trim().length===0?r?.removeItem(e):r?.setItem(e,t);}catch{}}function tn(e){return e==="pending"||e==="streaming"||e==="awaiting_approval"}function Ft(e){return e==="queued"||e==="steering"}function ve(e){for(let t=e.length-1;t>=0;t--){let r=e[t];if(r.role==="assistant"){if(!tn(r.status))break;return {after:e.slice(t+1),before:e.slice(0,t),live:r}}}return {after:[],before:e,live:null}}function Kt(e){return e==="steering"?"Picked up at the next step":e==="queued"?"Sends when this turn ends":null}function Ht(e){let t=new Set;for(let r of e)if(!(r.role!=="assistant"||!Array.isArray(r.parts)))for(let a of r.parts){let s=a.type==="data-mid-turn-message"?a.data?.messageId:null;typeof s=="string"&&t.add(s);}return t}function Se(e){return e.find(t=>t.role==="user"&&t.status==="queued"&&t.kind!=="monitor_event")??null}function Ot(e){return e.streaming&&!e.hasDraft?"stop":"send"}var fn=6e4,Bt=15e3;function cn(e){if(!e)return 0;if(ve(e.messages).live||Se(e.messages))return v$1;if(!e.messages.some(a=>a.role==="assistant"&&a.status==="complete"))return (e.monitors?.length??0)>0?Bt:0;let r=new Date(e.chat.lastMessageAt??e.chat.updatedAt).getTime();return Date.now()-r<fn?v$1:(e.monitors?.length??0)>0?Bt:0}function gn(e,t,r){return {chat:{createdAt:r,id:e,lastMessageAt:r,modelId:t,title:null,updatedAt:r},messages:[],pendingApproval:null}}function Qt(e,t,r,a,s,f){return e||(t?{chat:t,messages:[],pendingApproval:null}:r||gn(a,s,f))}function jt(e,t){let r=new Set([t.userMessage.id,t.assistantMessage.id]);return {...e,messages:le([...e.messages.filter(a=>!r.has(a.id)),t.userMessage,t.assistantMessage])}}function pn(e,t){return {...e,messages:le([...e.messages.filter(r=>r.id!==t.id),t])}}function mn(e,t,r){return t?Ce(e[t],r):r}function hn(e){return e==="awaiting_approval"?"awaiting_approval":e==="complete"?"success":e==="failed"?"failed":"running"}function Le({attachments:e$1=[],label:t,text:r}){let{textInput:a}=Nb(),[s,f]=useState(false),d=r.trim().length>0;async function h(){await navigator.clipboard.writeText(r),f(true),setTimeout(()=>f(false),1500);}return jsxs("div",{className:"fk:group fk:ml-auto fk:flex fk:w-fit fk:max-w-[70%] fk:flex-col fk:items-end fk:gap-1",children:[jsx(q,{attachments:e$1}),d?jsx("div",{className:"fk:whitespace-pre-wrap fk:rounded-xl fk:bg-muted fk:dark:bg-white/20 fk:px-3.5 fk:py-2 fk:text-base fk:corner-squircle",children:r}):null,t?jsxs("span",{className:"fk:inline-flex fk:items-center fk:gap-1 fk:text-xs fk:text-muted-foreground",children:[jsx(CornerDownRightIcon,{className:"fk:size-3 fk:shrink-0"}),t]}):null,jsxs("div",{className:d?"fk:flex fk:gap-0.5 fk:opacity-0 fk:transition-opacity fk:group-hover:opacity-100":"fk:hidden",children:[jsxs(b$1,{children:[jsx(c$1,{asChild:true,children:jsx(b$2,{"aria-label":"Copy prompt",className:"fk:size-6 fk:text-muted-foreground",size:"icon",variant:"ghost",onClick:()=>{h();},children:s?jsx(CheckIcon,{className:"fk:size-3.5"}):jsx(CopyIcon,{className:"fk:size-3.5"})})}),jsx(e,{children:"Copy"})]}),jsxs(b$1,{children:[jsx(c$1,{asChild:true,children:jsx(b$2,{"aria-label":"Edit prompt",className:"fk:size-6 fk:text-muted-foreground",size:"icon",variant:"ghost",onClick:()=>a.setInput(r),children:jsx(PencilIcon,{className:"fk:size-3.5"})})}),jsx(e,{children:"Edit"})]})]})]})}function Gt(e){let r=e.find(a=>a.type==="data-suggested-prompt")?.data?.prompt;return typeof r=="string"&&r.trim()?r:null}function zt({prompt:e}){let{textInput:t}=Nb();return jsx("div",{className:"fk:flex fk:justify-start",children:jsxs("button",{className:"fk:inline-flex fk:max-w-full fk:items-center fk:gap-1.5 fk:rounded-full fk:border fk:border-border/70 fk:bg-muted/40 fk:px-3 fk:py-1.5 fk:text-left fk:text-sm fk:text-muted-foreground fk:transition-colors fk:hover:border-border fk:hover:bg-muted fk:hover:ext-foreground fk:corner-squircle",title:"Use as your next message",type:"button",onClick:()=>t.setInput(e),children:[jsx(CornerDownRightIcon,{className:"fk:size-3 fk:shrink-0"}),jsx("span",{className:"fk:truncate",children:e})]})})}function An({api:e,part:t,partIndex:r,parts:a}){return t.type.startsWith("tool-")?t.state==="output-error"?jsx(D,{message:t.errorText??"The tool call failed."}):null:jsx(C,{api:e,part:t,partIndex:r,parts:a})}function $t({api:e,message:t,showSuggestion:r$1=false}){if(t.kind==="monitor_event"){let d=r(t);return d?jsx(s,{data:d,error:t.error}):null}if(t.role==="user")return jsx(Le,{attachments:p(t.parts),label:Kt(t.status),text:t.textContent});let a=(Array.isArray(t.parts)?t.parts:[]).filter(d=>!e$2(d)&&!(d.type.startsWith("tool-")&&d.state!=="output-error")),s$1=a.some(d=>d.type==="data-turn-error"),f=r$1&&!t.error?Gt(a):null;return a.length===0&&!t.error?null:jsxs("div",{className:"fk:w-full fk:min-w-0 fk:space-y-8",children:[a.map((d,h)=>jsx(An,{api:e,part:d,partIndex:h,parts:a},d.toolCallId??`${t.id}-${h.toString()}`)),t.error&&!s$1?jsx(D,{message:t.error}):null,f?jsx(zt,{prompt:f}):null]})}function kn({api:e,chatId:t,detail:r,message:a,onMidTurnDelivered:s,onStatusChange:f,onTurnUpdated:d,questionAnsweredSignal:h$1}){let Q=hn(a.status),v=a.workflowRunId?e.getAgentChatStreamUrl(t,a.workflowRunId):"",[_,T]=useState(0),[g,m]=useState(false),[y$1,E]=useState({}),L=useRef(null),{message:p,status:A$1}=A(v,{decidedApprovals:y$1,recordStatus:Q,resumeToken:_,suppressApprovalPause:g}),D=useMemo(()=>p?[{...p,parts:p.parts.filter(u=>!e$2(u))}]:[],[p]),j$1=y(D),U=useRef(d);U.current=d;let $=useRef(f);$.current=f;let F$1=useMemo(()=>({answerQuestion:async(u,O)=>{let{question:R}=await e.answerAgentChatQuestion(t,u,O);return m(true),T(z=>z+1),U.current(),R??null},onApprovalDecided:(u,O)=>{u&&O&&O!=="pending"&&E(R=>({...R,[u]:O})),!(u&&L.current===u)&&(u&&(L.current=u),m(true),T(R=>R+1),U.current());}}),[e,t]);useEffect(()=>{T(0),m(false),L.current=null,E({});},[a.id]);let l=useRef(h$1);useEffect(()=>{h$1!==l.current&&(l.current=h$1,h$1?.messageId===a.id&&(m(true),T(u=>u+1)));},[a.id,h$1]),useEffect(()=>{g&&a.status==="streaming"&&m(false);},[a.status,g]),useEffect(()=>{(A$1==="finished"||A$1==="paused")&&U.current();},[A$1]);let x=(p?.parts??[]).filter(u=>u.type==="data-mid-turn-message").map(u=>String(u.data?.messageId??"")).join(`
+import'./index.css';import {a}from'./chunk-6SAZGEAA.js';import {f as f$2,b,c,g as g$1,a as a$1,e as e$1,d}from'./chunk-CSUHZFEP.js';import {u,x,t,E,n,l,k,m,o,v as v$1,r,s,p,e as e$2,D,A,y,g as g$2,j,h,f as f$3,w,C,F,B,q}from'./chunk-L66FPBO7.js';import {g,f as f$1,a as a$3}from'./chunk-ROCYIGFD.js';import {f}from'./chunk-SV5KK5K6.js';import'./chunk-TYDYAOQ7.js';import {Pb,N,Nb,_a,$a,bb,Vb,Yb,Wb,Xb,Zb,_b,ac,bc,cc,Tb,fc,gc,jc,hc,ic,Ic,ec}from'./chunk-YCCFUGWJ.js';import {v}from'./chunk-32ZU4MLE.js';import'./chunk-HDOIOXMP.js';import'./chunk-SZEGGBOC.js';import'./chunk-U45E5X3H.js';import {b as b$1,c as c$1,e}from'./chunk-USNXQOMJ.js';import {b as b$2}from'./chunk-6NRQMG26.js';import {a as a$2}from'./chunk-O2QMYUPS.js';import {useRef,useMemo,useState,useEffect,useLayoutEffect}from'react';import {LoaderCircle,CornerDownRightIcon,CheckIcon,CopyIcon,PencilIcon}from'lucide-react';import {useParams,useNavigate}from'react-router-dom';import ce,{useSWRConfig}from'swr';import {jsx,jsxs}from'react/jsx-runtime';function Rt(e,t){let r=Date.parse(e.createdAt)-Date.parse(t.createdAt);return Number.isFinite(r)&&r!==0?r:e.createdAt!==t.createdAt?e.createdAt<t.createdAt?-1:1:e.id===t.id?0:e.id<t.id?-1:1}function le(e){return [...new Map(e.map(r=>[r.id,r])).values()].sort(Rt)}function Ce(e,t){if(!t)return e;if(!e)return t;let r=new Set(t.messages.map(f=>f.id)),a=t.messages[t.messages.length-1],s=e.messages.filter(f=>!r.has(f.id)&&(!a||Rt(f,a)>0));return s.length===0?t:{...t,messages:le([...t.messages,...s])}}var en="flexkit:agent:draft:";function Nt(){return typeof localStorage>"u"?null:localStorage}function _t(e,t){return `${en}${e}:${t??"new"}`}function Lt(e,t=Nt()){try{return t?.getItem(e)??""}catch{return ""}}function Ut(e,t,r=Nt()){try{t.trim().length===0?r?.removeItem(e):r?.setItem(e,t);}catch{}}function tn(e){return e==="pending"||e==="streaming"||e==="awaiting_approval"}function Ft(e){return e==="queued"||e==="steering"}function ve(e){for(let t=e.length-1;t>=0;t--){let r=e[t];if(r.role==="assistant"){if(!tn(r.status))break;return {after:e.slice(t+1),before:e.slice(0,t),live:r}}}return {after:[],before:e,live:null}}function Kt(e){return e==="steering"?"Picked up at the next step":e==="queued"?"Sends when this turn ends":null}function Ht(e){let t=new Set;for(let r of e)if(!(r.role!=="assistant"||!Array.isArray(r.parts)))for(let a of r.parts){let s=a.type==="data-mid-turn-message"?a.data?.messageId:null;typeof s=="string"&&t.add(s);}return t}function Se(e){return e.find(t=>t.role==="user"&&t.status==="queued"&&t.kind!=="monitor_event")??null}function Ot(e){return e.streaming&&!e.hasDraft?"stop":"send"}var fn=6e4,Bt=15e3;function cn(e){if(!e)return 0;if(ve(e.messages).live||Se(e.messages))return v$1;if(!e.messages.some(a=>a.role==="assistant"&&a.status==="complete"))return (e.monitors?.length??0)>0?Bt:0;let r=new Date(e.chat.lastMessageAt??e.chat.updatedAt).getTime();return Date.now()-r<fn?v$1:(e.monitors?.length??0)>0?Bt:0}function gn(e,t,r){return {chat:{createdAt:r,id:e,lastMessageAt:r,modelId:t,title:null,updatedAt:r},messages:[],pendingApproval:null}}function Qt(e,t,r,a,s,f){return e||(t?{chat:t,messages:[],pendingApproval:null}:r||gn(a,s,f))}function jt(e,t){let r=new Set([t.userMessage.id,t.assistantMessage.id]);return {...e,messages:le([...e.messages.filter(a=>!r.has(a.id)),t.userMessage,t.assistantMessage])}}function pn(e,t){return {...e,messages:le([...e.messages.filter(r=>r.id!==t.id),t])}}function mn(e,t,r){return t?Ce(e[t],r):r}function hn(e){return e==="awaiting_approval"?"awaiting_approval":e==="complete"?"success":e==="failed"?"failed":"running"}function Le({attachments:e$1=[],label:t,text:r}){let{textInput:a}=Nb(),[s,f]=useState(false),d=r.trim().length>0;async function h(){await navigator.clipboard.writeText(r),f(true),setTimeout(()=>f(false),1500);}return jsxs("div",{className:"fk:group fk:ml-auto fk:flex fk:w-fit fk:max-w-[70%] fk:flex-col fk:items-end fk:gap-1",children:[jsx(q,{attachments:e$1}),d?jsx("div",{className:"fk:whitespace-pre-wrap fk:rounded-xl fk:bg-muted fk:dark:bg-white/20 fk:px-3.5 fk:py-2 fk:text-base fk:corner-squircle",children:r}):null,t?jsxs("span",{className:"fk:inline-flex fk:items-center fk:gap-1 fk:text-xs fk:text-muted-foreground",children:[jsx(CornerDownRightIcon,{className:"fk:size-3 fk:shrink-0"}),t]}):null,jsxs("div",{className:d?"fk:flex fk:gap-0.5 fk:opacity-0 fk:transition-opacity fk:group-hover:opacity-100":"fk:hidden",children:[jsxs(b$1,{children:[jsx(c$1,{asChild:true,children:jsx(b$2,{"aria-label":"Copy prompt",className:"fk:size-6 fk:text-muted-foreground",size:"icon",variant:"ghost",onClick:()=>{h();},children:s?jsx(CheckIcon,{className:"fk:size-3.5"}):jsx(CopyIcon,{className:"fk:size-3.5"})})}),jsx(e,{children:"Copy"})]}),jsxs(b$1,{children:[jsx(c$1,{asChild:true,children:jsx(b$2,{"aria-label":"Edit prompt",className:"fk:size-6 fk:text-muted-foreground",size:"icon",variant:"ghost",onClick:()=>a.setInput(r),children:jsx(PencilIcon,{className:"fk:size-3.5"})})}),jsx(e,{children:"Edit"})]})]})]})}function Gt(e){let r=e.find(a=>a.type==="data-suggested-prompt")?.data?.prompt;return typeof r=="string"&&r.trim()?r:null}function zt({prompt:e}){let{textInput:t}=Nb();return jsx("div",{className:"fk:flex fk:justify-start",children:jsxs("button",{className:"fk:inline-flex fk:max-w-full fk:items-center fk:gap-1.5 fk:rounded-full fk:border fk:border-border/70 fk:bg-muted/40 fk:px-3 fk:py-1.5 fk:text-left fk:text-sm fk:text-muted-foreground fk:transition-colors fk:hover:border-border fk:hover:bg-muted fk:hover:ext-foreground fk:corner-squircle",title:"Use as your next message",type:"button",onClick:()=>t.setInput(e),children:[jsx(CornerDownRightIcon,{className:"fk:size-3 fk:shrink-0"}),jsx("span",{className:"fk:truncate",children:e})]})})}function An({api:e,part:t,partIndex:r,parts:a}){return t.type.startsWith("tool-")?t.state==="output-error"?jsx(D,{message:t.errorText??"The tool call failed."}):null:jsx(C,{api:e,part:t,partIndex:r,parts:a})}function $t({api:e,message:t,showSuggestion:r$1=false}){if(t.kind==="monitor_event"){let d=r(t);return d?jsx(s,{data:d,error:t.error}):null}if(t.role==="user")return jsx(Le,{attachments:p(t.parts),label:Kt(t.status),text:t.textContent});let a=(Array.isArray(t.parts)?t.parts:[]).filter(d=>!e$2(d)&&!(d.type.startsWith("tool-")&&d.state!=="output-error")),s$1=a.some(d=>d.type==="data-turn-error"),f=r$1&&!t.error?Gt(a):null;return a.length===0&&!t.error?null:jsxs("div",{className:"fk:w-full fk:min-w-0 fk:space-y-8",children:[a.map((d,h)=>jsx(An,{api:e,part:d,partIndex:h,parts:a},d.toolCallId??`${t.id}-${h.toString()}`)),t.error&&!s$1?jsx(D,{message:t.error}):null,f?jsx(zt,{prompt:f}):null]})}function kn({api:e,chatId:t,detail:r,message:a,onMidTurnDelivered:s,onStatusChange:f,onTurnUpdated:d,questionAnsweredSignal:h$1}){let Q=hn(a.status),v=a.workflowRunId?e.getAgentChatStreamUrl(t,a.workflowRunId):"",[_,T]=useState(0),[g,m]=useState(false),[y$1,E]=useState({}),L=useRef(null),{message:p,status:A$1}=A(v,{decidedApprovals:y$1,recordStatus:Q,resumeToken:_,suppressApprovalPause:g}),D=useMemo(()=>p?[{...p,parts:p.parts.filter(u=>!e$2(u))}]:[],[p]),j$1=y(D),U=useRef(d);U.current=d;let $=useRef(f);$.current=f;let F$1=useMemo(()=>({answerQuestion:async(u,O)=>{let{question:R}=await e.answerAgentChatQuestion(t,u,O);return m(true),T(z=>z+1),U.current(),R??null},onApprovalDecided:(u,O)=>{u&&O&&O!=="pending"&&E(R=>({...R,[u]:O})),!(u&&L.current===u)&&(u&&(L.current=u),m(true),T(R=>R+1),U.current());}}),[e,t]);useEffect(()=>{T(0),m(false),L.current=null,E({});},[a.id]);let l=useRef(h$1);useEffect(()=>{h$1!==l.current&&(l.current=h$1,h$1?.messageId===a.id&&(m(true),T(u=>u+1)));},[a.id,h$1]),useEffect(()=>{g&&a.status==="streaming"&&m(false);},[a.status,g]),useEffect(()=>{(A$1==="finished"||A$1==="paused")&&U.current();},[A$1]);let x=(p?.parts??[]).filter(u=>u.type==="data-mid-turn-message").map(u=>String(u.data?.messageId??"")).join(`
 `),K=useRef(s);K.current=s,useEffect(()=>{x&&K.current(x.split(`
-`));},[x]);let P=!g&&a.status!=="streaming"&&(a.status==="awaiting_approval"||A$1==="paused"||g$2(p)||j(p)),ne=useMemo(()=>new Set(h(p)),[p]),J=r.pendingApproval&&!ne.has(r.pendingApproval.id)?r.pendingApproval:null,ie=p?.parts[p.parts.length-1],G=ie?.type==="text"&&ie.state==="streaming",re=j(p)?"Waiting for your answer":"Awaiting approval",H=P?re:f$3(p)??"Thinking",w$1=P?A$1!=="finished"&&A$1!=="error":A$1==="streaming"&&!G;useEffect(()=>{$.current({label:H,visible:w$1});},[H,w$1]);let W=!!J&&P,se=A$1==="finished"?Gt(j$1.flatMap(u=>u.parts)):null;return j$1.length===0&&!W?jsx(w.Provider,{value:F$1,children:null}):jsx(w.Provider,{value:F$1,children:jsxs("div",{className:"fk:w-full fk:min-w-0 fk:space-y-8",children:[j$1.map(u=>jsx("div",{className:"fk:space-y-8 fk:min-w-0",children:u.parts.map((O,R)=>jsx(C,{api:e,part:O,partIndex:R,parts:u.parts},R))},u.id)),J&&W?jsx(F,{api:e,message:B(J)}):null,se?jsx(zt,{prompt:se}):null]})})}function Cn({draftKey:e}){let{textInput:t}=Nb(),{setInput:r,value:a}=t,s=useRef(null);return useLayoutEffect(()=>{if(s.current===e){Ut(e,a);return}s.current=e;let f=Lt(e);f!==a&&r(f);},[e,r,a]),null}function vn({api:e,effort:t,modelKey:r,modelPending:a,models:s,onEffortChange:f,onError:d$1,onModelChange:h,onSend:Q,onStop:v,placeholder:_,sending:T,streaming:g}){let{attachments:m$1,textInput:y}=Nb(),E=n(e,d$1),L=useRef(false),p=s.filter(l=>!l.deprecated||b(l)===r),A=c(s,r),D=e$1(A),j=d(A,t),U=y.value.trim().length>0||m$1.files.length>0,$=Ot({hasDraft:U,streaming:g}),F=U&&!E.isUploading&&!T&&!a;return jsxs(Vb,{accept:m,className:"fk:mx-auto fk:max-w-4xl",maxFileSize:k,maxFiles:l,multiple:true,onError:l=>d$1(l.message),onSubmit:({text:l})=>{let x=l?.trim()??"",K=E.getUploaded(m$1.files.map(P=>P.id));return !x&&K.length===0||E.isUploading||T||L.current||a?Promise.reject(new Error("The message cannot be sent right now.")):(L.current=true,y.clear(),Q(x,K).catch(P=>{throw y.setInput(l),P}).finally(()=>{L.current=false;}))},children:[m$1.files.length>0?jsx(Yb,{children:jsx(o,{uploads:E})}):null,jsx(Wb,{children:jsx(Xb,{disabled:T,placeholder:_})}),jsxs(Zb,{children:[jsxs(_b,{children:[jsxs(ac,{children:[jsx(bc,{"aria-label":"Add attachments",className:"fk:border-0 fk:bg-border fk:corner-round",disabled:T,tooltip:"Add photos or files"}),jsx(cc,{children:jsx(Tb,{})})]}),p.length>0?jsxs(fc,{value:r??void 0,onValueChange:h,children:[jsx(gc,{"aria-label":"Model",className:"fk:min-w-44",children:jsx(jc,{placeholder:"Model"})}),jsx(hc,{children:p.map(l=>jsx(ic,{value:b(l),children:l.name},b(l)))})]}):null,D.length>1&&j?jsxs(fc,{value:j,onValueChange:f,children:[jsx(gc,{"aria-label":"Reasoning effort",className:"fk:min-w-28",children:jsx(jc,{placeholder:"Effort"})}),jsx(hc,{children:D.map(l=>jsx(ic,{value:l.value,children:l.label},l.value))})]}):null]}),jsxs("div",{className:"fk:flex fk:items-center fk:gap-3",children:[jsx(Ic,{disabled:T,onAudioRecorded:async(l,x)=>{let{text:K}=await e.transcribeAgentAudio(l,x);return K},onError:l=>d$1(l.message),onTranscriptionChange:l=>{d$1(null),y.setInput(a$3(y.value,l));}}),jsx(ec,{className:"fk:corner-round",disabled:$==="stop"?false:!F,status:$==="stop"?"streaming":void 0,onStop:()=>{v();}})]})]})]})}var _e={chatId:null,error:null,loading:false,older:[],page:null},Sn=3e3;function yn({api:e,chatId:t,projectId:r,pendingFollowUp:a,pendingMessage:s,questionAnsweredSignal:f,resolveDetail:d}){let{data:h,mutate:Q}=ce(t?g(r).agentChat(t):null,f$1,{refreshInterval:0}),v=d(h),[_,T]=useState(_e),g$1=_.chatId===t?_:_e,m=useRef(t);m.current=t;let y=(o,k)=>T(M=>{if(M.chatId!==o&&m.current!==o)return M;let N=M.chatId===o?M:{..._e,chatId:o};return {...N,...k(N)}}),E$1=useRef({chatId:null,messages:[]}),L=v?.messages;useEffect(()=>{let o=E$1.current,k=L??[];if(E$1.current={chatId:t,messages:k},!t||o.chatId!==t)return;let M=new Set(k.map(C=>C.id)),N=o.messages.filter(C=>!M.has(C.id));N.length>0&&y(t,C=>({older:le([...C.older,...N])}));},[t,L]);let p=new Set(v?.messages.map(o=>o.id)??[]),A=[...g$1.older.filter(o=>!p.has(o.id)),...v?.messages??[]],D=useRef(v);D.current=v;let j=useRef(void 0);ce(t?`${g(r).agentChat(t)}?view=status`:null,f$1,{refreshInterval:()=>cn(D.current),onSuccess:o=>{let k=JSON.stringify(o),M=j.current;j.current=k;let{current:N}=D,C=N?[...N.messages].reverse().find(Y=>Y.role==="assistant"):void 0;(M&&M!==k||C&&o.latestMessage&&(C.id!==o.latestMessage.id||C.status!==o.latestMessage.status||C.workflowRunId!==o.latestMessage.workflowRunId||N?.chat.updatedAt!==o.chat.updatedAt))&&Q();}});let U=async()=>{let o=g$1.page?.cursor??v?.nextCursor;if(!t||!o||g$1.loading)return;let k=t;y(k,()=>({error:null,loading:true}));try{let M=await f$1(`${g(r).agentChat(k)}?before=${encodeURIComponent(o)}`);y(k,N=>({loading:!1,older:le([...M.messages,...N.older]),page:{cursor:M.nextCursor??null,hasMore:M.hasMore??!1}}));}catch{y(k,()=>({error:"Could not load earlier messages. Try again.",loading:false}));}},{after:$,before:F,live:l}=ve(A),[x,K]=useState({ids:[],messageId:""}),P=Ht(A);for(let o of l&&x.messageId===l.id?x.ids:[])P.add(o);let ne=$.filter(o=>Ft(o.status)&&!P.has(o.id)),J=F.filter(o=>!P.has(o.id)),G=(!l&&!s?Se(A):null)?.id??null,[re,H]=useState(0),w=useRef(null);useEffect(()=>{if(!t||!G||w.current===G)return;w.current=G;let o=false,k=null;return e.startQueuedAgentChatMessage(t,G).then(()=>{},()=>{k=setTimeout(()=>{o||H(M=>M+1);},Sn);}).finally(()=>{w.current=null,Q();}),()=>{o=true,k&&clearTimeout(k);}},[e,t,Q,G,re]);let[W,se]=useState(null),u=l&&W?.messageId===l.id?W.status:null;if(t&&!v&&!s)return jsxs("div",{className:"fk:flex fk:flex-1 fk:items-center fk:justify-center fk:gap-2 fk:text-sm fk:text-muted-foreground",children:[jsx(LoaderCircle,{className:"fk:size-4 fk:animate-spin"}),"Loading chat..."]});let O=!!s||!!l,R=[...J].reverse().find(o=>o.role==="assistant")?.id??null,z=l?u?.label??"Thinking":"Sending",Z=l?u?.visible??true:true;return jsxs(_a,{className:"fk:h-0 fk:min-h-0 fk:flex-1",children:[jsx($a,{className:"fk:gap-0 fk:p-0",children:jsxs("div",{className:"fk:mx-auto fk:w-full fk:max-w-4xl fk:space-y-5 fk:pb-6 fk:pr-4",children:[g$1.page?.hasMore??v?.hasMore?jsx(b$2,{variant:"ghost",disabled:g$1.loading,onClick:()=>{U();},children:g$1.loading?"Loading\u2026":"Load earlier messages"}):null,g$1.error?jsx("p",{role:"alert",children:g$1.error}):null,J.map(o=>jsx($t,{api:e,message:o,showSuggestion:!O&&o.id===R},o.id)),l&&t&&v?jsx(kn,{api:e,chatId:t,detail:v,message:l,onMidTurnDelivered:o=>K({ids:o,messageId:l.id}),onStatusChange:o=>se({messageId:l.id,status:o}),onTurnUpdated:()=>{Q();},questionAnsweredSignal:f}):null,s&&!l?jsx(Le,{attachments:s.attachments,text:s.text}):null,O?jsx(E,{label:z,visible:Z}):null,ne.map(o=>jsx($t,{api:e,message:o},o.id)),a&&l?jsx(Le,{attachments:a.attachments,text:a.text}):null]})}),jsx(bb,{})]})}var qt=["Where should we begin?","Ready when you are","What\u2019s on the agenda today?","What\u2019s on your mind today?"];function Mn(e){return [`How can I help, ${e}?`,`Good to see you, ${e}.`,`Hey, ${e}. Ready to dive in?`]}function wn(e){let t=e?[...qt,...Mn(e)]:qt;return t[Math.floor(Math.random()*t.length)]??"How can I help?"}var Jt="flexkit-ai:lastModelId",Ue="flexkit-ai:lastEffort";function In(){if(typeof localStorage>"u")return null;try{let e=localStorage.getItem(Jt);return e?{effort:localStorage.getItem(Ue),modelKey:e}:null}catch{return null}}function Tn(e){return e.selectedModelKey?{effort:e.selectedEffort,modelKey:e.selectedModelKey}:e.awaitingChatModel?{effort:null,modelKey:null}:e.chatSelection?{effort:e.selectedEffort??e.chatSelection.effort,modelKey:e.chatSelection.modelKey}:e.lastUsed?{effort:e.selectedEffort??e.lastUsed.effort,modelKey:e.lastUsed.modelKey}:{effort:e.selectedEffort,modelKey:e.defaultModelKey}}function xn(e){if(!(typeof localStorage>"u"))try{localStorage.setItem(Jt,e.modelKey),e.effort?localStorage.setItem(Ue,e.effort):localStorage.removeItem(Ue);}catch{}}function Pn({projectId:e}){let{data:t,isLoading:r}=ce(g(e).agentProfile(),f$1),a=useMemo(()=>r?null:wn(t?.preferredName??null),[t,r]);return jsx("div",{className:"fk:flex fk:flex-col fk:items-center fk:pb-2 fk:text-center",children:jsx("h2",{className:"fk:text-2xl fk:font-semibold",children:a??"\xA0"})})}function Jn(){let{api:e$1,projectId:t$1}=u(),{currentProject:r,projectSummaries:a$3}=f(),{chatId:s}=useParams(),f$3=useNavigate(),d=a(),{mutate:h}=useSWRConfig(),{data:Q}=ce(t$1?g(t$1).tools():null,f$1),{data:v$1}=ce(t$1&&s?g(t$1).agentChat(s):null,f$1),_=useRef({});function T(i){return mn(_.current,s,i)}let g$2=T(v$1),m=useMemo(()=>Q?.tools.models??[],[Q]),[y,E]=useState(null),[L,p]=useState(null),A=useRef(null),[D,j]=useState(In),[U,$]=useState(false),F=useRef(false),[l,x$1]=useState(null),K=l&&l.chatId===s?l:void 0,[P,ne]=useState(null),[J,ie]=useState(null),G=P&&P.chatId===s?P:void 0,[re,H]=useState(null),w=g$2?.chat.modelId??null,W=!!s&&g$2===void 0,se=useMemo(()=>f$2(w,m)??(w?{effort:null,modelKey:w}:null),[w,m]),u$1=useMemo(()=>{let i=m.find(B=>!B.deprecated);return i?b(i):null},[m]),O=useMemo(()=>{let i=c(m,D?.modelKey??null);return D&&i&&!i.deprecated?D:null},[m,D]),{effort:R,modelKey:z}=Tn({awaitingChatModel:W,chatSelection:se,defaultModelKey:u$1,lastUsed:O,selectedEffort:L,selectedModelKey:y}),Z=z?g$1({effort:R,modelKey:z},m):null,o=W&&!y;useEffect(()=>{A.current=null,E(null),p(null),H(null);},[s]),useEffect(()=>{y===a$1&&w&&w!==a$1&&w!==A.current&&(E(null),p(null));},[w,y]);function k(i){j(i),xn(i);}function M(i){A.current=i===a$1?w:null,E(i),p(null),k({effort:null,modelKey:i});}function N$1(i){p(i),z&&k({effort:i,modelKey:z});}if(!t$1||!e$1)return jsx("div",{className:"fk:flex fk:h-full fk:items-center fk:justify-center fk:text-sm fk:text-muted-foreground",children:"Select a project to chat with the agent."});let C=e$1,Y=t$1,Wt=r?.title??a$3.find(i=>i.id===t$1)?.name??"your project",Fe=!s&&!K,ge=!!(g$2&&ve(g$2.messages).live);async function Yt(i,B,ae){ne({attachments:ae,chatId:i,text:B});try{let S=await C.sendAgentChatFollowUp(i,{attachments:ae,content:B,modelId:Z});if("question"in S){ie({messageId:S.question.chatMessageId}),await h(g(Y).agentChat(i));return}await h(g(Y).agentChat(i),oe=>{let ue=Qt(Ce(_.current[i],oe),null,v$1,i,Z,"turn"in S?S.turn.userMessage.createdAt:S.followUp.message.createdAt),ee="turn"in S?jt(ue,S.turn):pn(ue,S.followUp.message);return _.current[i]=ee,ee},{revalidate:!1});}finally{ne(null);}}async function Ke(i,B){if(F.current)throw new Error("A message is already being sent.");if(o)throw new Error("This chat is still loading.");F.current=true,$(true),H(null);let ae=g$2?Se(g$2.messages):null;if(s&&(ge||ae)){try{!ge&&ae&&await C.startQueuedAgentChatMessage(s,ae.id).catch(()=>{}),await Yt(s,i,B);}catch(S){throw H(S instanceof Error?S.message:"Failed to send the message."),S}finally{F.current=false,$(false);}return}x$1({attachments:B,chatId:s,text:i});try{let S=s?{chat:null,turn:await C.sendAgentChatMessage(s,{attachments:B,content:i,modelId:Z})}:await C.startAgentChat({attachments:B,content:i,modelId:Z}),{chat:oe,turn:ue}=S,ee=s??oe.id;await h(g(Y).agentChat(ee),Zt=>{let He=jt(Qt(Ce(_.current[ee],Zt),oe,v$1,ee,Z,ue.userMessage.createdAt),ue);return _.current[ee]=He,He},{revalidate:!1}),oe&&f$3(`${d}/chats/${oe.id}`),x$1(null);}catch(S){throw x$1(null),H(S instanceof Error?S.message:"Failed to send the message."),S}finally{F.current=false,$(false);}}async function Vt(){if(s)try{await C.stopAgentChat(s);}catch(i){H(i instanceof Error?i.message:"Failed to stop the turn.");}finally{await h(g(Y).agentChat(s));}}return jsxs(Pb,{children:[jsx(Cn,{draftKey:_t(Y,s)}),jsxs("div",{className:"fk:flex fk:h-full fk:min-h-0 fk:flex-col fk:gap-2",children:[jsxs("div",{className:"fk:mb-2 fk:flex fk:shrink-0 fk:items-start fk:gap-2",children:[jsxs(b$1,{children:[jsx(c$1,{asChild:true,children:jsx(N,{className:"fk:-ml-1 fk:h-4 fk:w-4"})}),jsx(e,{children:"Toggle Sidebar"})]}),jsx(v,{orientation:"vertical",className:"fk:mt-1 fk:h-4"}),jsx("div",{className:"fk:flex fk:flex-1 fk:items-center fk:gap-2",children:jsx("h1",{className:"fk:truncate fk:text-lg fk:font-semibold fk:leading-none fk:tracking-tight",children:s?g$2?.chat.title?.trim()??"Chat":"Agent"})})]}),jsx("div",{className:"fk:flex fk:min-h-0 fk:flex-1 fk:gap-4",children:jsxs("div",{className:a$2("fk:flex fk:min-h-0 fk:min-w-0 fk:flex-1 fk:flex-col fk:gap-3",Fe&&"fk:justify-center fk:pb-[12vh]"),children:[Fe?jsx(Pn,{projectId:Y}):jsx(x.Provider,{value:true,children:jsx(yn,{api:C,chatId:s??null,pendingFollowUp:G,pendingMessage:K,projectId:t$1,questionAnsweredSignal:J,resolveDetail:T})}),jsxs("div",{className:"fk:shrink-0 fk:pb-3",children:[s?jsx(t,{api:C,chatId:s,projectId:t$1,sending:U||o,onTurnIntoAutomation:i=>{F.current||o||Ke(`Turn the monitor \u201C${i.description}\u201D into an automation.`,[]).catch(B=>H(B instanceof Error?B.message:"Failed to send the message."));}}):null,re?jsx("p",{className:"fk:mx-auto fk:mb-2 fk:max-w-4xl fk:text-xs fk:text-destructive",children:re}):null,jsx(vn,{api:C,effort:R,modelKey:z,modelPending:o,models:m,sending:U,streaming:ge,onEffortChange:N$1,onError:H,onModelChange:M,onSend:Ke,onStop:Vt,placeholder:ge?"Add context or steer the agent...":`Ask Flexkit anything about ${Wt}...`})]})]})})]})]})}export{Jn as AgentChatPage};//# sourceMappingURL=chat-page-FLCLBZUX.js.map
-//# sourceMappingURL=chat-page-FLCLBZUX.js.map
+`));},[x]);let P=!g&&a.status!=="streaming"&&(a.status==="awaiting_approval"||A$1==="paused"||g$2(p)||j(p)),ne=useMemo(()=>new Set(h(p)),[p]),J=r.pendingApproval&&!ne.has(r.pendingApproval.id)?r.pendingApproval:null,ie=p?.parts[p.parts.length-1],G=ie?.type==="text"&&ie.state==="streaming",re=j(p)?"Waiting for your answer":"Awaiting approval",H=P?re:f$3(p)??"Thinking",w$1=P?A$1!=="finished"&&A$1!=="error":A$1==="streaming"&&!G;useEffect(()=>{$.current({label:H,visible:w$1});},[H,w$1]);let W=!!J&&P,se=A$1==="finished"?Gt(j$1.flatMap(u=>u.parts)):null;return j$1.length===0&&!W?jsx(w.Provider,{value:F$1,children:null}):jsx(w.Provider,{value:F$1,children:jsxs("div",{className:"fk:w-full fk:min-w-0 fk:space-y-8",children:[j$1.map(u=>jsx("div",{className:"fk:space-y-8 fk:min-w-0",children:u.parts.map((O,R)=>jsx(C,{api:e,part:O,partIndex:R,parts:u.parts},R))},u.id)),J&&W?jsx(F,{api:e,message:B(J)}):null,se?jsx(zt,{prompt:se}):null]})})}function Cn({draftKey:e}){let{textInput:t}=Nb(),{setInput:r,value:a}=t,s=useRef(null);return useLayoutEffect(()=>{if(s.current===e){Ut(e,a);return}s.current=e;let f=Lt(e);f!==a&&r(f);},[e,r,a]),null}function vn({api:e,effort:t,modelKey:r,modelPending:a,models:s,onEffortChange:f,onError:d$1,onModelChange:h,onSend:Q,onStop:v,placeholder:_,sending:T,streaming:g}){let{attachments:m$1,textInput:y}=Nb(),E=n(e,d$1),L=useRef(false),p=s.filter(l=>!l.deprecated||b(l)===r),A=c(s,r),D=e$1(A),j=d(A,t),U=y.value.trim().length>0||m$1.files.length>0,$=Ot({hasDraft:U,streaming:g}),F=U&&!E.isUploading&&!T&&!a;return jsxs(Vb,{accept:m,className:"fk:mx-auto fk:max-w-4xl",maxFileSize:k,maxFiles:l,multiple:true,onError:l=>d$1(l.message),onSubmit:({text:l})=>{let x=l?.trim()??"",K=E.getUploaded(m$1.files.map(P=>P.id));return !x&&K.length===0||E.isUploading||T||L.current||a?Promise.reject(new Error("The message cannot be sent right now.")):(L.current=true,y.clear(),Q(x,K).catch(P=>{throw y.setInput(l),P}).finally(()=>{L.current=false;}))},children:[m$1.files.length>0?jsx(Yb,{children:jsx(o,{uploads:E})}):null,jsx(Wb,{children:jsx(Xb,{disabled:T,placeholder:_})}),jsxs(Zb,{children:[jsxs(_b,{children:[jsxs(ac,{children:[jsx(bc,{"aria-label":"Add attachments",className:"fk:border-0 fk:bg-border fk:corner-round",disabled:T,tooltip:"Add photos or files"}),jsx(cc,{children:jsx(Tb,{})})]}),p.length>0?jsxs(fc,{value:r??void 0,onValueChange:h,children:[jsx(gc,{"aria-label":"Model",className:"fk:min-w-44",children:jsx(jc,{placeholder:"Model"})}),jsx(hc,{children:p.map(l=>jsx(ic,{value:b(l),children:l.name},b(l)))})]}):null,D.length>1&&j?jsxs(fc,{value:j,onValueChange:f,children:[jsx(gc,{"aria-label":"Reasoning effort",className:"fk:min-w-28",children:jsx(jc,{placeholder:"Effort"})}),jsx(hc,{children:D.map(l=>jsx(ic,{value:l.value,children:l.label},l.value))})]}):null]}),jsxs("div",{className:"fk:flex fk:items-center fk:gap-3",children:[jsx(Ic,{disabled:T,onAudioRecorded:async(l,x)=>{let{text:K}=await e.transcribeAgentAudio(l,x);return K},onError:l=>d$1(l.message),onTranscriptionChange:l=>{d$1(null),y.setInput(a$3(y.value,l));}}),jsx(ec,{className:"fk:corner-round",disabled:$==="stop"?false:!F,status:$==="stop"?"streaming":void 0,onStop:()=>{v();}})]})]})]})}var _e={chatId:null,error:null,loading:false,older:[],page:null},Sn=3e3;function yn({api:e,chatId:t,projectId:r,pendingFollowUp:a,pendingMessage:s,questionAnsweredSignal:f,resolveDetail:d}){let{data:h,mutate:Q}=ce(t?g(r).agentChat(t):null,f$1,{refreshInterval:0}),v=d(h),[_,T]=useState(_e),g$1=_.chatId===t?_:_e,m=useRef(t);m.current=t;let y=(o,k)=>T(M=>{if(M.chatId!==o&&m.current!==o)return M;let N=M.chatId===o?M:{..._e,chatId:o};return {...N,...k(N)}}),E$1=useRef({chatId:null,messages:[]}),L=v?.messages;useEffect(()=>{let o=E$1.current,k=L??[];if(E$1.current={chatId:t,messages:k},!t||o.chatId!==t)return;let M=new Set(k.map(C=>C.id)),N=o.messages.filter(C=>!M.has(C.id));N.length>0&&y(t,C=>({older:le([...C.older,...N])}));},[t,L]);let p=new Set(v?.messages.map(o=>o.id)??[]),A=[...g$1.older.filter(o=>!p.has(o.id)),...v?.messages??[]],D=useRef(v);D.current=v;let j=useRef(void 0);ce(t?`${g(r).agentChat(t)}?view=status`:null,f$1,{refreshInterval:()=>cn(D.current),onSuccess:o=>{let k=JSON.stringify(o),M=j.current;j.current=k;let{current:N}=D,C=N?[...N.messages].reverse().find(Y=>Y.role==="assistant"):void 0;(M&&M!==k||C&&o.latestMessage&&(C.id!==o.latestMessage.id||C.status!==o.latestMessage.status||C.workflowRunId!==o.latestMessage.workflowRunId||N?.chat.updatedAt!==o.chat.updatedAt))&&Q();}});let U=async()=>{let o=g$1.page?.cursor??v?.nextCursor;if(!t||!o||g$1.loading)return;let k=t;y(k,()=>({error:null,loading:true}));try{let M=await f$1(`${g(r).agentChat(k)}?before=${encodeURIComponent(o)}`);y(k,N=>({loading:!1,older:le([...M.messages,...N.older]),page:{cursor:M.nextCursor??null,hasMore:M.hasMore??!1}}));}catch{y(k,()=>({error:"Could not load earlier messages. Try again.",loading:false}));}},{after:$,before:F,live:l}=ve(A),[x,K]=useState({ids:[],messageId:""}),P=Ht(A);for(let o of l&&x.messageId===l.id?x.ids:[])P.add(o);let ne=$.filter(o=>Ft(o.status)&&!P.has(o.id)),J=F.filter(o=>!P.has(o.id)),G=(!l&&!s?Se(A):null)?.id??null,[re,H]=useState(0),w=useRef(null);useEffect(()=>{if(!t||!G||w.current===G)return;w.current=G;let o=false,k=null;return e.startQueuedAgentChatMessage(t,G).then(()=>{},()=>{k=setTimeout(()=>{o||H(M=>M+1);},Sn);}).finally(()=>{w.current=null,Q();}),()=>{o=true,k&&clearTimeout(k);}},[e,t,Q,G,re]);let[W,se]=useState(null),u=l&&W?.messageId===l.id?W.status:null;if(t&&!v&&!s)return jsxs("div",{className:"fk:flex fk:flex-1 fk:items-center fk:justify-center fk:gap-2 fk:text-sm fk:text-muted-foreground",children:[jsx(LoaderCircle,{className:"fk:size-4 fk:animate-spin"}),"Loading chat..."]});let O=!!s||!!l,R=[...J].reverse().find(o=>o.role==="assistant")?.id??null,z=l?u?.label??"Thinking":"Sending",Z=l?u?.visible??true:true;return jsxs(_a,{className:"fk:h-0 fk:min-h-0 fk:flex-1",children:[jsx($a,{className:"fk:gap-0 fk:p-0",children:jsxs("div",{className:"fk:mx-auto fk:w-full fk:max-w-4xl fk:space-y-5 fk:pb-6 fk:pr-4",children:[g$1.page?.hasMore??v?.hasMore?jsx(b$2,{variant:"ghost",disabled:g$1.loading,onClick:()=>{U();},children:g$1.loading?"Loading\u2026":"Load earlier messages"}):null,g$1.error?jsx("p",{role:"alert",children:g$1.error}):null,J.map(o=>jsx($t,{api:e,message:o,showSuggestion:!O&&o.id===R},o.id)),l&&t&&v?jsx(kn,{api:e,chatId:t,detail:v,message:l,onMidTurnDelivered:o=>K({ids:o,messageId:l.id}),onStatusChange:o=>se({messageId:l.id,status:o}),onTurnUpdated:()=>{Q();},questionAnsweredSignal:f}):null,s&&!l?jsx(Le,{attachments:s.attachments,text:s.text}):null,O?jsx(E,{label:z,visible:Z}):null,ne.map(o=>jsx($t,{api:e,message:o},o.id)),a&&l?jsx(Le,{attachments:a.attachments,text:a.text}):null]})}),jsx(bb,{})]})}var qt=["Where should we begin?","Ready when you are","What\u2019s on the agenda today?","What\u2019s on your mind today?"];function Mn(e){return [`How can I help, ${e}?`,`Good to see you, ${e}.`,`Hey, ${e}. Ready to dive in?`]}function wn(e){let t=e?[...qt,...Mn(e)]:qt;return t[Math.floor(Math.random()*t.length)]??"How can I help?"}var Jt="flexkit-ai:lastModelId",Ue="flexkit-ai:lastEffort";function In(){if(typeof localStorage>"u")return null;try{let e=localStorage.getItem(Jt);return e?{effort:localStorage.getItem(Ue),modelKey:e}:null}catch{return null}}function Tn(e){return e.selectedModelKey?{effort:e.selectedEffort,modelKey:e.selectedModelKey}:e.awaitingChatModel?{effort:null,modelKey:null}:e.chatSelection?{effort:e.selectedEffort??e.chatSelection.effort,modelKey:e.chatSelection.modelKey}:e.lastUsed?{effort:e.selectedEffort??e.lastUsed.effort,modelKey:e.lastUsed.modelKey}:{effort:e.selectedEffort,modelKey:e.defaultModelKey}}function xn(e){if(!(typeof localStorage>"u"))try{localStorage.setItem(Jt,e.modelKey),e.effort?localStorage.setItem(Ue,e.effort):localStorage.removeItem(Ue);}catch{}}function Pn({projectId:e}){let{data:t,isLoading:r}=ce(g(e).agentProfile(),f$1),a=useMemo(()=>r?null:wn(t?.preferredName??null),[t,r]);return jsx("div",{className:"fk:flex fk:flex-col fk:items-center fk:pb-2 fk:text-center",children:jsx("h2",{className:"fk:text-2xl fk:font-semibold",children:a??"\xA0"})})}function Jn(){let{api:e$1,projectId:t$1}=u(),{currentProject:r,projectSummaries:a$3}=f(),{chatId:s}=useParams(),f$3=useNavigate(),d=a(),{mutate:h}=useSWRConfig(),{data:Q}=ce(t$1?g(t$1).tools():null,f$1),{data:v$1}=ce(t$1&&s?g(t$1).agentChat(s):null,f$1),_=useRef({});function T(i){return mn(_.current,s,i)}let g$2=T(v$1),m=useMemo(()=>Q?.tools.models??[],[Q]),[y,E]=useState(null),[L,p]=useState(null),A=useRef(null),[D,j]=useState(In),[U,$]=useState(false),F=useRef(false),[l,x$1]=useState(null),K=l&&l.chatId===s?l:void 0,[P,ne]=useState(null),[J,ie]=useState(null),G=P&&P.chatId===s?P:void 0,[re,H]=useState(null),w=g$2?.chat.modelId??null,W=!!s&&g$2===void 0,se=useMemo(()=>f$2(w,m)??(w?{effort:null,modelKey:w}:null),[w,m]),u$1=useMemo(()=>{let i=m.find(B=>!B.deprecated);return i?b(i):null},[m]),O=useMemo(()=>{let i=c(m,D?.modelKey??null);return D&&i&&!i.deprecated?D:null},[m,D]),{effort:R,modelKey:z}=Tn({awaitingChatModel:W,chatSelection:se,defaultModelKey:u$1,lastUsed:O,selectedEffort:L,selectedModelKey:y}),Z=z?g$1({effort:R,modelKey:z},m):null,o=W&&!y;useEffect(()=>{A.current=null,E(null),p(null),H(null);},[s]),useEffect(()=>{y===a$1&&w&&w!==a$1&&w!==A.current&&(E(null),p(null));},[w,y]);function k(i){j(i),xn(i);}function M(i){A.current=i===a$1?w:null,E(i),p(null),k({effort:null,modelKey:i});}function N$1(i){p(i),z&&k({effort:i,modelKey:z});}if(!t$1||!e$1)return jsx("div",{className:"fk:flex fk:h-full fk:items-center fk:justify-center fk:text-sm fk:text-muted-foreground",children:"Select a project to chat with the agent."});let C=e$1,Y=t$1,Wt=r?.title??a$3.find(i=>i.id===t$1)?.name??"your project",Fe=!s&&!K,ge=!!(g$2&&ve(g$2.messages).live);async function Yt(i,B,ae){ne({attachments:ae,chatId:i,text:B});try{let S=await C.sendAgentChatFollowUp(i,{attachments:ae,content:B,modelId:Z});if("question"in S){ie({messageId:S.question.chatMessageId}),await h(g(Y).agentChat(i));return}await h(g(Y).agentChat(i),oe=>{let ue=Qt(Ce(_.current[i],oe),null,v$1,i,Z,"turn"in S?S.turn.userMessage.createdAt:S.followUp.message.createdAt),ee="turn"in S?jt(ue,S.turn):pn(ue,S.followUp.message);return _.current[i]=ee,ee},{revalidate:!1});}finally{ne(null);}}async function Ke(i,B){if(F.current)throw new Error("A message is already being sent.");if(o)throw new Error("This chat is still loading.");F.current=true,$(true),H(null);let ae=g$2?Se(g$2.messages):null;if(s&&(ge||ae)){try{!ge&&ae&&await C.startQueuedAgentChatMessage(s,ae.id).catch(()=>{}),await Yt(s,i,B);}catch(S){throw H(S instanceof Error?S.message:"Failed to send the message."),S}finally{F.current=false,$(false);}return}x$1({attachments:B,chatId:s,text:i});try{let S=s?{chat:null,turn:await C.sendAgentChatMessage(s,{attachments:B,content:i,modelId:Z})}:await C.startAgentChat({attachments:B,content:i,modelId:Z}),{chat:oe,turn:ue}=S,ee=s??oe.id;await h(g(Y).agentChat(ee),Zt=>{let He=jt(Qt(Ce(_.current[ee],Zt),oe,v$1,ee,Z,ue.userMessage.createdAt),ue);return _.current[ee]=He,He},{revalidate:!1}),oe&&f$3(`${d}/chats/${oe.id}`),x$1(null);}catch(S){throw x$1(null),H(S instanceof Error?S.message:"Failed to send the message."),S}finally{F.current=false,$(false);}}async function Vt(){if(s)try{await C.stopAgentChat(s);}catch(i){H(i instanceof Error?i.message:"Failed to stop the turn.");}finally{await h(g(Y).agentChat(s));}}return jsxs(Pb,{children:[jsx(Cn,{draftKey:_t(Y,s)}),jsxs("div",{className:"fk:flex fk:h-full fk:min-h-0 fk:flex-col fk:gap-2",children:[jsxs("div",{className:"fk:mb-2 fk:flex fk:shrink-0 fk:items-start fk:gap-2",children:[jsxs(b$1,{children:[jsx(c$1,{asChild:true,children:jsx(N,{className:"fk:-ml-1 fk:h-4 fk:w-4"})}),jsx(e,{children:"Toggle Sidebar"})]}),jsx(v,{orientation:"vertical",className:"fk:mt-1 fk:h-4"}),jsx("div",{className:"fk:flex fk:flex-1 fk:items-center fk:gap-2",children:jsx("h1",{className:"fk:truncate fk:text-lg fk:font-semibold fk:leading-none fk:tracking-tight",children:s?g$2?.chat.title?.trim()??"Chat":"Agent"})})]}),jsx("div",{className:"fk:flex fk:min-h-0 fk:flex-1 fk:gap-4",children:jsxs("div",{className:a$2("fk:flex fk:min-h-0 fk:min-w-0 fk:flex-1 fk:flex-col fk:gap-3",Fe&&"fk:justify-center fk:pb-[12vh]"),children:[Fe?jsx(Pn,{projectId:Y}):jsx(x.Provider,{value:true,children:jsx(yn,{api:C,chatId:s??null,pendingFollowUp:G,pendingMessage:K,projectId:t$1,questionAnsweredSignal:J,resolveDetail:T})}),jsxs("div",{className:"fk:shrink-0 fk:pb-3",children:[s?jsx(t,{api:C,chatId:s,projectId:t$1,sending:U||o,onTurnIntoAutomation:i=>{F.current||o||Ke(`Turn the monitor \u201C${i.description}\u201D into an automation.`,[]).catch(B=>H(B instanceof Error?B.message:"Failed to send the message."));}}):null,re?jsx("p",{className:"fk:mx-auto fk:mb-2 fk:max-w-4xl fk:text-xs fk:text-destructive",children:re}):null,jsx(vn,{api:C,effort:R,modelKey:z,modelPending:o,models:m,sending:U,streaming:ge,onEffortChange:N$1,onError:H,onModelChange:M,onSend:Ke,onStop:Vt,placeholder:ge?"Add context or steer the agent...":`Ask Flexkit anything about ${Wt}...`})]})]})})]})]})}export{Jn as AgentChatPage};//# sourceMappingURL=chat-page-N2PGTH56.js.map
+//# sourceMappingURL=chat-page-N2PGTH56.js.map