@flexkit/studio 0.2.19 → 0.2.20

package/dist/{chat-page-LAK4TFN4.js → chat-page-4G4XQ26P.js}

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