@flexkit/studio 0.2.28 → 0.2.30

package/dist/chat-page-5HRMQQRO.js

@@ -0,0 +1,4 @@
+import'./index.css';import {a}from'./chunk-6X54ZCSO.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 {x,A,u,t,H,o,m,l,n,p,y,r,s,w,v as v$1,k,e as e$2,G,D,B,g as g$2,j,h,f as f$3,z,F,I,E,q}from'./chunk-WJRC5CQQ.js';import {a as a$2,c as c$2,b as b$2}from'./chunk-ELOJGLAR.js';import'./chunk-QSTWBKPN.js';import {c as c$3}from'./chunk-5LGIALCK.js';import {g,f as f$1,a as a$4}from'./chunk-U6VZY3V2.js';import'./chunk-MNFVAW2B.js';import'./chunk-2NXQF2F7.js';import'./chunk-V7C4EHK3.js';import'./chunk-7KLXWCDS.js';import'./chunk-HKN6BX5U.js';import {f}from'./chunk-4TQ25SVS.js';import'./chunk-WPCPL2TQ.js';import'./chunk-5CVDMZUI.js';import {Rb,O,Pb,ab,bb,db,Xb,_b,Yb,Zb,$b,ac,cc,dc,ec,Vb,hc,ic,lc,jc,kc,Kc,gc}from'./chunk-DGIY4SKN.js';import'./chunk-SZEGGBOC.js';import {v}from'./chunk-32ZU4MLE.js';import'./chunk-U45E5X3H.js';import'./chunk-HDOIOXMP.js';import {b as b$1,c as c$1,e}from'./chunk-USNXQOMJ.js';import {b as b$3}from'./chunk-6NRQMG26.js';import {a as a$3}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 ie,{useSWRConfig}from'swr';import {jsx,jsxs}from'react/jsx-runtime';function jt(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(jt)}function ke(e,t){if(!t)return e;if(!e)return t;let r=new Set(t.messages.map(c=>c.id)),a=t.messages[t.messages.length-1],s=e.messages.filter(c=>!r.has(c.id)&&(!a||jt(c,a)>0));return s.length===0?t:{...t,messages:le([...t.messages,...s])}}function an(e){return e==="pending"||e==="streaming"||e==="awaiting_approval"}function Qt(e){return e==="queued"||e==="steering"}function Ce(e){for(let t=e.length-1;t>=0;t--){let r=e[t];if(r.role==="assistant"){if(!an(r.status))break;return {after:e.slice(t+1),before:e.slice(0,t),live:r}}}return {after:[],before:e,live:null}}function _e(e){return e==="steering"?"Picked up at the next step":e==="queued"?"Sends when this turn ends":null}function Ot(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 ve(e){return e.find(t=>t.role==="user"&&t.status==="queued"&&t.kind!=="monitor_event")??null}function $t(e){return e.streaming&&!e.hasDraft?"stop":"send"}var mn=6e4,qt=15e3;function hn(e){if(!e)return 0;if(Ce(e.messages).live||ve(e.messages))return y;if(!e.messages.some(a=>a.role==="assistant"&&a.status==="complete"))return (e.monitors?.length??0)>0?qt:0;let r=new Date(e.chat.lastMessageAt??e.chat.updatedAt).getTime();return Date.now()-r<mn?y:(e.monitors?.length??0)>0?qt:0}function An(e,t,r){return {chat:{createdAt:r,id:e,lastMessageAt:r,modelId:t,title:null,updatedAt:r},messages:[],pendingApproval:null}}function Xt(e,t,r,a,s,c){return e||(t?{chat:t,messages:[],pendingApproval:null}:r||An(a,s,c))}function zt(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 kn(e,t){return {...e,messages:le([...e.messages.filter(r=>r.id!==t.id),t])}}function Cn(e,t,r){return t?ke(e[t],r):r}function vn(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}=Pb(),[s,c]=useState(false),u=r.trim().length>0;async function C(){await navigator.clipboard.writeText(r),c(true),setTimeout(()=>c(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}),u?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:u?"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$3,{"aria-label":"Copy prompt",className:"fk:size-6 fk:text-muted-foreground",size:"icon",variant:"ghost",onClick:()=>{C();},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$3,{"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 Wt(e){let r=e.find(a=>a.type==="data-suggested-prompt")?.data?.prompt;return typeof r=="string"&&r.trim()?r:null}function Vt({prompt:e}){let{textInput:t}=Pb();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 yn({api:e,part:t,partIndex:r,parts:a}){return t.type.startsWith("tool-")?t.state==="output-error"?jsx(G,{message:t.errorText??"The tool call failed."}):null:jsx(F,{api:e,part:t,partIndex:r,parts:a})}function Gt({api:e,message:t,showSuggestion:r$1=false}){if(t.kind==="monitor_event"){let u=r(t);return u?jsx(s,{data:u,error:t.error}):null}if(t.kind==="plugin_connected"){let u=w(t.parts);return u?jsx(v$1,{data:u,error:t.error,label:_e(t.status)}):null}if(t.role==="user")return jsx(Le,{attachments:k(t.parts),label:_e(t.status),text:t.textContent});let a=(Array.isArray(t.parts)?t.parts:[]).filter(u=>!e$2(u)&&!(u.type.startsWith("tool-")&&u.state!=="output-error")),s$1=a.some(u=>u.type==="data-turn-error"),c=r$1&&!t.error?Wt(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((u,C)=>jsx(yn,{api:e,part:u,partIndex:C,parts:a},u.toolCallId??`${t.id}-${C.toString()}`)),t.error&&!s$1?jsx(G,{message:t.error}):null,c?jsx(Vt,{prompt:c}):null]})}function Sn({api:e,chatId:t,detail:r,message:a,onMidTurnDelivered:s,onStatusChange:c,onTurnUpdated:u,questionAnsweredSignal:C}){let $=vn(a.status),y=a.workflowRunId?e.getAgentChatStreamUrl(t,a.workflowRunId):"",[H,x]=useState(0),[p,A]=useState(false),[S,R]=useState({}),B$1=useRef(null),{message:m,status:M}=D(y,{decidedApprovals:S,recordStatus:$,resumeToken:H,suppressApprovalPause:p}),D$1=useMemo(()=>m?[{...m,parts:m.parts.filter(d=>!e$2(d))}]:[],[m]),q=B(D$1),j$1=useRef(u);j$1.current=u;let X=useRef(c);X.current=c;let N=useMemo(()=>({answerQuestion:async(d,O)=>{let{question:K}=await e.answerAgentChatQuestion(t,d,O);return A(true),x(V=>V+1),j$1.current(),K??null},onApprovalDecided:(d,O)=>{d&&O&&O!=="pending"&&R(K=>({...K,[d]:O})),!(d&&B$1.current===d)&&(d&&(B$1.current=d),A(true),x(K=>K+1),j$1.current());}}),[e,t]);useEffect(()=>{x(0),A(false),B$1.current=null,R({});},[a.id]);let f=useRef(C);useEffect(()=>{C!==f.current&&(f.current=C,C?.messageId===a.id&&(A(true),x(d=>d+1)));},[a.id,C]),useEffect(()=>{p&&a.status==="streaming"&&A(false);},[a.status,p]),useEffect(()=>{(M==="finished"||M==="paused")&&j$1.current();},[M]);let _=(m?.parts??[]).filter(d=>d.type==="data-mid-turn-message").map(d=>String(d.data?.messageId??"")).join(`
+`),W=useRef(s);W.current=s,useEffect(()=>{_&&W.current(_.split(`
+`));},[_]);let i=!p&&a.status!=="streaming"&&(a.status==="awaiting_approval"||M==="paused"||g$2(m)||j(m)),Q=useMemo(()=>new Set(h(m)),[m]),U=r.pendingApproval&&!Q.has(r.pendingApproval.id)?r.pendingApproval:null,J=m?.parts[m.parts.length-1],b=J?.type==="text"&&J.state==="streaming",Z=j(m)?"Waiting for your answer":"Awaiting approval",L=i?Z:f$3(m)??"Thinking",I$1=i?M!=="finished"&&M!=="error":M==="streaming"&&!b;useEffect(()=>{X.current({label:L,visible:I$1});},[L,I$1]);let ee=!!U&&i,oe=M==="finished"?Wt(q.flatMap(d=>d.parts)):null;return q.length===0&&!ee?jsx(z.Provider,{value:N,children:null}):jsx(z.Provider,{value:N,children:jsxs("div",{className:"fk:w-full fk:min-w-0 fk:space-y-8",children:[q.map(d=>jsx("div",{className:"fk:space-y-8 fk:min-w-0",children:d.parts.map((O,K)=>jsx(F,{api:e,part:O,partIndex:K,parts:d.parts},K))},d.id)),U&&ee?jsx(I,{api:e,message:E(U)}):null,oe?jsx(Vt,{prompt:oe}):null]})})}function Mn({draftKey:e}){let{textInput:t}=Pb(),{setInput:r,value:a}=t,s=useRef(null);return useLayoutEffect(()=>{if(s.current===e){c$2(e,a);return}s.current=e;let c=b$2(e);c!==a&&r(c);},[e,r,a]),null}function wn({api:e,effort:t,modelKey:r,modelPending:a,models:s,onEffortChange:c$1,onError:u,onModelChange:C,onSend:$,onStop:y,placeholder:H,sending:x,streaming:p$1}){let{attachments:A,textInput:S}=Pb(),R=o(e,u),{currentProjectId:B}=f(),{data:m$1,error:M}=ie(B?`/api/flexkit/${B}/plugins`:null,f$1),D=useRef(false),q=s.filter(i=>!i.deprecated||b(i)===r),j=c(s,r),X=e$1(j),N=d(j,t),f$2=S.value.trim().length>0||A.files.length>0,_=$t({hasDraft:f$2,streaming:p$1}),W=f$2&&!R.isUploading&&!x&&!a;return jsxs(Xb,{accept:n,className:"fk:mx-auto fk:max-w-4xl",maxFileSize:l,maxFiles:m,multiple:true,onError:i=>u(i.message),onSubmit:({text:i})=>{let Q=i?.trim()??"",U=R.getUploaded(A.files.map(b=>b.id));if(!Q&&U.length===0||R.isUploading||x||D.current||a||!m$1&&!M&&B)return Promise.reject(new Error("The message cannot be sent right now."));let J=c$3(Q,m$1?.plugins??[]);return J?(S.setInput(J.tokens.reduce((b,Z)=>b.split(Z).join(""),i)),u(`That looks like a ${J.label}. It was removed from your message: connect ${J.plugin.name} from its connect card or AI \u2192 Plugins instead, where it is stored encrypted and never shown to the agent.`),Promise.reject(new Error("The message contains a plugin token."))):(D.current=true,S.clear(),$(Q,U).catch(b=>{throw S.setInput(i),b}).finally(()=>{D.current=false;}))},children:[A.files.length>0?jsx(_b,{children:jsx(p,{uploads:R})}):null,jsx(Yb,{children:jsx(Zb,{disabled:x,placeholder:H})}),jsxs($b,{children:[jsxs(ac,{children:[jsxs(cc,{children:[jsx(dc,{"aria-label":"Add attachments",className:"fk:border-0 fk:bg-border fk:corner-round",disabled:x,tooltip:"Add photos or files"}),jsx(ec,{children:jsx(Vb,{})})]}),q.length>0?jsxs(hc,{value:r??void 0,onValueChange:C,children:[jsx(ic,{"aria-label":"Model",className:"fk:min-w-44",children:jsx(lc,{placeholder:"Model"})}),jsx(jc,{children:q.map(i=>jsx(kc,{value:b(i),children:i.name},b(i)))})]}):null,X.length>1&&N?jsxs(hc,{value:N,onValueChange:c$1,children:[jsx(ic,{"aria-label":"Reasoning effort",className:"fk:min-w-28",children:jsx(lc,{placeholder:"Effort"})}),jsx(jc,{children:X.map(i=>jsx(kc,{value:i.value,children:i.label},i.value))})]}):null]}),jsxs("div",{className:"fk:flex fk:items-center fk:gap-3",children:[jsx(Kc,{disabled:x,onAudioRecorded:async(i,Q)=>{let{text:U}=await e.transcribeAgentAudio(i,Q);return U},onError:i=>u(i.message),onTranscriptionChange:i=>{u(null),S.setInput(a$4(S.value,i));}}),jsx(gc,{className:"fk:corner-round",disabled:_==="stop"?false:!W,status:_==="stop"?"streaming":void 0,onStop:()=>{y();}})]})]})]})}var Ue={chatId:null,error:null,loading:false,older:[],page:null},In=3e3;function Pn({api:e,chatId:t,projectId:r,pendingFollowUp:a,pendingMessage:s,questionAnsweredSignal:c,resolveDetail:u}){let{data:C,mutate:$}=ie(t?g(r).agentChat(t):null,f$1,{refreshInterval:0}),y=u(C),[H$1,x]=useState(Ue),p=H$1.chatId===t?H$1:Ue,A=useRef(t);A.current=t;let S=(o,v)=>x(w=>{if(w.chatId!==o&&A.current!==o)return w;let F=w.chatId===o?w:{...Ue,chatId:o};return {...F,...v(F)}}),R=useRef({chatId:null,messages:[]}),B=y?.messages;useEffect(()=>{let o=R.current,v=B??[];if(R.current={chatId:t,messages:v},!t||o.chatId!==t)return;let w=new Set(v.map(k=>k.id)),F=o.messages.filter(k=>!w.has(k.id));F.length>0&&S(t,k=>({older:le([...k.older,...F])}));},[t,B]);let m=new Set(y?.messages.map(o=>o.id)??[]),M=[...p.older.filter(o=>!m.has(o.id)),...y?.messages??[]],D=useRef(y);D.current=y;let q=useRef(void 0);ie(t?`${g(r).agentChat(t)}?view=status`:null,f$1,{refreshInterval:()=>hn(D.current),onSuccess:o=>{let v=JSON.stringify(o),w=q.current;q.current=v;let{current:F}=D,k=F?[...F.messages].reverse().find(te=>te.role==="assistant"):void 0;(w&&w!==v||k&&o.latestMessage&&(k.id!==o.latestMessage.id||k.status!==o.latestMessage.status||k.workflowRunId!==o.latestMessage.workflowRunId||F?.chat.updatedAt!==o.chat.updatedAt))&&$();}});let j=async()=>{let o=p.page?.cursor??y?.nextCursor;if(!t||!o||p.loading)return;let v=t;S(v,()=>({error:null,loading:true}));try{let w=await f$1(`${g(r).agentChat(v)}?before=${encodeURIComponent(o)}`);S(v,F=>({loading:!1,older:le([...w.messages,...F.older]),page:{cursor:w.nextCursor??null,hasMore:w.hasMore??!1}}));}catch{S(v,()=>({error:"Could not load earlier messages. Try again.",loading:false}));}},{after:X,before:N,live:f}=Ce(M),[_,W]=useState({ids:[],messageId:""}),i=Ot(M);for(let o of f&&_.messageId===f.id?_.ids:[])i.add(o);let Q=X.filter(o=>Qt(o.status)&&!i.has(o.id)),U=N.filter(o=>!i.has(o.id)),b=(!f&&!s?ve(M):null)?.id??null,[Z,L]=useState(0),I=useRef(null);useEffect(()=>{if(!t||!b||I.current===b)return;I.current=b;let o=false,v=null;return e.startQueuedAgentChatMessage(t,b).then(()=>{},()=>{v=setTimeout(()=>{o||L(w=>w+1);},In);}).finally(()=>{I.current=null,$();}),()=>{o=true,v&&clearTimeout(v);}},[e,t,$,b,Z]);let[ee,oe]=useState(null),d=f&&ee?.messageId===f.id?ee.status:null;if(t&&!y&&!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||!!f,K=[...U].reverse().find(o=>o.role==="assistant")?.id??null,V=f?d?.label??"Thinking":"Sending",se=f?d?.visible??true:true;return jsxs(ab,{className:"fk:h-0 fk:min-h-0 fk:flex-1",children:[jsx(bb,{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:[p.page?.hasMore??y?.hasMore?jsx(b$3,{variant:"ghost",disabled:p.loading,onClick:()=>{j();},children:p.loading?"Loading\u2026":"Load earlier messages"}):null,p.error?jsx("p",{role:"alert",children:p.error}):null,U.map(o=>jsx(Gt,{api:e,message:o,showSuggestion:!O&&o.id===K},o.id)),f&&t&&y?jsx(Sn,{api:e,chatId:t,detail:y,message:f,onMidTurnDelivered:o=>W({ids:o,messageId:f.id}),onStatusChange:o=>oe({messageId:f.id,status:o}),onTurnUpdated:()=>{$();},questionAnsweredSignal:c}):null,s&&!f?jsx(Le,{attachments:s.attachments,text:s.text}):null,O?jsx(H,{label:V,visible:se}):null,Q.map(o=>jsx(Gt,{api:e,message:o},o.id)),a&&f?jsx(Le,{attachments:a.attachments,text:a.text}):null]})}),jsx(db,{})]})}var Jt=["Where should we begin?","Ready when you are","What\u2019s on the agenda today?","What\u2019s on your mind today?"];function Tn(e){return [`How can I help, ${e}?`,`Good to see you, ${e}.`,`Hey, ${e}. Ready to dive in?`]}function xn(e){let t=e?[...Jt,...Tn(e)]:Jt;return t[Math.floor(Math.random()*t.length)]??"How can I help?"}var Zt="flexkit-ai:lastModelId",Ke="flexkit-ai:lastEffort";function bn(){if(typeof localStorage>"u")return null;try{let e=localStorage.getItem(Zt);return e?{effort:localStorage.getItem(Ke),modelKey:e}:null}catch{return null}}function En(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 Rn(e){if(!(typeof localStorage>"u"))try{localStorage.setItem(Zt,e.modelKey),e.effort?localStorage.setItem(Ke,e.effort):localStorage.removeItem(Ke);}catch{}}function Dn({projectId:e}){let{data:t,isLoading:r}=ie(g(e).agentProfile(),f$1),a=useMemo(()=>r?null:xn(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 er(){let{api:e$1,projectId:t$1}=x(),{currentProject:r,projectSummaries:a$4}=f(),{chatId:s}=useParams(),c$2=useNavigate(),u$1=a(),{mutate:C}=useSWRConfig(),{data:$}=ie(t$1?g(t$1).tools():null,f$1),{data:y}=ie(t$1&&s?g(t$1).agentChat(s):null,f$1),H=useRef({});function x$1(l){return Cn(H.current,s,l)}let p=x$1(y),A$1=useMemo(()=>$?.tools.models??[],[$]),[S,R]=useState(null),[B,m]=useState(null),M=useRef(null),[D,q]=useState(bn),[j,X]=useState(false),N=useRef(false),[f$3,_]=useState(null),W=f$3&&f$3.chatId===s?f$3:void 0,[i,Q]=useState(null),[U,J]=useState(null),b$2=i&&i.chatId===s?i:void 0,[Z,L]=useState(null),I=p?.chat.modelId??null,ee=!!s&&p===void 0,oe=useMemo(()=>f$2(I,A$1)??(I?{effort:null,modelKey:I}:null),[I,A$1]),d=useMemo(()=>{let l=A$1.find(h=>!h.deprecated);return l?b(l):null},[A$1]),O$1=useMemo(()=>{let l=c(A$1,D?.modelKey??null);return D&&l&&!l.deprecated?D:null},[A$1,D]),{effort:K,modelKey:V}=En({awaitingChatModel:ee,chatSelection:oe,defaultModelKey:d,lastUsed:O$1,selectedEffort:B,selectedModelKey:S}),se=V?g$1({effort:K,modelKey:V},A$1):null,o=ee&&!S;useEffect(()=>{M.current=null,R(null),m(null),L(null);},[s]),useEffect(()=>{S===a$1&&I&&I!==a$1&&I!==M.current&&(R(null),m(null));},[I,S]);function v$1(l){q(l),Rn(l);}function w(l){M.current=l===a$1?I:null,R(l),m(null),v$1({effort:null,modelKey:l});}function F(l){m(l),V&&v$1({effort:l,modelKey:V});}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 k=e$1,te=t$1,en=r?.title??a$4.find(l=>l.id===t$1)?.name??"your project",Fe=!s&&!W,ce=!!(p&&Ce(p.messages).live);async function tn(l,h,z){Q({attachments:z,chatId:l,text:h});try{let P=await k.sendAgentChatFollowUp(l,{attachments:z,content:h,modelId:se});if("question"in P){J({messageId:P.question.chatMessageId}),await C(g(te).agentChat(l));return}await He(l,P);}finally{Q(null);}}async function He(l,h){await C(g(te).agentChat(l),z=>{let P=Xt(ke(H.current[l],z),null,y,l,se,"turn"in h?h.turn.userMessage.createdAt:h.followUp.message.createdAt),ae="turn"in h?zt(P,h.turn):kn(P,h.followUp.message);return H.current[l]=ae,ae},{revalidate:false});}let nn={onConnected:async l=>{if(!s)return;let h=s;try{await He(h,await k.announcePluginConnected(h,l));}catch(z){L(z instanceof Error?z.message:"The agent could not continue after the connection.");}}};async function Be(l,h){if(N.current)throw new Error("A message is already being sent.");if(o)throw new Error("This chat is still loading.");N.current=true,X(true),L(null);let z=p?ve(p.messages):null;if(s&&(ce||z)){try{!ce&&z&&await k.startQueuedAgentChatMessage(s,z.id).catch(()=>{}),await tn(s,l,h);}catch(P){throw L(P instanceof Error?P.message:"Failed to send the message."),P}finally{N.current=false,X(false);}return}_({attachments:h,chatId:s,text:l});try{let P=s?{chat:null,turn:await k.sendAgentChatMessage(s,{attachments:h,content:l,modelId:se})}:await k.startAgentChat({attachments:h,content:l,modelId:se}),{chat:ae,turn:je}=P,fe=s??ae.id;await C(g(te).agentChat(fe),sn=>{let Qe=zt(Xt(ke(H.current[fe],sn),ae,y,fe,se,je.userMessage.createdAt),je);return H.current[fe]=Qe,Qe},{revalidate:!1}),ae&&c$2(`${u$1}/chats/${ae.id}`),_(null);}catch(P){throw _(null),L(P instanceof Error?P.message:"Failed to send the message."),P}finally{N.current=false,X(false);}}async function rn(){if(s)try{await k.stopAgentChat(s);}catch(l){L(l instanceof Error?l.message:"Failed to stop the turn.");}finally{await C(g(te).agentChat(s));}}return jsxs(Rb,{children:[jsx(Mn,{draftKey:a$2(te,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(O,{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?p?.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$3("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(Dn,{projectId:te}):jsx(A.Provider,{value:true,children:jsx(u.Provider,{value:nn,children:jsx(Pn,{api:k,chatId:s??null,pendingFollowUp:b$2,pendingMessage:W,projectId:t$1,questionAnsweredSignal:U,resolveDetail:x$1})})}),jsxs("div",{className:"fk:shrink-0 fk:pb-3",children:[s?jsx(t,{api:k,chatId:s,projectId:t$1,sending:j||o,onTurnIntoAutomation:l=>{N.current||o||Be(`Turn the monitor \u201C${l.description}\u201D into an automation.`,[]).catch(h=>L(h instanceof Error?h.message:"Failed to send the message."));}}):null,Z?jsx("p",{className:"fk:mx-auto fk:mb-2 fk:max-w-4xl fk:text-xs fk:text-destructive",children:Z}):null,jsx(wn,{api:k,effort:K,modelKey:V,modelPending:o,models:A$1,sending:j,streaming:ce,onEffortChange:F,onError:L,onModelChange:w,onSend:Be,onStop:rn,placeholder:ce?"Add context or steer the agent...":`Ask Flexkit anything about ${en}...`})]})]})})]})]})}export{er as AgentChatPage};//# sourceMappingURL=chat-page-5HRMQQRO.js.map
+//# sourceMappingURL=chat-page-5HRMQQRO.js.map