@arbor-education/agent-view-frontend 0.5.0 → 0.5.1-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/dist/index.cjs +6 -6
- package/dist/index.d.ts +9 -3
- package/dist/index.js +1589 -1453
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -108,6 +108,8 @@ the demo — resolves a service origin and builds each URL.
|
|
|
108
108
|
|
|
109
109
|
- **`AgentMonitorKanban`** — lists agents/definitions, card checklists, creates agents.
|
|
110
110
|
- **`AgentView`** — standalone workspace; fetches checklist, resources, and chat itself.
|
|
111
|
+
Renaming the open agent (header title) uses `PATCH` on the existing `agentUrl` —
|
|
112
|
+
no extra URL prop. Kanban card titles refresh on the next agents list reload.
|
|
111
113
|
|
|
112
114
|
**In the demo** — open **Debug options**, pick a backend, paste a bearer token, and
|
|
113
115
|
click **Reload board**. See [`demo/App.tsx`](demo/App.tsx) for how `baseUrl` +
|
|
@@ -281,6 +283,7 @@ const checklist = mapApiChecklistResponse(invocationId, detail);
|
|
|
281
283
|
|
|
282
284
|
// Lifecycle
|
|
283
285
|
await client.createAgent('school_trip_agents');
|
|
286
|
+
await client.updateAgent(agentId, { invocationName: 'Year 6 trip' });
|
|
284
287
|
await client.cancelAgent(agentId);
|
|
285
288
|
await client.archiveAgent(agentId);
|
|
286
289
|
|
package/dist/index.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),z=require("classnames"),u=require("@arbor-education/design-system.components"),ve=require("@arbor-education/ask-arbor-chat-panel"),A={"generating-a-response":"generating-a-response",hitl:"hitl",complete:"complete",failed:"failed"},P={"generating-a-response":"generating-a-response",hitl:"hitl",complete:"complete",failed:"failed"},H={briefing:"briefing",running:"running",stopped:"stopped",complete:"complete"},X={agent:"agent",user:"user",system:"system"},ie={document_html:"document_html",mis_record:"mis_record",workflow:"workflow",file:"file",user_file:"user_file",link:"link"},xs={user_file:"user_file"},Nt={cancelled:"cancelled",archived:"archived"},tt={in_progress:"in_progress",requires_attention:"requires_attention",available:"available"},Y={[P.complete]:{label:"Complete",icon:"circle-check",color:"var(--color-semantic-success-600)"},[P.failed]:{label:"Failed",icon:"circle-x",color:"var(--color-semantic-destructive-600)"},[P.hitl]:{label:"Requires attention",icon:"triangle-alert",color:"var(--color-semantic-warning-600)"},[P["generating-a-response"]]:{label:"Generating a response",icon:"sparkles",color:"var(--color-brand-600)"}},qe={[A["generating-a-response"]]:{status:A["generating-a-response"],title:"Active",dotColour:"green",statusIcon:{name:Y["generating-a-response"].icon,color:Y["generating-a-response"].color}},[A.hitl]:{status:A.hitl,title:"Requires attention",dotColour:"orange",statusIcon:{name:Y.hitl.icon,color:Y.hitl.color}},[A.complete]:{status:A.complete,title:"Complete",dotColour:"green",dotModifier:"grey-dark",statusIcon:{name:Y.complete.icon,color:Y.complete.color}},[A.failed]:{status:A.failed,title:"Failed",dotColour:"salmon",statusIcon:{name:Y.failed.icon,color:Y.failed.color}}},ks=[A["generating-a-response"],A.hitl],Ss=[A.complete,A.failed],ys="m4",Ns="1",Ut="msg-opening",ze="Unable to load agent tasks. Please try again.",bs="Unable to load the resources for this agent",As="Unable to load this document. Please try again.",Dt="Unable to load the timeline for this agent",js="Unable to stop the agent. Please try again.",Cs="Something went wrong. Please try again.",$t="Unable to load agents. Please try again.",_e="Loading tasks…",bt="Loading agents…",Es="Task",Rs={[H.briefing]:"Briefing",[H.running]:"Working",[H.stopped]:"Stopped",[H.complete]:"Complete"},Ts=[A["generating-a-response"],A.hitl,A.complete,A.failed],Is={[A["generating-a-response"]]:"Agents currently working on tasks for you.",[A.hitl]:"Agents that need your input before they can continue.",[A.complete]:"Agents that have finished their work.",[A.failed]:"Agents that failed or were stopped."},Os=()=>s.jsxs("svg",{className:"agent-view__empty-illustration",viewBox:"0 0 360 240",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"Preview of the agents board layout",children:[s.jsx("rect",{x:"0",y:"0",width:"360",height:"240",rx:"12",fill:"var(--color-grey-100)"}),s.jsx("rect",{x:"16",y:"16",width:"100",height:"208",rx:"8",fill:"var(--card-default-color-background)",stroke:"var(--card-default-color-border)"}),s.jsx("rect",{x:"130",y:"16",width:"100",height:"208",rx:"8",fill:"var(--card-default-color-background)",stroke:"var(--card-default-color-border)"}),s.jsx("rect",{x:"244",y:"16",width:"100",height:"100",rx:"8",fill:"var(--card-default-color-background)",stroke:"var(--card-default-color-border)"}),s.jsx("rect",{x:"244",y:"124",width:"100",height:"100",rx:"8",fill:"var(--card-default-color-background)",stroke:"var(--card-default-color-border)"}),s.jsx("rect",{x:"28",y:"52",width:"76",height:"36",rx:"6",fill:"var(--color-grey-050)"}),s.jsx("rect",{x:"28",y:"96",width:"76",height:"36",rx:"6",fill:"var(--color-grey-050)"}),s.jsx("rect",{x:"142",y:"52",width:"76",height:"36",rx:"6",fill:"var(--color-semantic-warning-050)"}),s.jsx("circle",{cx:"40",cy:"70",r:"4",fill:"var(--color-brand-600)"}),s.jsx("circle",{cx:"40",cy:"114",r:"4",fill:"var(--color-brand-600)"}),s.jsx("circle",{cx:"154",cy:"70",r:"4",fill:"var(--color-semantic-warning-600)"}),s.jsx("circle",{cx:"256",cy:"52",r:"4",fill:"var(--color-grey-400)"}),s.jsx("circle",{cx:"256",cy:"160",r:"4",fill:"var(--color-semantic-destructive-500)"})]}),Ls=({status:e})=>{const t=qe[e];return t.statusIcon?s.jsx(u.Icon,{name:t.statusIcon.name,size:16,color:t.statusIcon.color,screenReaderText:t.title}):s.jsx(u.Dot,{colour:t.dotColour,label:t.title})},Ms=()=>s.jsxs("section",{className:"agent-view__empty","aria-label":"About the agents board",children:[s.jsxs("div",{className:"agent-view__empty-content",children:[s.jsx(u.Heading,{level:4,children:"Your agents board"}),s.jsx("p",{className:"agent-view__empty-lead",children:"When you start an agent, it appears here so you can track progress at a glance. Agents move between columns as their status changes."}),s.jsx("ul",{className:"agent-view__empty-columns",children:Ts.map(e=>{const t=qe[e];return s.jsxs("li",{className:"agent-view__empty-column",children:[s.jsx("span",{className:"agent-view__empty-column-indicator",children:s.jsx(Ls,{status:e})}),s.jsxs("span",{className:"agent-view__empty-column-text",children:[s.jsx("span",{className:"agent-view__empty-column-title",children:t.title}),s.jsx("span",{className:"agent-view__empty-column-description",children:Is[e]})]})]},e)})}),s.jsxs("p",{className:"agent-view__empty-hint",children:["Use ",s.jsx("strong",{children:"Start an agent"})," above to begin."]})]}),s.jsx("div",{className:"agent-view__empty-visual",children:s.jsx(Os,{})})]}),Ps=()=>({needsInput:[],complete:[],failed:[],tasks:[]}),Us=(e,t)=>({...e,...t.length>0?{children:t}:{}}),Ht=e=>{const t=[],n=[],a=[],r=[];for(const l of e){const o=l.children?Ht(l.children):Ps();if(t.push(...o.needsInput),n.push(...o.complete),a.push(...o.failed),l.status===P.hitl){t.push({...l,children:void 0});continue}if(l.status===P.complete){n.push({...l,children:void 0});continue}if(l.status===P.failed){a.push({...l,children:void 0});continue}r.push(Us(l,o.tasks))}return{needsInput:t,complete:n,failed:a,tasks:r}},At=e=>e===P.hitl?0:e===P.complete?1:e===P.failed?2:3,Ds=e=>e.map((t,n)=>({item:t,index:n})).sort((t,n)=>{const a=At(t.item.status)-At(n.item.status);return a!==0?a:t.index-n.index}).map(({item:t})=>t),st=2,$s=e=>{if(!e)return{canScrollUp:!1,canScrollDown:!1};const t=e.scrollHeight-e.clientHeight;return t<=st?{canScrollUp:!1,canScrollDown:!1}:{canScrollUp:e.scrollTop>st,canScrollDown:e.scrollTop<t-st}},Hs=(e,t)=>{if(!e||!t)return null;const n=e.getBoundingClientRect(),a=t.getBoundingClientRect();return{top:a.top-n.top,left:a.left-n.left,width:a.width,height:a.height}},Je=({children:e,className:t,contentClassName:n,scrollSelector:a,style:r,"aria-label":l})=>{const o=i.useRef(null),p=i.useRef(null),[c,g]=i.useState(!1),[m,S]=i.useState(!1),[x,E]=i.useState(null),R=()=>{var I;return a?((I=o.current)==null?void 0:I.querySelector(a))??null:p.current},f=()=>{const I=R(),y=$s(I);if(g(_=>_===y.canScrollUp?_:y.canScrollUp),S(_=>_===y.canScrollDown?_:y.canScrollDown),a){const _=Hs(o.current,I);E(N=>(N==null?void 0:N.top)===(_==null?void 0:_.top)&&(N==null?void 0:N.left)===(_==null?void 0:_.left)&&(N==null?void 0:N.width)===(_==null?void 0:_.width)&&(N==null?void 0:N.height)===(_==null?void 0:_.height)?N:_)}else E(_=>_===null?_:null)};i.useLayoutEffect(()=>{f()}),i.useEffect(()=>{const I=o.current;if(!I)return;let y=null,_=null;const N=()=>{y==null||y.removeEventListener("scroll",f),_==null||_.disconnect(),_=null,y=null},v=U=>{if(U===y){f();return}if(N(),y=U,!y){f();return}y.addEventListener("scroll",f,{passive:!0}),_=new ResizeObserver(()=>f()),_.observe(y),y.firstElementChild instanceof HTMLElement&&_.observe(y.firstElementChild),f()};v(R());const C=new MutationObserver(()=>{v(R())});return C.observe(I,{childList:!0,subtree:!0,characterData:!0}),window.addEventListener("resize",f),()=>{window.removeEventListener("resize",f),C.disconnect(),N()}},[a]);const G=I=>{const y=R();if(!y)return;const _=Math.max(y.clientHeight*.75,120);y.scrollBy({top:I==="up"?-_:_,behavior:"smooth"})},j=s.jsxs(s.Fragment,{children:[c&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"scrollable-region__fade scrollable-region__fade--top","aria-hidden":"true"}),s.jsx("button",{type:"button",className:"scrollable-region__edge scrollable-region__edge--top","aria-label":"Scroll up",onClick:()=>G("up"),children:s.jsx(u.Icon,{name:"chevron-up",size:16,color:"currentColor"})})]}),m&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"scrollable-region__fade scrollable-region__fade--bottom","aria-hidden":"true"}),s.jsx("button",{type:"button",className:"scrollable-region__edge scrollable-region__edge--bottom","aria-label":"Scroll down",onClick:()=>G("down"),children:s.jsx(u.Icon,{name:"chevron-down",size:16,color:"currentColor"})})]})]});return s.jsx("div",{ref:o,className:z("scrollable-region",t),style:r,"aria-label":l,children:a?s.jsxs(s.Fragment,{children:[e,x&&(c||m)&&s.jsx("div",{className:"scrollable-region__overlay",style:{top:x.top,left:x.left,width:x.width,height:x.height},children:j})]}):s.jsxs(s.Fragment,{children:[j,s.jsx("div",{ref:p,className:z("scrollable-region__viewport",n),children:e})]})})},Fs=48,Bs=({checklist:e})=>{const t=i.useRef(null),n=i.useRef(!1);return i.useLayoutEffect(()=>{const a=t.current;if(!a)return;const r=a.scrollHeight-a.scrollTop-a.clientHeight;(!n.current||r<=Fs)&&(a.scrollTop=a.scrollHeight,n.current=!0)},[e]),e.length===0?s.jsx("p",{className:"agent-view__progress-empty",children:"No tasks to display."}):s.jsx(Je,{className:"agent-view__progress-scroll",scrollSelector:".agent-view__progress-list",children:s.jsx("ul",{ref:t,className:"agent-view__progress-list","aria-label":"Agent tasks",children:Ds(e).map(a=>{const r=Y[a.status];return s.jsxs("li",{className:z("agent-view__progress-item",`agent-view__progress-item--${a.status.replace(/_/g,"-")}`),children:[s.jsx(u.Icon,{name:r.icon,size:16,color:r.color,screenReaderText:`${r.label}:`}),s.jsxs("div",{className:"agent-view__progress-item-content",children:[s.jsx("span",{className:"agent-view__progress-label",children:a.task}),a.status!==P.complete&&s.jsx("span",{className:"agent-view__progress-description",children:a.description})]})]},a.task)})})})},Gs=({prompts:e,classNamePrefix:t="agent-workspace",onSelect:n})=>e.length===0?null:s.jsx("div",{className:`${t}__chips`,children:e.map(a=>s.jsx("button",{type:"button",className:`${t}__chip`,onClick:()=>n(a),children:a},a))});class zs{constructor(t,n){this.connector=t,this.canSend=n.canSend,this.onTurn=n.onTurn,this.onAwaitingChange=n.onAwaitingChange}get canRate(){return!1}get canLoadHistory(){return!1}get canListInteractions(){return!1}get canSendNotification(){return!1}get ratingPopupUrls(){return{}}async sendMessage(t){var n,a;if(!this.canSend())return null;(n=this.onAwaitingChange)==null||n.call(this,!0);try{const r=await this.connector.sendMessage(t.userMessage,t.uploadFiles);return this.onTurn(r),{id:r.message.id,text:r.message.text,type:ve.CHAT_RESPONSE_TYPE_AGENT,...r.message.followUpPrompts?{followUpPrompts:r.message.followUpPrompts}:{}}}catch{return{id:`error-${Date.now()}`,text:Cs,type:ve.CHAT_RESPONSE_TYPE_ERROR}}finally{(a=this.onAwaitingChange)==null||a.call(this,!1)}}async loadHistory(t){return null}async listInteractions(){return null}async rateMessage(t){}async sendNotification(t){return!1}}const qs=({connector:e,phase:t,chatHistory:n,chatSessionKey:a,startQuery:r,clarificationMessage:l,enableUpload:o=!1,onTurn:p,onAwaitingChange:c,onClarificationPrompt:g,onDismissClarification:m})=>{const S=i.useMemo(()=>new zs(e,{canSend:()=>t===H.running,onTurn:p,onAwaitingChange:c}),[e,t,p,c]),x=t!==H.running,E=t===H.running;return s.jsxs("section",{className:"agent-workspace__chat-body","aria-label":"Chat",children:[l&&s.jsxs("div",{className:"agent-workspace__clarification",role:"region","aria-label":"Agent question",children:[s.jsx("p",{className:"agent-workspace__clarification-text",children:l.text}),l.followUpPrompts&&s.jsx(Gs,{prompts:l.followUpPrompts,onSelect:g}),s.jsx("button",{type:"button",className:"agent-workspace__clarification-dismiss",onClick:m,children:"Dismiss"})]}),s.jsx("div",{className:"agent-workspace__ask-arbor",children:s.jsx(Je,{scrollSelector:".chat-panel-message-list",children:s.jsx(ve.ChatPanel,{connector:S,chatHistory:n,startQuery:r,lockConversation:x,enableUpload:o,speechEnabled:E,speechLanguage:"en-GB",speechSubmissionDelay:1e3,slashMenuItems:[],menuContent:[],introHeading:"Message your agent",introBody:"Ask questions, share trip details, or paste a link. The agent will update the checklist as it works.",placeholder:E?"Message the agent, paste a link, or attach a file…":"The agent is not accepting messages."},a)})}),t===H.stopped&&s.jsxs("div",{className:"agent-workspace__notice",role:"status",children:[s.jsx(u.Icon,{name:"circle-alert",size:16,color:"var(--color-semantic-warning-600)"}),s.jsx("span",{children:"You stopped the agent. Its progress is saved in the checklist."})]}),t===H.complete&&s.jsxs("div",{className:"agent-workspace__notice",role:"status",children:[s.jsx(u.Icon,{name:"party-popper",size:16,color:"var(--color-semantic-success-600)"}),s.jsx("span",{children:"The agent has finished."})]})]})},Ft=({item:e,depth:t,canRequestInput:n,onAttentionItemClick:a})=>{const r=Y[e.status],l=e.status.replace(/_/g,"-"),o=e.status===P.hitl&&n&&a,p=s.jsxs("div",{className:"agent-workspace__task-row",children:[s.jsx(u.Icon,{name:r.icon,size:16,color:r.color,screenReaderText:`${r.label}:`}),s.jsxs("div",{className:"agent-workspace__task-content",children:[s.jsx("span",{className:"agent-workspace__task-label",children:e.task}),e.status!==P.complete&&e.description&&s.jsx("span",{className:"agent-workspace__task-description",children:e.description})]})]});return s.jsxs("li",{className:z("agent-workspace__task",`agent-workspace__task--${l}`,{"agent-workspace__task--child":t>0}),children:[o?s.jsx("button",{type:"button",className:"agent-workspace__task-button","aria-label":`Provide input for ${e.task}`,onClick:()=>a(e),children:p}):p,e.children&&e.children.length>0&&s.jsx("ul",{className:"agent-workspace__task-children",children:e.children.map(c=>s.jsx(Ft,{item:c,depth:t+1,canRequestInput:n,onAttentionItemClick:a},c.task))})]})},Ge=({items:e,ariaLabel:t,canRequestInput:n,onAttentionItemClick:a})=>s.jsx("ul",{className:"agent-workspace__task-list","aria-label":t,children:e.map(r=>s.jsx(Ft,{item:r,depth:0,canRequestInput:n,onAttentionItemClick:a},r.task))}),Js=({checklist:e,isLoading:t,error:n,phase:a,canRequestInput:r,onAttentionItemClick:l})=>{const o=i.useMemo(()=>e?Ht(e):null,[e]);return s.jsxs("section",{className:"agent-workspace__panel agent-workspace__panel--checklist","aria-label":"Checklist",children:[s.jsx("div",{className:"agent-workspace__panel-header",children:s.jsx(u.Heading,{level:4,children:"Checklist"})}),s.jsx("div",{className:"agent-workspace__panel-body","aria-live":"polite",children:s.jsxs(Je,{children:[t&&s.jsxs("div",{className:"agent-workspace__loading",children:[s.jsx(u.Icon,{name:"loader",size:16,color:"var(--color-brand-600)",className:"agent-workspace__task-icon--spinning",screenReaderText:_e}),s.jsx("span",{children:_e})]}),!t&&n&&s.jsx("p",{className:"agent-workspace__error",role:"alert",children:n}),!t&&!n&&o&&s.jsxs(s.Fragment,{children:[o.needsInput.length>0&&s.jsxs("div",{className:"agent-workspace__task-group",children:[s.jsx("p",{className:"agent-workspace__task-group-label",children:"Needs your input"}),s.jsx(Ge,{items:o.needsInput,ariaLabel:"Tasks needing your input",canRequestInput:r,onAttentionItemClick:l})]}),o.complete.length>0&&s.jsxs("div",{className:z("agent-workspace__task-group",{"agent-workspace__task-group--following":o.needsInput.length>0}),children:[(o.needsInput.length>0||o.failed.length>0||o.tasks.length>0)&&s.jsx("p",{className:"agent-workspace__task-group-label",children:"Completed"}),s.jsx(Ge,{items:o.complete,ariaLabel:"Completed tasks",canRequestInput:r,onAttentionItemClick:l})]}),o.failed.length>0&&s.jsxs("div",{className:z("agent-workspace__task-group",{"agent-workspace__task-group--following":o.needsInput.length>0||o.complete.length>0}),children:[(o.needsInput.length>0||o.complete.length>0||o.tasks.length>0)&&s.jsx("p",{className:"agent-workspace__task-group-label",children:"Failed"}),s.jsx(Ge,{items:o.failed,ariaLabel:"Failed tasks",canRequestInput:r,onAttentionItemClick:l})]}),o.tasks.length>0&&s.jsxs("div",{className:z("agent-workspace__task-group",{"agent-workspace__task-group--following":o.needsInput.length>0||o.complete.length>0||o.failed.length>0}),children:[(o.needsInput.length>0||o.complete.length>0||o.failed.length>0)&&s.jsx("p",{className:"agent-workspace__task-group-label",children:"Working on"}),s.jsx(Ge,{items:o.tasks,ariaLabel:"Agent tasks",canRequestInput:r,onAttentionItemClick:l})]})]}),!t&&!n&&(!o||o.needsInput.length===0&&o.complete.length===0&&o.failed.length===0&&o.tasks.length===0)&&s.jsx("p",{className:"agent-workspace__empty",children:a===H.briefing?"Tasks will appear here once the agent starts.":"No tasks to display."})]})})]})},Ks=({resource:e,html:t,isLoading:n,error:a,onClose:r})=>{i.useEffect(()=>{if(!e)return;const o=u.SlideoverUtils.removeSlideover;return u.SlideoverUtils.removeSlideover=()=>{o(),r()},()=>{u.SlideoverUtils.removeSlideover=o}},[e,r]),i.useEffect(()=>{if(!e)return;const o=p=>{p.key==="Escape"&&u.SlideoverUtils.removeSlideover()};return window.addEventListener("keydown",o),()=>window.removeEventListener("keydown",o)},[e]);const l=i.useMemo(()=>e?[{centerHeaderText:!1,children:s.jsxs("div",{className:"resource-preview-slideover__body",children:[n&&s.jsxs("div",{className:"resource-preview-slideover__status",children:[s.jsx(u.Icon,{name:"loader",size:16,color:"var(--color-brand-600)",className:"agent-workspace__task-icon--spinning",screenReaderText:"Loading document"}),s.jsx("span",{children:"Loading document…"})]}),!n&&a&&s.jsx("p",{className:"resource-preview-slideover__error",role:"alert",children:a}),!n&&!a&&t!==null&&s.jsx("iframe",{className:"resource-preview-slideover__frame",title:e.title,sandbox:"",srcDoc:t})]})}]:[],[e,t,n,a]);return s.jsx("div",{className:"resource-preview-slideover",children:s.jsx(u.SlideoverManager,{slideovers:l})})},Ws={[ie.mis_record]:{icon:"table",label:"Arbor MIS",color:"var(--color-brand-600)"},[ie.document_html]:{icon:"file",label:"Document",color:"var(--color-semantic-caution-800)"},[ie.file]:{icon:"file",label:"File",color:"var(--color-semantic-caution-800)"},[ie.user_file]:{icon:"upload",label:"File upload",color:"var(--color-semantic-caution-800)"},[ie.workflow]:{icon:"list-tree",label:"Workflow",color:"var(--color-semantic-warning-700)"},[ie.link]:{icon:"link",label:"Link",color:"var(--color-semantic-info-700)"}},Vs=({resources:e,isLoading:t=!1,error:n=null,onOpenResource:a})=>s.jsxs("section",{className:"agent-workspace__panel agent-workspace__panel--documents","aria-label":"Resources",children:[s.jsxs("div",{className:"agent-workspace__panel-header",children:[s.jsx(u.Heading,{level:4,children:"Resources"}),s.jsx("span",{className:"agent-workspace__panel-count",children:e.length})]}),s.jsx("div",{className:"agent-workspace__panel-body","aria-live":"polite",children:s.jsxs(Je,{children:[t&&s.jsxs("div",{className:"agent-workspace__loading",children:[s.jsx(u.Icon,{name:"loader",size:16,color:"var(--color-brand-600)",className:"agent-workspace__task-icon--spinning",screenReaderText:"Loading resources"}),s.jsx("span",{children:"Loading resources…"})]}),!t&&n&&s.jsx("p",{className:"agent-workspace__error",role:"alert",children:n}),!t&&!n&&e.length>0&&s.jsx("ul",{className:"agent-workspace__resource-list","aria-label":"Agent resources",children:e.map(r=>{const l=Ws[r.type],o=r.misRecordUrl;return s.jsx("li",{className:"agent-workspace__resource",children:o?s.jsx("a",{className:"agent-workspace__resource-card",href:o,target:"_blank",rel:"noreferrer",onClick:p=>{p.preventDefault(),a(r)},children:s.jsx(jt,{resource:r,config:l,external:!0})}):s.jsx("button",{type:"button",className:"agent-workspace__resource-card",onClick:()=>a(r),children:s.jsx(jt,{resource:r,config:l})})},r.id)})}),!t&&!n&&e.length===0&&s.jsx("p",{className:"agent-workspace__empty",children:"No resources yet."})]})})]}),jt=({resource:e,config:t,external:n=!1})=>s.jsxs(s.Fragment,{children:[s.jsx("span",{className:`agent-workspace__resource-icon agent-workspace__resource-icon--${e.type}`,children:s.jsx(u.Icon,{name:t.icon,size:16,color:t.color,screenReaderText:`${t.label}:`})}),s.jsx("span",{className:"agent-workspace__resource-content",children:s.jsxs("span",{className:"agent-workspace__resource-top",children:[s.jsx("span",{className:"agent-workspace__resource-name",children:e.title}),s.jsx("span",{className:`agent-workspace__resource-badge agent-workspace__resource-badge--${e.type}`,children:t.label})]})}),n&&s.jsx(u.Icon,{name:"external-link",size:12,color:"var(--color-grey-500)",screenReaderText:"Opens in a new tab",className:"agent-workspace__resource-open"})]}),Ct=e=>{const t=Date.parse(e);return Number.isFinite(t)?t:0},Ys=new Intl.DateTimeFormat("en-GB",{day:"numeric",month:"long",year:"numeric",hour:"numeric",minute:"2-digit"}),nt=e=>{const t=new Date(e);return Number.isFinite(t.getTime())?Ys.format(t):e},Et=e=>e.replace(/[A-Za-z0-9]+(?:[_-][A-Za-z0-9]+)+/g,t=>t.split(/[_-]/).map(n=>n.charAt(0).toUpperCase()+n.slice(1).toLowerCase()).join(" ")),Rt=e=>{const n=e.replace(/[A-Za-z0-9]+(?:[_-][A-Za-z0-9]+)+/g,a=>a.split(/[_-]/).map(r=>r.toLowerCase()).join(" ")).toLowerCase();return n&&n.charAt(0).toUpperCase()+n.slice(1)},Xs=60*60*1e3,Bt=60*60*1e3,Re=24*Bt,rt=7*Re,Zs=e=>e.type!=="message-sent",Qs=(e,t)=>{const n=e.filter(Zs).map((r,l)=>({kind:"action",id:`action-${r.timestamp}-${l}`,timestampMs:Ct(r.timestamp),item:r})),a=t.map(r=>({kind:"chat",id:r.sessionId,timestampMs:Ct(r.timestamp),session:r}));return[...n,...a].sort((r,l)=>r.timestampMs-l.timestampMs||r.id.localeCompare(l.id))},en=e=>e>=rt?"weeks":e>=Re?"days":"hours",tn=e=>{if(e<Re){const a=Math.max(1,Math.round(e/Bt));return a===1?"1 hour later":`${a} hours later`}if(e<rt){const a=Math.max(1,Math.round(e/Re));return a===1?"1 day later":`${a} days later`}const t=Math.max(1,Math.round(e/rt));if(t<5)return t===1?"1 week later":`${t} weeks later`;const n=Math.max(1,Math.round(e/(30*Re)));return n===1?"1 month later":`${n} months later`},sn=(e,t=Xs)=>{if(e.length===0)return[];const n=[e[0]];for(let a=1;a<e.length;a+=1){const r=e[a-1],l=e[a],o=l.timestampMs-r.timestampMs;o>=t&&n.push({kind:"gap",id:`gap-${r.id}-${l.id}`,durationMs:o,label:tn(o),size:en(o)}),n.push(l)}return n},nn=e=>e.type==="checklist-updated"?"checklist":e.type==="status-transition"?"status":"note",an=({timeline:e,isLoading:t,error:n,onOpenChatSession:a})=>{const r=(e==null?void 0:e.actionLog)??[],l=(e==null?void 0:e.chatSessions)??[],o=Qs(r,l),p=sn(o),c=!t&&!n&&o.length===0;return s.jsxs("section",{className:"agent-workspace__timeline","aria-label":"Agent timeline",children:[t&&s.jsx("p",{className:"agent-workspace__timeline-status",role:"status",children:"Loading timeline…"}),n&&s.jsx("p",{className:"agent-workspace__timeline-status",role:"alert",children:n||Dt}),c&&s.jsx("p",{className:"agent-workspace__timeline-status",role:"status",children:"No timeline activity yet."}),!t&&!n&&!c&&s.jsxs("div",{className:"agent-timeline",children:[s.jsx("div",{className:"agent-timeline__track","aria-hidden":"true"}),s.jsxs("div",{className:"agent-timeline__station agent-timeline__station--terminus",children:[s.jsx("span",{className:"agent-timeline__station-rail",children:s.jsx("span",{className:"agent-timeline__station-node agent-timeline__station-node--terminus","aria-hidden":"true",children:s.jsx(u.Icon,{name:"arrow-right-from-line",size:16,color:"currentColor"})})}),s.jsx("div",{className:"agent-timeline__label",children:s.jsx("strong",{className:"agent-timeline__label-type",children:"Start"})})]}),p.map(g=>{if(g.kind==="gap")return s.jsxs("div",{className:`agent-timeline__gap agent-timeline__gap--${g.size}`,role:"separator","aria-label":g.label,children:[s.jsx("span",{className:"agent-timeline__gap-rail","aria-hidden":"true",children:s.jsx("span",{className:"agent-timeline__gap-dot"})}),s.jsx("span",{className:"agent-timeline__gap-label",children:g.label})]},g.id);if(g.kind==="chat")return s.jsxs("div",{className:"agent-timeline__chat-station",children:[s.jsx("button",{type:"button",className:"agent-timeline__chat-node","aria-label":`Open chat session from ${nt(g.session.timestamp)}`,onClick:()=>a(g.session.sessionId),children:s.jsx(u.Icon,{name:"sparkles",size:16,color:"currentColor"})}),s.jsxs("div",{className:"agent-timeline__label",children:[s.jsx("strong",{className:"agent-timeline__label-type",children:"Chat session"}),s.jsx("span",{className:"agent-timeline__label-time",children:nt(g.session.timestamp)})]})]},g.id);const{item:m}=g,S=nn(m),x=S==="checklist",E=S==="status";return s.jsxs("div",{className:`agent-timeline__station agent-timeline__station--${S}`,children:[s.jsx("span",{className:"agent-timeline__station-rail",children:s.jsxs("button",{type:"button",className:`agent-timeline__station-node agent-timeline__station-node--${S}`,"aria-label":`${Et(m.type)}: ${Rt(m.entry)}`,children:[x&&s.jsx(u.Icon,{name:"check-solid",size:16,color:"currentColor"}),E&&s.jsx(u.Icon,{name:"iteration-ccw",size:16,color:"currentColor"})]})}),s.jsxs("div",{className:"agent-timeline__label",children:[s.jsx("strong",{className:"agent-timeline__label-type",children:Et(m.type)}),s.jsx("span",{className:"agent-timeline__label-entry",children:Rt(m.entry)}),s.jsx("span",{className:"agent-timeline__label-time",children:nt(m.timestamp)})]})]},g.id)}),s.jsxs("div",{className:"agent-timeline__station agent-timeline__station--terminus",children:[s.jsx("span",{className:"agent-timeline__station-rail",children:s.jsx("span",{className:"agent-timeline__station-node agent-timeline__station-node--terminus","aria-hidden":"true",children:s.jsx(u.Icon,{name:"flag",size:16,color:"currentColor"})})}),s.jsx("div",{className:"agent-timeline__label",children:s.jsx("strong",{className:"agent-timeline__label-type",children:"Finish"})})]})]})]})},rn=["I'll get the details and come back to you","Skip this for now"],on=e=>{var n;const t=(n=e.prompt)!=null&&n.trim()?e.prompt.trim():`I need a bit more from you on "${e.task}". ${e.description} What can you tell me?`;return{id:`clarification-${Date.now()}`,author:X.agent,text:t,followUpPrompts:e.clarificationPrompts??rn}},me=e=>({id:e.id,text:e.text,type:e.author===X.user?ve.CHAT_RESPONSE_TYPE_USER:e.author===X.system?ve.CHAT_RESPONSE_TYPE_INFO:ve.CHAT_RESPONSE_TYPE_AGENT,...e.followUpPrompts?{followUpPrompts:e.followUpPrompts}:{}}),it="MESSAGE_TYPE_REPOLL",Gt="agentUi:update",ct="arbor-agent-",oe={all:"ALL",checklist:"CHECKLIST",resources:"RESOURCES",chat:"CHAT",timeline:"TIMELINE"},ln=new Set(Object.values(oe)),zt=(e,t)=>`${e.endsWith("-")?e:`${e}-`}${t}`,cn=e=>typeof e=="string"&&ln.has(e)?e:oe.all,dn=e=>{if(!e||typeof e!="object")return null;const t=e;return t.type!==it?null:{type:it,target:cn(t.target)}},qt=e=>{const t=Array.isArray(e)?e:[e],n=[];for(const a of t){const r=dn(a);r&&n.push(r)}return n},un=({enabled:e,channelPrefix:t,agentId:n,subscribeToPusher:a,onRepoll:r})=>{const l=i.useRef(r),o=t==null?void 0:t.trim(),p=!!(e&&a&&o&&n.trim());return i.useEffect(()=>{l.current=r},[r]),i.useEffect(()=>{if(!p||!a||!o)return;const c=a(zt(o,n),Gt,g=>{for(const m of qt(g))l.current(m.target)});return()=>{c()}},[p,o,n,a]),p};class fe extends Error{constructor(t,n,a){super(a??`Agent service request failed (${t})`),this.name="AgentServiceError",this.status=t,this.detail=n}}const gn="/api/v1",$={agentDefinitions:"/agent-definitions",agents:"/agents",conversations:"/conversations",tripOptions:"/trip-options",demoDataset:"/demo/dataset"},B={GET:"GET",POST:"POST"},hn={error:"error"},pn={user:"user"},ue={acceptJson:"application/json",acceptHtml:"text/html",acceptEventStream:"text/event-stream",contentTypeJson:"application/json",arborApplicationUrl:"X-Arbor-Application-Url"},mn=100,Jt=e=>{switch(e){case Nt.cancelled:return A.failed;case Nt.archived:return A.complete;case A.hitl:case A.complete:case A.failed:case A["generating-a-response"]:return e;default:return A["generating-a-response"]}},Kt=e=>{switch(e){case tt.requires_attention:return P.hitl;case tt.in_progress:case tt.available:return P["generating-a-response"];case P.failed:case P.complete:case P.hitl:case P["generating-a-response"]:return e;default:return P["generating-a-response"]}},dt=e=>({ref:e.name,display_name:e.display_name,agent_intent:e.agent_intent??"",description:e.description}),_n=e=>({id:e.id,name:e.name,...e.has_run_before?{hasRunBefore:e.has_run_before}:{}}),fn=new Set(Object.values(ie)),vn=e=>fn.has(e)?e:ie.document_html,Wt=e=>({id:e.id,type:vn(e.type),title:e.title,createdDatetime:e.created_datetime,lastUpdatedDatetime:e.last_updated_datetime,misRecordUrl:e.mis_record_url}),Vt=e=>({resources:e.resources.map(Wt),pageNumber:e.page_number,pageSize:e.page_size,totalRecords:e.total_records}),Yt=e=>({actionLog:(e.action_log??[]).map(t=>({timestamp:t.timestamp,type:t.type,entry:t.entry,origin:t.origin})),chatSessions:(e.chat_sessions??[]).map(t=>({sessionId:t.session_id,timestamp:t.timestamp}))}),ot=e=>{var n;const t=e.invocation_id??e.id;return{id:e.id,invocation_id:t,agent_definition_ref:e.agent_definition_ref,...e.agent_intent?{agent_intent:e.agent_intent}:{},invocation_name:((n=e.invocation_name)==null?void 0:n.trim())||e.agent_definition_ref,application_id:e.application_id,...e.application_name?{application_name:e.application_name}:{},created_by:e.created_by,status:Jt(e.status),context_ref:e.context_ref??null,checklist_ref:e.checklist_ref??null}},ut=e=>{var t;return{task:e.item??e.task??e.name??e.label??Es,status:Kt(e.status),description:e.description??"",...e.prompt?{prompt:e.prompt}:{},...(t=e.follow_up_prompts)!=null&&t.length?{clarificationPrompts:e.follow_up_prompts}:{}}},wn=e=>Array.isArray(e)?e:e.checklist_items??e.checklist??e.items??[],gt=(e,t,n)=>{var l;const a=!Array.isArray(t)&&(t.opening_message||(l=t.opening_follow_up_prompts)!=null&&l.length)?t:n,r=a?Te(a):void 0;return{invocation_id:e,checklist:wn(t).map(ut),...r?{openingMessage:r}:{}}},Xt=(e,t)=>{const n=Te(t);return{invocation_id:t.invocation_id??e,checklist:(t.checklist_items??[]).map(ut),...n?{openingMessage:n}:{}}},Te=e=>{var n,a;const t=(n=e.opening_message)==null?void 0:n.trim();if(t)return{id:Ut,author:X.agent,text:t,...(a=e.opening_follow_up_prompts)!=null&&a.length?{followUpPrompts:e.opening_follow_up_prompts}:{}}},Zt=e=>{try{const t=JSON.parse(e);if(Array.isArray(t)){const n=t.filter(a=>!!a&&typeof a=="object"&&typeof a.text=="string").map(a=>a.text);if(n.length>0)return n.join(`
|
|
2
|
-
`)}}catch{}return
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),q=require("classnames"),u=require("@arbor-education/design-system.components"),ye=require("@arbor-education/ask-arbor-chat-panel"),j={"generating-a-response":"generating-a-response",hitl:"hitl",complete:"complete",failed:"failed"},P={"generating-a-response":"generating-a-response",hitl:"hitl",complete:"complete",failed:"failed"},$={briefing:"briefing",running:"running",stopped:"stopped",complete:"complete"},te={agent:"agent",user:"user",system:"system"},de={document_html:"document_html",mis_record:"mis_record",workflow:"workflow",file:"file",user_file:"user_file",link:"link"},Bs={user_file:"user_file"},Dt={cancelled:"cancelled",archived:"archived"},dt={in_progress:"in_progress",requires_attention:"requires_attention",available:"available"},ee={[P.complete]:{label:"Complete",icon:"circle-check",color:"var(--color-semantic-success-600)"},[P.failed]:{label:"Failed",icon:"circle-x",color:"var(--color-semantic-destructive-600)"},[P.hitl]:{label:"Requires attention",icon:"triangle-alert",color:"var(--color-semantic-warning-600)"},[P["generating-a-response"]]:{label:"Generating a response",icon:"sparkles",color:"var(--color-brand-600)"}},Ve={[j["generating-a-response"]]:{status:j["generating-a-response"],title:"Active",dotColour:"green",statusIcon:{name:ee["generating-a-response"].icon,color:ee["generating-a-response"].color}},[j.hitl]:{status:j.hitl,title:"Requires attention",dotColour:"orange",statusIcon:{name:ee.hitl.icon,color:ee.hitl.color}},[j.complete]:{status:j.complete,title:"Complete",dotColour:"green",dotModifier:"grey-dark",statusIcon:{name:ee.complete.icon,color:ee.complete.color}},[j.failed]:{status:j.failed,title:"Failed",dotColour:"salmon",statusIcon:{name:ee.failed.icon,color:ee.failed.color}}},Gs=[j["generating-a-response"],j.hitl],zs=[j.complete,j.failed],qs="m4",Ks="1",Zt="msg-opening",We="Unable to load agent tasks. Please try again.",Js="Unable to load context.",Ws="Unable to load the resources for this agent",Vs="Unable to load this document. Please try again.",Qt="Unable to load the timeline for this agent",Ys="Unable to stop the agent. Please try again.",Xs="Unable to rename the agent. Please try again.",Zs="Something went wrong. Please try again.",es="Unable to load agents. Please try again.",ke="Loading tasks…",$t="Loading agents…",Qs="Task",en={[$.briefing]:"Briefing",[$.running]:"Working",[$.stopped]:"Stopped",[$.complete]:"Complete"},tn=[j["generating-a-response"],j.hitl,j.complete,j.failed],sn={[j["generating-a-response"]]:"Agents currently working on tasks for you.",[j.hitl]:"Agents that need your input before they can continue.",[j.complete]:"Agents that have finished their work.",[j.failed]:"Agents that failed or were stopped."},nn=()=>s.jsxs("svg",{className:"agent-view__empty-illustration",viewBox:"0 0 360 240",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"Preview of the agents board layout",children:[s.jsx("rect",{x:"0",y:"0",width:"360",height:"240",rx:"12",fill:"var(--color-grey-100)"}),s.jsx("rect",{x:"16",y:"16",width:"100",height:"208",rx:"8",fill:"var(--card-default-color-background)",stroke:"var(--card-default-color-border)"}),s.jsx("rect",{x:"130",y:"16",width:"100",height:"208",rx:"8",fill:"var(--card-default-color-background)",stroke:"var(--card-default-color-border)"}),s.jsx("rect",{x:"244",y:"16",width:"100",height:"100",rx:"8",fill:"var(--card-default-color-background)",stroke:"var(--card-default-color-border)"}),s.jsx("rect",{x:"244",y:"124",width:"100",height:"100",rx:"8",fill:"var(--card-default-color-background)",stroke:"var(--card-default-color-border)"}),s.jsx("rect",{x:"28",y:"52",width:"76",height:"36",rx:"6",fill:"var(--color-grey-050)"}),s.jsx("rect",{x:"28",y:"96",width:"76",height:"36",rx:"6",fill:"var(--color-grey-050)"}),s.jsx("rect",{x:"142",y:"52",width:"76",height:"36",rx:"6",fill:"var(--color-semantic-warning-050)"}),s.jsx("circle",{cx:"40",cy:"70",r:"4",fill:"var(--color-brand-600)"}),s.jsx("circle",{cx:"40",cy:"114",r:"4",fill:"var(--color-brand-600)"}),s.jsx("circle",{cx:"154",cy:"70",r:"4",fill:"var(--color-semantic-warning-600)"}),s.jsx("circle",{cx:"256",cy:"52",r:"4",fill:"var(--color-grey-400)"}),s.jsx("circle",{cx:"256",cy:"160",r:"4",fill:"var(--color-semantic-destructive-500)"})]}),an=({status:t})=>{const e=Ve[t];return e.statusIcon?s.jsx(u.Icon,{name:e.statusIcon.name,size:16,color:e.statusIcon.color,screenReaderText:e.title}):s.jsx(u.Dot,{colour:e.dotColour,label:e.title})},rn=()=>s.jsxs("section",{className:"agent-view__empty","aria-label":"About the agents board",children:[s.jsxs("div",{className:"agent-view__empty-content",children:[s.jsx(u.Heading,{level:4,children:"Your agents board"}),s.jsx("p",{className:"agent-view__empty-lead",children:"When you start an agent, it appears here so you can track progress at a glance. Agents move between columns as their status changes."}),s.jsx("ul",{className:"agent-view__empty-columns",children:tn.map(t=>{const e=Ve[t];return s.jsxs("li",{className:"agent-view__empty-column",children:[s.jsx("span",{className:"agent-view__empty-column-indicator",children:s.jsx(an,{status:t})}),s.jsxs("span",{className:"agent-view__empty-column-text",children:[s.jsx("span",{className:"agent-view__empty-column-title",children:e.title}),s.jsx("span",{className:"agent-view__empty-column-description",children:sn[t]})]})]},t)})}),s.jsxs("p",{className:"agent-view__empty-hint",children:["Use ",s.jsx("strong",{children:"Start an agent"})," above to begin."]})]}),s.jsx("div",{className:"agent-view__empty-visual",children:s.jsx(nn,{})})]}),on=()=>({needsInput:[],complete:[],failed:[],tasks:[]}),ln=(t,e)=>({...t,...e.length>0?{children:e}:{}}),ts=t=>{const e=[],n=[],a=[],r=[];for(const l of t){const i=l.children?ts(l.children):on();if(e.push(...i.needsInput),n.push(...i.complete),a.push(...i.failed),l.status===P.hitl){e.push({...l,children:void 0});continue}if(l.status===P.complete){n.push({...l,children:void 0});continue}if(l.status===P.failed){a.push({...l,children:void 0});continue}r.push(ln(l,i.tasks))}return{needsInput:e,complete:n,failed:a,tasks:r}},Ht=t=>t===P.hitl?0:t===P.complete?1:t===P.failed?2:3,cn=t=>t.map((e,n)=>({item:e,index:n})).sort((e,n)=>{const a=Ht(e.item.status)-Ht(n.item.status);return a!==0?a:e.index-n.index}).map(({item:e})=>e),ut=2,dn=t=>{if(!t)return{canScrollUp:!1,canScrollDown:!1};const e=t.scrollHeight-t.clientHeight;return e<=ut?{canScrollUp:!1,canScrollDown:!1}:{canScrollUp:t.scrollTop>ut,canScrollDown:t.scrollTop<e-ut}},un=(t,e)=>{if(!t||!e)return null;const n=t.getBoundingClientRect(),a=e.getBoundingClientRect();return{top:a.top-n.top,left:a.left-n.left,width:a.width,height:a.height}},Ye=({children:t,className:e,contentClassName:n,scrollSelector:a,style:r,"aria-label":l})=>{const i=o.useRef(null),h=o.useRef(null),[d,g]=o.useState(!1),[m,S]=o.useState(!1),[w,R]=o.useState(null),p=()=>{var b;return a?((b=i.current)==null?void 0:b.querySelector(a))??null:h.current},T=()=>{const b=p(),y=dn(b);if(g(v=>v===y.canScrollUp?v:y.canScrollUp),S(v=>v===y.canScrollDown?v:y.canScrollDown),a){const v=un(i.current,b);R(C=>(C==null?void 0:C.top)===(v==null?void 0:v.top)&&(C==null?void 0:C.left)===(v==null?void 0:v.left)&&(C==null?void 0:C.width)===(v==null?void 0:v.width)&&(C==null?void 0:C.height)===(v==null?void 0:v.height)?C:v)}else R(v=>v===null?v:null)};o.useLayoutEffect(()=>{T()}),o.useEffect(()=>{const b=i.current;if(!b)return;let y=null,v=null;const C=()=>{y==null||y.removeEventListener("scroll",T),v==null||v.disconnect(),v=null,y=null},E=U=>{if(U===y){T();return}if(C(),y=U,!y){T();return}y.addEventListener("scroll",T,{passive:!0}),v=new ResizeObserver(()=>T()),v.observe(y),y.firstElementChild instanceof HTMLElement&&v.observe(y.firstElementChild),T()};E(p());const k=new MutationObserver(()=>{E(p())});return k.observe(b,{childList:!0,subtree:!0,characterData:!0}),window.addEventListener("resize",T),()=>{window.removeEventListener("resize",T),k.disconnect(),C()}},[a]);const x=b=>{const y=p();if(!y)return;const v=Math.max(y.clientHeight*.75,120);y.scrollBy({top:b==="up"?-v:v,behavior:"smooth"})},O=s.jsxs(s.Fragment,{children:[d&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"scrollable-region__fade scrollable-region__fade--top","aria-hidden":"true"}),s.jsx("button",{type:"button",className:"scrollable-region__edge scrollable-region__edge--top","aria-label":"Scroll up",onClick:()=>x("up"),children:s.jsx(u.Icon,{name:"chevron-up",size:16,color:"currentColor"})})]}),m&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"scrollable-region__fade scrollable-region__fade--bottom","aria-hidden":"true"}),s.jsx("button",{type:"button",className:"scrollable-region__edge scrollable-region__edge--bottom","aria-label":"Scroll down",onClick:()=>x("down"),children:s.jsx(u.Icon,{name:"chevron-down",size:16,color:"currentColor"})})]})]});return s.jsx("div",{ref:i,className:q("scrollable-region",e),style:r,"aria-label":l,children:a?s.jsxs(s.Fragment,{children:[t,w&&(d||m)&&s.jsx("div",{className:"scrollable-region__overlay",style:{top:w.top,left:w.left,width:w.width,height:w.height},children:O})]}):s.jsxs(s.Fragment,{children:[O,s.jsx("div",{ref:h,className:q("scrollable-region__viewport",n),children:t})]})})},gn=48,hn=({checklist:t})=>{const e=o.useRef(null),n=o.useRef(!1);return o.useLayoutEffect(()=>{const a=e.current;if(!a)return;const r=a.scrollHeight-a.scrollTop-a.clientHeight;(!n.current||r<=gn)&&(a.scrollTop=a.scrollHeight,n.current=!0)},[t]),t.length===0?s.jsx("p",{className:"agent-view__progress-empty",children:"No tasks to display."}):s.jsx(Ye,{className:"agent-view__progress-scroll",scrollSelector:".agent-view__progress-list",children:s.jsx("ul",{ref:e,className:"agent-view__progress-list","aria-label":"Agent tasks",children:cn(t).map(a=>{const r=ee[a.status];return s.jsxs("li",{className:q("agent-view__progress-item",`agent-view__progress-item--${a.status.replace(/_/g,"-")}`),children:[s.jsx(u.Icon,{name:r.icon,size:16,color:r.color,screenReaderText:`${r.label}:`}),s.jsxs("div",{className:"agent-view__progress-item-content",children:[s.jsx("span",{className:"agent-view__progress-label",children:a.task}),a.status!==P.complete&&s.jsx("span",{className:"agent-view__progress-description",children:a.description})]})]},a.task)})})})},pn=({prompts:t,classNamePrefix:e="agent-workspace",onSelect:n})=>t.length===0?null:s.jsx("div",{className:`${e}__chips`,children:t.map(a=>s.jsx("button",{type:"button",className:`${e}__chip`,onClick:()=>n(a),children:a},a))});class mn{constructor(e,n){this.connector=e,this.canSend=n.canSend,this.onTurn=n.onTurn,this.onAwaitingChange=n.onAwaitingChange}get canRate(){return!1}get canLoadHistory(){return!1}get canListInteractions(){return!1}get canSendNotification(){return!1}get ratingPopupUrls(){return{}}async sendMessage(e){var n,a;if(!this.canSend())return null;(n=this.onAwaitingChange)==null||n.call(this,!0);try{const r=await this.connector.sendMessage(e.userMessage,e.uploadFiles);return this.onTurn(r),{id:r.message.id,text:r.message.text,type:ye.CHAT_RESPONSE_TYPE_AGENT,...r.message.followUpPrompts?{followUpPrompts:r.message.followUpPrompts}:{}}}catch{return{id:`error-${Date.now()}`,text:Zs,type:ye.CHAT_RESPONSE_TYPE_ERROR}}finally{(a=this.onAwaitingChange)==null||a.call(this,!1)}}async loadHistory(e){return null}async listInteractions(){return null}async rateMessage(e){}async sendNotification(e){return!1}}const _n=({connector:t,phase:e,chatHistory:n,chatSessionKey:a,startQuery:r,clarificationMessage:l,enableUpload:i=!1,onTurn:h,onAwaitingChange:d,onClarificationPrompt:g,onDismissClarification:m})=>{const S=o.useMemo(()=>new mn(t,{canSend:()=>e===$.running,onTurn:h,onAwaitingChange:d}),[t,e,h,d]),w=e!==$.running,R=e===$.running;return s.jsxs("section",{className:"agent-workspace__chat-body","aria-label":"Chat",children:[l&&s.jsxs("div",{className:"agent-workspace__clarification",role:"region","aria-label":"Agent question",children:[s.jsx("p",{className:"agent-workspace__clarification-text",children:l.text}),l.followUpPrompts&&s.jsx(pn,{prompts:l.followUpPrompts,onSelect:g}),s.jsx("button",{type:"button",className:"agent-workspace__clarification-dismiss",onClick:m,children:"Dismiss"})]}),s.jsx("div",{className:"agent-workspace__ask-arbor",children:s.jsx(Ye,{scrollSelector:".chat-panel-message-list",children:s.jsx(ye.ChatPanel,{connector:S,chatHistory:n,startQuery:r,lockConversation:w,enableUpload:i,speechEnabled:R,speechLanguage:"en-GB",speechSubmissionDelay:1e3,slashMenuItems:[],menuContent:[],introHeading:"Message your agent",introBody:"Ask questions, share trip details, or paste a link. The agent will update the checklist as it works.",placeholder:R?"Message the agent, paste a link, or attach a file…":"The agent is not accepting messages."},a)})}),e===$.stopped&&s.jsxs("div",{className:"agent-workspace__notice",role:"status",children:[s.jsx(u.Icon,{name:"circle-alert",size:16,color:"var(--color-semantic-warning-600)"}),s.jsx("span",{children:"You stopped the agent. Its progress is saved in the checklist."})]}),e===$.complete&&s.jsxs("div",{className:"agent-workspace__notice",role:"status",children:[s.jsx(u.Icon,{name:"party-popper",size:16,color:"var(--color-semantic-success-600)"}),s.jsx("span",{children:"The agent has finished."})]})]})},ss=({item:t,depth:e,canRequestInput:n,onAttentionItemClick:a})=>{const r=ee[t.status],l=t.status.replace(/_/g,"-"),i=t.status===P.hitl&&n&&a,h=s.jsxs("div",{className:"agent-workspace__task-row",children:[s.jsx(u.Icon,{name:r.icon,size:16,color:r.color,screenReaderText:`${r.label}:`}),s.jsxs("div",{className:"agent-workspace__task-content",children:[s.jsx("span",{className:"agent-workspace__task-label",children:t.task}),t.status!==P.complete&&t.description&&s.jsx("span",{className:"agent-workspace__task-description",children:t.description})]})]});return s.jsxs("li",{className:q("agent-workspace__task",`agent-workspace__task--${l}`,{"agent-workspace__task--child":e>0}),children:[i?s.jsx("button",{type:"button",className:"agent-workspace__task-button","aria-label":`Provide input for ${t.task}`,onClick:()=>a(t),children:h}):h,t.children&&t.children.length>0&&s.jsx("ul",{className:"agent-workspace__task-children",children:t.children.map(d=>s.jsx(ss,{item:d,depth:e+1,canRequestInput:n,onAttentionItemClick:a},d.task))})]})},Je=({items:t,ariaLabel:e,canRequestInput:n,onAttentionItemClick:a})=>s.jsx("ul",{className:"agent-workspace__task-list","aria-label":e,children:t.map(r=>s.jsx(ss,{item:r,depth:0,canRequestInput:n,onAttentionItemClick:a},r.task))}),fn=({checklist:t,isLoading:e,error:n,phase:a,canRequestInput:r,onAttentionItemClick:l,adminMode:i=!1,context:h,contextLoaded:d=!1,contextLoading:g=!1,contextError:m=null,onContextSelect:S})=>{const[w,R]=o.useState("checklist"),p=o.useMemo(()=>t?ts(t):null,[t]),T=()=>{R("context"),S==null||S()};return s.jsxs("section",{className:"agent-workspace__panel agent-workspace__panel--checklist","aria-label":"Checklist",children:[s.jsx("div",{className:"agent-workspace__panel-header",children:i?s.jsxs(u.Tabs,{className:"agent-workspace__checklist-tabs","aria-label":"Checklist panel",children:[s.jsx(u.Tabs.Item,{active:w==="checklist",tabElementProps:{id:"agent-checklist-tab-checklist",onClick:()=>R("checklist")},children:"Checklist"}),s.jsx(u.Tabs.Item,{active:w==="context",tabElementProps:{id:"agent-checklist-tab-context",onClick:T},children:"Context"})]}):s.jsx(u.Heading,{level:4,children:"Checklist"})}),s.jsx("div",{className:"agent-workspace__panel-body","aria-live":"polite",children:s.jsx(Ye,{children:w==="context"?s.jsxs(s.Fragment,{children:[g&&s.jsxs("div",{className:"agent-workspace__loading",children:[s.jsx(u.Icon,{name:"loader",size:16,color:"var(--color-brand-600)",className:"agent-workspace__task-icon--spinning",screenReaderText:"Loading context"}),s.jsx("span",{children:"Loading context…"})]}),!g&&m&&s.jsx("p",{className:"agent-workspace__error",role:"alert",children:m}),!g&&!m&&d&&h==null&&s.jsx("p",{className:"agent-workspace__empty",children:"No context available."}),!g&&!m&&d&&h!==null&&h!==void 0&&s.jsx("pre",{className:"agent-workspace__context-json",children:JSON.stringify(h,null,2)})]}):s.jsxs(s.Fragment,{children:[e&&s.jsxs("div",{className:"agent-workspace__loading",children:[s.jsx(u.Icon,{name:"loader",size:16,color:"var(--color-brand-600)",className:"agent-workspace__task-icon--spinning",screenReaderText:ke}),s.jsx("span",{children:ke})]}),!e&&n&&s.jsx("p",{className:"agent-workspace__error",role:"alert",children:n}),!e&&!n&&p&&s.jsxs(s.Fragment,{children:[p.needsInput.length>0&&s.jsxs("div",{className:"agent-workspace__task-group",children:[s.jsx("p",{className:"agent-workspace__task-group-label",children:"Needs your input"}),s.jsx(Je,{items:p.needsInput,ariaLabel:"Tasks needing your input",canRequestInput:r,onAttentionItemClick:l})]}),p.complete.length>0&&s.jsxs("div",{className:q("agent-workspace__task-group",{"agent-workspace__task-group--following":p.needsInput.length>0}),children:[(p.needsInput.length>0||p.failed.length>0||p.tasks.length>0)&&s.jsx("p",{className:"agent-workspace__task-group-label",children:"Completed"}),s.jsx(Je,{items:p.complete,ariaLabel:"Completed tasks",canRequestInput:r,onAttentionItemClick:l})]}),p.failed.length>0&&s.jsxs("div",{className:q("agent-workspace__task-group",{"agent-workspace__task-group--following":p.needsInput.length>0||p.complete.length>0}),children:[(p.needsInput.length>0||p.complete.length>0||p.tasks.length>0)&&s.jsx("p",{className:"agent-workspace__task-group-label",children:"Failed"}),s.jsx(Je,{items:p.failed,ariaLabel:"Failed tasks",canRequestInput:r,onAttentionItemClick:l})]}),p.tasks.length>0&&s.jsxs("div",{className:q("agent-workspace__task-group",{"agent-workspace__task-group--following":p.needsInput.length>0||p.complete.length>0||p.failed.length>0}),children:[(p.needsInput.length>0||p.complete.length>0||p.failed.length>0)&&s.jsx("p",{className:"agent-workspace__task-group-label",children:"Working on"}),s.jsx(Je,{items:p.tasks,ariaLabel:"Agent tasks",canRequestInput:r,onAttentionItemClick:l})]})]}),!e&&!n&&(!p||p.needsInput.length===0&&p.complete.length===0&&p.failed.length===0&&p.tasks.length===0)&&s.jsx("p",{className:"agent-workspace__empty",children:a===$.briefing?"Tasks will appear here once the agent starts.":"No tasks to display."})]})})})]})},vn=({resource:t,html:e,isLoading:n,error:a,onClose:r})=>{o.useEffect(()=>{if(!t)return;const i=u.SlideoverUtils.removeSlideover;return u.SlideoverUtils.removeSlideover=()=>{i(),r()},()=>{u.SlideoverUtils.removeSlideover=i}},[t,r]),o.useEffect(()=>{if(!t)return;const i=h=>{h.key==="Escape"&&u.SlideoverUtils.removeSlideover()};return window.addEventListener("keydown",i),()=>window.removeEventListener("keydown",i)},[t]);const l=o.useMemo(()=>t?[{centerHeaderText:!1,children:s.jsxs("div",{className:"resource-preview-slideover__body",children:[n&&s.jsxs("div",{className:"resource-preview-slideover__status",children:[s.jsx(u.Icon,{name:"loader",size:16,color:"var(--color-brand-600)",className:"agent-workspace__task-icon--spinning",screenReaderText:"Loading document"}),s.jsx("span",{children:"Loading document…"})]}),!n&&a&&s.jsx("p",{className:"resource-preview-slideover__error",role:"alert",children:a}),!n&&!a&&e!==null&&s.jsx("iframe",{className:"resource-preview-slideover__frame",title:t.title,sandbox:"",srcDoc:e})]})}]:[],[t,e,n,a]);return s.jsx("div",{className:"resource-preview-slideover",children:s.jsx(u.SlideoverManager,{slideovers:l})})},wn={[de.mis_record]:{icon:"table",label:"Arbor MIS",color:"var(--color-brand-600)"},[de.document_html]:{icon:"file",label:"Document",color:"var(--color-semantic-caution-800)"},[de.file]:{icon:"file",label:"File",color:"var(--color-semantic-caution-800)"},[de.user_file]:{icon:"upload",label:"File upload",color:"var(--color-semantic-caution-800)"},[de.workflow]:{icon:"list-tree",label:"Workflow",color:"var(--color-semantic-warning-700)"},[de.link]:{icon:"link",label:"Link",color:"var(--color-semantic-info-700)"}},xn=({resources:t,isLoading:e=!1,error:n=null,onOpenResource:a})=>s.jsxs("section",{className:"agent-workspace__panel agent-workspace__panel--documents","aria-label":"Resources",children:[s.jsxs("div",{className:"agent-workspace__panel-header",children:[s.jsx(u.Heading,{level:4,children:"Resources"}),s.jsx("span",{className:"agent-workspace__panel-count",children:t.length})]}),s.jsx("div",{className:"agent-workspace__panel-body","aria-live":"polite",children:s.jsxs(Ye,{children:[e&&s.jsxs("div",{className:"agent-workspace__loading",children:[s.jsx(u.Icon,{name:"loader",size:16,color:"var(--color-brand-600)",className:"agent-workspace__task-icon--spinning",screenReaderText:"Loading resources"}),s.jsx("span",{children:"Loading resources…"})]}),!e&&n&&s.jsx("p",{className:"agent-workspace__error",role:"alert",children:n}),!e&&!n&&t.length>0&&s.jsx("ul",{className:"agent-workspace__resource-list","aria-label":"Agent resources",children:t.map(r=>{const l=wn[r.type],i=r.misRecordUrl;return s.jsx("li",{className:"agent-workspace__resource",children:i?s.jsx("a",{className:"agent-workspace__resource-card",href:i,target:"_blank",rel:"noreferrer",onClick:h=>{h.preventDefault(),a(r)},children:s.jsx(Ft,{resource:r,config:l,external:!0})}):s.jsx("button",{type:"button",className:"agent-workspace__resource-card",onClick:()=>a(r),children:s.jsx(Ft,{resource:r,config:l})})},r.id)})}),!e&&!n&&t.length===0&&s.jsx("p",{className:"agent-workspace__empty",children:"No resources yet."})]})})]}),Ft=({resource:t,config:e,external:n=!1})=>s.jsxs(s.Fragment,{children:[s.jsx("span",{className:`agent-workspace__resource-icon agent-workspace__resource-icon--${t.type}`,children:s.jsx(u.Icon,{name:e.icon,size:16,color:e.color,screenReaderText:`${e.label}:`})}),s.jsx("span",{className:"agent-workspace__resource-content",children:s.jsxs("span",{className:"agent-workspace__resource-top",children:[s.jsx("span",{className:"agent-workspace__resource-name",children:t.title}),s.jsx("span",{className:`agent-workspace__resource-badge agent-workspace__resource-badge--${t.type}`,children:e.label})]})}),n&&s.jsx(u.Icon,{name:"external-link",size:12,color:"var(--color-grey-500)",screenReaderText:"Opens in a new tab",className:"agent-workspace__resource-open"})]}),Bt=t=>{const e=Date.parse(t);return Number.isFinite(e)?e:0},kn=new Intl.DateTimeFormat("en-GB",{day:"numeric",month:"long",year:"numeric",hour:"numeric",minute:"2-digit"}),gt=t=>{const e=new Date(t);return Number.isFinite(e.getTime())?kn.format(e):t},Gt=t=>t.replace(/[A-Za-z0-9]+(?:[_-][A-Za-z0-9]+)+/g,e=>e.split(/[_-]/).map(n=>n.charAt(0).toUpperCase()+n.slice(1).toLowerCase()).join(" ")),zt=t=>{const n=t.replace(/[A-Za-z0-9]+(?:[_-][A-Za-z0-9]+)+/g,a=>a.split(/[_-]/).map(r=>r.toLowerCase()).join(" ")).toLowerCase();return n&&n.charAt(0).toUpperCase()+n.slice(1)},Sn=60*60*1e3,ns=60*60*1e3,Te=24*ns,pt=7*Te,yn=t=>t.type!=="message-sent",Nn=(t,e)=>{const n=t.filter(yn).map((r,l)=>({kind:"action",id:`action-${r.timestamp}-${l}`,timestampMs:Bt(r.timestamp),item:r})),a=e.map(r=>({kind:"chat",id:r.sessionId,timestampMs:Bt(r.timestamp),session:r}));return[...n,...a].sort((r,l)=>r.timestampMs-l.timestampMs||r.id.localeCompare(l.id))},bn=t=>t>=pt?"weeks":t>=Te?"days":"hours",An=t=>{if(t<Te){const a=Math.max(1,Math.round(t/ns));return a===1?"1 hour later":`${a} hours later`}if(t<pt){const a=Math.max(1,Math.round(t/Te));return a===1?"1 day later":`${a} days later`}const e=Math.max(1,Math.round(t/pt));if(e<5)return e===1?"1 week later":`${e} weeks later`;const n=Math.max(1,Math.round(t/(30*Te)));return n===1?"1 month later":`${n} months later`},Cn=(t,e=Sn)=>{if(t.length===0)return[];const n=[t[0]];for(let a=1;a<t.length;a+=1){const r=t[a-1],l=t[a],i=l.timestampMs-r.timestampMs;i>=e&&n.push({kind:"gap",id:`gap-${r.id}-${l.id}`,durationMs:i,label:An(i),size:bn(i)}),n.push(l)}return n},jn=t=>t.type==="checklist-updated"?"checklist":t.type==="status-transition"?"status":"note",En=({timeline:t,isLoading:e,error:n,onOpenChatSession:a})=>{const r=(t==null?void 0:t.actionLog)??[],l=(t==null?void 0:t.chatSessions)??[],i=Nn(r,l),h=Cn(i),d=!e&&!n&&i.length===0;return s.jsxs("section",{className:"agent-workspace__timeline","aria-label":"Agent timeline",children:[e&&s.jsx("p",{className:"agent-workspace__timeline-status",role:"status",children:"Loading timeline…"}),n&&s.jsx("p",{className:"agent-workspace__timeline-status",role:"alert",children:n||Qt}),d&&s.jsx("p",{className:"agent-workspace__timeline-status",role:"status",children:"No timeline activity yet."}),!e&&!n&&!d&&s.jsxs("div",{className:"agent-timeline",children:[s.jsx("div",{className:"agent-timeline__track","aria-hidden":"true"}),s.jsxs("div",{className:"agent-timeline__station agent-timeline__station--terminus",children:[s.jsx("span",{className:"agent-timeline__station-rail",children:s.jsx("span",{className:"agent-timeline__station-node agent-timeline__station-node--terminus","aria-hidden":"true",children:s.jsx(u.Icon,{name:"arrow-right-from-line",size:16,color:"currentColor"})})}),s.jsx("div",{className:"agent-timeline__label",children:s.jsx("strong",{className:"agent-timeline__label-type",children:"Start"})})]}),h.map(g=>{if(g.kind==="gap")return s.jsxs("div",{className:`agent-timeline__gap agent-timeline__gap--${g.size}`,role:"separator","aria-label":g.label,children:[s.jsx("span",{className:"agent-timeline__gap-rail","aria-hidden":"true",children:s.jsx("span",{className:"agent-timeline__gap-dot"})}),s.jsx("span",{className:"agent-timeline__gap-label",children:g.label})]},g.id);if(g.kind==="chat")return s.jsxs("div",{className:"agent-timeline__chat-station",children:[s.jsx("button",{type:"button",className:"agent-timeline__chat-node","aria-label":`Open chat session from ${gt(g.session.timestamp)}`,onClick:()=>a(g.session.sessionId),children:s.jsx(u.Icon,{name:"sparkles",size:16,color:"currentColor"})}),s.jsxs("div",{className:"agent-timeline__label",children:[s.jsx("strong",{className:"agent-timeline__label-type",children:"Chat session"}),s.jsx("span",{className:"agent-timeline__label-time",children:gt(g.session.timestamp)})]})]},g.id);const{item:m}=g,S=jn(m),w=S==="checklist",R=S==="status";return s.jsxs("div",{className:`agent-timeline__station agent-timeline__station--${S}`,children:[s.jsx("span",{className:"agent-timeline__station-rail",children:s.jsxs("button",{type:"button",className:`agent-timeline__station-node agent-timeline__station-node--${S}`,"aria-label":`${Gt(m.type)}: ${zt(m.entry)}`,children:[w&&s.jsx(u.Icon,{name:"check-solid",size:16,color:"currentColor"}),R&&s.jsx(u.Icon,{name:"iteration-ccw",size:16,color:"currentColor"})]})}),s.jsxs("div",{className:"agent-timeline__label",children:[s.jsx("strong",{className:"agent-timeline__label-type",children:Gt(m.type)}),s.jsx("span",{className:"agent-timeline__label-entry",children:zt(m.entry)}),s.jsx("span",{className:"agent-timeline__label-time",children:gt(m.timestamp)})]})]},g.id)}),s.jsxs("div",{className:"agent-timeline__station agent-timeline__station--terminus",children:[s.jsx("span",{className:"agent-timeline__station-rail",children:s.jsx("span",{className:"agent-timeline__station-node agent-timeline__station-node--terminus","aria-hidden":"true",children:s.jsx(u.Icon,{name:"flag",size:16,color:"currentColor"})})}),s.jsx("div",{className:"agent-timeline__label",children:s.jsx("strong",{className:"agent-timeline__label-type",children:"Finish"})})]})]})]})},Rn=["I'll get the details and come back to you","Skip this for now"],Tn=t=>{var n;const e=(n=t.prompt)!=null&&n.trim()?t.prompt.trim():`I need a bit more from you on "${t.task}". ${t.description} What can you tell me?`;return{id:`clarification-${Date.now()}`,author:te.agent,text:e,followUpPrompts:t.clarificationPrompts??Rn}},xe=t=>({id:t.id,text:t.text,type:t.author===te.user?ye.CHAT_RESPONSE_TYPE_USER:t.author===te.system?ye.CHAT_RESPONSE_TYPE_INFO:ye.CHAT_RESPONSE_TYPE_AGENT,...t.followUpPrompts?{followUpPrompts:t.followUpPrompts}:{}}),mt="MESSAGE_TYPE_REPOLL",as="agentUi:update",vt="arbor-agent-",ue={all:"ALL",checklist:"CHECKLIST",resources:"RESOURCES",chat:"CHAT",timeline:"TIMELINE"},In=new Set(Object.values(ue)),rs=(t,e)=>`${t.endsWith("-")?t:`${t}-`}${e}`,On=t=>typeof t=="string"&&In.has(t)?t:ue.all,Ln=t=>{if(!t||typeof t!="object")return null;const e=t;return e.type!==mt?null:{type:mt,target:On(e.target)}},os=t=>{const e=Array.isArray(t)?t:[t],n=[];for(const a of e){const r=Ln(a);r&&n.push(r)}return n},Un=({enabled:t,channelPrefix:e,agentId:n,subscribeToPusher:a,onRepoll:r})=>{const l=o.useRef(r),i=e==null?void 0:e.trim(),h=!!(t&&a&&i&&n.trim());return o.useEffect(()=>{l.current=r},[r]),o.useEffect(()=>{if(!h||!a||!i)return;const d=a(rs(i,n),as,g=>{for(const m of os(g))l.current(m.target)});return()=>{d()}},[h,i,n,a]),h};class Se extends Error{constructor(e,n,a){super(a??`Agent service request failed (${e})`),this.name="AgentServiceError",this.status=e,this.detail=n}}const Pn="/api/v1",M={agentDefinitions:"/agent-definitions",agents:"/agents",conversations:"/conversations",tripOptions:"/trip-options",demoDataset:"/demo/dataset"},H={GET:"GET",POST:"POST",PATCH:"PATCH"},Mn={error:"error"},Dn={user:"user"},_e={acceptJson:"application/json",acceptHtml:"text/html",acceptEventStream:"text/event-stream",contentTypeJson:"application/json",arborApplicationUrl:"X-Arbor-Application-Url"},$n=100,is=t=>{switch(t){case Dt.cancelled:return j.failed;case Dt.archived:return j.complete;case j.hitl:case j.complete:case j.failed:case j["generating-a-response"]:return t;default:return j["generating-a-response"]}},ls=t=>{switch(t){case dt.requires_attention:return P.hitl;case dt.in_progress:case dt.available:return P["generating-a-response"];case P.failed:case P.complete:case P.hitl:case P["generating-a-response"]:return t;default:return P["generating-a-response"]}},wt=t=>({ref:t.name,display_name:t.display_name,agent_intent:t.agent_intent??"",description:t.description}),Hn=t=>({id:t.id,name:t.name,...t.has_run_before?{hasRunBefore:t.has_run_before}:{}}),Fn=new Set(Object.values(de)),Bn=t=>Fn.has(t)?t:de.document_html,cs=t=>({id:t.id,type:Bn(t.type),title:t.title,createdDatetime:t.created_datetime,lastUpdatedDatetime:t.last_updated_datetime,misRecordUrl:t.mis_record_url}),ds=t=>({resources:t.resources.map(cs),pageNumber:t.page_number,pageSize:t.page_size,totalRecords:t.total_records}),us=t=>({actionLog:(t.action_log??[]).map(e=>({timestamp:e.timestamp,type:e.type,entry:e.entry,origin:e.origin})),chatSessions:(t.chat_sessions??[]).map(e=>({sessionId:e.session_id,timestamp:e.timestamp}))}),_t=t=>{var n;const e=t.invocation_id??t.id;return{id:t.id,invocation_id:e,agent_definition_ref:t.agent_definition_ref,...t.agent_intent?{agent_intent:t.agent_intent}:{},invocation_name:((n=t.invocation_name)==null?void 0:n.trim())||t.agent_definition_ref,application_id:t.application_id,...t.application_name?{application_name:t.application_name}:{},created_by:t.created_by,status:is(t.status),context_ref:t.context_ref??null,checklist_ref:t.checklist_ref??null}},xt=t=>{var e;return{task:t.item??t.task??t.name??t.label??Qs,status:ls(t.status),description:t.description??"",...t.prompt?{prompt:t.prompt}:{},...(e=t.follow_up_prompts)!=null&&e.length?{clarificationPrompts:t.follow_up_prompts}:{}}},Gn=t=>Array.isArray(t)?t:t.checklist_items??t.checklist??t.items??[],kt=(t,e,n)=>{var l;const a=!Array.isArray(e)&&(e.opening_message||(l=e.opening_follow_up_prompts)!=null&&l.length)?e:n,r=a?Ie(a):void 0;return{invocation_id:t,checklist:Gn(e).map(xt),...r?{openingMessage:r}:{}}},gs=(t,e)=>{const n=Ie(e);return{invocation_id:e.invocation_id??t,checklist:(e.checklist_items??[]).map(xt),...n?{openingMessage:n}:{}}},Ie=t=>{var n,a;const e=(n=t.opening_message)==null?void 0:n.trim();if(e)return{id:Zt,author:te.agent,text:e,...(a=t.opening_follow_up_prompts)!=null&&a.length?{followUpPrompts:t.opening_follow_up_prompts}:{}}},hs=t=>{try{const e=JSON.parse(t);if(Array.isArray(e)){const n=e.filter(a=>!!a&&typeof a=="object"&&typeof a.text=="string").map(a=>a.text);if(n.length>0)return n.join(`
|
|
2
|
+
`)}}catch{}return t},ps=t=>{const e=t.trim();return e.length>0?`File upload
|
|
3
3
|
|
|
4
|
-
${
|
|
4
|
+
${e}`:"File upload"},ms=t=>t.filter(e=>e.message_type==="user_file"&&e.role==="user"?!0:(e.role==="user"||e.role==="assistant")&&typeof e.content=="string"&&e.content.length>0&&e.message_type!=="tool_request").map(e=>{if(e.message_type==="user_file"){const n=typeof e.content=="string"?e.content:"",a=hs(n);return{id:e.message_id,author:te.user,kind:Bs.user_file,text:ps(a)}}return{id:e.message_id,author:e.role==="user"?te.user:te.agent,text:e.content}}),zn=/:invocationId\b/g,qn=/:resourceId\b/g,Kn=t=>t.trim().replace(/^Bearer\s+/i,""),qt=t=>t.endsWith("/")?t.slice(0,-1):t;class Xe{constructor(e){var a;this.baseUrl=qt(e.baseUrl??"");const n=(a=e.token)==null?void 0:a.trim();this.token=n?Kn(n):void 0,this.customHeaders=e.headers,this.urls=e.urls??{},this.fetchImpl=e.fetch??globalThis.fetch.bind(globalThis)}setHeaders(e){this.customHeaders=e}async listAgentDefinitions(){return(await this.request(H.GET,this.resolveUrl("agentDefinitions",M.agentDefinitions))).agent_definitions??[]}getAgentDefinition(e){return this.request(H.GET,this.apiUrl(`${M.agentDefinitions}/${encodeURIComponent(e)}`))}listTripOptions(){return this.request(H.GET,this.apiUrl(M.tripOptions))}getDataset(){return this.request(H.GET,this.apiUrl(M.demoDataset))}setDataset(e){return this.request(H.POST,this.apiUrl(M.demoDataset),{dataset:e})}listAgents(e={}){const n=new URLSearchParams;e.status&&n.set("status",e.status),e.agentDefinitionRef&&n.set("agent_definition_ref",e.agentDefinitionRef);const a=n.toString()?`?${n.toString()}`:"";return this.request(H.GET,`${this.resolveUrl("agents",M.agents)}${a}`)}createAgent(e,n={}){var i,h;const a={agent_definition_ref:e},r=(i=n.invocationName)==null?void 0:i.trim(),l=(h=n.agentIntent)==null?void 0:h.trim();return r&&(a.invocation_name=r),l&&(a.agent_intent=l),this.request(H.POST,this.resolveUrl("agents",M.agents),a)}getAgent(e){return this.request(H.GET,this.resolveUrl("agent",`${M.agents}/${encodeURIComponent(e)}`,e))}updateAgent(e,n){const r={invocation_name:n.invocationName.trim()};return this.request(H.PATCH,this.resolveUrl("agent",`${M.agents}/${encodeURIComponent(e)}`,e),r)}getAgentChecklist(e){return this.request(H.GET,this.resolveUrl("agentChecklist",`${M.agents}/${encodeURIComponent(e)}/checklist`,e))}getAgentResources(e,n={}){const a=new URLSearchParams;n.pageNumber!==void 0&&a.set("page_number",String(n.pageNumber)),n.pageSize!==void 0&&a.set("page_size",String(n.pageSize)),n.type&&a.set("type",n.type);const r=a.toString(),l=this.resolveUrl("agentResources",`${M.agents}/${encodeURIComponent(e)}/resources`,e);return this.request(H.GET,r?`${l}?${r}`:l)}async listAllAgentResources(e){const n=$n;let a=1;const r=[];let l=Number.POSITIVE_INFINITY;for(;r.length<l;){const i=ds(await this.getAgentResources(e,{pageNumber:a,pageSize:n}));if(l=i.totalRecords,i.resources.length===0||(r.push(...i.resources),r.length>=l))break;a+=1}return r}getAgentResourceHtml(e,n){return this.requestText(H.GET,this.resolveResourceHtmlUrl(e,n))}getAgentTimeline(e){return this.request(H.GET,this.resolveUrl("agentTimeline",`${M.agents}/${encodeURIComponent(e)}/agent-timeline`,e))}getAgentContext(e){const n=this.resolveUrl("agent",`${M.agents}/${encodeURIComponent(e)}`,e);return this.request(H.GET,`${qt(n)}/context`)}cancelAgent(e){return this.request(H.POST,this.resolveUrl("stopAgent",`${M.agents}/${encodeURIComponent(e)}/cancel`,e))}archiveAgent(e){return this.request(H.POST,this.apiUrl(`${M.agents}/${encodeURIComponent(e)}/archive`))}getConversation(e){return this.request(H.GET,this.resolveUrl("agentConversation",`${M.conversations}/${encodeURIComponent(e)}`,e))}async chat(e,n,a={}){const r=!!(a.uploadFiles&&a.uploadFiles.length>0),l=await this.fetchImpl(this.resolveUrl("agentChat",`${M.agents}/${encodeURIComponent(e)}/chat`,e),{method:H.POST,headers:{...this.customHeaders,...this.authHeaders(),Accept:_e.acceptEventStream,...r?{}:{"Content-Type":_e.contentTypeJson}},body:r?Wn(n,a.uploadFiles??[]):JSON.stringify(n),signal:a.signal});if(!l.ok)throw await this.toError(l);if(!l.body)throw new Se(l.status,null,"Chat response contained no stream body");return this.consumeSse(l.body,a.onEvent)}authHeaders(){return this.token?{Authorization:`Bearer ${this.token}`}:{}}apiUrl(e){return`${this.baseUrl}${Pn}${e}`}resolveUrl(e,n,a,r){const l=this.urls[e];if(!l)return this.apiUrl(n);let i=l;return a&&(i=i.replace(zn,encodeURIComponent(a))),r&&(i=i.replace(qn,encodeURIComponent(r))),i}resolveResourceHtmlUrl(e,n){return this.urls.agentResourceHtml?this.resolveUrl("agentResourceHtml",`${M.agents}/${encodeURIComponent(e)}/resources/${encodeURIComponent(n)}`,e,n):this.urls.agentResources?`${this.resolveUrl("agentResources",`${M.agents}/${encodeURIComponent(e)}/resources`,e).replace(/\/$/,"")}/${encodeURIComponent(n)}`:this.apiUrl(`${M.agents}/${encodeURIComponent(e)}/resources/${encodeURIComponent(n)}`)}async request(e,n,a){const r=await this.fetchImpl(n,{method:e,headers:{...this.customHeaders,...this.authHeaders(),Accept:_e.acceptJson,...a===void 0?{}:{"Content-Type":_e.contentTypeJson}},...a===void 0?{}:{body:JSON.stringify(a)}});if(!r.ok)throw await this.toError(r);if(r.status!==204)return await r.json()}async requestText(e,n){const a=await this.fetchImpl(n,{method:e,headers:{...this.customHeaders,...this.authHeaders(),Accept:_e.acceptHtml}});if(!a.ok)throw await this.toError(a);return a.text()}async toError(e){let n=null;try{n=await e.json()}catch{}return new Se(e.status,n,`Agent service request failed (${e.status} ${e.statusText})`)}async consumeSse(e,n){const a=e.getReader(),r=new TextDecoder;let l="",i;const h=d=>{const{event:g,data:m}=Jn(d);if(m===null)return;if(g===Mn.error){const w=Kt(m);throw new Se(502,w,(w==null?void 0:w.message)??"Chat stream error")}const S=Kt(m);S&&(i=S,n==null||n(S))};for(;;){const{done:d,value:g}=await a.read();if(d)break;l+=r.decode(g,{stream:!0});const m=l.split(`
|
|
5
5
|
|
|
6
|
-
`);l=m.pop()??"";for(const S of m)
|
|
7
|
-
`)){const r=a.trimEnd();r.startsWith("event:")?
|
|
8
|
-
`):null}},Tt=e=>{try{return JSON.parse(e)}catch{return}};function bn(e,t){const n=new FormData;n.append("body",JSON.stringify(e));for(const a of t)n.append("files",a,a.name);return n}const An={id:Ut,author:X.agent,text:"Type a question or upload a file. You can ask it how it's progressing, or send an instruction and it'll act on it."};let It=0;const jn=e=>(It+=1,`${e}-${Date.now()}-${It}`),Cn=e=>{const t=e.destination?` to ${e.destination}`:"";return`Let's get started on ${e.tripName.trim()||e.destination.trim()||"this task"}${t}. What will you do first?`};class ts{constructor(t,n,a={}){this.seededChecklist=[],this.client=t,this.agentId=n,this.chatId=a.chatId??n,this.opening=a.openingMessage??An,this.model=a.model}openingMessage(){return this.opening}async bootstrapConversation(){const t=await this.client.getConversation(this.chatId),n=es(t.messages);return n.length===0?[this.opening]:n}async start(t){return{...await this.exchange(Cn(t)),phase:H.running}}sendMessage(t,n){return this.exchange(t,n)}async stop(){await this.client.cancelAgent(this.agentId)}seedChecklist(t){this.seededChecklist=t}async exchange(t,n){var o;const a=[{role:pn.user,content:t}],r=await this.client.chat(this.agentId,{messages:a,chat_id:this.chatId,...this.model?{model:this.model}:{},moderation_enabled:!0,meta:{feature_id:"agent_view",source:"agent_view_frontend"}},...n&&n.length>0?[{uploadFiles:n}]:[]),l={id:r.event_id||jn("msg-agent"),author:X.agent,text:r.message.content,...(o=r.follow_up_prompts)!=null&&o.length?{followUpPrompts:r.follow_up_prompts}:{}};try{const p=await this.client.getAgent(this.agentId),{checklist:c}=Xt(this.agentId,p);return this.seededChecklist=c,{message:l,checklist:c}}catch{return{message:l,...this.seededChecklist.length?{checklist:this.seededChecklist}:{}}}}}const ht=(e,t)=>n=>{var a,r;return new ts(e,n.invocation_id,{model:t==null?void 0:t.model,chatId:((a=t==null?void 0:t.resolveChatId)==null?void 0:a.call(t,n))??(t==null?void 0:t.chatId)??n.invocation_id,openingMessage:((r=t==null?void 0:t.resolveOpeningMessage)==null?void 0:r.call(t,n))??(t==null?void 0:t.openingMessage)})},ss=e=>e instanceof fe?e.message:e instanceof TypeError?"Network error while contacting the agent service.":e instanceof Error&&e.message?e.message:$t,En=e=>{const t={};for(const n of e){const a=Te(n);if(!a)continue;const r=n.invocation_id??n.id;t[r]=a,t[n.id]=a}return t},Rn=e=>JSON.stringify(e),at=(e,t)=>JSON.stringify(e)===JSON.stringify(t),ns=e=>{const{jwt:t,headers:n,urls:a}=e,r=JSON.stringify(n??{}),l=Rn(a),o=i.useMemo(()=>new Ke({token:t,headers:n,urls:a}),[t,l]);i.useLayoutEffect(()=>{o.setHeaders(n)},[o,r]);const[p,c]=i.useState([]),[g,m]=i.useState([]),[S,x]=i.useState({}),[E,R]=i.useState("loading"),[f,G]=i.useState(null),[j,I]=i.useState(0),y=i.useCallback((T,D)=>{const F=T.map(ot),K=D.map(dt),W=En(T);c(L=>at(L,F)?L:F),m(L=>at(L,K)?L:K),x(L=>at(L,W)?L:W),R("idle"),G(null)},[]);i.useEffect(()=>{let T=!1;return R("loading"),G(null),(async()=>{try{const[D,F]=await Promise.all([o.listAgents(),o.listAgentDefinitions()]);if(T)return;y(D,F)}catch(D){if(T)return;c([]),m([]),x({}),R("error"),G(ss(D))}})(),()=>{T=!0}},[y,o,j]);const _=i.useCallback(()=>{I(T=>T+1)},[]),N=i.useCallback(async()=>{try{const[T,D]=await Promise.all([o.listAgents(),o.listAgentDefinitions()]);y(T,D)}catch{}},[y,o]),v=i.useCallback(async T=>{const[D,F]=await Promise.all([o.getAgentChecklist(T),o.getAgent(T).catch(()=>null)]);return gt(T,D,F??void 0)},[o]),C=i.useCallback(async T=>o.listAllAgentResources(T),[o]),U=i.useCallback(async({definition:T,invocationName:D})=>{const F=await o.createAgent(T.ref,{invocationName:D}),K=await o.getAgent(F.id),W=ot(K),L=Te(K);return c(O=>[W,...O]),L&&x(O=>({...O,[W.invocation_id]:L,[W.id]:L})),W},[o]),we=i.useMemo(()=>ht(o,{resolveOpeningMessage:T=>S[T.invocation_id]??S[T.id]}),[o,S]);return{agents:p,agentDefinitions:g,loadState:E,loadError:f,reload:_,refresh:N,fetchAgentChecklist:v,fetchAgentResources:C,createAgent:U,chatConnector:we}},Tn=e=>JSON.stringify(e),as=e=>{const{agent:t,jwt:n,headers:a,urls:r,chatId:l}=e,o=JSON.stringify(a??{}),p=Tn(r),c=i.useMemo(()=>new Ke({token:n,headers:a,urls:{agent:r.agentUrl,agentChecklist:r.agentChecklistUrl,...r.agentResourcesUrl?{agentResources:r.agentResourcesUrl}:{},...r.agentTimelineUrl?{agentTimeline:r.agentTimelineUrl}:{},agentChat:r.agentChatUrl,agentConversation:r.agentConversationUrl,...r.stopAgentUrl?{stopAgent:r.stopAgentUrl}:{}}}),[n,p]);i.useLayoutEffect(()=>{c.setHeaders(a)},[c,o]);const g=i.useCallback(async R=>{const[f,G]=await Promise.all([c.getAgentChecklist(R),c.getAgent(R).catch(()=>null)]);return gt(R,f,G??void 0)},[c]),m=i.useCallback(async R=>c.listAllAgentResources(R),[c]),S=i.useCallback(async(R,f)=>c.getAgentResourceHtml(R,f),[c]),x=i.useCallback(async R=>{const f=await c.getAgentTimeline(R);return Yt(f)},[c]);return{connector:i.useMemo(()=>ht(c,{chatId:l??t.invocation_id})(t),[c,t.invocation_id,l]),fetchAgentChecklist:g,fetchAgentResources:m,fetchAgentResourceHtml:S,fetchAgentTimeline:x}},In=3e4,On=(e,t)=>{const n=e.hasRunBefore?t||"This trip":e.tripName.trim()||"A new trip",a=e.destination?` to ${e.destination}`:"",r=e.hasRunBefore?" It has run before.":"";return`${n}${a}.${r}`.trim()},Ln=e=>{switch(e){case A.failed:return H.stopped;case A.complete:return H.complete;default:return H.running}},Ot=(e,t)=>{t([me(e)])},Mn=(e,t)=>e.length===t.length&&e.every((n,a)=>{const r=t[a];return r!==void 0&&n.id===r.id&&n.text===r.text}),rs=({agent:e,invocationId:t,open:n,onClose:a,jwt:r,headers:l,agentUrl:o,agentChecklistUrl:p,agentResourcesUrl:c,agentTimelineUrl:g,agentChatUrl:m,agentConversationUrl:S,stopAgentUrl:x,chatId:E,enableUpload:R,initialBrief:f,initialPhase:G,initialChecklist:j,usePusherToRepoll:I=!1,pusherChannelPrefix:y=ct,subscribeToPusher:_})=>{const[N,v]=i.useState(E??t),[C,U]=i.useState("chat"),[we,T]=i.useState(!1),{connector:D,fetchAgentChecklist:F,fetchAgentResources:K,fetchAgentResourceHtml:W,fetchAgentTimeline:L}=as({agent:{...e,invocation_id:t},jwt:r,headers:l,chatId:N,urls:{agentUrl:o,agentChecklistUrl:p,agentResourcesUrl:c,agentTimelineUrl:g,agentChatUrl:m,agentConversationUrl:S,stopAgentUrl:x}}),O=i.useRef(D),[Z,xe]=i.useState(G??(f?H.running:Ln(e.status))),[Ie,q]=i.useState([]),[Oe,ge]=i.useState(0),[ke,he]=i.useState(),[We,ne]=i.useState(null),[Ve,Se]=i.useState([]),[le,ye]=i.useState(!1),[Le,pe]=i.useState(null),[Me,Pe]=i.useState(null),[Ue,Ne]=i.useState(null),[De,be]=i.useState(!1),[Ye,Ae]=i.useState(null),[ae,je]=i.useState(null),[h,b]=i.useState(!1),[k,J]=i.useState(null),[Q,ee]=i.useState(j??null),[ce,Ce]=i.useState(!1),[ls,Xe]=i.useState(null),[pt,mt]=i.useState(!1),[_t,ft]=i.useState(null),[$e,Ze]=i.useState(!1),[He,cs]=i.useState(!1),[Fe,ds]=i.useState(!1),vt=i.useRef($e),wt=i.useRef(0),xt=i.useRef(0);i.useEffect(()=>{O.current=D},[D]),i.useEffect(()=>{vt.current=$e},[$e]),i.useEffect(()=>{v(E??t),U("chat"),T(!1),q([]),ge(d=>d+1)},[t,E]),i.useEffect(()=>{if(!n||f)return;const d=O.current.bootstrapConversation;if(!d){Ot(O.current.openingMessage(),q);return}let w=!1;return Ze(!0),(async()=>{try{const M=await d.call(O.current);if(w)return;q(M.map(me))}catch{w||Ot(O.current.openingMessage(),q)}finally{w||Ze(!1)}})(),()=>{w=!0}},[n,f,t,N]);const te=i.useCallback(()=>{const d=++wt.current;(async()=>{var w,M;try{const V=await F(t);if(d!==wt.current)return;ee(re=>JSON.stringify(re)===JSON.stringify(V.checklist)?re:V.checklist),Xe(null),(M=(w=O.current).seedChecklist)==null||M.call(w,V.checklist)}catch{}})()},[F,t]),de=i.useCallback(()=>{c&&(async()=>{try{const d=await K(t);Se(d),pe(null)}catch{}})()},[c,K,t]),se=i.useCallback(()=>{if(!g)return;const d=++xt.current;(async()=>{try{const w=await L(t);if(d!==xt.current)return;je(M=>JSON.stringify(M)===JSON.stringify(w)?M:w),J(null)}catch{}})()},[g,L,t]),Ee=i.useCallback(d=>{const w=O.current.bootstrapConversation;w&&(async()=>{try{const M=await w.call(O.current);if(vt.current)return;const V=M.map(me);let re=!1;q(yt=>Mn(yt,V)?yt:(re=!0,V)),re&&(d!=null&&d.refreshSidePanelsOnChange)&&(te(),se())}catch{}})()},[te,se]),us=i.useCallback(d=>{switch(d){case oe.checklist:te();return;case oe.resources:de();return;case oe.chat:Ee();return;case oe.timeline:se();return;case oe.all:default:te(),de(),Ee(),se()}},[te,Ee,de,se]),kt=un({enabled:n&&I,channelPrefix:y,agentId:e.id,subscribeToPusher:_,onRepoll:us});i.useEffect(()=>{if(!n||f||kt)return;const d=window.setInterval(()=>{Ee({refreshSidePanelsOnChange:!0})},In);return()=>{window.clearInterval(d)}},[n,f,kt,t,N,Ee]);const gs=i.useCallback(d=>{var w,M;d.checklist?(ee(d.checklist),(M=(w=O.current).seedChecklist)==null||M.call(w,d.checklist)):te(),d.phase&&xe(d.phase),de(),se()},[te,de,se]);i.useEffect(()=>{var d,w;!n||f||j&&j.length>0&&((w=(d=O.current).seedChecklist)==null||w.call(d,j))},[n,f,j]),i.useEffect(()=>{if(!n||f)return;let d=!1;return Ce(w=>j!=null&&j.length?!1:w||Q===null||Q.length===0),Xe(null),(async()=>{var w,M;try{const V=await F(t);if(d)return;j!=null&&j.length||(ee(V.checklist),(M=(w=O.current).seedChecklist)==null||M.call(w,V.checklist))}catch{!d&&!(j!=null&&j.length)&&Xe(ze)}finally{d||Ce(!1)}})(),()=>{d=!0}},[n,t,f,j,F]),i.useEffect(()=>{if(!n||!c)return;let d=!1;return ye(!0),pe(null),(async()=>{try{const w=await K(t);d||Se(w)}catch{d||pe(bs)}finally{d||ye(!1)}})(),()=>{d=!0}},[n,t,c,K]);const hs=i.useCallback(()=>{Pe(null),Ne(null),Ae(null),be(!1)},[]),ps=i.useCallback(d=>{if(d.misRecordUrl){window.open(d.misRecordUrl,"_blank","noopener,noreferrer");return}Pe(d),Ne(null),Ae(null),be(!0),(async()=>{try{const w=await W(t,d.id);Ne(w)}catch{Ae(As)}finally{be(!1)}})()},[W,t]);i.useEffect(()=>{if(!n||!g)return;let d=!1;return b(w=>w||ae===null),J(null),(async()=>{try{const w=await L(t);d||je(w)}catch{d||J(Dt)}finally{d||b(!1)}})(),()=>{d=!0}},[n,t,g,L]),i.useEffect(()=>{if(!n||!f)return;let d=!1;const w={id:`user-brief-${Date.now()}`,author:X.user,text:On(f,e.invocation_name)};return(async()=>{var V,re;const M=await O.current.start(f);d||(q([me(O.current.openingMessage()),me(w),me(M.message)]),M.checklist?(ee(M.checklist),(re=(V=O.current).seedChecklist)==null||re.call(V,M.checklist)):te(),xe(M.phase??H.running),de(),se())})(),()=>{d=!0}},[n,f,e.invocation_name,t,te,de,se]);const ms=i.useCallback(d=>{ne(on(d))},[]),Qe=E??t,Be=ae==null?void 0:ae.chatSessions,St=Be!=null&&Be.length?Be.reduce((d,w)=>Date.parse(w.timestamp)<Date.parse(d.timestamp)?w:d).sessionId:void 0,et=i.useCallback(()=>{U("chat"),T(!1),N!==Qe&&(v(Qe),q([]),ge(d=>d+1))},[N,Qe]),_s=i.useCallback(d=>{if(d===St){et();return}v(d),T(!0),U("chat"),q([]),ge(w=>w+1)},[St,et]),fs=i.useCallback(d=>{ne(null),he(d),ge(w=>w+1)},[]),vs=i.useCallback(async()=>{ft(null),mt(!0);try{await O.current.stop(),xe(H.stopped)}catch{ft(js)}finally{mt(!1)}},[]),ws=Q;return s.jsxs(u.Modal,{open:n,closeHandler:a,hideCloseButton:!0,className:"agent-workspace",children:[s.jsxs(u.Modal.Header,{className:"agent-workspace__header",children:[s.jsxs("div",{className:"agent-workspace__header-title",children:[s.jsx("span",{className:"agent-workspace__header-avatar","aria-hidden":"true",children:s.jsx(u.Icon,{name:"ask-arbor",size:24})}),s.jsx(u.Modal.Title,{children:e.invocation_name}),s.jsx("span",{className:z("agent-workspace__phase",`agent-workspace__phase--${Z}`),children:Rs[Z]})]}),s.jsxs("div",{className:"agent-workspace__header-actions",children:[s.jsx(u.Button,{variant:He?"secondary":"primary",size:"S",iconLeftName:"clipboard-list",iconLeftScreenReaderText:"Toggle checklist","aria-pressed":!He,onClick:()=>cs(d=>!d),children:"Checklist"}),s.jsx(u.Button,{variant:Fe?"secondary":"primary",size:"S",iconLeftName:"files",iconLeftScreenReaderText:"Toggle resources","aria-pressed":!Fe,onClick:()=>ds(d=>!d),children:"Resources"}),s.jsx(u.Button,{variant:"secondary",size:"S",iconLeftName:"x",iconLeftScreenReaderText:"Close",onClick:a,children:"Close"})]})]}),s.jsxs(u.Modal.Body,{className:z("agent-workspace__body",{"agent-workspace__body--no-checklist":He,"agent-workspace__body--no-resources":Fe}),children:[s.jsxs("section",{className:z("agent-workspace__panel","agent-workspace__panel--chat",{"agent-workspace__panel--timeline":!!g&&C==="timeline"}),"aria-label":"Agent",children:[s.jsxs("div",{className:"agent-workspace__panel-header",children:[s.jsx(u.Heading,{level:4,children:"Agent"}),x&&Z===H.running&&s.jsx(u.Button,{className:"agent-workspace__panel-header-action",variant:"secondary-destructive",size:"S",iconLeftName:"circle-x",iconLeftScreenReaderText:"Stop",disabled:pt,onClick:()=>void vs(),children:pt?"Stopping…":"Stop agent"})]}),_t&&s.jsx("p",{className:"agent-workspace__error agent-workspace__stop-error",role:"alert",children:_t}),g&&s.jsxs(u.Tabs,{className:"agent-workspace__center-tabs","aria-label":"Center panel",children:[s.jsx(u.Tabs.Item,{active:C==="chat",tabElementProps:{id:"agent-center-tab-chat",onClick:()=>U("chat")},children:"Chat"}),s.jsx(u.Tabs.Item,{active:C==="timeline",tabElementProps:{id:"agent-center-tab-timeline",onClick:()=>U("timeline")},children:"Timeline"})]}),g&&C==="chat"&&we&&s.jsx("div",{className:"agent-workspace__center-back",children:s.jsx(u.Button,{variant:"tertiary",size:"S",iconLeftName:"arrow-left",iconLeftScreenReaderText:"Back to main chat",onClick:et,children:"Back to main chat"})}),g&&C==="timeline"&&s.jsx(an,{timeline:ae,isLoading:h,error:k,onOpenChatSession:_s}),s.jsx("div",{className:"agent-workspace__chat-keep-alive",hidden:!!g&&C!=="chat",children:s.jsx(qs,{connector:D,phase:Z,chatHistory:Ie,chatSessionKey:Oe,startQuery:ke,clarificationMessage:We,enableUpload:R,onTurn:gs,onAwaitingChange:Ze,onClarificationPrompt:fs,onDismissClarification:()=>ne(null)})})]}),!He&&s.jsx(Js,{checklist:ws,isLoading:ce,error:ls,phase:Z,canRequestInput:Z===H.running&&!$e,onAttentionItemClick:ms}),!Fe&&s.jsx(Vs,{resources:Ve,isLoading:le,error:Le,onOpenResource:ps}),s.jsx(Ks,{resource:Me,html:Ue,isLoading:De,error:Ye,onClose:hs})]})]})},Pn="Unable to load agent definitions. Please try again.",Un="Unable to start the agent.",Lt="Loading agents…",is=({open:e,onClose:t,onStart:n,agentDefinitions:a,definitionsState:r="idle",definitionsError:l=null,onRetryDefinitions:o,embedded:p=!1})=>{const[c,g]=i.useState(void 0),[m,S]=i.useState(""),[x,E]=i.useState(!1),[R,f]=i.useState(null),G=[...a].sort((v,C)=>v.display_name.localeCompare(C.display_name)).map(v=>({value:v.ref,label:v.display_name}));i.useEffect(()=>{e&&(g(void 0),S(""),E(!1),f(null))},[e]);const j=c!==void 0&&m.trim().length>0,I=i.useCallback(v=>{const C=a.find(U=>U.ref===v[0]);C&&g(C)},[a]),y=i.useCallback(async()=>{if(!(!c||!j||x)){E(!0),f(null);try{await n({definition:c,invocationName:m.trim()})}catch(v){f(v instanceof Error?v.message:Un)}finally{E(!1)}}},[j,c,m,x,n]);if(r==="idle"&&a.length===0||!e)return null;const _=s.jsxs("div",{className:"new-agent__header-title",children:[s.jsx("span",{className:"new-agent__header-avatar","aria-hidden":"true",children:s.jsx(u.Icon,{name:"ask-arbor",size:24})}),p?s.jsx("h2",{className:"new-agent__title",children:"Start an agent"}):s.jsx(u.Modal.Title,{children:"Start an agent"})]});let N;return r==="loading"?N=s.jsxs("div",{className:"new-agent__state","aria-live":"polite",children:[s.jsx(u.Icon,{name:"loader",size:24,color:"var(--color-brand-600)",className:"new-agent__spinner",screenReaderText:Lt}),s.jsx("p",{className:"new-agent__state-message",children:Lt})]}):r==="error"?N=s.jsxs("div",{className:"new-agent__state new-agent__state--error",role:"alert",children:[s.jsx(u.Icon,{name:"triangle-alert",size:24,color:"var(--color-semantic-destructive-600)"}),s.jsx("p",{className:"new-agent__state-message",children:l??Pn}),o?s.jsx(u.Button,{variant:"secondary",size:"S",onClick:o,children:"Try again"}):null]}):N=s.jsxs("form",{className:"new-agent__form","aria-label":"Start an agent",onSubmit:v=>{v.preventDefault(),j&&!x&&y()},children:[s.jsxs("div",{className:"new-agent__type-field",children:[s.jsx("label",{className:"new-agent__type-label",htmlFor:"new-agent-type",children:"What would you like your agent to do?"}),s.jsx(u.SelectDropdown,{id:"new-agent-type",placeholder:"Which agent would you like to start?",options:G,selectedValues:c?[c.ref]:[],onSelectionChange:I})]}),s.jsxs("div",{className:"new-agent__type-field",children:[s.jsx("label",{className:"new-agent__type-label",htmlFor:"new-agent-invocation-name",children:"Name"}),s.jsx(u.TextInput,{id:"new-agent-invocation-name",value:m,placeholder:"What would you like to call your agent?",onChange:v=>S(v.target.value)})]}),R?s.jsx("p",{className:"new-agent__error",role:"alert",children:R}):null,s.jsx("div",{className:"new-agent__actions",children:s.jsx(u.Button,{type:"submit",variant:"primary",className:z("new-agent__start-button",{"new-agent__start-button--starting":x}),disabled:!j||x,iconLeftName:x?"loader":"sparkles",iconLeftScreenReaderText:x?"Starting":void 0,children:x?"Starting…":"Start"})})]}),p?s.jsxs("div",{className:z("new-agent","new-agent--embedded"),children:[s.jsx("div",{className:"new-agent__header",children:_}),s.jsx("div",{className:"new-agent__body",children:N})]}):s.jsxs(u.Modal,{open:e,closeHandler:t,className:"new-agent",children:[s.jsx(u.Modal.Header,{className:"new-agent__header",children:_}),s.jsx(u.Modal.Body,{className:"new-agent__body",children:N})]})},Mt=e=>{window.location.assign(e)},Dn=({open:e,authToken:t,headers:n,agentDefinitionsUrl:a,agentsUrl:r,closeUrl:l,successUrl:o,onClose:p,onStart:c,embedded:g=!1})=>{const m=JSON.stringify(n??{}),S=i.useMemo(()=>new Ke({token:t,headers:n,urls:{agentDefinitions:a,agents:r}}),[t,a,r,m]),[x,E]=i.useState([]),[R,f]=i.useState("loading"),[G,j]=i.useState(null),[I,y]=i.useState(0);i.useEffect(()=>{if(!e)return;let C=!1;return f("loading"),j(null),(async()=>{try{const U=await S.listAgentDefinitions();if(C)return;E(U.map(dt)),f("idle")}catch(U){if(C)return;E([]),j(ss(U)),f("error")}})(),()=>{C=!0}},[S,e,I]);const _=i.useCallback(()=>{p==null||p(),l&&Mt(l)},[l,p]),N=i.useCallback(async C=>{await S.createAgent(C.definition.ref,{invocationName:C.invocationName}),c==null||c(C),o&&Mt(o)},[S,c,o]),v=i.useCallback(()=>{y(C=>C+1)},[]);return s.jsx(is,{open:e,onClose:_,onStart:N,agentDefinitions:x,definitionsState:R,definitionsError:G,onRetryDefinitions:v,embedded:g})},$n=e=>"agentDefinitionsUrl"in e,os=e=>$n(e)?s.jsx(Dn,{...e}):s.jsx(is,{...e}),Hn=e=>e!==void 0&&e.some(t=>t.status===P.hitl),Fn=(e,t)=>Hn(t)?A.hitl:e.status,Bn=({column:e,label:t})=>e.statusIcon?s.jsx("span",{className:"agent-view__status-indicator",children:s.jsx(u.Icon,{name:e.statusIcon.name,size:16,color:e.statusIcon.color,className:z({"agent-view__progress-icon--spinning":e.statusIcon.spin}),screenReaderText:t})}):s.jsx("span",{className:z("agent-view__dot",{[`agent-view__dot--${e.dotModifier}`]:e.dotModifier}),children:s.jsx(u.Dot,{colour:e.dotColour,label:t})}),Gn=({agent:e,agentName:t,column:n,isExpanded:a,isLoading:r,checklist:l,error:o,onToggle:p,onViewAgent:c})=>{const{id:g,invocation_name:m}=e,S=`agent-card-${g}-header`,x=`agent-card-${g}-progress`;return s.jsx("li",{className:z("agent-view__card",{"agent-view__card--expanded":a}),children:s.jsxs(u.Card,{spacing:"dense",children:[s.jsx("button",{type:"button",className:"agent-view__card-toggle","aria-expanded":a,"aria-controls":x,"aria-label":m,id:S,onClick:()=>p(g),children:s.jsxs("div",{className:"agent-view__card-content",children:[s.jsx(Bn,{column:n}),s.jsx("span",{className:"agent-view__card-invocation-name",children:m}),s.jsx("span",{className:"agent-view__card-agent-name",children:t}),s.jsx(u.Icon,{name:a?"chevron-up":"chevron-down",size:16,className:"agent-view__card-chevron"})]})}),a&&s.jsxs("div",{id:x,"aria-labelledby":S,className:"agent-view__card-progress",children:[r&&s.jsxs("div",{className:"agent-view__progress-loading","aria-live":"polite",children:[s.jsx(u.Icon,{name:"loader",size:16,color:"var(--color-brand-600)",className:"agent-view__progress-icon--spinning",screenReaderText:_e}),s.jsx("span",{children:_e})]}),!r&&o&&s.jsx("p",{className:"agent-view__progress-error",role:"alert",children:o}),!r&&!o&&l!==null&&s.jsx(Bs,{checklist:l}),!r&&!o&&l===null&&s.jsxs("div",{className:"agent-view__progress-loading","aria-live":"polite",children:[s.jsx(u.Icon,{name:"loader",size:16,color:"var(--color-brand-600)",className:"agent-view__progress-icon--spinning",screenReaderText:_e}),s.jsx("span",{children:_e})]}),s.jsx("div",{className:"agent-view__card-actions",children:s.jsx(u.Button,{variant:"secondary",size:"S",onClick:()=>c==null?void 0:c(e),children:"View agent"})})]})]})})},Pt=({column:e,agents:t,expandedAgentId:n,loadingAgentId:a,checklistByInvocationId:r,errorByAgentId:l,definitionNameByRef:o,onToggleAgent:p,onViewAgent:c,isSplit:g=!1})=>s.jsxs("section",{className:z("agent-view__column",{"agent-view__column--split":g}),"aria-label":e.title,children:[s.jsxs("div",{className:"agent-view__column-header",children:[s.jsx(u.Heading,{level:4,children:e.title}),s.jsx("span",{className:"agent-view__column-count",children:t.length})]}),s.jsx("ul",{className:"agent-view__card-list",children:t.map(m=>s.jsx(Gn,{agent:m,agentName:lt(m,o),column:e,isExpanded:n===m.id,isLoading:a===m.id,checklist:r[m.invocation_id]??null,error:l[m.id]??null,onToggle:p,onViewAgent:c},m.id))})]}),lt=(e,t)=>t.get(e.agent_definition_ref)??e.agent_definition_ref.replace(/_/g," "),zn=({jwt:e,headers:t,agentDefinitionsUrl:n,agentsUrl:a,agentUrl:r,agentChecklistUrl:l,agentResourcesUrl:o,agentTimelineUrl:p,agentChatUrl:c,agentConversationUrl:g,stopAgentUrl:m,enableUpload:S,showHeader:x=!1,institutions:E,usePusherToRepoll:R=!1,pusherChannelPrefix:f=ct,subscribeToPusher:G})=>{var je;const j=i.useMemo(()=>({agentDefinitions:n,agents:a,agent:r,agentChecklist:l,...o?{agentResources:o}:{},...p?{agentTimeline:p}:{},agentChat:c,agentConversation:g}),[n,a,r,l,o,p,c,g]),[I,y]=i.useState(null),_=I?(je=E==null?void 0:E.find(h=>h.applicationId===I.application_id))==null?void 0:je.applicationUrl:void 0,N=i.useMemo(()=>{const h={...t??{}};return _?h[ue.arborApplicationUrl]=_:delete h[ue.arborApplicationUrl],h},[t,_]),{agents:v,agentDefinitions:C,loadState:U,loadError:we,reload:T,refresh:D,fetchAgentChecklist:F,createAgent:K}=ns({jwt:e,headers:N,urls:j}),[W,L]=i.useState(!1),[O,Z]=i.useState(null),[xe,Ie]=i.useState(null),[q,Oe]=i.useState({}),[ge,ke]=i.useState({}),[he,We]=i.useState([]),[ne,Ve]=i.useState([]),Se=i.useMemo(()=>{const h=new Set(v.map(k=>k.application_id)),b=new Map((E??[]).map(k=>[k.applicationId,k.name]));return[...h].sort((k,J)=>(b.get(k)??k).localeCompare(b.get(J)??J)).map(k=>({value:k,label:b.get(k)??k}))},[v,E]),le=i.useMemo(()=>new Map(C.map(h=>[h.ref,h.display_name])),[C]),ye=i.useMemo(()=>[...new Set(v.map(b=>lt(b,le)))].sort((b,k)=>b.localeCompare(k)).map(b=>({value:b,label:b})),[v,le]),Le=i.useMemo(()=>v.filter(h=>!(he.length>0&&!he.includes(h.application_id)||ne.length>0&&!ne.includes(lt(h,le)))),[v,le,ne,he]),pe=Se.length>1,Me=ye.length>1,Pe=pe||Me;i.useEffect(()=>{const h=window.setInterval(()=>{D()},6e4);return()=>{window.clearInterval(h)}},[D]),i.useEffect(()=>{if(v.length===0)return;let h=!1;return(async()=>{const b=await Promise.allSettled(v.map(async k=>{const J=await F(k.invocation_id);return{agentId:k.id,invocationId:k.invocation_id,checklist:J.checklist}}));h||(Oe(k=>{const J={...k};let Q=!1;for(const ee of b){if(ee.status!=="fulfilled")continue;const{invocationId:ce,checklist:Ce}=ee.value;JSON.stringify(k[ce])!==JSON.stringify(Ce)&&(J[ce]=Ce,Q=!0)}return Q?J:k}),ke(k=>{const J={...k};let Q=!1;return b.forEach((ee,ce)=>{ee.status==="rejected"&&J[v[ce].id]!==ze&&(J[v[ce].id]=ze,Q=!0)}),Q?J:k}))})(),()=>{h=!0}},[v,F]);const Ue=i.useCallback(async h=>{if(!q[h.invocation_id]){Ie(h.id),ke(b=>{const k={...b};return delete k[h.id],k});try{const b=await F(h.invocation_id);Oe(k=>({...k,[h.invocation_id]:b.checklist}))}catch{ke(b=>({...b,[h.id]:ze}))}finally{Ie(b=>b===h.id?null:b)}}},[F,q]),Ne=i.useCallback(h=>{if(O===h){Z(null);return}const b=v.find(({id:k})=>k===h);b&&(Z(h),Ue(b))},[v,O,Ue]),De=i.useMemo(()=>{const h={};for(const b of Le){const k=Fn(b,q[b.invocation_id]);(h[k]??(h[k]=[])).push(b)}return h},[Le,q]),be=i.useCallback(h=>{y(h)},[]),Ye=i.useCallback(async h=>{const b=await K(h);y(b),L(!1)},[K]),Ae=i.useCallback(()=>{y(null)},[]),ae={expandedAgentId:O,loadingAgentId:xe,checklistByInvocationId:q,errorByAgentId:ge,definitionNameByRef:le,onToggleAgent:Ne,onViewAgent:be};return s.jsxs("div",{className:"agent-view-frontend agent-view",children:[x&&s.jsxs("div",{className:"agent-view__header",children:[s.jsx(u.Heading,{level:1,children:"Agents"}),s.jsx(u.Button,{variant:"primary",size:"S",iconLeftName:"sparkles",iconLeftScreenReaderText:"Start an agent",onClick:()=>L(!0),children:"Start an agent"})]}),v.length>0&&Pe&&s.jsxs("div",{className:"agent-view__filters",children:[pe&&s.jsxs("div",{className:"agent-view__filter",children:[s.jsx("label",{className:"agent-view__filter-label",htmlFor:"agent-view-institution-filter",children:"Institution"}),s.jsx(u.Combobox,{id:"agent-view-institution-filter",triggerVariant:"button",multiple:!0,searchType:"substring",placeholder:"All institutions",options:Se,value:he,onValueChange:We,showSelectionCountBadge:!0,showClearAll:!0,clearAllLabel:"Clear institutions"})]}),Me&&s.jsxs("div",{className:"agent-view__filter",children:[s.jsx("label",{className:"agent-view__filter-label",htmlFor:"agent-view-agent-filter",children:"Agent"}),s.jsx(u.Combobox,{id:"agent-view-agent-filter",triggerVariant:"button",multiple:!0,searchType:"substring",placeholder:"All agents",options:ye,value:ne,onValueChange:Ve,showSelectionCountBadge:!0,showClearAll:!0,clearAllLabel:"Clear agents"})]})]}),U==="error"?s.jsxs("div",{className:"agent-view__state agent-view__state--error",role:"alert",children:[s.jsx(u.Icon,{name:"triangle-alert",size:24,color:"var(--color-semantic-destructive-600)"}),s.jsx("p",{className:"agent-view__state-message",children:we??$t}),s.jsx(u.Button,{variant:"secondary",size:"S",onClick:T,children:"Try again"})]}):U==="loading"&&v.length===0?s.jsxs("div",{className:"agent-view__state","aria-live":"polite",children:[s.jsx(u.Icon,{name:"loader",size:24,color:"var(--color-brand-600)",className:"agent-view__progress-icon--spinning",screenReaderText:bt}),s.jsx("p",{className:"agent-view__state-message",children:bt})]}):v.length===0?s.jsx(Ms,{}):s.jsxs("div",{className:"agent-view__board",children:[ks.map(h=>s.jsx(Pt,{column:qe[h],agents:De[h]??[],...ae},h)),s.jsx("div",{className:"agent-view__split-column",children:Ss.map(h=>s.jsx(Pt,{column:qe[h],agents:De[h]??[],isSplit:!0,...ae},h))})]}),I&&s.jsx(rs,{agent:I,invocationId:I.invocation_id,open:!0,jwt:e,headers:N,agentUrl:r,agentChecklistUrl:l,agentResourcesUrl:o,agentTimelineUrl:p,agentChatUrl:c,agentConversationUrl:g,stopAgentUrl:m,enableUpload:S,initialChecklist:q[I.invocation_id]??null,usePusherToRepoll:R,pusherChannelPrefix:f,subscribeToPusher:G,onClose:Ae},I.id),s.jsx(os,{open:W,onClose:()=>L(!1),onStart:Ye,agentDefinitions:C})]})},qn=(e,t)=>{const n=Date.now(),a=t.trim()||e.agent_intent;return{id:`agent-${n}`,invocation_id:`inv-${n}`,agent_definition_ref:e.ref,agent_intent:e.agent_intent,invocation_name:a,application_id:ys,created_by:Ns,status:A["generating-a-response"],context_ref:null,checklist_ref:null}};exports.AgentMonitorKanban=zn;exports.AgentServiceClient=Ke;exports.AgentServiceError=fe;exports.AgentView=rs;exports.DEFAULT_PUSHER_CHANNEL_PREFIX=ct;exports.HttpChatConnector=ts;exports.MESSAGE_TYPE_REPOLL=it;exports.NewAgentModal=os;exports.PUSHER_AGENT_MESSAGE_EVENT=Gt;exports.REPOLL_TARGET=oe;exports.buildAgentFromDefinition=qn;exports.buildAgentPusherChannel=zt;exports.createHttpChatConnectorFactory=ht;exports.formatUserFileChatCardText=Qt;exports.mapApiAgent=ot;exports.mapApiAgentDefinition=dt;exports.mapApiAgentStatus=Jt;exports.mapApiAgentTimelineResponse=Yt;exports.mapApiChecklistEndpointResponse=gt;exports.mapApiChecklistItem=ut;exports.mapApiChecklistResponse=Xt;exports.mapApiChecklistStatus=Kt;exports.mapApiConversationMessages=es;exports.mapApiOpeningMessage=Te;exports.mapApiResource=Wt;exports.mapApiResourcesEndpointResponse=Vt;exports.mapApiTripOption=_n;exports.parseConversationContentCaption=Zt;exports.parseRepollMessages=qt;exports.useAgentService=ns;exports.useAgentWorkspace=as;
|
|
6
|
+
`);l=m.pop()??"";for(const S of m)h(S)}if(l.trim()&&h(l),!i)throw new Se(502,null,"Chat stream ended without any events");return i}}const Jn=t=>{let e=null;const n=[];for(const a of t.split(`
|
|
7
|
+
`)){const r=a.trimEnd();r.startsWith("event:")?e=r.slice(6).trim():r.startsWith("data:")&&n.push(r.slice(5).trim())}return{event:e,data:n.length>0?n.join(`
|
|
8
|
+
`):null}},Kt=t=>{try{return JSON.parse(t)}catch{return}};function Wn(t,e){const n=new FormData;n.append("body",JSON.stringify(t));for(const a of e)n.append("files",a,a.name);return n}const Vn={id:Zt,author:te.agent,text:"Type a question or upload a file. You can ask it how it's progressing, or send an instruction and it'll act on it."};let Jt=0;const Yn=t=>(Jt+=1,`${t}-${Date.now()}-${Jt}`),Xn=t=>{const e=t.destination?` to ${t.destination}`:"";return`Let's get started on ${t.tripName.trim()||t.destination.trim()||"this task"}${e}. What will you do first?`};class _s{constructor(e,n,a={}){this.seededChecklist=[],this.client=e,this.agentId=n,this.chatId=a.chatId??n,this.opening=a.openingMessage??Vn,this.model=a.model}openingMessage(){return this.opening}async bootstrapConversation(){const e=await this.client.getConversation(this.chatId),n=ms(e.messages);return n.length===0?[this.opening]:n}async start(e){return{...await this.exchange(Xn(e)),phase:$.running}}sendMessage(e,n){return this.exchange(e,n)}async stop(){await this.client.cancelAgent(this.agentId)}seedChecklist(e){this.seededChecklist=e}async exchange(e,n){var i;const a=[{role:Dn.user,content:e}],r=await this.client.chat(this.agentId,{messages:a,chat_id:this.chatId,...this.model?{model:this.model}:{},moderation_enabled:!0,meta:{feature_id:"agent_view",source:"agent_view_frontend"}},...n&&n.length>0?[{uploadFiles:n}]:[]),l={id:r.event_id||Yn("msg-agent"),author:te.agent,text:r.message.content,...(i=r.follow_up_prompts)!=null&&i.length?{followUpPrompts:r.follow_up_prompts}:{}};try{const h=await this.client.getAgent(this.agentId),{checklist:d}=gs(this.agentId,h);return this.seededChecklist=d,{message:l,checklist:d}}catch{return{message:l,...this.seededChecklist.length?{checklist:this.seededChecklist}:{}}}}}const St=(t,e)=>n=>{var a,r;return new _s(t,n.invocation_id,{model:e==null?void 0:e.model,chatId:((a=e==null?void 0:e.resolveChatId)==null?void 0:a.call(e,n))??(e==null?void 0:e.chatId)??n.invocation_id,openingMessage:((r=e==null?void 0:e.resolveOpeningMessage)==null?void 0:r.call(e,n))??(e==null?void 0:e.openingMessage)})},fs=t=>t instanceof Se?t.message:t instanceof TypeError?"Network error while contacting the agent service.":t instanceof Error&&t.message?t.message:es,Zn=t=>{const e={};for(const n of t){const a=Ie(n);if(!a)continue;const r=n.invocation_id??n.id;e[r]=a,e[n.id]=a}return e},Qn=t=>JSON.stringify(t),ht=(t,e)=>JSON.stringify(t)===JSON.stringify(e),vs=t=>{const{jwt:e,headers:n,urls:a}=t,r=JSON.stringify(n??{}),l=Qn(a),i=o.useMemo(()=>new Xe({token:e,headers:n,urls:a}),[e,l]);o.useLayoutEffect(()=>{i.setHeaders(n)},[i,r]);const[h,d]=o.useState([]),[g,m]=o.useState([]),[S,w]=o.useState({}),[R,p]=o.useState("loading"),[T,x]=o.useState(null),[O,b]=o.useState(0),y=o.useCallback((I,F)=>{const G=I.map(_t),K=F.map(wt),W=Zn(I);d(D=>ht(D,G)?D:G),m(D=>ht(D,K)?D:K),w(D=>ht(D,W)?D:W),p("idle"),x(null)},[]);o.useEffect(()=>{let I=!1;return p("loading"),x(null),(async()=>{try{const[F,G]=await Promise.all([i.listAgents(),i.listAgentDefinitions()]);if(I)return;y(F,G)}catch(F){if(I)return;d([]),m([]),w({}),p("error"),x(fs(F))}})(),()=>{I=!0}},[y,i,O]);const v=o.useCallback(()=>{b(I=>I+1)},[]),C=o.useCallback(async()=>{try{const[I,F]=await Promise.all([i.listAgents(),i.listAgentDefinitions()]);y(I,F)}catch{}},[y,i]),E=o.useCallback(async I=>{const[F,G]=await Promise.all([i.getAgentChecklist(I),i.getAgent(I).catch(()=>null)]);return kt(I,F,G??void 0)},[i]),k=o.useCallback(async I=>i.listAllAgentResources(I),[i]),U=o.useCallback(async({definition:I,invocationName:F})=>{const G=await i.createAgent(I.ref,{invocationName:F}),K=await i.getAgent(G.id),W=_t(K),D=Ie(K);return d(Z=>[W,...Z]),D&&w(Z=>({...Z,[W.invocation_id]:D,[W.id]:D})),W},[i]),X=o.useMemo(()=>St(i,{resolveOpeningMessage:I=>S[I.invocation_id]??S[I.id]}),[i,S]);return{agents:h,agentDefinitions:g,loadState:R,loadError:T,reload:v,refresh:C,fetchAgentChecklist:E,fetchAgentResources:k,createAgent:U,chatConnector:X}},ea=t=>JSON.stringify(t),ws=t=>{const{agent:e,jwt:n,headers:a,urls:r,chatId:l}=t,i=JSON.stringify(a??{}),h=ea(r),d=o.useMemo(()=>new Xe({token:n,headers:a,urls:{agent:r.agentUrl,agentChecklist:r.agentChecklistUrl,...r.agentResourcesUrl?{agentResources:r.agentResourcesUrl}:{},...r.agentTimelineUrl?{agentTimeline:r.agentTimelineUrl}:{},agentChat:r.agentChatUrl,agentConversation:r.agentConversationUrl,...r.stopAgentUrl?{stopAgent:r.stopAgentUrl}:{}}}),[n,h]);o.useLayoutEffect(()=>{d.setHeaders(a)},[d,i]);const g=o.useCallback(async x=>{const[O,b]=await Promise.all([d.getAgentChecklist(x),d.getAgent(x).catch(()=>null)]);return kt(x,O,b??void 0)},[d]),m=o.useCallback(async x=>d.listAllAgentResources(x),[d]),S=o.useCallback(async x=>d.getAgentContext(x),[d]),w=o.useCallback(async(x,O)=>d.getAgentResourceHtml(x,O),[d]),R=o.useCallback(async x=>{const O=await d.getAgentTimeline(x);return us(O)},[d]),p=o.useCallback(async(x,O)=>{await d.updateAgent(x,{invocationName:O})},[d]);return{connector:o.useMemo(()=>St(d,{chatId:l??e.invocation_id})(e),[d,e.invocation_id,l]),fetchAgentChecklist:g,fetchAgentContext:S,fetchAgentResources:m,fetchAgentResourceHtml:w,fetchAgentTimeline:R,updateAgentInvocationName:p}},ta=3e4,sa=(t,e)=>{const n=t.hasRunBefore?e||"This trip":t.tripName.trim()||"A new trip",a=t.destination?` to ${t.destination}`:"",r=t.hasRunBefore?" It has run before.":"";return`${n}${a}.${r}`.trim()},na=t=>{switch(t){case j.failed:return $.stopped;case j.complete:return $.complete;default:return $.running}},Wt=(t,e)=>{e([xe(t)])},aa=(t,e)=>t.length===e.length&&t.every((n,a)=>{const r=e[a];return r!==void 0&&n.id===r.id&&n.text===r.text}),xs=({agent:t,invocationId:e,open:n,onClose:a,jwt:r,headers:l,agentUrl:i,agentChecklistUrl:h,agentResourcesUrl:d,agentTimelineUrl:g,agentChatUrl:m,agentConversationUrl:S,stopAgentUrl:w,chatId:R,enableUpload:p,adminMode:T=!1,initialBrief:x,initialPhase:O,initialChecklist:b,usePusherToRepoll:y=!1,pusherChannelPrefix:v=vt,subscribeToPusher:C})=>{const[E,k]=o.useState(R??e),[U,X]=o.useState("chat"),[I,F]=o.useState(!1),{connector:G,fetchAgentChecklist:K,fetchAgentContext:W,fetchAgentResources:D,fetchAgentResourceHtml:Z,fetchAgentTimeline:ae,updateAgentInvocationName:Ne}=ws({agent:{...t,invocation_id:e},jwt:r,headers:l,chatId:E,urls:{agentUrl:i,agentChecklistUrl:h,agentResourcesUrl:d,agentTimelineUrl:g,agentChatUrl:m,agentConversationUrl:S,stopAgentUrl:w}}),B=o.useRef(G),[fe,Q]=o.useState(t.invocation_name),[Oe,be]=o.useState(0),[ve,re]=o.useState(null),[oe,ie]=o.useState(O??(x?$.running:na(t.status))),[Ze,V]=o.useState([]),[ge,he]=o.useState(0),[Le,Ue]=o.useState(),[Pe,Ae]=o.useState(null),[Me,De]=o.useState([]),[$e,He]=o.useState(!1),[Qe,Ce]=o.useState(null),[Fe,je]=o.useState(null),[_,A]=o.useState(null),[N,J]=o.useState(!1),[pe,le]=o.useState(null),[Y,Ee]=o.useState(null),[ys,yt]=o.useState(!1),[Ns,et]=o.useState(null),[tt,Be]=o.useState(b??null),[bs,Nt]=o.useState(!1),[As,st]=o.useState(null),[Cs,bt]=o.useState(void 0),[nt,At]=o.useState(!1),[at,rt]=o.useState(!1),[js,ot]=o.useState(null),[Ct,jt]=o.useState(!1),[Et,Rt]=o.useState(null),[Ge,it]=o.useState(!1),[ze,Es]=o.useState(!1),[qe,Rs]=o.useState(!1),Tt=o.useRef(Ge),It=o.useRef(t.invocation_name),Ot=o.useRef(0),Lt=o.useRef(0),we=o.useRef(0);o.useEffect(()=>{B.current=G},[G]),o.useEffect(()=>{It.current=t.invocation_name},[t.invocation_name]),o.useEffect(()=>{Tt.current=Ge},[Ge]),o.useEffect(()=>{k(R??e),X("chat"),F(!1),V([]),he(c=>c+1),re(null)},[e,R]),o.useEffect(()=>(we.current+=1,bt(void 0),At(!1),rt(!1),ot(null),()=>{we.current+=1}),[e]),o.useEffect(()=>{Q(t.invocation_name),be(c=>c+1)},[t.invocation_name]),o.useEffect(()=>{if(!n||x)return;const c=B.current.bootstrapConversation;if(!c){Wt(B.current.openingMessage(),V);return}let f=!1;return it(!0),(async()=>{try{const L=await c.call(B.current);if(f)return;V(L.map(xe))}catch{f||Wt(B.current.openingMessage(),V)}finally{f||it(!1)}})(),()=>{f=!0}},[n,x,e,E]);const se=o.useCallback(()=>{const c=++Ot.current;(async()=>{var f,L;try{const z=await K(e);if(c!==Ot.current)return;Be(ce=>JSON.stringify(ce)===JSON.stringify(z.checklist)?ce:z.checklist),st(null),(L=(f=B.current).seedChecklist)==null||L.call(f,z.checklist)}catch{}})()},[K,e]),me=o.useCallback(()=>{d&&(async()=>{try{const c=await D(e);De(c),Ce(null)}catch{}})()},[d,D,e]),ne=o.useCallback(()=>{if(!g)return;const c=++Lt.current;(async()=>{try{const f=await ae(e);if(c!==Lt.current)return;Ee(L=>JSON.stringify(L)===JSON.stringify(f)?L:f),et(null)}catch{}})()},[g,ae,e]),Re=o.useCallback(c=>{const f=B.current.bootstrapConversation;f&&(async()=>{try{const L=await f.call(B.current);if(Tt.current)return;const z=L.map(xe);let ce=!1;V(Mt=>aa(Mt,z)?Mt:(ce=!0,z)),ce&&(c!=null&&c.refreshSidePanelsOnChange)&&(se(),ne())}catch{}})()},[se,ne]),Ts=o.useCallback(c=>{switch(c){case ue.checklist:se();return;case ue.resources:me();return;case ue.chat:Re();return;case ue.timeline:ne();return;case ue.all:default:se(),me(),Re(),ne()}},[se,Re,me,ne]),Ut=Un({enabled:n&&y,channelPrefix:v,agentId:t.id,subscribeToPusher:C,onRepoll:Ts});o.useEffect(()=>{if(!n||x||Ut)return;const c=window.setInterval(()=>{Re({refreshSidePanelsOnChange:!0})},ta);return()=>{window.clearInterval(c)}},[n,x,Ut,e,E,Re]);const Is=o.useCallback(c=>{var f,L;c.checklist?(Be(c.checklist),(L=(f=B.current).seedChecklist)==null||L.call(f,c.checklist)):se(),c.phase&&ie(c.phase),me(),ne()},[se,me,ne]);o.useEffect(()=>{var c,f;!n||x||b&&b.length>0&&((f=(c=B.current).seedChecklist)==null||f.call(c,b))},[n,x,b]),o.useEffect(()=>{if(!n||x)return;let c=!1;return Nt(f=>b!=null&&b.length?!1:f||tt===null||tt.length===0),st(null),(async()=>{var f,L;try{const z=await K(e);if(c)return;b!=null&&b.length||(Be(z.checklist),(L=(f=B.current).seedChecklist)==null||L.call(f,z.checklist))}catch{!c&&!(b!=null&&b.length)&&st(We)}finally{c||Nt(!1)}})(),()=>{c=!0}},[n,e,x,b,K]),o.useEffect(()=>{if(!n||!d)return;let c=!1;return He(!0),Ce(null),(async()=>{try{const f=await D(e);c||De(f)}catch{c||Ce(Ws)}finally{c||He(!1)}})(),()=>{c=!0}},[n,e,d,D]);const Os=o.useCallback(()=>{je(null),A(null),le(null),J(!1)},[]),Ls=o.useCallback(c=>{if(c.misRecordUrl){window.open(c.misRecordUrl,"_blank","noopener,noreferrer");return}je(c),A(null),le(null),J(!0),(async()=>{try{const f=await Z(e,c.id);A(f)}catch{le(Vs)}finally{J(!1)}})()},[Z,e]);o.useEffect(()=>{if(!n||!g)return;let c=!1;return yt(f=>f||Y===null),et(null),(async()=>{try{const f=await ae(e);c||Ee(f)}catch{c||et(Qt)}finally{c||yt(!1)}})(),()=>{c=!0}},[n,e,g,ae]),o.useEffect(()=>{if(!n||!x)return;let c=!1;const f={id:`user-brief-${Date.now()}`,author:te.user,text:sa(x,It.current)};return(async()=>{var z,ce;const L=await B.current.start(x);c||(V([xe(B.current.openingMessage()),xe(f),xe(L.message)]),L.checklist?(Be(L.checklist),(ce=(z=B.current).seedChecklist)==null||ce.call(z,L.checklist)):se(),ie(L.phase??$.running),me(),ne())})(),()=>{c=!0}},[n,x,e,se,me,ne]);const Us=o.useCallback(c=>{Ae(Tn(c))},[]),lt=R??e,Ke=Y==null?void 0:Y.chatSessions,Pt=Ke!=null&&Ke.length?Ke.reduce((c,f)=>Date.parse(f.timestamp)<Date.parse(c.timestamp)?f:c).sessionId:void 0,ct=o.useCallback(()=>{X("chat"),F(!1),E!==lt&&(k(lt),V([]),he(c=>c+1))},[E,lt]),Ps=o.useCallback(c=>{if(c===Pt){ct();return}k(c),F(!0),X("chat"),V([]),he(f=>f+1)},[Pt,ct]),Ms=o.useCallback(c=>{Ae(null),Ue(c),he(f=>f+1)},[]),Ds=o.useCallback(async()=>{Rt(null),jt(!0);try{await B.current.stop(),ie($.stopped)}catch{Rt(Ys)}finally{jt(!1)}},[]),$s=o.useCallback(c=>{const f=c.trim(),L=fe;if(re(null),!f){be(z=>z+1);return}f!==L&&(Q(f),(async()=>{try{await Ne(e,f)}catch{Q(L),be(z=>z+1),re(Xs)}})())},[fe,e,Ne]),Hs=o.useCallback(()=>{if(!T||nt||at)return;const c=++we.current;rt(!0),ot(null),(async()=>{try{const f=await W(e);if(we.current!==c)return;bt(f),At(!0)}catch{we.current===c&&ot(Js)}finally{we.current===c&&rt(!1)}})()},[T,nt,at,W,e]),Fs=tt;return s.jsxs(u.Modal,{open:n,closeHandler:a,hideCloseButton:!0,className:"agent-workspace",children:[s.jsxs(u.Modal.Header,{className:"agent-workspace__header",children:[s.jsxs("div",{className:"agent-workspace__header-title",children:[s.jsx("span",{className:"agent-workspace__header-avatar","aria-hidden":"true",children:s.jsx(u.Icon,{name:"ask-arbor",size:24})}),s.jsx(u.Modal.Title,{children:s.jsx(u.EditableText,{className:"agent-workspace__header-name",text:fe,onEditSave:$s},Oe)}),s.jsx("span",{className:q("agent-workspace__phase",`agent-workspace__phase--${oe}`),children:en[oe]}),ve&&s.jsx("p",{className:"agent-workspace__error agent-workspace__name-error",role:"alert",children:ve})]}),s.jsxs("div",{className:"agent-workspace__header-actions",children:[s.jsx(u.Button,{variant:ze?"secondary":"primary",size:"S",iconLeftName:"clipboard-list",iconLeftScreenReaderText:"Toggle checklist","aria-pressed":!ze,onClick:()=>Es(c=>!c),children:"Checklist"}),s.jsx(u.Button,{variant:qe?"secondary":"primary",size:"S",iconLeftName:"files",iconLeftScreenReaderText:"Toggle resources","aria-pressed":!qe,onClick:()=>Rs(c=>!c),children:"Resources"}),s.jsx(u.Button,{variant:"secondary",size:"S",iconLeftName:"x",iconLeftScreenReaderText:"Close",onClick:a,children:"Close"})]})]}),s.jsxs(u.Modal.Body,{className:q("agent-workspace__body",{"agent-workspace__body--no-checklist":ze,"agent-workspace__body--no-resources":qe}),children:[s.jsxs("section",{className:q("agent-workspace__panel","agent-workspace__panel--chat",{"agent-workspace__panel--timeline":!!g&&U==="timeline"}),"aria-label":"Agent",children:[s.jsxs("div",{className:"agent-workspace__panel-header",children:[s.jsx(u.Heading,{level:4,children:"Agent"}),w&&oe===$.running&&s.jsx(u.Button,{className:"agent-workspace__panel-header-action",variant:"secondary-destructive",size:"S",iconLeftName:"circle-x",iconLeftScreenReaderText:"Stop",disabled:Ct,onClick:()=>void Ds(),children:Ct?"Stopping…":"Stop agent"})]}),Et&&s.jsx("p",{className:"agent-workspace__error agent-workspace__stop-error",role:"alert",children:Et}),g&&s.jsxs(u.Tabs,{className:"agent-workspace__center-tabs","aria-label":"Center panel",children:[s.jsx(u.Tabs.Item,{active:U==="chat",tabElementProps:{id:"agent-center-tab-chat",onClick:()=>X("chat")},children:"Chat"}),s.jsx(u.Tabs.Item,{active:U==="timeline",tabElementProps:{id:"agent-center-tab-timeline",onClick:()=>X("timeline")},children:"Timeline"})]}),g&&U==="chat"&&I&&s.jsx("div",{className:"agent-workspace__center-back",children:s.jsx(u.Button,{variant:"tertiary",size:"S",iconLeftName:"arrow-left",iconLeftScreenReaderText:"Back to main chat",onClick:ct,children:"Back to main chat"})}),g&&U==="timeline"&&s.jsx(En,{timeline:Y,isLoading:ys,error:Ns,onOpenChatSession:Ps}),s.jsx("div",{className:"agent-workspace__chat-keep-alive",hidden:!!g&&U!=="chat",children:s.jsx(_n,{connector:G,phase:oe,chatHistory:Ze,chatSessionKey:ge,startQuery:Le,clarificationMessage:Pe,enableUpload:p,onTurn:Is,onAwaitingChange:it,onClarificationPrompt:Ms,onDismissClarification:()=>Ae(null)})})]}),!ze&&s.jsx(fn,{checklist:Fs,isLoading:bs,error:As,phase:oe,canRequestInput:oe===$.running&&!Ge,onAttentionItemClick:Us,adminMode:T,context:Cs,contextLoaded:nt,contextLoading:at,contextError:js,onContextSelect:Hs},e),!qe&&s.jsx(xn,{resources:Me,isLoading:$e,error:Qe,onOpenResource:Ls}),s.jsx(vn,{resource:Fe,html:_,isLoading:N,error:pe,onClose:Os})]})]})},ra="Unable to load agent definitions. Please try again.",oa="Unable to start the agent.",Vt="Loading agents…",ks=({open:t,onClose:e,onStart:n,agentDefinitions:a,definitionsState:r="idle",definitionsError:l=null,onRetryDefinitions:i,embedded:h=!1})=>{const[d,g]=o.useState(void 0),[m,S]=o.useState(""),[w,R]=o.useState(!1),[p,T]=o.useState(null),x=[...a].sort((E,k)=>E.display_name.localeCompare(k.display_name)).map(E=>({value:E.ref,label:E.display_name}));o.useEffect(()=>{t&&(g(void 0),S(""),R(!1),T(null))},[t]);const O=d!==void 0&&m.trim().length>0,b=o.useCallback(E=>{const k=a.find(U=>U.ref===E[0]);k&&g(k)},[a]),y=o.useCallback(async()=>{if(!(!d||!O||w)){R(!0),T(null);try{await n({definition:d,invocationName:m.trim()})}catch(E){T(E instanceof Error?E.message:oa)}finally{R(!1)}}},[O,d,m,w,n]);if(r==="idle"&&a.length===0||!t)return null;const v=s.jsxs("div",{className:"new-agent__header-title",children:[s.jsx("span",{className:"new-agent__header-avatar","aria-hidden":"true",children:s.jsx(u.Icon,{name:"ask-arbor",size:24})}),h?s.jsx("h2",{className:"new-agent__title",children:"Start an agent"}):s.jsx(u.Modal.Title,{children:"Start an agent"})]});let C;return r==="loading"?C=s.jsxs("div",{className:"new-agent__state","aria-live":"polite",children:[s.jsx(u.Icon,{name:"loader",size:24,color:"var(--color-brand-600)",className:"new-agent__spinner",screenReaderText:Vt}),s.jsx("p",{className:"new-agent__state-message",children:Vt})]}):r==="error"?C=s.jsxs("div",{className:"new-agent__state new-agent__state--error",role:"alert",children:[s.jsx(u.Icon,{name:"triangle-alert",size:24,color:"var(--color-semantic-destructive-600)"}),s.jsx("p",{className:"new-agent__state-message",children:l??ra}),i?s.jsx(u.Button,{variant:"secondary",size:"S",onClick:i,children:"Try again"}):null]}):C=s.jsxs("form",{className:"new-agent__form","aria-label":"Start an agent",onSubmit:E=>{E.preventDefault(),O&&!w&&y()},children:[s.jsxs("div",{className:"new-agent__type-field",children:[s.jsx("label",{className:"new-agent__type-label",htmlFor:"new-agent-type",children:"What would you like your agent to do?"}),s.jsx(u.SelectDropdown,{id:"new-agent-type",placeholder:"Which agent would you like to start?",options:x,selectedValues:d?[d.ref]:[],onSelectionChange:b})]}),s.jsxs("div",{className:"new-agent__type-field",children:[s.jsx("label",{className:"new-agent__type-label",htmlFor:"new-agent-invocation-name",children:"Name"}),s.jsx(u.TextInput,{id:"new-agent-invocation-name",value:m,placeholder:"What would you like to call your agent?",onChange:E=>S(E.target.value)})]}),p?s.jsx("p",{className:"new-agent__error",role:"alert",children:p}):null,s.jsx("div",{className:"new-agent__actions",children:s.jsx(u.Button,{type:"submit",variant:"primary",className:q("new-agent__start-button",{"new-agent__start-button--starting":w}),disabled:!O||w,iconLeftName:w?"loader":"sparkles",iconLeftScreenReaderText:w?"Starting":void 0,children:w?"Starting…":"Start"})})]}),h?s.jsxs("div",{className:q("new-agent","new-agent--embedded"),children:[s.jsx("div",{className:"new-agent__header",children:v}),s.jsx("div",{className:"new-agent__body",children:C})]}):s.jsxs(u.Modal,{open:t,closeHandler:e,className:"new-agent",children:[s.jsx(u.Modal.Header,{className:"new-agent__header",children:v}),s.jsx(u.Modal.Body,{className:"new-agent__body",children:C})]})},Yt=t=>{window.location.assign(t)},ia=({open:t,authToken:e,headers:n,agentDefinitionsUrl:a,agentsUrl:r,closeUrl:l,successUrl:i,onClose:h,onStart:d,embedded:g=!1})=>{const m=JSON.stringify(n??{}),S=o.useMemo(()=>new Xe({token:e,headers:n,urls:{agentDefinitions:a,agents:r}}),[e,a,r,m]),[w,R]=o.useState([]),[p,T]=o.useState("loading"),[x,O]=o.useState(null),[b,y]=o.useState(0);o.useEffect(()=>{if(!t)return;let k=!1;return T("loading"),O(null),(async()=>{try{const U=await S.listAgentDefinitions();if(k)return;R(U.map(wt)),T("idle")}catch(U){if(k)return;R([]),O(fs(U)),T("error")}})(),()=>{k=!0}},[S,t,b]);const v=o.useCallback(()=>{h==null||h(),l&&Yt(l)},[l,h]),C=o.useCallback(async k=>{await S.createAgent(k.definition.ref,{invocationName:k.invocationName}),d==null||d(k),i&&Yt(i)},[S,d,i]),E=o.useCallback(()=>{y(k=>k+1)},[]);return s.jsx(ks,{open:t,onClose:v,onStart:C,agentDefinitions:w,definitionsState:p,definitionsError:x,onRetryDefinitions:E,embedded:g})},la=t=>"agentDefinitionsUrl"in t,Ss=t=>la(t)?s.jsx(ia,{...t}):s.jsx(ks,{...t}),ca=t=>t!==void 0&&t.some(e=>e.status===P.hitl),da=(t,e)=>ca(e)?j.hitl:t.status,ua=({column:t,label:e})=>t.statusIcon?s.jsx("span",{className:"agent-view__status-indicator",children:s.jsx(u.Icon,{name:t.statusIcon.name,size:16,color:t.statusIcon.color,className:q({"agent-view__progress-icon--spinning":t.statusIcon.spin}),screenReaderText:e})}):s.jsx("span",{className:q("agent-view__dot",{[`agent-view__dot--${t.dotModifier}`]:t.dotModifier}),children:s.jsx(u.Dot,{colour:t.dotColour,label:e})}),ga=({agent:t,agentName:e,column:n,isExpanded:a,isLoading:r,checklist:l,error:i,onToggle:h,onViewAgent:d})=>{const{id:g,invocation_name:m}=t,S=`agent-card-${g}-header`,w=`agent-card-${g}-progress`;return s.jsx("li",{className:q("agent-view__card",{"agent-view__card--expanded":a}),children:s.jsxs(u.Card,{spacing:"dense",children:[s.jsx("button",{type:"button",className:"agent-view__card-toggle","aria-expanded":a,"aria-controls":w,"aria-label":m,id:S,onClick:()=>h(g),children:s.jsxs("div",{className:"agent-view__card-content",children:[s.jsx(ua,{column:n}),s.jsx("span",{className:"agent-view__card-invocation-name",children:m}),s.jsx("span",{className:"agent-view__card-agent-name",children:e}),s.jsx(u.Icon,{name:a?"chevron-up":"chevron-down",size:16,className:"agent-view__card-chevron"})]})}),a&&s.jsxs("div",{id:w,"aria-labelledby":S,className:"agent-view__card-progress",children:[r&&s.jsxs("div",{className:"agent-view__progress-loading","aria-live":"polite",children:[s.jsx(u.Icon,{name:"loader",size:16,color:"var(--color-brand-600)",className:"agent-view__progress-icon--spinning",screenReaderText:ke}),s.jsx("span",{children:ke})]}),!r&&i&&s.jsx("p",{className:"agent-view__progress-error",role:"alert",children:i}),!r&&!i&&l!==null&&s.jsx(hn,{checklist:l}),!r&&!i&&l===null&&s.jsxs("div",{className:"agent-view__progress-loading","aria-live":"polite",children:[s.jsx(u.Icon,{name:"loader",size:16,color:"var(--color-brand-600)",className:"agent-view__progress-icon--spinning",screenReaderText:ke}),s.jsx("span",{children:ke})]}),s.jsx("div",{className:"agent-view__card-actions",children:s.jsx(u.Button,{variant:"secondary",size:"S",onClick:()=>d==null?void 0:d(t),children:"View agent"})})]})]})})},Xt=({column:t,agents:e,expandedAgentId:n,loadingAgentId:a,checklistByInvocationId:r,errorByAgentId:l,definitionNameByRef:i,onToggleAgent:h,onViewAgent:d,isSplit:g=!1})=>s.jsxs("section",{className:q("agent-view__column",{"agent-view__column--split":g}),"aria-label":t.title,children:[s.jsxs("div",{className:"agent-view__column-header",children:[s.jsx(u.Heading,{level:4,children:t.title}),s.jsx("span",{className:"agent-view__column-count",children:e.length})]}),s.jsx("ul",{className:"agent-view__card-list",children:e.map(m=>s.jsx(ga,{agent:m,agentName:ft(m,i),column:t,isExpanded:n===m.id,isLoading:a===m.id,checklist:r[m.invocation_id]??null,error:l[m.id]??null,onToggle:h,onViewAgent:d},m.id))})]}),ft=(t,e)=>e.get(t.agent_definition_ref)??t.agent_definition_ref.replace(/_/g," "),ha=({jwt:t,headers:e,agentDefinitionsUrl:n,agentsUrl:a,agentUrl:r,agentChecklistUrl:l,agentResourcesUrl:i,agentTimelineUrl:h,agentChatUrl:d,agentConversationUrl:g,stopAgentUrl:m,enableUpload:S,adminMode:w=!1,showHeader:R=!1,institutions:p,usePusherToRepoll:T=!1,pusherChannelPrefix:x=vt,subscribeToPusher:O})=>{var je;const b=o.useMemo(()=>({agentDefinitions:n,agents:a,agent:r,agentChecklist:l,...i?{agentResources:i}:{},...h?{agentTimeline:h}:{},agentChat:d,agentConversation:g}),[n,a,r,l,i,h,d,g]),[y,v]=o.useState(null),C=y?(je=p==null?void 0:p.find(_=>_.applicationId===y.application_id))==null?void 0:je.applicationUrl:void 0,E=o.useMemo(()=>{const _={...e??{}};return C?_[_e.arborApplicationUrl]=C:delete _[_e.arborApplicationUrl],_},[e,C]),{agents:k,agentDefinitions:U,loadState:X,loadError:I,reload:F,refresh:G,fetchAgentChecklist:K,createAgent:W}=vs({jwt:t,headers:E,urls:b}),[D,Z]=o.useState(!1),[ae,Ne]=o.useState(null),[B,fe]=o.useState(null),[Q,Oe]=o.useState({}),[be,ve]=o.useState({}),[re,oe]=o.useState([]),[ie,Ze]=o.useState([]),V=o.useMemo(()=>{const _=new Set(k.map(N=>N.application_id)),A=new Map((p??[]).map(N=>[N.applicationId,N.name]));return[..._].sort((N,J)=>(A.get(N)??N).localeCompare(A.get(J)??J)).map(N=>({value:N,label:A.get(N)??N}))},[k,p]),ge=o.useMemo(()=>new Map(U.map(_=>[_.ref,_.display_name])),[U]),he=o.useMemo(()=>[...new Set(k.map(A=>ft(A,ge)))].sort((A,N)=>A.localeCompare(N)).map(A=>({value:A,label:A})),[k,ge]),Le=o.useMemo(()=>k.filter(_=>!(re.length>0&&!re.includes(_.application_id)||ie.length>0&&!ie.includes(ft(_,ge)))),[k,ge,ie,re]),Ue=V.length>1,Pe=he.length>1,Ae=Ue||Pe;o.useEffect(()=>{const _=window.setInterval(()=>{G()},6e4);return()=>{window.clearInterval(_)}},[G]),o.useEffect(()=>{if(k.length===0)return;let _=!1;return(async()=>{const A=await Promise.allSettled(k.map(async N=>{const J=await K(N.invocation_id);return{agentId:N.id,invocationId:N.invocation_id,checklist:J.checklist}}));_||(Oe(N=>{const J={...N};let pe=!1;for(const le of A){if(le.status!=="fulfilled")continue;const{invocationId:Y,checklist:Ee}=le.value;JSON.stringify(N[Y])!==JSON.stringify(Ee)&&(J[Y]=Ee,pe=!0)}return pe?J:N}),ve(N=>{const J={...N};let pe=!1;return A.forEach((le,Y)=>{le.status==="rejected"&&J[k[Y].id]!==We&&(J[k[Y].id]=We,pe=!0)}),pe?J:N}))})(),()=>{_=!0}},[k,K]);const Me=o.useCallback(async _=>{if(!Q[_.invocation_id]){fe(_.id),ve(A=>{const N={...A};return delete N[_.id],N});try{const A=await K(_.invocation_id);Oe(N=>({...N,[_.invocation_id]:A.checklist}))}catch{ve(A=>({...A,[_.id]:We}))}finally{fe(A=>A===_.id?null:A)}}},[K,Q]),De=o.useCallback(_=>{if(ae===_){Ne(null);return}const A=k.find(({id:N})=>N===_);A&&(Ne(_),Me(A))},[k,ae,Me]),$e=o.useMemo(()=>{const _={};for(const A of Le){const N=da(A,Q[A.invocation_id]);(_[N]??(_[N]=[])).push(A)}return _},[Le,Q]),He=o.useCallback(_=>{v(_)},[]),Qe=o.useCallback(async _=>{const A=await W(_);v(A),Z(!1)},[W]),Ce=o.useCallback(()=>{v(null)},[]),Fe={expandedAgentId:ae,loadingAgentId:B,checklistByInvocationId:Q,errorByAgentId:be,definitionNameByRef:ge,onToggleAgent:De,onViewAgent:He};return s.jsxs("div",{className:"agent-view-frontend agent-view",children:[R&&s.jsxs("div",{className:"agent-view__header",children:[s.jsx(u.Heading,{level:1,children:"Agents"}),s.jsx(u.Button,{variant:"primary",size:"S",iconLeftName:"sparkles",iconLeftScreenReaderText:"Start an agent",onClick:()=>Z(!0),children:"Start an agent"})]}),k.length>0&&Ae&&s.jsxs("div",{className:"agent-view__filters",children:[Ue&&s.jsxs("div",{className:"agent-view__filter",children:[s.jsx("label",{className:"agent-view__filter-label",htmlFor:"agent-view-institution-filter",children:"Institution"}),s.jsx(u.Combobox,{id:"agent-view-institution-filter",triggerVariant:"button",multiple:!0,searchType:"substring",placeholder:"All institutions",options:V,value:re,onValueChange:oe,showSelectionCountBadge:!0,showClearAll:!0,clearAllLabel:"Clear institutions"})]}),Pe&&s.jsxs("div",{className:"agent-view__filter",children:[s.jsx("label",{className:"agent-view__filter-label",htmlFor:"agent-view-agent-filter",children:"Agent"}),s.jsx(u.Combobox,{id:"agent-view-agent-filter",triggerVariant:"button",multiple:!0,searchType:"substring",placeholder:"All agents",options:he,value:ie,onValueChange:Ze,showSelectionCountBadge:!0,showClearAll:!0,clearAllLabel:"Clear agents"})]})]}),X==="error"?s.jsxs("div",{className:"agent-view__state agent-view__state--error",role:"alert",children:[s.jsx(u.Icon,{name:"triangle-alert",size:24,color:"var(--color-semantic-destructive-600)"}),s.jsx("p",{className:"agent-view__state-message",children:I??es}),s.jsx(u.Button,{variant:"secondary",size:"S",onClick:F,children:"Try again"})]}):X==="loading"&&k.length===0?s.jsxs("div",{className:"agent-view__state","aria-live":"polite",children:[s.jsx(u.Icon,{name:"loader",size:24,color:"var(--color-brand-600)",className:"agent-view__progress-icon--spinning",screenReaderText:$t}),s.jsx("p",{className:"agent-view__state-message",children:$t})]}):k.length===0?s.jsx(rn,{}):s.jsxs("div",{className:"agent-view__board",children:[Gs.map(_=>s.jsx(Xt,{column:Ve[_],agents:$e[_]??[],...Fe},_)),s.jsx("div",{className:"agent-view__split-column",children:zs.map(_=>s.jsx(Xt,{column:Ve[_],agents:$e[_]??[],isSplit:!0,...Fe},_))})]}),y&&s.jsx(xs,{agent:y,invocationId:y.invocation_id,open:!0,jwt:t,headers:E,agentUrl:r,agentChecklistUrl:l,agentResourcesUrl:i,agentTimelineUrl:h,agentChatUrl:d,agentConversationUrl:g,stopAgentUrl:m,enableUpload:S,adminMode:w,initialChecklist:Q[y.invocation_id]??null,usePusherToRepoll:T,pusherChannelPrefix:x,subscribeToPusher:O,onClose:Ce},y.id),s.jsx(Ss,{open:D,onClose:()=>Z(!1),onStart:Qe,agentDefinitions:U})]})},pa=(t,e)=>{const n=Date.now(),a=e.trim()||t.agent_intent;return{id:`agent-${n}`,invocation_id:`inv-${n}`,agent_definition_ref:t.ref,agent_intent:t.agent_intent,invocation_name:a,application_id:qs,created_by:Ks,status:j["generating-a-response"],context_ref:null,checklist_ref:null}};exports.AgentMonitorKanban=ha;exports.AgentServiceClient=Xe;exports.AgentServiceError=Se;exports.AgentView=xs;exports.DEFAULT_PUSHER_CHANNEL_PREFIX=vt;exports.HttpChatConnector=_s;exports.MESSAGE_TYPE_REPOLL=mt;exports.NewAgentModal=Ss;exports.PUSHER_AGENT_MESSAGE_EVENT=as;exports.REPOLL_TARGET=ue;exports.buildAgentFromDefinition=pa;exports.buildAgentPusherChannel=rs;exports.createHttpChatConnectorFactory=St;exports.formatUserFileChatCardText=ps;exports.mapApiAgent=_t;exports.mapApiAgentDefinition=wt;exports.mapApiAgentStatus=is;exports.mapApiAgentTimelineResponse=us;exports.mapApiChecklistEndpointResponse=kt;exports.mapApiChecklistItem=xt;exports.mapApiChecklistResponse=gs;exports.mapApiChecklistStatus=ls;exports.mapApiConversationMessages=ms;exports.mapApiOpeningMessage=Ie;exports.mapApiResource=cs;exports.mapApiResourcesEndpointResponse=ds;exports.mapApiTripOption=Hn;exports.parseConversationContentCaption=hs;exports.parseRepollMessages=os;exports.useAgentService=vs;exports.useAgentWorkspace=ws;
|
package/dist/index.d.ts
CHANGED
|
@@ -62,7 +62,7 @@ export declare type AgentDefinition = {
|
|
|
62
62
|
description: string;
|
|
63
63
|
};
|
|
64
64
|
|
|
65
|
-
export declare const AgentMonitorKanban: ({ jwt, headers, agentDefinitionsUrl, agentsUrl, agentUrl, agentChecklistUrl, agentResourcesUrl, agentTimelineUrl, agentChatUrl, agentConversationUrl, stopAgentUrl, enableUpload, showHeader, institutions, usePusherToRepoll, pusherChannelPrefix, subscribeToPusher, }: AgentMonitorKanbanProps) => JSX_2.Element;
|
|
65
|
+
export declare const AgentMonitorKanban: ({ jwt, headers, agentDefinitionsUrl, agentsUrl, agentUrl, agentChecklistUrl, agentResourcesUrl, agentTimelineUrl, agentChatUrl, agentConversationUrl, stopAgentUrl, enableUpload, adminMode, showHeader, institutions, usePusherToRepoll, pusherChannelPrefix, subscribeToPusher, }: AgentMonitorKanbanProps) => JSX_2.Element;
|
|
66
66
|
|
|
67
67
|
export declare type AgentMonitorKanbanProps = {
|
|
68
68
|
jwt?: string;
|
|
@@ -79,7 +79,7 @@ export declare type AgentMonitorKanbanProps = {
|
|
|
79
79
|
agentConversationUrl: string;
|
|
80
80
|
stopAgentUrl?: string;
|
|
81
81
|
enableUpload?: boolean;
|
|
82
|
-
|
|
82
|
+
adminMode?: boolean;
|
|
83
83
|
showHeader?: boolean;
|
|
84
84
|
institutions?: InstitutionConfig[];
|
|
85
85
|
usePusherToRepoll?: boolean;
|
|
@@ -128,6 +128,9 @@ export declare class AgentServiceClient {
|
|
|
128
128
|
agentIntent?: string;
|
|
129
129
|
}): Promise<ApiCreateAgentResponse>;
|
|
130
130
|
getAgent(agentId: string): Promise<ApiAgentInvocationDetail>;
|
|
131
|
+
updateAgent(agentId: string, options: {
|
|
132
|
+
invocationName: string;
|
|
133
|
+
}): Promise<ApiAgentInvocationDetail | undefined>;
|
|
131
134
|
getAgentChecklist(agentId: string): Promise<ApiChecklistEndpointResponse>;
|
|
132
135
|
getAgentResources(agentId: string, params?: ApiListResourcesParams): Promise<ApiResourcesEndpointResponse>;
|
|
133
136
|
listAllAgentResources(agentId: string): Promise<AgentResource[]>;
|
|
@@ -204,7 +207,7 @@ declare type AgentTimelineChatSession = {
|
|
|
204
207
|
timestamp: string;
|
|
205
208
|
};
|
|
206
209
|
|
|
207
|
-
export declare const AgentView: ({ agent, invocationId, open, onClose, jwt, headers, agentUrl, agentChecklistUrl, agentResourcesUrl, agentTimelineUrl, agentChatUrl, agentConversationUrl, stopAgentUrl, chatId, enableUpload, initialBrief, initialPhase, initialChecklist, usePusherToRepoll, pusherChannelPrefix, subscribeToPusher, }: AgentViewProps) => JSX_2.Element;
|
|
210
|
+
export declare const AgentView: ({ agent, invocationId, open, onClose, jwt, headers, agentUrl, agentChecklistUrl, agentResourcesUrl, agentTimelineUrl, agentChatUrl, agentConversationUrl, stopAgentUrl, chatId, enableUpload, adminMode, initialBrief, initialPhase, initialChecklist, usePusherToRepoll, pusherChannelPrefix, subscribeToPusher, }: AgentViewProps) => JSX_2.Element;
|
|
208
211
|
|
|
209
212
|
export declare type AgentViewProps = {
|
|
210
213
|
agent: Agent;
|
|
@@ -222,6 +225,7 @@ export declare type AgentViewProps = {
|
|
|
222
225
|
stopAgentUrl?: string;
|
|
223
226
|
chatId?: string;
|
|
224
227
|
enableUpload?: boolean;
|
|
228
|
+
adminMode?: boolean;
|
|
225
229
|
initialBrief?: AgentBrief;
|
|
226
230
|
initialPhase?: WorkspacePhase;
|
|
227
231
|
initialChecklist?: AgentChecklistItem[] | null;
|
|
@@ -650,9 +654,11 @@ export declare type UseAgentWorkspaceConfig = {
|
|
|
650
654
|
export declare type UseAgentWorkspaceResult = {
|
|
651
655
|
connector: ChatConnector;
|
|
652
656
|
fetchAgentChecklist: (invocationId: string) => Promise<AgentChecklistResponse>;
|
|
657
|
+
fetchAgentContext: (invocationId: string) => Promise<unknown>;
|
|
653
658
|
fetchAgentResources: (invocationId: string) => Promise<AgentResource[]>;
|
|
654
659
|
fetchAgentResourceHtml: (invocationId: string, resourceId: string) => Promise<string>;
|
|
655
660
|
fetchAgentTimeline: (invocationId: string) => Promise<AgentTimeline>;
|
|
661
|
+
updateAgentInvocationName: (invocationId: string, invocationName: string) => Promise<void>;
|
|
656
662
|
};
|
|
657
663
|
|
|
658
664
|
export declare type WorkspacePhase = 'briefing' | 'running' | 'stopped' | 'complete';
|