@arbor-education/agent-view-frontend 0.3.1 → 0.4.1

package/dist/index.js

@@ -1,24 +1,24 @@
-import { jsxs as i, jsx as n, Fragment as Xe } from "react/jsx-runtime";
-import { useMemo as U, useRef as Re, useState as _, useEffect as B, useCallback as I, useLayoutEffect as Ze } from "react";
-import M from "classnames";
-import { Heading as he, Icon as E, Dot as Ge, Button as X, Modal as Q, SelectDropdown as et, TextInput as tt, Combobox as Oe, Card as nt } from "@arbor-education/design-system.components";
-import { CHAT_RESPONSE_TYPE_AGENT as Be, CHAT_RESPONSE_TYPE_ERROR as at, ChatPanel as st, CHAT_RESPONSE_TYPE_USER as rt, CHAT_RESPONSE_TYPE_INFO as ot } from "@arbor-education/ask-arbor-chat-panel";
+import { jsxs as i, jsx as n, Fragment as et } from "react/jsx-runtime";
+import { useMemo as U, useLayoutEffect as Ge, useState as m, useEffect as G, useCallback as T, useRef as Re } from "react";
+import H from "classnames";
+import { Heading as he, Icon as E, Dot as Be, Button as J, Modal as W, SelectDropdown as tt, TextInput as nt, Combobox as Oe, Card as at } from "@arbor-education/design-system.components";
+import { CHAT_RESPONSE_TYPE_AGENT as ze, CHAT_RESPONSE_TYPE_ERROR as st, ChatPanel as rt, CHAT_RESPONSE_TYPE_USER as ot, CHAT_RESPONSE_TYPE_INFO as it } from "@arbor-education/ask-arbor-chat-panel";
 const v = {
   "generating-a-response": "generating-a-response",
   hitl: "hitl",
   complete: "complete",
   failed: "failed"
-}, b = {
+}, S = {
   "generating-a-response": "generating-a-response",
   hitl: "hitl",
   complete: "complete",
   failed: "failed"
-}, T = {
+}, b = {
   briefing: "briefing",
   running: "running",
   stopped: "stopped",
   complete: "complete"
-}, Z = {
+}, j = {
   agent: "agent",
   user: "user",
   system: "system"
@@ -30,39 +30,39 @@ const v = {
 }, xe = {
   cancelled: "cancelled",
   archived: "archived"
-}, Se = {
+}, Te = {
   in_progress: "in_progress",
   requires_attention: "requires_attention",
   available: "available"
-}, G = {
-  [b.complete]: {
+}, F = {
+  [S.complete]: {
     label: "Complete",
     icon: "circle-check",
     color: "var(--color-semantic-success-600)"
   },
-  [b.failed]: {
+  [S.failed]: {
     label: "Failed",
     icon: "circle-x",
     color: "var(--color-semantic-destructive-600)"
   },
-  [b.hitl]: {
+  [S.hitl]: {
     label: "Requires attention",
     icon: "triangle-alert",
     color: "var(--color-semantic-warning-600)"
   },
-  [b["generating-a-response"]]: {
+  [S["generating-a-response"]]: {
     label: "Generating a response",
     icon: "loader",
     color: "var(--color-brand-600)"
   }
-}, we = {
+}, ve = {
   [v["generating-a-response"]]: {
     status: v["generating-a-response"],
     title: "Active",
     dotColour: "green",
     statusIcon: {
-      name: G["generating-a-response"].icon,
-      color: G["generating-a-response"].color,
+      name: F["generating-a-response"].icon,
+      color: F["generating-a-response"].color,
       spin: !0
     }
   },
@@ -71,8 +71,8 @@ const v = {
     title: "Requires attention",
     dotColour: "orange",
     statusIcon: {
-      name: G.hitl.icon,
-      color: G.hitl.color
+      name: F.hitl.icon,
+      color: F.hitl.color
     }
   },
   [v.complete]: {
@@ -81,8 +81,8 @@ const v = {
     dotColour: "green",
     dotModifier: "grey-dark",
     statusIcon: {
-      name: G.complete.icon,
-      color: G.complete.color
+      name: F.complete.icon,
+      color: F.complete.color
     }
   },
   [v.failed]: {
@@ -90,32 +90,32 @@ const v = {
     title: "Failed",
     dotColour: "salmon",
     statusIcon: {
-      name: G.failed.icon,
-      color: G.failed.color
+      name: F.failed.icon,
+      color: F.failed.color
     }
   }
-}, it = [
+}, ct = [
   v["generating-a-response"],
   v.hitl
-], ct = [
+], lt = [
   v.complete,
   v.failed
-], lt = "m4", dt = "1", qe = "msg-opening", be = "Unable to load agent tasks. Please try again.", gt = "Unable to load the resources for this agent", pt = "Something went wrong. Please try again.", ze = "Unable to load agents. Please try again.", oe = "Loading tasks…", Pe = "Loading agents…", ut = "Task", ht = "What recent actions have you taken?", _t = {
-  [T.briefing]: "Briefing",
-  [T.running]: "Working",
-  [T.stopped]: "Stopped",
-  [T.complete]: "Complete"
-}, mt = [
+], dt = "m4", gt = "1", Ke = "msg-opening", Ee = "Unable to load agent tasks. Please try again.", pt = "Unable to load the resources for this agent", ut = "Something went wrong. Please try again.", qe = "Unable to load agents. Please try again.", oe = "Loading tasks…", Pe = "Loading agents…", ht = "Task", _t = "What recent actions have you taken?", mt = {
+  [b.briefing]: "Briefing",
+  [b.running]: "Working",
+  [b.stopped]: "Stopped",
+  [b.complete]: "Complete"
+}, ft = [
   v["generating-a-response"],
   v.hitl,
   v.complete,
   v.failed
-], ft = {
+], vt = {
   [v["generating-a-response"]]: "Agents currently working on tasks for you.",
   [v.hitl]: "Agents that need your input before they can continue.",
   [v.complete]: "Agents that have finished their work.",
   [v.failed]: "Agents that failed or were stopped."
-}, vt = () => /* @__PURE__ */ i(
+}, wt = () => /* @__PURE__ */ i(
   "svg",
   {
     className: "agent-view__empty-illustration",
@@ -231,8 +231,8 @@ const v = {
       /* @__PURE__ */ n("circle", { cx: "256", cy: "160", r: "4", fill: "var(--color-semantic-destructive-500)" })
     ]
   }
-), wt = ({ status: e }) => {
-  const t = we[e];
+), kt = ({ status: e }) => {
+  const t = ve[e];
   return t.statusIcon ? /* @__PURE__ */ n(
     E,
     {
@@ -241,8 +241,8 @@ const v = {
       color: t.statusIcon.color,
       screenReaderText: t.title
     }
-  ) : /* @__PURE__ */ n(Ge, { colour: t.dotColour, label: t.title });
-}, kt = () => /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ n(Be, { colour: t.dotColour, label: t.title });
+}, yt = () => /* @__PURE__ */ i(
   "section",
   {
     className: "agent-view__empty",
@@ -251,13 +251,13 @@ const v = {
       /* @__PURE__ */ i("div", { className: "agent-view__empty-content", children: [
         /* @__PURE__ */ n(he, { level: 4, children: "Your agents board" }),
         /* @__PURE__ */ n("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." }),
-        /* @__PURE__ */ n("ul", { className: "agent-view__empty-columns", children: mt.map((e) => {
-          const t = we[e];
+        /* @__PURE__ */ n("ul", { className: "agent-view__empty-columns", children: ft.map((e) => {
+          const t = ve[e];
           return /* @__PURE__ */ i("li", { className: "agent-view__empty-column", children: [
-            /* @__PURE__ */ n("span", { className: "agent-view__empty-column-indicator", children: /* @__PURE__ */ n(wt, { status: e }) }),
+            /* @__PURE__ */ n("span", { className: "agent-view__empty-column-indicator", children: /* @__PURE__ */ n(kt, { status: e }) }),
             /* @__PURE__ */ i("span", { className: "agent-view__empty-column-text", children: [
               /* @__PURE__ */ n("span", { className: "agent-view__empty-column-title", children: t.title }),
-              /* @__PURE__ */ n("span", { className: "agent-view__empty-column-description", children: ft[e] })
+              /* @__PURE__ */ n("span", { className: "agent-view__empty-column-description", children: vt[e] })
             ] })
           ] }, e);
         }) }),
@@ -267,39 +267,39 @@ const v = {
           " above to begin."
         ] })
       ] }),
-      /* @__PURE__ */ n("div", { className: "agent-view__empty-visual", children: /* @__PURE__ */ n(vt, {}) })
+      /* @__PURE__ */ n("div", { className: "agent-view__empty-visual", children: /* @__PURE__ */ n(wt, {}) })
     ]
   }
 ), Nt = (e, t) => ({
   ...e,
   ...t.length > 0 ? { children: t } : {}
-}), Ke = (e) => {
-  const t = [], s = [];
-  for (const a of e) {
-    const r = a.children ? Ke(a.children) : { needsInput: [], tasks: [] };
-    if (t.push(...r.needsInput), a.status === b.hitl) {
-      t.push({ ...a, children: void 0 });
+}), We = (e) => {
+  const t = [], a = [];
+  for (const s of e) {
+    const r = s.children ? We(s.children) : { needsInput: [], tasks: [] };
+    if (t.push(...r.needsInput), s.status === S.hitl) {
+      t.push({ ...s, children: void 0 });
       continue;
     }
-    s.push(Nt(a, r.tasks));
+    a.push(Nt(s, r.tasks));
   }
-  return { needsInput: t, tasks: s };
-}, yt = (e) => e.map((t, s) => ({ item: t, index: s })).sort((t, s) => {
-  const a = t.item.status === b.hitl, r = s.item.status === b.hitl;
-  return a !== r ? a ? -1 : 1 : t.index - s.index;
-}).map(({ item: t }) => t), At = ({
+  return { needsInput: t, tasks: a };
+}, At = (e) => e.map((t, a) => ({ item: t, index: a })).sort((t, a) => {
+  const s = t.item.status === S.hitl, r = a.item.status === S.hitl;
+  return s !== r ? s ? -1 : 1 : t.index - a.index;
+}).map(({ item: t }) => t), St = ({
   checklist: e
 }) => e.length === 0 ? /* @__PURE__ */ n("p", { className: "agent-view__progress-empty", children: "No tasks to display." }) : /* @__PURE__ */ n(
   "ul",
   {
     className: "agent-view__progress-list",
     "aria-label": "Agent tasks",
-    children: yt(e).map((t) => {
-      const s = G[t.status];
+    children: At(e).map((t) => {
+      const a = F[t.status];
       return /* @__PURE__ */ i(
         "li",
         {
-          className: M(
+          className: H(
             "agent-view__progress-item",
             `agent-view__progress-item--${t.status.replace(/_/g, "-")}`
           ),
@@ -307,18 +307,18 @@ const v = {
             /* @__PURE__ */ n(
               E,
               {
-                name: s.icon,
+                name: a.icon,
                 size: 16,
-                color: s.color,
-                screenReaderText: `${s.label}:`,
-                className: M({
-                  "agent-view__progress-icon--spinning": t.status === b["generating-a-response"]
+                color: a.color,
+                screenReaderText: `${a.label}:`,
+                className: H({
+                  "agent-view__progress-icon--spinning": t.status === S["generating-a-response"]
                 })
               }
             ),
             /* @__PURE__ */ i("div", { className: "agent-view__progress-item-content", children: [
               /* @__PURE__ */ n("span", { className: "agent-view__progress-label", children: t.task }),
-              t.status !== b.complete && /* @__PURE__ */ n(
+              t.status !== S.complete && /* @__PURE__ */ n(
                 "span",
                 {
                   className: "agent-view__progress-description",
@@ -332,23 +332,23 @@ const v = {
       );
     })
   }
-), St = ({
+), bt = ({
   prompts: e,
   classNamePrefix: t = "agent-workspace",
-  onSelect: s
-}) => e.length === 0 ? null : /* @__PURE__ */ n("div", { className: `${t}__chips`, children: e.map((a) => /* @__PURE__ */ n(
+  onSelect: a
+}) => e.length === 0 ? null : /* @__PURE__ */ n("div", { className: `${t}__chips`, children: e.map((s) => /* @__PURE__ */ n(
   "button",
   {
     type: "button",
     className: `${t}__chip`,
-    onClick: () => s(a),
-    children: a
+    onClick: () => a(s),
+    children: s
   },
-  a
+  s
 )) });
-class bt {
-  constructor(t, s) {
-    this.connector = t, this.canSend = s.canSend, this.onTurn = s.onTurn, this.onAwaitingChange = s.onAwaitingChange;
+class Ct {
+  constructor(t, a) {
+    this.connector = t, this.canSend = a.canSend, this.onTurn = a.onTurn, this.onAwaitingChange = a.onAwaitingChange;
   }
   get canRate() {
     return !1;
@@ -366,26 +366,29 @@ class bt {
     return {};
   }
   async sendMessage(t) {
-    var s, a;
+    var a, s;
     if (!this.canSend())
       return null;
-    (s = this.onAwaitingChange) == null || s.call(this, !0);
+    (a = this.onAwaitingChange) == null || a.call(this, !0);
     try {
-      const r = await this.connector.sendMessage(t.userMessage);
+      const r = await this.connector.sendMessage(
+        t.userMessage,
+        t.uploadFiles
+      );
       return this.onTurn(r), {
         id: r.message.id,
         text: r.message.text,
-        type: Be,
+        type: ze,
         ...r.message.followUpPrompts ? { followUpPrompts: r.message.followUpPrompts } : {}
       };
     } catch {
       return {
         id: `error-${Date.now()}`,
-        text: pt,
-        type: at
+        text: ut,
+        type: st
       };
     } finally {
-      (a = this.onAwaitingChange) == null || a.call(this, !1);
+      (s = this.onAwaitingChange) == null || s.call(this, !1);
     }
   }
   async loadHistory(t) {
@@ -400,40 +403,41 @@ class bt {
     return !1;
   }
 }
-const Ct = ({
+const Tt = ({
   connector: e,
   phase: t,
-  chatHistory: s,
-  chatSessionKey: a,
+  chatHistory: a,
+  chatSessionKey: s,
   startQuery: r,
-  clarificationMessage: o,
-  onTurn: c,
-  onAwaitingChange: d,
-  onClarificationPrompt: w,
-  onDismissClarification: g
+  clarificationMessage: c,
+  enableUpload: l = !1,
+  onTurn: d,
+  onAwaitingChange: w,
+  onClarificationPrompt: f,
+  onDismissClarification: p
 }) => {
-  const p = U(
-    () => new bt(e, {
-      canSend: () => t === T.running,
-      onTurn: c,
-      onAwaitingChange: d
+  const _ = U(
+    () => new Ct(e, {
+      canSend: () => t === b.running,
+      onTurn: d,
+      onAwaitingChange: w
     }),
-    [e, t, c, d]
-  ), m = t !== T.running, k = t === T.running;
+    [e, t, d, w]
+  ), u = t !== b.running, C = t === b.running;
   return /* @__PURE__ */ i("section", { className: "agent-workspace__panel agent-workspace__panel--chat", "aria-label": "Chat", children: [
-    o && /* @__PURE__ */ i(
+    c && /* @__PURE__ */ i(
       "div",
       {
         className: "agent-workspace__clarification",
         role: "region",
         "aria-label": "Agent question",
         children: [
-          /* @__PURE__ */ n("p", { className: "agent-workspace__clarification-text", children: o.text }),
-          o.followUpPrompts && /* @__PURE__ */ n(
-            St,
+          /* @__PURE__ */ n("p", { className: "agent-workspace__clarification-text", children: c.text }),
+          c.followUpPrompts && /* @__PURE__ */ n(
+            bt,
             {
-              prompts: o.followUpPrompts,
-              onSelect: w
+              prompts: c.followUpPrompts,
+              onSelect: f
             }
           ),
           /* @__PURE__ */ n(
@@ -441,7 +445,7 @@ const Ct = ({
             {
               type: "button",
               className: "agent-workspace__clarification-dismiss",
-              onClick: g,
+              onClick: p,
               children: "Dismiss"
             }
           )
@@ -449,40 +453,40 @@ const Ct = ({
       }
     ),
     /* @__PURE__ */ n("div", { className: "agent-workspace__ask-arbor", children: /* @__PURE__ */ n(
-      st,
+      rt,
       {
-        connector: p,
-        chatHistory: s,
+        connector: _,
+        chatHistory: a,
         startQuery: r,
-        lockConversation: m,
-        enableUpload: !0,
-        speechEnabled: k,
+        lockConversation: u,
+        enableUpload: l,
+        speechEnabled: C,
         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: k ? "Message the agent, paste a link, or attach a file…" : "The agent is not accepting messages."
+        placeholder: C ? "Message the agent, paste a link, or attach a file…" : "The agent is not accepting messages."
       },
-      a
+      s
     ) }),
-    t === T.stopped && /* @__PURE__ */ i("div", { className: "agent-workspace__notice", role: "status", children: [
+    t === b.stopped && /* @__PURE__ */ i("div", { className: "agent-workspace__notice", role: "status", children: [
       /* @__PURE__ */ n(E, { name: "circle-alert", size: 16, color: "var(--color-semantic-warning-600)" }),
       /* @__PURE__ */ n("span", { children: "You stopped the agent. Its progress is saved in the checklist on the left." })
     ] }),
-    t === T.complete && /* @__PURE__ */ i("div", { className: "agent-workspace__notice", role: "status", children: [
+    t === b.complete && /* @__PURE__ */ i("div", { className: "agent-workspace__notice", role: "status", children: [
       /* @__PURE__ */ n(E, { name: "party-popper", size: 16, color: "var(--color-semantic-success-600)" }),
       /* @__PURE__ */ n("span", { children: "The agent has finished." })
     ] })
   ] });
-}, We = ({
+}, Je = ({
   item: e,
   depth: t,
-  canRequestInput: s,
-  onAttentionItemClick: a
+  canRequestInput: a,
+  onAttentionItemClick: s
 }) => {
-  const r = G[e.status], o = e.status.replace(/_/g, "-"), c = e.status === b.hitl && s && a, d = /* @__PURE__ */ i("div", { className: "agent-workspace__task-row", children: [
+  const r = F[e.status], c = e.status.replace(/_/g, "-"), l = e.status === S.hitl && a && s, d = /* @__PURE__ */ i("div", { className: "agent-workspace__task-row", children: [
     /* @__PURE__ */ n(
       E,
       {
@@ -490,40 +494,40 @@ const Ct = ({
         size: 16,
         color: r.color,
         screenReaderText: `${r.label}:`,
-        className: M({
-          "agent-workspace__task-icon--spinning": e.status === b["generating-a-response"]
+        className: H({
+          "agent-workspace__task-icon--spinning": e.status === S["generating-a-response"]
         })
       }
     ),
     /* @__PURE__ */ i("div", { className: "agent-workspace__task-content", children: [
       /* @__PURE__ */ n("span", { className: "agent-workspace__task-label", children: e.task }),
-      e.status !== b.complete && e.description && /* @__PURE__ */ n("span", { className: "agent-workspace__task-description", children: e.description })
+      e.status !== S.complete && e.description && /* @__PURE__ */ n("span", { className: "agent-workspace__task-description", children: e.description })
     ] })
   ] });
   return /* @__PURE__ */ i(
     "li",
     {
-      className: M("agent-workspace__task", `agent-workspace__task--${o}`, {
+      className: H("agent-workspace__task", `agent-workspace__task--${c}`, {
         "agent-workspace__task--child": t > 0
       }),
       children: [
-        c ? /* @__PURE__ */ n(
+        l ? /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             className: "agent-workspace__task-button",
             "aria-label": `Provide input for ${e.task}`,
-            onClick: () => a(e),
+            onClick: () => s(e),
             children: d
           }
         ) : d,
         e.children && e.children.length > 0 && /* @__PURE__ */ n("ul", { className: "agent-workspace__task-children", children: e.children.map((w) => /* @__PURE__ */ n(
-          We,
+          Je,
           {
             item: w,
             depth: t + 1,
-            canRequestInput: s,
-            onAttentionItemClick: a
+            canRequestInput: a,
+            onAttentionItemClick: s
           },
           w.task
         )) })
@@ -533,28 +537,28 @@ const Ct = ({
 }, Le = ({
   items: e,
   ariaLabel: t,
-  canRequestInput: s,
-  onAttentionItemClick: a
+  canRequestInput: a,
+  onAttentionItemClick: s
 }) => /* @__PURE__ */ n("ul", { className: "agent-workspace__task-list", "aria-label": t, children: e.map((r) => /* @__PURE__ */ n(
-  We,
+  Je,
   {
     item: r,
     depth: 0,
-    canRequestInput: s,
-    onAttentionItemClick: a
+    canRequestInput: a,
+    onAttentionItemClick: s
   },
   r.task
-)) }), Tt = ({
+)) }), Et = ({
   checklist: e,
   isLoading: t,
-  error: s,
-  phase: a,
+  error: a,
+  phase: s,
   canRequestInput: r,
-  onStop: o,
-  onAttentionItemClick: c
+  onStop: c,
+  onAttentionItemClick: l
 }) => {
   const d = U(
-    () => e ? Ke(e) : null,
+    () => e ? We(e) : null,
     [e]
   );
   return /* @__PURE__ */ i(
@@ -565,14 +569,14 @@ const Ct = ({
       children: [
         /* @__PURE__ */ i("div", { className: "agent-workspace__panel-header", children: [
           /* @__PURE__ */ n(he, { level: 4, children: "Checklist" }),
-          a === T.running && /* @__PURE__ */ n(
-            X,
+          s === b.running && /* @__PURE__ */ n(
+            J,
             {
               variant: "secondary-destructive",
               size: "S",
               iconLeftName: "circle-x",
               iconLeftScreenReaderText: "Stop",
-              onClick: o,
+              onClick: c,
               children: "Stop agent"
             }
           )
@@ -591,8 +595,8 @@ const Ct = ({
             ),
             /* @__PURE__ */ n("span", { children: oe })
           ] }),
-          !t && s && /* @__PURE__ */ n("p", { className: "agent-workspace__error", role: "alert", children: s }),
-          !t && !s && d && /* @__PURE__ */ i(Xe, { children: [
+          !t && a && /* @__PURE__ */ n("p", { className: "agent-workspace__error", role: "alert", children: a }),
+          !t && !a && d && /* @__PURE__ */ i(et, { children: [
             d.needsInput.length > 0 && /* @__PURE__ */ i("div", { className: "agent-workspace__task-group", children: [
               /* @__PURE__ */ n("p", { className: "agent-workspace__task-group-label", children: "Needs your input" }),
               /* @__PURE__ */ n(
@@ -601,14 +605,14 @@ const Ct = ({
                   items: d.needsInput,
                   ariaLabel: "Tasks needing your input",
                   canRequestInput: r,
-                  onAttentionItemClick: c
+                  onAttentionItemClick: l
                 }
               )
             ] }),
             d.tasks.length > 0 && /* @__PURE__ */ i(
               "div",
               {
-                className: M("agent-workspace__task-group", {
+                className: H("agent-workspace__task-group", {
                   "agent-workspace__task-group--following": d.needsInput.length > 0
                 }),
                 children: [
@@ -619,19 +623,19 @@ const Ct = ({
                       items: d.tasks,
                       ariaLabel: "Agent tasks",
                       canRequestInput: r,
-                      onAttentionItemClick: c
+                      onAttentionItemClick: l
                     }
                   )
                 ]
               }
             )
           ] }),
-          !t && !s && (!d || d.needsInput.length === 0 && d.tasks.length === 0) && /* @__PURE__ */ n("p", { className: "agent-workspace__empty", children: a === T.briefing ? "Tasks will appear here once the agent starts." : "No tasks to display." })
+          !t && !a && (!d || d.needsInput.length === 0 && d.tasks.length === 0) && /* @__PURE__ */ n("p", { className: "agent-workspace__empty", children: s === b.briefing ? "Tasks will appear here once the agent starts." : "No tasks to display." })
         ] })
       ]
     }
   );
-}, Et = {
+}, It = {
   [re.MIS_RECORD]: {
     icon: "table",
     label: "Arbor MIS",
@@ -652,10 +656,10 @@ const Ct = ({
     label: "Link",
     color: "var(--color-semantic-info-700)"
   }
-}, It = ({
+}, Rt = ({
   resources: e,
   isLoading: t = !1,
-  error: s = null
+  error: a = null
 }) => /* @__PURE__ */ i(
   "section",
   {
@@ -680,21 +684,21 @@ const Ct = ({
           ),
           /* @__PURE__ */ n("span", { children: "Loading resources…" })
         ] }),
-        !t && s && /* @__PURE__ */ n("p", { className: "agent-workspace__error", role: "alert", children: s }),
-        !t && !s && e.length > 0 && /* @__PURE__ */ n("ul", { className: "agent-workspace__resource-list", "aria-label": "Agent resources", children: e.map((a) => {
-          const r = Et[a.type];
+        !t && a && /* @__PURE__ */ n("p", { className: "agent-workspace__error", role: "alert", children: a }),
+        !t && !a && e.length > 0 && /* @__PURE__ */ n("ul", { className: "agent-workspace__resource-list", "aria-label": "Agent resources", children: e.map((s) => {
+          const r = It[s.type];
           return /* @__PURE__ */ n("li", { className: "agent-workspace__resource", children: /* @__PURE__ */ i(
             "a",
             {
               className: "agent-workspace__resource-card",
-              href: a.uri,
+              href: s.uri,
               target: "_blank",
               rel: "noreferrer",
               children: [
                 /* @__PURE__ */ n(
                   "span",
                   {
-                    className: `agent-workspace__resource-icon agent-workspace__resource-icon--${a.type.toLowerCase()}`,
+                    className: `agent-workspace__resource-icon agent-workspace__resource-icon--${s.type.toLowerCase()}`,
                     children: /* @__PURE__ */ n(
                       E,
                       {
@@ -708,16 +712,16 @@ const Ct = ({
                 ),
                 /* @__PURE__ */ i("span", { className: "agent-workspace__resource-content", children: [
                   /* @__PURE__ */ i("span", { className: "agent-workspace__resource-top", children: [
-                    /* @__PURE__ */ n("span", { className: "agent-workspace__resource-name", children: a.name }),
+                    /* @__PURE__ */ n("span", { className: "agent-workspace__resource-name", children: s.name }),
                     /* @__PURE__ */ n(
                       "span",
                       {
-                        className: `agent-workspace__resource-badge agent-workspace__resource-badge--${a.type.toLowerCase()}`,
+                        className: `agent-workspace__resource-badge agent-workspace__resource-badge--${s.type.toLowerCase()}`,
                         children: r.label
                       }
                     )
                   ] }),
-                  a.description && /* @__PURE__ */ n("span", { className: "agent-workspace__resource-description", children: a.description })
+                  s.description && /* @__PURE__ */ n("span", { className: "agent-workspace__resource-description", children: s.description })
                 ] }),
                 /* @__PURE__ */ n(
                   E,
@@ -731,440 +735,59 @@ const Ct = ({
                 )
               ]
             }
-          ) }, `${a.type}-${a.uri}`);
+          ) }, `${s.type}-${s.uri}`);
         }) }),
-        !t && !s && e.length === 0 && /* @__PURE__ */ n("p", { className: "agent-workspace__empty", children: "No resources yet." })
+        !t && !a && e.length === 0 && /* @__PURE__ */ n("p", { className: "agent-workspace__empty", children: "No resources yet." })
       ] })
     ]
   }
-), Rt = [
+), Ot = [
   "I'll get the details and come back to you",
   "Skip this for now"
-], Ot = (e) => {
-  var s;
-  const t = (s = e.prompt) != null && s.trim() ? e.prompt.trim() : `I need a bit more from you on "${e.task}". ${e.description} What can you tell me?`;
+], xt = (e) => {
+  var a;
+  const t = (a = e.prompt) != null && a.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: Z.agent,
+    author: j.agent,
     text: t,
-    followUpPrompts: e.clarificationPrompts ?? Rt
+    followUpPrompts: e.clarificationPrompts ?? Ot
   };
 }, pe = (e) => ({
   id: e.id,
   text: e.text,
-  type: e.author === Z.user ? rt : e.author === Z.system ? ot : Be,
+  type: e.author === j.user ? ot : e.author === j.system ? it : ze,
   ...e.followUpPrompts ? { followUpPrompts: e.followUpPrompts } : {}
-}), xt = (e, t) => {
-  const s = 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 `${s}${a}.${r}`.trim();
-}, Pt = (e) => {
-  switch (e) {
-    case v.failed:
-      return T.stopped;
-    case v.complete:
-      return T.complete;
-    default:
-      return T.running;
-  }
-}, Ue = (e, t) => {
-  t([pe(e)]);
-}, Lt = ({
-  agent: e,
-  open: t,
-  onClose: s,
-  initialBrief: a,
-  initialPhase: r,
-  initialChecklist: o,
-  fetchAgentChecklist: c,
-  fetchAgentResources: d,
-  connector: w
-}) => {
-  const g = Re(w), [p, m] = _(
-    r ?? (a ? T.running : Pt(e.status))
-  ), [k, x] = _([]), [P, N] = _(0), [D, S] = _(), [H, q] = _(null), [z, ce] = _([]), [ae, ee] = _(!1), [y, C] = _(null), [$, K] = _(
-    o ?? null
-  ), [J, W] = _(!1), [L, le] = _(null), [Ne, te] = _(!1), [j, ye] = _(!1), [V, Ae] = _(!1), Y = Re(!1);
-  B(() => {
-    g.current = w;
-  }, [w]), B(() => {
-    Y.current = !1, x([]), N((u) => u + 1);
-  }, [e.invocation_id]), B(() => {
-    if (!t || a || Y.current)
-      return;
-    const u = g.current.bootstrapConversation;
-    if (!u) {
-      Ue(
-        g.current.openingMessage(),
-        x
-      );
-      return;
-    }
-    Y.current = !0;
-    let A = !1;
-    return te(!0), (async () => {
-      try {
-        const se = await u.call(g.current);
-        if (A)
-          return;
-        x(se.map(pe));
-      } catch {
-        A || Ue(
-          g.current.openingMessage(),
-          x
-        );
-      } finally {
-        A || te(!1);
-      }
-    })(), () => {
-      A = !0;
-    };
-  }, [t, a, e.invocation_id, w]);
-  const ne = I((u) => {
-    u.checklist && K(u.checklist), u.phase && m(u.phase);
-  }, []);
-  B(() => {
-    var u, A;
-    !t || a || o && o.length > 0 && ((A = (u = g.current).seedChecklist) == null || A.call(u, o));
-  }, [t, a, o]), B(() => {
-    if (!t || a || !c)
-      return;
-    let u = !1;
-    return W(!(o != null && o.length)), le(null), (async () => {
-      var A, se;
-      try {
-        const de = await c(e.invocation_id);
-        if (u)
-          return;
-        o != null && o.length || (K(de.checklist), (se = (A = g.current).seedChecklist) == null || se.call(A, de.checklist));
-      } catch {
-        !u && !(o != null && o.length) && le(be);
-      } finally {
-        u || W(!1);
-      }
-    })(), () => {
-      u = !0;
-    };
-  }, [
-    t,
-    e.invocation_id,
-    a,
-    o,
-    c
-  ]), B(() => {
-    if (!t || !d)
-      return;
-    let u = !1;
-    return ee(!0), C(null), (async () => {
-      try {
-        const A = await d(
-          e.invocation_id
-        );
-        u || ce(A);
-      } catch {
-        u || C(gt);
-      } finally {
-        u || ee(!1);
-      }
-    })(), () => {
-      u = !0;
-    };
-  }, [t, e.invocation_id, d]), B(() => {
-    if (!t || !a || Y.current)
-      return;
-    Y.current = !0;
-    const u = {
-      id: `user-brief-${Date.now()}`,
-      author: Z.user,
-      text: xt(a, e.invocation_name)
-    };
-    (async () => {
-      const A = await g.current.start(a);
-      x([
-        pe(g.current.openingMessage()),
-        pe(u),
-        pe(A.message)
-      ]), A.checklist && K(A.checklist), m(A.phase ?? T.running);
-    })();
-  }, [t, a, e.invocation_name]);
-  const _e = I(
-    (u) => {
-      q(Ot(u));
-    },
-    []
-  ), me = I((u) => {
-    q(null), S(u), N((A) => A + 1);
-  }, []), fe = I(async () => {
-    await g.current.stop(), m(T.stopped);
-  }, []), ve = $;
-  return /* @__PURE__ */ i(
-    Q,
-    {
-      open: t,
-      closeHandler: s,
-      hideCloseButton: !0,
-      className: "agent-workspace",
-      children: [
-        /* @__PURE__ */ i(Q.Header, { className: "agent-workspace__header", children: [
-          /* @__PURE__ */ i("div", { className: "agent-workspace__header-title", children: [
-            /* @__PURE__ */ n(
-              "span",
-              {
-                className: "agent-workspace__header-avatar",
-                "aria-hidden": "true",
-                children: /* @__PURE__ */ n(E, { name: "ask-arbor", size: 24 })
-              }
-            ),
-            /* @__PURE__ */ n(Q.Title, { children: e.invocation_name }),
-            /* @__PURE__ */ n(
-              "span",
-              {
-                className: M(
-                  "agent-workspace__phase",
-                  `agent-workspace__phase--${p}`
-                ),
-                children: _t[p]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ i("div", { className: "agent-workspace__header-actions", children: [
-            /* @__PURE__ */ n(
-              X,
-              {
-                variant: "tertiary",
-                size: "S",
-                iconLeftName: "clipboard-list",
-                iconLeftScreenReaderText: "Toggle checklist",
-                "aria-pressed": !V,
-                onClick: () => Ae((u) => !u),
-                children: "Checklist"
-              }
-            ),
-            /* @__PURE__ */ n(
-              X,
-              {
-                variant: "tertiary",
-                size: "S",
-                iconLeftName: "files",
-                iconLeftScreenReaderText: "Toggle resources",
-                "aria-pressed": !j,
-                onClick: () => ye((u) => !u),
-                children: "Resources"
-              }
-            ),
-            /* @__PURE__ */ n(
-              X,
-              {
-                variant: "secondary",
-                size: "S",
-                iconLeftName: "x",
-                iconLeftScreenReaderText: "Close",
-                onClick: s,
-                children: "Close"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ i(
-          Q.Body,
-          {
-            className: M("agent-workspace__body", {
-              "agent-workspace__body--no-left": V,
-              "agent-workspace__body--no-right": j
-            }),
-            children: [
-              !V && /* @__PURE__ */ n(
-                Tt,
-                {
-                  checklist: ve,
-                  isLoading: J,
-                  error: L,
-                  phase: p,
-                  canRequestInput: p === T.running && !Ne,
-                  onStop: () => void fe(),
-                  onAttentionItemClick: _e
-                }
-              ),
-              /* @__PURE__ */ n(
-                Ct,
-                {
-                  connector: g.current,
-                  phase: p,
-                  chatHistory: k,
-                  chatSessionKey: P,
-                  startQuery: D,
-                  clarificationMessage: H,
-                  onTurn: ne,
-                  onAwaitingChange: te,
-                  onClarificationPrompt: me,
-                  onDismissClarification: () => q(null)
-                }
-              ),
-              !j && /* @__PURE__ */ n(
-                It,
-                {
-                  resources: z,
-                  isLoading: ae,
-                  error: y
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-}, Ut = ({
-  open: e,
-  onClose: t,
-  onStart: s,
-  agentDefinitions: a
-}) => {
-  const r = a[0], [o, c] = _(
-    r
-  ), [d, w] = _(""), [g, p] = _(!1), [m, k] = _(null), x = [...a].sort((S, H) => S.agent_intent.localeCompare(H.agent_intent)).map((S) => ({
-    value: S.ref,
-    label: S.agent_intent
-  }));
-  B(() => {
-    e && (c(r), w(""), p(!1), k(null));
-  }, [e, r]);
-  const P = o !== void 0 && d.trim().length > 0, N = I(
-    (S) => {
-      const H = a.find(
-        (q) => q.ref === S[0]
-      );
-      H && c(H);
-    },
-    [a]
-  ), D = I(async () => {
-    if (!(!o || !P || g)) {
-      p(!0), k(null);
-      try {
-        await s({ definition: o, invocationName: d.trim() });
-      } catch (S) {
-        k(
-          S instanceof Error ? S.message : "Unable to start the agent."
-        );
-      } finally {
-        p(!1);
-      }
-    }
-  }, [P, o, d, g, s]);
-  return !o || a.length === 0 ? null : /* @__PURE__ */ i(
-    Q,
-    {
-      open: e,
-      closeHandler: t,
-      className: "new-agent",
-      children: [
-        /* @__PURE__ */ n(Q.Header, { className: "new-agent__header", children: /* @__PURE__ */ i("div", { className: "new-agent__header-title", children: [
-          /* @__PURE__ */ n(
-            "span",
-            {
-              className: "new-agent__header-avatar",
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ n(E, { name: "ask-arbor", size: 24 })
-            }
-          ),
-          /* @__PURE__ */ n(Q.Title, { children: "Start an agent" })
-        ] }) }),
-        /* @__PURE__ */ n(Q.Body, { className: "new-agent__body", children: /* @__PURE__ */ i(
-          "form",
-          {
-            className: "new-agent__form",
-            "aria-label": "Start an agent",
-            onSubmit: (S) => {
-              S.preventDefault(), P && !g && D();
-            },
-            children: [
-              /* @__PURE__ */ i("div", { className: "new-agent__type-field", children: [
-                /* @__PURE__ */ n(
-                  "label",
-                  {
-                    className: "new-agent__type-label",
-                    htmlFor: "new-agent-type",
-                    children: "What would you like your agent to do?"
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  et,
-                  {
-                    id: "new-agent-type",
-                    placeholder: "Choose an intent",
-                    options: x,
-                    selectedValues: [o.ref],
-                    onSelectionChange: N
-                  }
-                ),
-                /* @__PURE__ */ n("p", { className: "new-agent__type-description", children: o.description })
-              ] }),
-              /* @__PURE__ */ i("div", { className: "new-agent__type-field", children: [
-                /* @__PURE__ */ n(
-                  "label",
-                  {
-                    className: "new-agent__type-label",
-                    htmlFor: "new-agent-invocation-name",
-                    children: "Name"
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  tt,
-                  {
-                    id: "new-agent-invocation-name",
-                    value: d,
-                    placeholder: "e.g. Test with memory3",
-                    onChange: (S) => w(S.target.value)
-                  }
-                )
-              ] }),
-              m ? /* @__PURE__ */ n("p", { className: "new-agent__error", role: "alert", children: m }) : null,
-              /* @__PURE__ */ n("div", { className: "new-agent__actions", children: /* @__PURE__ */ n(
-                X,
-                {
-                  type: "submit",
-                  variant: "primary",
-                  disabled: !P || g,
-                  iconLeftName: g ? "loader" : "sparkles",
-                  iconLeftScreenReaderText: g ? "Starting" : void 0,
-                  children: g ? "Starting…" : "Start"
-                }
-              ) })
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-};
+});
 class ue extends Error {
-  constructor(t, s, a) {
-    super(a ?? `Agent service request failed (${t})`), this.name = "AgentServiceError", this.status = t, this.detail = s;
+  constructor(t, a, s) {
+    super(s ?? `Agent service request failed (${t})`), this.name = "AgentServiceError", this.status = t, this.detail = a;
   }
 }
-const $t = "/api/v1", R = {
+const Pt = "/api/v1", O = {
   agentDefinitions: "/agent-definitions",
   agents: "/agents",
   tripOptions: "/trip-options",
   demoDataset: "/demo/dataset"
-}, O = {
+}, x = {
   GET: "GET",
   POST: "POST"
-}, Mt = {
+}, Lt = {
   error: "error"
-}, Dt = {
+}, Ut = {
   user: "user"
 }, ie = {
   acceptJson: "application/json",
   acceptEventStream: "text/event-stream",
   contentTypeJson: "application/json",
   arborApplicationUrl: "X-Arbor-Application-Url"
-}, Ht = /:invocationId\b/g, Ft = (e) => e.trim().replace(/^Bearer\s+/i, ""), Gt = (e) => e.endsWith("/") ? e.slice(0, -1) : e;
-class Bt {
+}, $t = /:invocationId\b/g, Mt = (e) => e.trim().replace(/^Bearer\s+/i, ""), Dt = (e) => e.endsWith("/") ? e.slice(0, -1) : e;
+class je {
   constructor(t) {
-    var a;
-    this.baseUrl = Gt(t.baseUrl);
-    const s = (a = t.token) == null ? void 0 : a.trim();
-    this.token = s ? Ft(s) : void 0, this.customHeaders = t.headers, this.urls = t.urls ?? {}, this.fetchImpl = t.fetch ?? globalThis.fetch.bind(globalThis);
+    var s;
+    this.baseUrl = Dt(t.baseUrl ?? "");
+    const a = (s = t.token) == null ? void 0 : s.trim();
+    this.token = a ? Mt(a) : void 0, this.customHeaders = t.headers, this.urls = t.urls ?? {}, this.fetchImpl = t.fetch ?? globalThis.fetch.bind(globalThis);
   }
   // Replaces the extra headers merged into every subsequent request,
   // without recreating the client (e.g. an application-URL header that
@@ -1174,170 +797,171 @@ class Bt {
   }
   async listAgentDefinitions() {
     return (await this.request(
-      O.GET,
-      this.resolveUrl("agentDefinitions", R.agentDefinitions)
+      x.GET,
+      this.resolveUrl("agentDefinitions", O.agentDefinitions)
     )).agent_definitions ?? [];
   }
   getAgentDefinition(t) {
     return this.request(
-      O.GET,
+      x.GET,
       this.apiUrl(
-        `${R.agentDefinitions}/${encodeURIComponent(t)}`
+        `${O.agentDefinitions}/${encodeURIComponent(t)}`
       )
     );
   }
   listTripOptions() {
     return this.request(
-      O.GET,
-      this.apiUrl(R.tripOptions)
+      x.GET,
+      this.apiUrl(O.tripOptions)
     );
   }
   getDataset() {
     return this.request(
-      O.GET,
-      this.apiUrl(R.demoDataset)
+      x.GET,
+      this.apiUrl(O.demoDataset)
     );
   }
   setDataset(t) {
     return this.request(
-      O.POST,
-      this.apiUrl(R.demoDataset),
+      x.POST,
+      this.apiUrl(O.demoDataset),
       { dataset: t }
     );
   }
   listAgents(t = {}) {
-    const s = new URLSearchParams();
-    t.status && s.set("status", t.status), t.agentDefinitionRef && s.set("agent_definition_ref", t.agentDefinitionRef);
-    const a = s.toString() ? `?${s.toString()}` : "";
+    const a = new URLSearchParams();
+    t.status && a.set("status", t.status), t.agentDefinitionRef && a.set("agent_definition_ref", t.agentDefinitionRef);
+    const s = a.toString() ? `?${a.toString()}` : "";
     return this.request(
-      O.GET,
-      `${this.resolveUrl("agents", R.agents)}${a}`
+      x.GET,
+      `${this.resolveUrl("agents", O.agents)}${s}`
     );
   }
-  createAgent(t, s = {}) {
-    var c, d;
-    const a = {
+  createAgent(t, a = {}) {
+    var l, d;
+    const s = {
       agent_definition_ref: t
-    }, r = (c = s.invocationName) == null ? void 0 : c.trim(), o = (d = s.agentIntent) == null ? void 0 : d.trim();
-    return r && (a.invocation_name = r), o && (a.agent_intent = o), this.request(
-      O.POST,
-      this.resolveUrl("agents", R.agents),
-      a
+    }, r = (l = a.invocationName) == null ? void 0 : l.trim(), c = (d = a.agentIntent) == null ? void 0 : d.trim();
+    return r && (s.invocation_name = r), c && (s.agent_intent = c), this.request(
+      x.POST,
+      this.resolveUrl("agents", O.agents),
+      s
     );
   }
   getAgent(t) {
     return this.request(
-      O.GET,
+      x.GET,
       this.resolveUrl(
         "agent",
-        `${R.agents}/${encodeURIComponent(t)}`,
+        `${O.agents}/${encodeURIComponent(t)}`,
         t
       )
     );
   }
   getAgentChecklist(t) {
     return this.request(
-      O.GET,
+      x.GET,
       this.resolveUrl(
         "agentChecklist",
-        `${R.agents}/${encodeURIComponent(t)}/checklist`,
+        `${O.agents}/${encodeURIComponent(t)}/checklist`,
         t
       )
     );
   }
   getAgentResources(t) {
     return this.request(
-      O.GET,
+      x.GET,
       this.resolveUrl(
         "agentResources",
-        `${R.agents}/${encodeURIComponent(t)}/resources`,
+        `${O.agents}/${encodeURIComponent(t)}/resources`,
         t
       )
     );
   }
   getAgentContext(t) {
     return this.request(
-      O.GET,
+      x.GET,
       this.apiUrl(
-        `${R.agents}/${encodeURIComponent(t)}/context`
+        `${O.agents}/${encodeURIComponent(t)}/context`
       )
     );
   }
   cancelAgent(t) {
     return this.request(
-      O.POST,
+      x.POST,
       this.apiUrl(
-        `${R.agents}/${encodeURIComponent(t)}/cancel`
+        `${O.agents}/${encodeURIComponent(t)}/cancel`
       )
     );
   }
   archiveAgent(t) {
     return this.request(
-      O.POST,
+      x.POST,
       this.apiUrl(
-        `${R.agents}/${encodeURIComponent(t)}/archive`
+        `${O.agents}/${encodeURIComponent(t)}/archive`
       )
     );
   }
   // Streams a chat turn. Resolves with the final SSE event; `onEvent` fires
   // for every event as it arrives.
-  async chat(t, s, a = {}) {
-    const r = await this.fetchImpl(
+  async chat(t, a, s = {}) {
+    const r = !!(s.uploadFiles && s.uploadFiles.length > 0), c = await this.fetchImpl(
       this.resolveUrl(
         "agentChat",
-        `${R.agents}/${encodeURIComponent(t)}/chat`,
+        `${O.agents}/${encodeURIComponent(t)}/chat`,
         t
       ),
       {
-        method: O.POST,
+        method: x.POST,
         headers: {
           ...this.customHeaders,
           ...this.authHeaders(),
           Accept: ie.acceptEventStream,
-          "Content-Type": ie.contentTypeJson
+          // Let the browser set the multipart boundary when uploading.
+          ...r ? {} : { "Content-Type": ie.contentTypeJson }
         },
-        body: JSON.stringify(s),
-        signal: a.signal
+        body: r ? Ft(a, s.uploadFiles ?? []) : JSON.stringify(a),
+        signal: s.signal
       }
     );
-    if (!r.ok)
-      throw await this.toError(r);
-    if (!r.body)
+    if (!c.ok)
+      throw await this.toError(c);
+    if (!c.body)
       throw new ue(
-        r.status,
+        c.status,
         null,
         "Chat response contained no stream body"
       );
-    return this.consumeSse(r.body, a.onEvent);
+    return this.consumeSse(c.body, s.onEvent);
   }
   authHeaders() {
     return this.token ? { Authorization: `Bearer ${this.token}` } : {};
   }
   // Builds a URL from the base url + shared API prefix + route.
   apiUrl(t) {
-    return `${this.baseUrl}${$t}${t}`;
+    return `${this.baseUrl}${Pt}${t}`;
   }
   // Resolves the URL for an operation, preferring a per-operation override
   // (with `:invocationId` substituted) and falling back to the base url.
-  resolveUrl(t, s, a) {
+  resolveUrl(t, a, s) {
     const r = this.urls[t];
-    return r ? a ? r.replace(
-      Ht,
-      encodeURIComponent(a)
-    ) : r : this.apiUrl(s);
+    return r ? s ? r.replace(
+      $t,
+      encodeURIComponent(s)
+    ) : r : this.apiUrl(a);
   }
-  async request(t, s, a) {
+  async request(t, a, s) {
     const r = await this.fetchImpl(
-      s,
+      a,
       {
         method: t,
         headers: {
           ...this.customHeaders,
           ...this.authHeaders(),
           Accept: ie.acceptJson,
-          ...a === void 0 ? {} : { "Content-Type": ie.contentTypeJson }
+          ...s === void 0 ? {} : { "Content-Type": ie.contentTypeJson }
         },
-        ...a === void 0 ? {} : { body: JSON.stringify(a) }
+        ...s === void 0 ? {} : { body: JSON.stringify(s) }
       }
     );
     if (!r.ok)
@@ -1346,144 +970,156 @@ class Bt {
       return await r.json();
   }
   async toError(t) {
-    let s = null;
+    let a = null;
     try {
-      s = await t.json();
+      a = await t.json();
     } catch {
     }
     return new ue(
       t.status,
-      s,
+      a,
       `Agent service request failed (${t.status} ${t.statusText})`
     );
   }
-  async consumeSse(t, s) {
-    const a = t.getReader(), r = new TextDecoder();
-    let o = "", c;
+  async consumeSse(t, a) {
+    const s = t.getReader(), r = new TextDecoder();
+    let c = "", l;
     const d = (w) => {
-      const { event: g, data: p } = qt(w);
+      const { event: f, data: p } = Ht(w);
       if (p === null)
         return;
-      if (g === Mt.error) {
-        const k = $e(p);
+      if (f === Lt.error) {
+        const u = Ue(p);
         throw new ue(
           502,
-          k,
-          (k == null ? void 0 : k.message) ?? "Chat stream error"
+          u,
+          (u == null ? void 0 : u.message) ?? "Chat stream error"
         );
       }
-      const m = $e(p);
-      m && (c = m, s == null || s(m));
+      const _ = Ue(p);
+      _ && (l = _, a == null || a(_));
     };
     for (; ; ) {
-      const { done: w, value: g } = await a.read();
+      const { done: w, value: f } = await s.read();
       if (w)
         break;
-      o += r.decode(g, { stream: !0 });
-      const p = o.split(`
+      c += r.decode(f, { stream: !0 });
+      const p = c.split(`
 
 `);
-      o = p.pop() ?? "";
-      for (const m of p)
-        d(m);
+      c = p.pop() ?? "";
+      for (const _ of p)
+        d(_);
     }
-    if (o.trim() && d(o), !c)
+    if (c.trim() && d(c), !l)
       throw new ue(
         502,
         null,
         "Chat stream ended without any events"
       );
-    return c;
+    return l;
   }
 }
-const qt = (e) => {
+const Ht = (e) => {
   let t = null;
-  const s = [];
-  for (const a of e.split(`
+  const a = [];
+  for (const s of e.split(`
 `)) {
-    const r = a.trimEnd();
-    r.startsWith("event:") ? t = r.slice(6).trim() : r.startsWith("data:") && s.push(r.slice(5).trim());
+    const r = s.trimEnd();
+    r.startsWith("event:") ? t = r.slice(6).trim() : r.startsWith("data:") && a.push(r.slice(5).trim());
   }
   return {
     event: t,
-    data: s.length > 0 ? s.join(`
+    data: a.length > 0 ? a.join(`
 `) : null
   };
-}, $e = (e) => {
+}, Ue = (e) => {
   try {
     return JSON.parse(e);
   } catch {
     return;
   }
-}, zt = {
-  id: qe,
-  author: Z.agent,
+};
+function Ft(e, t) {
+  const a = new FormData();
+  a.append("body", JSON.stringify(e));
+  for (const s of t)
+    a.append("files", s, s.name);
+  return a;
+}
+const Gt = {
+  id: Ke,
+  author: j.agent,
   text: "I'm connected to this agent. Ask me how it's progressing, or send an instruction and I’ll act on it."
 };
-let Me = 0;
-const De = (e) => (Me += 1, `${e}-${Date.now()}-${Me}`), Kt = (e) => {
+let $e = 0;
+const Me = (e) => ($e += 1, `${e}-${Date.now()}-${$e}`), Bt = (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 Wt {
-  constructor(t, s, a = {}) {
-    this.seededChecklist = [], this.client = t, this.agentId = s, this.opening = a.openingMessage ?? zt, this.model = a.model, this.bootstrapPrompt = a.bootstrapPrompt ?? ht;
+class zt {
+  constructor(t, a, s = {}) {
+    this.seededChecklist = [], this.client = t, this.agentId = a, this.opening = s.openingMessage ?? Gt, this.model = s.model, this.bootstrapPrompt = s.bootstrapPrompt ?? _t;
   }
   openingMessage() {
     return this.opening;
   }
   async bootstrapConversation(t = this.bootstrapPrompt) {
-    const s = t.trim();
-    if (!s)
+    const a = t.trim();
+    if (!a)
       return [this.opening];
-    const a = {
-      id: De("msg-user"),
-      author: Z.user,
-      text: s
-    }, r = await this.exchange(s);
-    return [a, r.message];
+    const s = {
+      id: Me("msg-user"),
+      author: j.user,
+      text: a
+    }, r = await this.exchange(a);
+    return [s, r.message];
   }
   async start(t) {
-    return { ...await this.exchange(Kt(t)), phase: T.running };
+    return { ...await this.exchange(Bt(t)), phase: b.running };
   }
-  sendMessage(t) {
-    return this.exchange(t);
+  sendMessage(t, a) {
+    return this.exchange(t, a);
   }
   async stop() {
   }
   seedChecklist(t) {
     this.seededChecklist = t;
   }
-  async exchange(t) {
-    var o;
+  async exchange(t, a) {
+    var l;
     const s = [
-      { role: Dt.user, content: t }
-    ], a = await this.client.chat(this.agentId, {
-      messages: s,
-      ...this.chatId ? { chat_id: this.chatId } : {},
-      ...this.model ? { model: this.model } : {},
-      moderation_enabled: !0,
-      meta: {
-        feature_id: "agent_view",
-        source: "agent_view_frontend"
-      }
-    });
-    return this.chatId = a.chat_id, { message: {
-      id: a.event_id || De("msg-agent"),
-      author: Z.agent,
-      text: a.message.content,
-      ...(o = a.follow_up_prompts) != null && o.length ? { followUpPrompts: a.follow_up_prompts } : {}
+      { role: Ut.user, content: t }
+    ], r = await this.client.chat(
+      this.agentId,
+      {
+        messages: s,
+        ...this.chatId ? { chat_id: this.chatId } : {},
+        ...this.model ? { model: this.model } : {},
+        moderation_enabled: !0,
+        meta: {
+          feature_id: "agent_view",
+          source: "agent_view_frontend"
+        }
+      },
+      ...a && a.length > 0 ? [{ uploadFiles: a }] : []
+    );
+    return this.chatId = r.chat_id, { message: {
+      id: r.event_id || Me("msg-agent"),
+      author: j.agent,
+      text: r.message.content,
+      ...(l = r.follow_up_prompts) != null && l.length ? { followUpPrompts: r.follow_up_prompts } : {}
     } };
   }
 }
-const Jt = (e, t) => (s) => {
-  var a;
-  return new Wt(e, s.invocation_id, {
+const Ve = (e, t) => (a) => {
+  var s;
+  return new zt(e, a.invocation_id, {
     model: t == null ? void 0 : t.model,
     bootstrapPrompt: t == null ? void 0 : t.bootstrapPrompt,
-    openingMessage: ((a = t == null ? void 0 : t.resolveOpeningMessage) == null ? void 0 : a.call(t, s)) ?? (t == null ? void 0 : t.openingMessage)
+    openingMessage: ((s = t == null ? void 0 : t.resolveOpeningMessage) == null ? void 0 : s.call(t, a)) ?? (t == null ? void 0 : t.openingMessage)
   });
-}, jt = (e) => {
+}, Kt = (e) => {
   switch (e) {
     case xe.cancelled:
       return v.failed;
@@ -1497,22 +1133,22 @@ const Jt = (e, t) => (s) => {
     default:
       return v["generating-a-response"];
   }
-}, Vt = (e) => {
+}, qt = (e) => {
   switch (e) {
-    case Se.requires_attention:
-      return b.hitl;
-    case Se.in_progress:
-    case Se.available:
-      return b["generating-a-response"];
-    case b.failed:
-    case b.complete:
-    case b.hitl:
-    case b["generating-a-response"]:
+    case Te.requires_attention:
+      return S.hitl;
+    case Te.in_progress:
+    case Te.available:
+      return S["generating-a-response"];
+    case S.failed:
+    case S.complete:
+    case S.hitl:
+    case S["generating-a-response"]:
       return e;
     default:
-      return b["generating-a-response"];
+      return S["generating-a-response"];
   }
-}, Yt = (e) => ({
+}, Wt = (e) => ({
   ref: e.name,
   display_name: e.display_name,
   agent_intent: e.agent_intent ?? e.display_name,
@@ -1521,171 +1157,609 @@ const Jt = (e, t) => (s) => {
   id: e.id,
   name: e.name,
   ...e.has_run_before ? { hasRunBefore: e.has_run_before } : {}
-}), Qt = new Set(Object.values(re)), Xt = (e) => e && Qt.has(e) ? e : re.LINK, Zt = (e) => ({
+}), Jt = new Set(Object.values(re)), jt = (e) => e && Jt.has(e) ? e : re.LINK, Vt = (e) => ({
   uri: e.uri ?? "",
-  type: Xt(e.type),
+  type: jt(e.type),
   name: e.name ?? "",
   description: e.description ?? ""
-}), en = (e) => (Array.isArray(e) ? e : e.resources ?? []).map(Zt), He = (e) => {
-  var s;
+}), Ye = (e) => (Array.isArray(e) ? e : e.resources ?? []).map(Vt), De = (e) => {
+  var a;
   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: ((s = e.invocation_name) == null ? void 0 : s.trim()) || e.agent_definition_ref,
+    invocation_name: ((a = e.invocation_name) == null ? void 0 : a.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),
+    status: Kt(e.status),
     context_ref: e.context_ref ?? null,
     checklist_ref: e.checklist_ref ?? null
   };
-}, Je = (e) => {
+}, Qe = (e) => {
   var t;
   return {
-    task: e.task ?? e.name ?? e.label ?? ut,
-    status: Vt(e.status),
+    task: e.task ?? e.name ?? e.label ?? ht,
+    status: qt(e.status),
     description: e.description ?? "",
     ...e.prompt ? { prompt: e.prompt } : {},
     ...(t = e.follow_up_prompts) != null && t.length ? { clarificationPrompts: e.follow_up_prompts } : {}
   };
-}, tn = (e) => Array.isArray(e) ? e : e.checklist_items ?? e.checklist ?? e.items ?? [], nn = (e, t, s) => {
-  var o;
-  const a = !Array.isArray(t) && (t.opening_message || (o = t.opening_follow_up_prompts) != null && o.length) ? t : s, r = a ? ke(a) : void 0;
+}, Yt = (e) => Array.isArray(e) ? e : e.checklist_items ?? e.checklist ?? e.items ?? [], Xe = (e, t, a) => {
+  var c;
+  const s = !Array.isArray(t) && (t.opening_message || (c = t.opening_follow_up_prompts) != null && c.length) ? t : a, r = s ? we(s) : void 0;
   return {
     invocation_id: e,
-    checklist: tn(t).map(Je),
+    checklist: Yt(t).map(Qe),
     ...r ? { openingMessage: r } : {}
   };
 }, vn = (e, t) => {
-  const s = ke(t);
+  const a = we(t);
   return {
     invocation_id: t.invocation_id ?? e,
-    checklist: (t.checklist_items ?? []).map(Je),
-    ...s ? { openingMessage: s } : {}
+    checklist: (t.checklist_items ?? []).map(Qe),
+    ...a ? { openingMessage: a } : {}
   };
-}, ke = (e) => {
-  var s, a;
-  const t = (s = e.opening_message) == null ? void 0 : s.trim();
+}, we = (e) => {
+  var a, s;
+  const t = (a = e.opening_message) == null ? void 0 : a.trim();
   if (t)
     return {
-      id: qe,
-      author: Z.agent,
+      id: Ke,
+      author: j.agent,
       text: t,
-      ...(a = e.opening_follow_up_prompts) != null && a.length ? { followUpPrompts: e.opening_follow_up_prompts } : {}
+      ...(s = e.opening_follow_up_prompts) != null && s.length ? { followUpPrompts: e.opening_follow_up_prompts } : {}
     };
-}, an = (e) => e instanceof ue ? e.message : e instanceof TypeError ? "Network error while contacting the agent service." : e instanceof Error && e.message ? e.message : ze, sn = (e) => {
+}, Qt = (e) => e instanceof ue ? e.message : e instanceof TypeError ? "Network error while contacting the agent service." : e instanceof Error && e.message ? e.message : qe, Xt = (e) => {
   const t = {};
-  for (const s of e) {
-    const a = ke(s);
-    if (!a)
+  for (const a of e) {
+    const s = we(a);
+    if (!s)
       continue;
-    const r = s.invocation_id ?? s.id;
-    t[r] = a, t[s.id] = a;
+    const r = a.invocation_id ?? a.id;
+    t[r] = s, t[a.id] = s;
   }
   return t;
-}, rn = (e) => JSON.stringify(e), on = (e) => {
-  const { jwt: t, headers: s, urls: a } = e, r = JSON.stringify(s ?? {}), o = rn(a), c = U(
-    () => {
-      const { baseUrl: y, ...C } = a;
-      return new Bt({
-        baseUrl: y,
-        token: t,
-        headers: s,
-        urls: C
-      });
-    },
+}, Zt = (e) => JSON.stringify(e), en = (e) => {
+  const { jwt: t, headers: a, urls: s } = e, r = JSON.stringify(a ?? {}), c = Zt(s), l = U(
+    () => new je({
+      token: t,
+      headers: a,
+      urls: s
+    }),
     // eslint-disable-next-line react-hooks/exhaustive-deps -- keyed on serialised config to keep a stable client.
-    [t, o]
+    [t, c]
   );
-  Ze(() => {
-    c.setHeaders(s);
-  }, [c, r]);
-  const [d, w] = _([]), [g, p] = _(
+  Ge(() => {
+    l.setHeaders(a);
+  }, [l, r]);
+  const [d, w] = m([]), [f, p] = m(
     []
-  ), [m, k] = _({}), [x, P] = _("loading"), [N, D] = _(null), [S, H] = _(0);
-  B(() => {
-    let y = !1;
-    return P("loading"), D(null), (async () => {
+  ), [_, u] = m({}), [C, R] = m("loading"), [y, A] = m(null), [k, $] = m(0);
+  G(() => {
+    let N = !1;
+    return R("loading"), A(null), (async () => {
       try {
-        const [C, $] = await Promise.all([
-          c.listAgents(),
-          c.listAgentDefinitions()
+        const [I, D] = await Promise.all([
+          l.listAgents(),
+          l.listAgentDefinitions()
         ]);
-        if (y)
+        if (N)
           return;
-        w(C.map(He)), p($.map(Yt)), k(sn(C)), P("idle");
-      } catch (C) {
-        if (y)
+        w(I.map(De)), p(D.map(Wt)), u(Xt(I)), R("idle");
+      } catch (I) {
+        if (N)
           return;
-        w([]), p([]), k({}), P("error"), D(an(C));
+        w([]), p([]), u({}), R("error"), A(Qt(I));
       }
     })(), () => {
-      y = !0;
+      N = !0;
     };
-  }, [c, S]);
-  const q = I(() => {
-    H((y) => y + 1);
-  }, []), z = I(
-    async (y) => {
-      const [C, $] = await Promise.all([
-        c.getAgentChecklist(y),
-        c.getAgent(y).catch(() => null)
+  }, [l, k]);
+  const V = T(() => {
+    $((N) => N + 1);
+  }, []), M = T(
+    async (N) => {
+      const [I, D] = await Promise.all([
+        l.getAgentChecklist(N),
+        l.getAgent(N).catch(() => null)
       ]);
-      return nn(
-        y,
-        C,
-        $ ?? void 0
+      return Xe(
+        N,
+        I,
+        D ?? void 0
       );
     },
-    [c]
-  ), ce = I(
-    async (y) => {
-      const C = await c.getAgentResources(y);
-      return en(C);
+    [l]
+  ), ee = T(
+    async (N) => {
+      const I = await l.getAgentResources(N);
+      return Ye(I);
     },
-    [c]
-  ), ae = I(
+    [l]
+  ), te = T(
     async ({
-      definition: y,
-      invocationName: C
+      definition: N,
+      invocationName: I
     }) => {
-      const $ = await c.createAgent(y.ref, {
-        invocationName: C
-      }), K = await c.getAgent($.id), J = He(K), W = ke(K);
-      return w((L) => [J, ...L]), W && k((L) => ({
-        ...L,
-        [J.invocation_id]: W,
-        [J.id]: W
-      })), J;
+      const D = await l.createAgent(N.ref, {
+        invocationName: I
+      }), Q = await l.getAgent(D.id), P = De(Q), B = we(Q);
+      return w((z) => [P, ...z]), B && u((z) => ({
+        ...z,
+        [P.invocation_id]: B,
+        [P.id]: B
+      })), P;
     },
-    [c]
-  ), ee = U(
-    () => Jt(c, {
-      resolveOpeningMessage: (y) => m[y.invocation_id] ?? m[y.id]
+    [l]
+  ), Y = U(
+    () => Ve(l, {
+      resolveOpeningMessage: (N) => _[N.invocation_id] ?? _[N.id]
     }),
-    [c, m]
+    [l, _]
   );
   return {
     agents: d,
-    agentDefinitions: g,
-    loadState: x,
-    loadError: N,
-    reload: q,
-    fetchAgentChecklist: z,
-    fetchAgentResources: ce,
-    createAgent: ae,
-    chatConnector: ee
+    agentDefinitions: f,
+    loadState: C,
+    loadError: y,
+    reload: V,
+    fetchAgentChecklist: M,
+    fetchAgentResources: ee,
+    createAgent: te,
+    chatConnector: Y
+  };
+}, tn = (e) => JSON.stringify(e), nn = (e) => {
+  const { agent: t, jwt: a, headers: s, urls: r } = e, c = JSON.stringify(s ?? {}), l = tn(r), d = U(
+    () => new je({
+      token: a,
+      headers: s,
+      urls: {
+        agent: r.agentUrl,
+        agentChecklist: r.agentChecklistUrl,
+        ...r.agentResourcesUrl ? { agentResources: r.agentResourcesUrl } : {},
+        agentChat: r.agentChatUrl
+      }
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- keyed on serialised config to keep a stable client.
+    [a, l]
+  );
+  Ge(() => {
+    d.setHeaders(s);
+  }, [d, c]);
+  const w = T(
+    async (_) => {
+      const [u, C] = await Promise.all([
+        d.getAgentChecklist(_),
+        d.getAgent(_).catch(() => null)
+      ]);
+      return Xe(
+        _,
+        u,
+        C ?? void 0
+      );
+    },
+    [d]
+  ), f = T(
+    async (_) => {
+      const u = await d.getAgentResources(_);
+      return Ye(u);
+    },
+    [d]
+  );
+  return {
+    connector: U(
+      () => Ve(d)(t),
+      [d, t]
+    ),
+    fetchAgentChecklist: w,
+    fetchAgentResources: f
   };
-}, cn = (e) => e !== void 0 && e.some((t) => t.status === b.hitl), ln = (e, t) => cn(t) ? v.hitl : e.status, dn = ({ column: e, label: t }) => e.statusIcon ? /* @__PURE__ */ n("span", { className: "agent-view__status-indicator", children: /* @__PURE__ */ n(
+}, an = (e, t) => {
+  const a = e.hasRunBefore ? t || "This trip" : e.tripName.trim() || "A new trip", s = e.destination ? ` to ${e.destination}` : "", r = e.hasRunBefore ? " It has run before." : "";
+  return `${a}${s}.${r}`.trim();
+}, sn = (e) => {
+  switch (e) {
+    case v.failed:
+      return b.stopped;
+    case v.complete:
+      return b.complete;
+    default:
+      return b.running;
+  }
+}, He = (e, t) => {
+  t([pe(e)]);
+}, rn = ({
+  agent: e,
+  open: t,
+  onClose: a,
+  jwt: s,
+  headers: r,
+  agentUrl: c,
+  agentChecklistUrl: l,
+  agentResourcesUrl: d,
+  agentChatUrl: w,
+  enableUpload: f,
+  initialBrief: p,
+  initialPhase: _,
+  initialChecklist: u
+}) => {
+  const { connector: C, fetchAgentChecklist: R, fetchAgentResources: y } = nn({
+    agent: e,
+    jwt: s,
+    headers: r,
+    urls: {
+      agentUrl: c,
+      agentChecklistUrl: l,
+      agentResourcesUrl: d,
+      agentChatUrl: w
+    }
+  }), A = Re(C), [k, $] = m(
+    _ ?? (p ? b.running : sn(e.status))
+  ), [V, M] = m([]), [ee, te] = m(0), [Y, N] = m(), [I, D] = m(null), [Q, P] = m([]), [B, z] = m(!1), [ce, X] = m(null), [ke, K] = m(
+    u ?? null
+  ), [ye, le] = m(!1), [Z, de] = m(null), [_e, ne] = m(!1), [ae, Ne] = m(!1), [se, Ae] = m(!1), q = Re(!1);
+  G(() => {
+    A.current = C;
+  }, [C]), G(() => {
+    q.current = !1, M([]), te((o) => o + 1);
+  }, [e.invocation_id]), G(() => {
+    if (!t || p || q.current)
+      return;
+    const o = A.current.bootstrapConversation;
+    if (!o) {
+      He(
+        A.current.openingMessage(),
+        M
+      );
+      return;
+    }
+    q.current = !0;
+    let g = !1;
+    return ne(!0), (async () => {
+      try {
+        const h = await o.call(A.current);
+        if (g)
+          return;
+        M(h.map(pe));
+      } catch {
+        g || He(
+          A.current.openingMessage(),
+          M
+        );
+      } finally {
+        g || ne(!1);
+      }
+    })(), () => {
+      g = !0;
+    };
+  }, [t, p, e.invocation_id, C]);
+  const Se = T((o) => {
+    o.checklist && K(o.checklist), o.phase && $(o.phase);
+  }, []);
+  G(() => {
+    var o, g;
+    !t || p || u && u.length > 0 && ((g = (o = A.current).seedChecklist) == null || g.call(o, u));
+  }, [t, p, u]), G(() => {
+    if (!t || p)
+      return;
+    let o = !1;
+    return le(!(u != null && u.length)), de(null), (async () => {
+      var g, h;
+      try {
+        const L = await R(e.invocation_id);
+        if (o)
+          return;
+        u != null && u.length || (K(L.checklist), (h = (g = A.current).seedChecklist) == null || h.call(g, L.checklist));
+      } catch {
+        !o && !(u != null && u.length) && de(Ee);
+      } finally {
+        o || le(!1);
+      }
+    })(), () => {
+      o = !0;
+    };
+  }, [
+    t,
+    e.invocation_id,
+    p,
+    u,
+    R
+  ]), G(() => {
+    if (!t || !d)
+      return;
+    let o = !1;
+    return z(!0), X(null), (async () => {
+      try {
+        const g = await y(
+          e.invocation_id
+        );
+        o || P(g);
+      } catch {
+        o || X(pt);
+      } finally {
+        o || z(!1);
+      }
+    })(), () => {
+      o = !0;
+    };
+  }, [t, e.invocation_id, d, y]), G(() => {
+    if (!t || !p || q.current)
+      return;
+    q.current = !0;
+    const o = {
+      id: `user-brief-${Date.now()}`,
+      author: j.user,
+      text: an(p, e.invocation_name)
+    };
+    (async () => {
+      const g = await A.current.start(p);
+      M([
+        pe(A.current.openingMessage()),
+        pe(o),
+        pe(g.message)
+      ]), g.checklist && K(g.checklist), $(g.phase ?? b.running);
+    })();
+  }, [t, p, e.invocation_name]);
+  const be = T(
+    (o) => {
+      D(xt(o));
+    },
+    []
+  ), Ce = T((o) => {
+    D(null), N(o), te((g) => g + 1);
+  }, []), me = T(async () => {
+    await A.current.stop(), $(b.stopped);
+  }, []), fe = ke;
+  return /* @__PURE__ */ i(
+    W,
+    {
+      open: t,
+      closeHandler: a,
+      hideCloseButton: !0,
+      className: "agent-workspace",
+      children: [
+        /* @__PURE__ */ i(W.Header, { className: "agent-workspace__header", children: [
+          /* @__PURE__ */ i("div", { className: "agent-workspace__header-title", children: [
+            /* @__PURE__ */ n(
+              "span",
+              {
+                className: "agent-workspace__header-avatar",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ n(E, { name: "ask-arbor", size: 24 })
+              }
+            ),
+            /* @__PURE__ */ n(W.Title, { children: e.invocation_name }),
+            /* @__PURE__ */ n(
+              "span",
+              {
+                className: H(
+                  "agent-workspace__phase",
+                  `agent-workspace__phase--${k}`
+                ),
+                children: mt[k]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i("div", { className: "agent-workspace__header-actions", children: [
+            /* @__PURE__ */ n(
+              J,
+              {
+                variant: "tertiary",
+                size: "S",
+                iconLeftName: "clipboard-list",
+                iconLeftScreenReaderText: "Toggle checklist",
+                "aria-pressed": !se,
+                onClick: () => Ae((o) => !o),
+                children: "Checklist"
+              }
+            ),
+            /* @__PURE__ */ n(
+              J,
+              {
+                variant: "tertiary",
+                size: "S",
+                iconLeftName: "files",
+                iconLeftScreenReaderText: "Toggle resources",
+                "aria-pressed": !ae,
+                onClick: () => Ne((o) => !o),
+                children: "Resources"
+              }
+            ),
+            /* @__PURE__ */ n(
+              J,
+              {
+                variant: "secondary",
+                size: "S",
+                iconLeftName: "x",
+                iconLeftScreenReaderText: "Close",
+                onClick: a,
+                children: "Close"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ i(
+          W.Body,
+          {
+            className: H("agent-workspace__body", {
+              "agent-workspace__body--no-left": se,
+              "agent-workspace__body--no-right": ae
+            }),
+            children: [
+              !se && /* @__PURE__ */ n(
+                Et,
+                {
+                  checklist: fe,
+                  isLoading: ye,
+                  error: Z,
+                  phase: k,
+                  canRequestInput: k === b.running && !_e,
+                  onStop: () => void me(),
+                  onAttentionItemClick: be
+                }
+              ),
+              /* @__PURE__ */ n(
+                Tt,
+                {
+                  connector: A.current,
+                  phase: k,
+                  chatHistory: V,
+                  chatSessionKey: ee,
+                  startQuery: Y,
+                  clarificationMessage: I,
+                  enableUpload: f,
+                  onTurn: Se,
+                  onAwaitingChange: ne,
+                  onClarificationPrompt: Ce,
+                  onDismissClarification: () => D(null)
+                }
+              ),
+              !ae && /* @__PURE__ */ n(
+                Rt,
+                {
+                  resources: Q,
+                  isLoading: B,
+                  error: ce
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, on = ({
+  open: e,
+  onClose: t,
+  onStart: a,
+  agentDefinitions: s
+}) => {
+  const r = s[0], [c, l] = m(
+    r
+  ), [d, w] = m(""), [f, p] = m(!1), [_, u] = m(null), C = [...s].sort((k, $) => k.agent_intent.localeCompare($.agent_intent)).map((k) => ({
+    value: k.ref,
+    label: k.agent_intent
+  }));
+  G(() => {
+    e && (l(r), w(""), p(!1), u(null));
+  }, [e, r]);
+  const R = c !== void 0 && d.trim().length > 0, y = T(
+    (k) => {
+      const $ = s.find(
+        (V) => V.ref === k[0]
+      );
+      $ && l($);
+    },
+    [s]
+  ), A = T(async () => {
+    if (!(!c || !R || f)) {
+      p(!0), u(null);
+      try {
+        await a({ definition: c, invocationName: d.trim() });
+      } catch (k) {
+        u(
+          k instanceof Error ? k.message : "Unable to start the agent."
+        );
+      } finally {
+        p(!1);
+      }
+    }
+  }, [R, c, d, f, a]);
+  return !c || s.length === 0 ? null : /* @__PURE__ */ i(
+    W,
+    {
+      open: e,
+      closeHandler: t,
+      className: "new-agent",
+      children: [
+        /* @__PURE__ */ n(W.Header, { className: "new-agent__header", children: /* @__PURE__ */ i("div", { className: "new-agent__header-title", children: [
+          /* @__PURE__ */ n(
+            "span",
+            {
+              className: "new-agent__header-avatar",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ n(E, { name: "ask-arbor", size: 24 })
+            }
+          ),
+          /* @__PURE__ */ n(W.Title, { children: "Start an agent" })
+        ] }) }),
+        /* @__PURE__ */ n(W.Body, { className: "new-agent__body", children: /* @__PURE__ */ i(
+          "form",
+          {
+            className: "new-agent__form",
+            "aria-label": "Start an agent",
+            onSubmit: (k) => {
+              k.preventDefault(), R && !f && A();
+            },
+            children: [
+              /* @__PURE__ */ i("div", { className: "new-agent__type-field", children: [
+                /* @__PURE__ */ n(
+                  "label",
+                  {
+                    className: "new-agent__type-label",
+                    htmlFor: "new-agent-type",
+                    children: "What would you like your agent to do?"
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  tt,
+                  {
+                    id: "new-agent-type",
+                    placeholder: "Choose an intent",
+                    options: C,
+                    selectedValues: [c.ref],
+                    onSelectionChange: y
+                  }
+                ),
+                /* @__PURE__ */ n("p", { className: "new-agent__type-description", children: c.description })
+              ] }),
+              /* @__PURE__ */ i("div", { className: "new-agent__type-field", children: [
+                /* @__PURE__ */ n(
+                  "label",
+                  {
+                    className: "new-agent__type-label",
+                    htmlFor: "new-agent-invocation-name",
+                    children: "Name"
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  nt,
+                  {
+                    id: "new-agent-invocation-name",
+                    value: d,
+                    placeholder: "e.g. Test with memory3",
+                    onChange: (k) => w(k.target.value)
+                  }
+                )
+              ] }),
+              _ ? /* @__PURE__ */ n("p", { className: "new-agent__error", role: "alert", children: _ }) : null,
+              /* @__PURE__ */ n("div", { className: "new-agent__actions", children: /* @__PURE__ */ n(
+                J,
+                {
+                  type: "submit",
+                  variant: "primary",
+                  disabled: !R || f,
+                  iconLeftName: f ? "loader" : "sparkles",
+                  iconLeftScreenReaderText: f ? "Starting" : void 0,
+                  children: f ? "Starting…" : "Start"
+                }
+              ) })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}, cn = (e) => e !== void 0 && e.some((t) => t.status === S.hitl), ln = (e, t) => cn(t) ? v.hitl : e.status, dn = ({ column: e, label: t }) => e.statusIcon ? /* @__PURE__ */ n("span", { className: "agent-view__status-indicator", children: /* @__PURE__ */ n(
   E,
   {
     name: e.statusIcon.name,
     size: 16,
     color: e.statusIcon.color,
-    className: M({
+    className: H({
       "agent-view__progress-icon--spinning": e.statusIcon.spin
     }),
     screenReaderText: t
@@ -1693,48 +1767,48 @@ const Jt = (e, t) => (s) => {
 ) }) : /* @__PURE__ */ n(
   "span",
   {
-    className: M("agent-view__dot", {
+    className: H("agent-view__dot", {
       [`agent-view__dot--${e.dotModifier}`]: e.dotModifier
     }),
-    children: /* @__PURE__ */ n(Ge, { colour: e.dotColour, label: t })
+    children: /* @__PURE__ */ n(Be, { colour: e.dotColour, label: t })
   }
 ), gn = ({
   agent: e,
   agentName: t,
-  column: s,
-  isExpanded: a,
+  column: a,
+  isExpanded: s,
   isLoading: r,
-  checklist: o,
-  error: c,
+  checklist: c,
+  error: l,
   onToggle: d,
   onViewAgent: w
 }) => {
-  const { id: g, invocation_name: p } = e, m = `agent-card-${g}-header`, k = `agent-card-${g}-progress`;
+  const { id: f, invocation_name: p } = e, _ = `agent-card-${f}-header`, u = `agent-card-${f}-progress`;
   return /* @__PURE__ */ n(
     "li",
     {
-      className: M("agent-view__card", {
-        "agent-view__card--expanded": a
+      className: H("agent-view__card", {
+        "agent-view__card--expanded": s
       }),
-      children: /* @__PURE__ */ i(nt, { spacing: "dense", children: [
+      children: /* @__PURE__ */ i(at, { spacing: "dense", children: [
         /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             className: "agent-view__card-toggle",
-            "aria-expanded": a,
-            "aria-controls": k,
+            "aria-expanded": s,
+            "aria-controls": u,
             "aria-label": p,
-            id: m,
-            onClick: () => d(g),
+            id: _,
+            onClick: () => d(f),
             children: /* @__PURE__ */ i("div", { className: "agent-view__card-content", children: [
-              /* @__PURE__ */ n(dn, { column: s }),
+              /* @__PURE__ */ n(dn, { column: a }),
               /* @__PURE__ */ n("span", { className: "agent-view__card-invocation-name", children: p }),
               /* @__PURE__ */ n("span", { className: "agent-view__card-agent-name", children: t }),
               /* @__PURE__ */ n(
                 E,
                 {
-                  name: a ? "chevron-up" : "chevron-down",
+                  name: s ? "chevron-up" : "chevron-down",
                   size: 16,
                   className: "agent-view__card-chevron"
                 }
@@ -1742,11 +1816,11 @@ const Jt = (e, t) => (s) => {
             ] })
           }
         ),
-        a && /* @__PURE__ */ i(
+        s && /* @__PURE__ */ i(
           "div",
           {
-            id: k,
-            "aria-labelledby": m,
+            id: u,
+            "aria-labelledby": _,
             className: "agent-view__card-progress",
             children: [
               r && /* @__PURE__ */ i("div", { className: "agent-view__progress-loading", "aria-live": "polite", children: [
@@ -1762,9 +1836,9 @@ const Jt = (e, t) => (s) => {
                 ),
                 /* @__PURE__ */ n("span", { children: oe })
               ] }),
-              !r && c && /* @__PURE__ */ n("p", { className: "agent-view__progress-error", role: "alert", children: c }),
-              !r && !c && o !== null && /* @__PURE__ */ n(At, { checklist: o }),
-              !r && !c && o === null && /* @__PURE__ */ i("div", { className: "agent-view__progress-loading", "aria-live": "polite", children: [
+              !r && l && /* @__PURE__ */ n("p", { className: "agent-view__progress-error", role: "alert", children: l }),
+              !r && !l && c !== null && /* @__PURE__ */ n(St, { checklist: c }),
+              !r && !l && c === null && /* @__PURE__ */ i("div", { className: "agent-view__progress-loading", "aria-live": "polite", children: [
                 /* @__PURE__ */ n(
                   E,
                   {
@@ -1778,7 +1852,7 @@ const Jt = (e, t) => (s) => {
                 /* @__PURE__ */ n("span", { children: oe })
               ] }),
               /* @__PURE__ */ n("div", { className: "agent-view__card-actions", children: /* @__PURE__ */ n(
-                X,
+                J,
                 {
                   variant: "secondary",
                   size: "S",
@@ -1795,19 +1869,19 @@ const Jt = (e, t) => (s) => {
 }, Fe = ({
   column: e,
   agents: t,
-  expandedAgentId: s,
-  loadingAgentId: a,
+  expandedAgentId: a,
+  loadingAgentId: s,
   checklistByInvocationId: r,
-  errorByAgentId: o,
-  definitionNameByRef: c,
+  errorByAgentId: c,
+  definitionNameByRef: l,
   onToggleAgent: d,
   onViewAgent: w,
-  isSplit: g = !1
+  isSplit: f = !1
 }) => /* @__PURE__ */ i(
   "section",
   {
-    className: M("agent-view__column", {
-      "agent-view__column--split": g
+    className: H("agent-view__column", {
+      "agent-view__column--split": f
     }),
     "aria-label": e.title,
     children: [
@@ -1819,12 +1893,12 @@ const Jt = (e, t) => (s) => {
         gn,
         {
           agent: p,
-          agentName: Ce(p, c),
+          agentName: Ie(p, l),
           column: e,
-          isExpanded: s === p.id,
-          isLoading: a === p.id,
+          isExpanded: a === p.id,
+          isLoading: s === p.id,
           checklist: r[p.invocation_id] ?? null,
-          error: o[p.id] ?? null,
+          error: c[p.id] ?? null,
           onToggle: d,
           onViewAgent: w
         },
@@ -1832,185 +1906,178 @@ const Jt = (e, t) => (s) => {
       )) })
     ]
   }
-), Ce = (e, t) => t.get(e.agent_definition_ref) ?? e.agent_definition_ref.replace(/_/g, " "), wn = ({
+), Ie = (e, t) => t.get(e.agent_definition_ref) ?? e.agent_definition_ref.replace(/_/g, " "), wn = ({
   jwt: e,
   headers: t,
-  baseUrl: s,
   agentDefinitionsUrl: a,
-  agentsUrl: r,
-  agentUrl: o,
+  agentsUrl: s,
+  agentUrl: r,
   agentChecklistUrl: c,
-  agentResourcesUrl: d,
-  agentChatUrl: w,
-  institutions: g
+  agentResourcesUrl: l,
+  agentChatUrl: d,
+  enableUpload: w,
+  institutions: f
 }) => {
-  var Ie;
+  var fe;
   const p = U(
     () => ({
-      baseUrl: s,
-      ...a ? { agentDefinitions: a } : {},
-      ...r ? { agents: r } : {},
-      ...o ? { agent: o } : {},
-      ...c ? { agentChecklist: c } : {},
-      ...d ? { agentResources: d } : {},
-      ...w ? { agentChat: w } : {}
+      agentDefinitions: a,
+      agents: s,
+      agent: r,
+      agentChecklist: c,
+      ...l ? { agentResources: l } : {},
+      agentChat: d
     }),
     [
-      s,
       a,
+      s,
       r,
-      o,
       c,
-      d,
-      w
+      l,
+      d
     ]
-  ), [m, k] = _(null), x = m ? (Ie = g == null ? void 0 : g.find(
-    (l) => l.applicationId === m.application_id
-  )) == null ? void 0 : Ie.applicationUrl : void 0, P = U(() => {
-    const l = { ...t ?? {} };
-    return x ? l[ie.arborApplicationUrl] = x : delete l[ie.arborApplicationUrl], l;
-  }, [t, x]), {
-    agents: N,
-    agentDefinitions: D,
-    loadState: S,
-    loadError: H,
-    reload: q,
-    fetchAgentChecklist: z,
-    fetchAgentResources: ce,
-    createAgent: ae,
-    chatConnector: ee
-  } = on({ jwt: e, headers: P, urls: p }), [y, C] = _(!1), [$, K] = _(null), [J, W] = _(null), [L, le] = _({}), [Ne, te] = _({}), [j, ye] = _([]), [V, Ae] = _([]), Y = U(() => {
-    const l = new Set(N.map((h) => h.application_id)), f = new Map(
-      (g ?? []).map((h) => [h.applicationId, h.name])
+  ), [_, u] = m(null), C = _ ? (fe = f == null ? void 0 : f.find(
+    (o) => o.applicationId === _.application_id
+  )) == null ? void 0 : fe.applicationUrl : void 0, R = U(() => {
+    const o = { ...t ?? {} };
+    return C ? o[ie.arborApplicationUrl] = C : delete o[ie.arborApplicationUrl], o;
+  }, [t, C]), {
+    agents: y,
+    agentDefinitions: A,
+    loadState: k,
+    loadError: $,
+    reload: V,
+    fetchAgentChecklist: M,
+    createAgent: ee
+  } = en({ jwt: e, headers: R, urls: p }), [te, Y] = m(!1), [N, I] = m(null), [D, Q] = m(null), [P, B] = m({}), [z, ce] = m({}), [X, ke] = m([]), [K, ye] = m([]), le = U(() => {
+    const o = new Set(y.map((h) => h.application_id)), g = new Map(
+      (f ?? []).map((h) => [h.applicationId, h.name])
     );
-    return [...l].sort(
-      (h, F) => (f.get(h) ?? h).localeCompare(f.get(F) ?? F)
+    return [...o].sort(
+      (h, L) => (g.get(h) ?? h).localeCompare(g.get(L) ?? L)
     ).map((h) => ({
       value: h,
-      label: f.get(h) ?? h
+      label: g.get(h) ?? h
     }));
-  }, [N, g]), ne = U(
-    () => new Map(D.map((l) => [l.ref, l.display_name])),
-    [D]
-  ), _e = U(() => [...new Set(
-    N.map((f) => Ce(f, ne))
-  )].sort((f, h) => f.localeCompare(h)).map((f) => ({
-    value: f,
-    label: f
-  })), [N, ne]), me = U(() => N.filter((l) => !(j.length > 0 && !j.includes(l.application_id) || V.length > 0 && !V.includes(Ce(l, ne)))), [N, ne, V, j]), fe = Y.length > 1, ve = _e.length > 1, u = fe || ve;
-  B(() => {
-    if (N.length === 0)
+  }, [y, f]), Z = U(
+    () => new Map(A.map((o) => [o.ref, o.display_name])),
+    [A]
+  ), de = U(() => [...new Set(
+    y.map((g) => Ie(g, Z))
+  )].sort((g, h) => g.localeCompare(h)).map((g) => ({
+    value: g,
+    label: g
+  })), [y, Z]), _e = U(() => y.filter((o) => !(X.length > 0 && !X.includes(o.application_id) || K.length > 0 && !K.includes(Ie(o, Z)))), [y, Z, K, X]), ne = le.length > 1, ae = de.length > 1, Ne = ne || ae;
+  G(() => {
+    if (y.length === 0)
       return;
-    let l = !1;
+    let o = !1;
     return (async () => {
-      const f = await Promise.allSettled(
-        N.map(async (h) => {
-          const F = await z(h.invocation_id);
+      const g = await Promise.allSettled(
+        y.map(async (h) => {
+          const L = await M(h.invocation_id);
           return {
             agentId: h.id,
             invocationId: h.invocation_id,
-            checklist: F.checklist
+            checklist: L.checklist
           };
         })
       );
-      l || (le((h) => {
-        const F = { ...h };
-        for (const ge of f)
-          ge.status === "fulfilled" && (F[ge.value.invocationId] = ge.value.checklist);
-        return F;
-      }), te((h) => {
-        const F = { ...h };
-        return f.forEach((ge, Qe) => {
-          ge.status === "rejected" && (F[N[Qe].id] = be);
-        }), F;
+      o || (B((h) => {
+        const L = { ...h };
+        for (const ge of g)
+          ge.status === "fulfilled" && (L[ge.value.invocationId] = ge.value.checklist);
+        return L;
+      }), ce((h) => {
+        const L = { ...h };
+        return g.forEach((ge, Ze) => {
+          ge.status === "rejected" && (L[y[Ze].id] = Ee);
+        }), L;
       }));
     })(), () => {
-      l = !0;
+      o = !0;
     };
-  }, [N, z]);
-  const A = I(
-    async (l) => {
-      if (!L[l.invocation_id]) {
-        W(l.id), te((f) => {
-          const h = { ...f };
-          return delete h[l.id], h;
+  }, [y, M]);
+  const se = T(
+    async (o) => {
+      if (!P[o.invocation_id]) {
+        Q(o.id), ce((g) => {
+          const h = { ...g };
+          return delete h[o.id], h;
         });
         try {
-          const f = await z(l.invocation_id);
-          le((h) => ({
+          const g = await M(o.invocation_id);
+          B((h) => ({
             ...h,
-            [l.invocation_id]: f.checklist
+            [o.invocation_id]: g.checklist
           }));
         } catch {
-          te((f) => ({
-            ...f,
-            [l.id]: be
+          ce((g) => ({
+            ...g,
+            [o.id]: Ee
           }));
         } finally {
-          W((f) => f === l.id ? null : f);
+          Q((g) => g === o.id ? null : g);
         }
       }
     },
-    [z, L]
-  ), se = I(
-    (l) => {
-      if ($ === l) {
-        K(null);
+    [M, P]
+  ), Ae = T(
+    (o) => {
+      if (N === o) {
+        I(null);
         return;
       }
-      const f = N.find(({ id: h }) => h === l);
-      f && (K(l), A(f));
+      const g = y.find(({ id: h }) => h === o);
+      g && (I(o), se(g));
     },
-    [N, $, A]
-  ), de = U(() => {
-    const l = {};
-    for (const f of me) {
+    [y, N, se]
+  ), q = U(() => {
+    const o = {};
+    for (const g of _e) {
       const h = ln(
-        f,
-        L[f.invocation_id]
+        g,
+        P[g.invocation_id]
       );
-      (l[h] ?? (l[h] = [])).push(f);
+      (o[h] ?? (o[h] = [])).push(g);
     }
-    return l;
-  }, [me, L]), je = I((l) => {
-    k(l);
-  }, []), Ve = I(
-    async (l) => {
-      const f = await ae(l);
-      k(f), C(!1);
+    return o;
+  }, [_e, P]), Se = T((o) => {
+    u(o);
+  }, []), be = T(
+    async (o) => {
+      const g = await ee(o);
+      u(g), Y(!1);
     },
-    [ae]
-  ), Ye = I(() => {
-    k(null);
-  }, []), Te = U(
-    () => m ? ee(m) : void 0,
-    [ee, m]
-  ), Ee = {
-    expandedAgentId: $,
-    loadingAgentId: J,
-    checklistByInvocationId: L,
-    errorByAgentId: Ne,
-    definitionNameByRef: ne,
-    onToggleAgent: se,
-    onViewAgent: je
+    [ee]
+  ), Ce = T(() => {
+    u(null);
+  }, []), me = {
+    expandedAgentId: N,
+    loadingAgentId: D,
+    checklistByInvocationId: P,
+    errorByAgentId: z,
+    definitionNameByRef: Z,
+    onToggleAgent: Ae,
+    onViewAgent: Se
   };
   return /* @__PURE__ */ i("div", { className: "agent-view-frontend agent-view", children: [
     /* @__PURE__ */ i("div", { className: "agent-view__header", children: [
       /* @__PURE__ */ n(he, { level: 1, children: "Agents" }),
       /* @__PURE__ */ n(
-        X,
+        J,
         {
           variant: "primary",
           size: "S",
           iconLeftName: "sparkles",
           iconLeftScreenReaderText: "Start an agent",
-          onClick: () => C(!0),
+          onClick: () => Y(!0),
           children: "Start an agent"
         }
       )
     ] }),
-    N.length > 0 && u && /* @__PURE__ */ i("div", { className: "agent-view__filters", children: [
-      fe && /* @__PURE__ */ i("div", { className: "agent-view__filter", children: [
+    y.length > 0 && Ne && /* @__PURE__ */ i("div", { className: "agent-view__filters", children: [
+      ne && /* @__PURE__ */ i("div", { className: "agent-view__filter", children: [
         /* @__PURE__ */ n(
           "label",
           {
@@ -2027,16 +2094,16 @@ const Jt = (e, t) => (s) => {
             multiple: !0,
             searchType: "substring",
             placeholder: "All institutions",
-            options: Y,
-            value: j,
-            onValueChange: ye,
+            options: le,
+            value: X,
+            onValueChange: ke,
             showSelectionCountBadge: !0,
             showClearAll: !0,
             clearAllLabel: "Clear institutions"
           }
         )
       ] }),
-      ve && /* @__PURE__ */ i("div", { className: "agent-view__filter", children: [
+      ae && /* @__PURE__ */ i("div", { className: "agent-view__filter", children: [
         /* @__PURE__ */ n(
           "label",
           {
@@ -2053,9 +2120,9 @@ const Jt = (e, t) => (s) => {
             multiple: !0,
             searchType: "substring",
             placeholder: "All agents",
-            options: _e,
-            value: V,
-            onValueChange: Ae,
+            options: de,
+            value: K,
+            onValueChange: ye,
             showSelectionCountBadge: !0,
             showClearAll: !0,
             clearAllLabel: "Clear agents"
@@ -2063,7 +2130,7 @@ const Jt = (e, t) => (s) => {
         )
       ] })
     ] }),
-    S === "error" ? /* @__PURE__ */ i("div", { className: "agent-view__state agent-view__state--error", role: "alert", children: [
+    k === "error" ? /* @__PURE__ */ i("div", { className: "agent-view__state agent-view__state--error", role: "alert", children: [
       /* @__PURE__ */ n(
         E,
         {
@@ -2072,9 +2139,9 @@ const Jt = (e, t) => (s) => {
           color: "var(--color-semantic-destructive-600)"
         }
       ),
-      /* @__PURE__ */ n("p", { className: "agent-view__state-message", children: H ?? ze }),
-      /* @__PURE__ */ n(X, { variant: "secondary", size: "S", onClick: q, children: "Try again" })
-    ] }) : S === "loading" && N.length === 0 ? /* @__PURE__ */ i("div", { className: "agent-view__state", "aria-live": "polite", children: [
+      /* @__PURE__ */ n("p", { className: "agent-view__state-message", children: $ ?? qe }),
+      /* @__PURE__ */ n(J, { variant: "secondary", size: "S", onClick: V, children: "Try again" })
+    ] }) : k === "loading" && y.length === 0 ? /* @__PURE__ */ i("div", { className: "agent-view__state", "aria-live": "polite", children: [
       /* @__PURE__ */ n(
         E,
         {
@@ -2086,60 +2153,64 @@ const Jt = (e, t) => (s) => {
         }
       ),
       /* @__PURE__ */ n("p", { className: "agent-view__state-message", children: Pe })
-    ] }) : N.length === 0 ? /* @__PURE__ */ n(kt, {}) : /* @__PURE__ */ i("div", { className: "agent-view__board", children: [
-      it.map((l) => /* @__PURE__ */ n(
+    ] }) : y.length === 0 ? /* @__PURE__ */ n(yt, {}) : /* @__PURE__ */ i("div", { className: "agent-view__board", children: [
+      ct.map((o) => /* @__PURE__ */ n(
         Fe,
         {
-          column: we[l],
-          agents: de[l] ?? [],
-          ...Ee
+          column: ve[o],
+          agents: q[o] ?? [],
+          ...me
         },
-        l
+        o
       )),
-      /* @__PURE__ */ n("div", { className: "agent-view__split-column", children: ct.map((l) => /* @__PURE__ */ n(
+      /* @__PURE__ */ n("div", { className: "agent-view__split-column", children: lt.map((o) => /* @__PURE__ */ n(
         Fe,
         {
-          column: we[l],
-          agents: de[l] ?? [],
+          column: ve[o],
+          agents: q[o] ?? [],
           isSplit: !0,
-          ...Ee
+          ...me
         },
-        l
+        o
       )) })
     ] }),
-    m && Te && /* @__PURE__ */ n(
-      Lt,
+    _ && /* @__PURE__ */ n(
+      rn,
       {
-        agent: m,
+        agent: _,
         open: !0,
-        initialChecklist: L[m.invocation_id] ?? null,
-        fetchAgentChecklist: z,
-        fetchAgentResources: ce,
-        onClose: Ye,
-        connector: Te
+        jwt: e,
+        headers: R,
+        agentUrl: r,
+        agentChecklistUrl: c,
+        agentResourcesUrl: l,
+        agentChatUrl: d,
+        enableUpload: w,
+        initialChecklist: P[_.invocation_id] ?? null,
+        onClose: Ce
       },
-      m.id
+      _.id
     ),
     /* @__PURE__ */ n(
-      Ut,
+      on,
       {
-        open: y,
-        onClose: () => C(!1),
-        onStart: Ve,
-        agentDefinitions: D
+        open: te,
+        onClose: () => Y(!1),
+        onStart: be,
+        agentDefinitions: A
       }
     )
   ] });
 }, kn = (e, t) => {
-  const s = Date.now(), a = t.trim() || e.agent_intent;
+  const a = Date.now(), s = t.trim() || e.agent_intent;
   return {
-    id: `agent-${s}`,
-    invocation_id: `inv-${s}`,
+    id: `agent-${a}`,
+    invocation_id: `inv-${a}`,
     agent_definition_ref: e.ref,
     agent_intent: e.agent_intent,
-    invocation_name: a,
-    application_id: lt,
-    created_by: dt,
+    invocation_name: s,
+    application_id: dt,
+    created_by: gt,
     status: v["generating-a-response"],
     context_ref: null,
     checklist_ref: null
@@ -2147,23 +2218,24 @@ const Jt = (e, t) => (s) => {
 };
 export {
   wn as AgentMonitorKanban,
-  Bt as AgentServiceClient,
+  je as AgentServiceClient,
   ue as AgentServiceError,
-  Lt as AgentView,
-  Wt as HttpChatConnector,
-  Ut as NewAgentModal,
+  rn as AgentView,
+  zt as HttpChatConnector,
+  on as NewAgentModal,
   kn as buildAgentFromDefinition,
-  Jt as createHttpChatConnectorFactory,
-  He as mapApiAgent,
-  Yt as mapApiAgentDefinition,
-  jt as mapApiAgentStatus,
-  nn as mapApiChecklistEndpointResponse,
-  Je as mapApiChecklistItem,
+  Ve as createHttpChatConnectorFactory,
+  De as mapApiAgent,
+  Wt as mapApiAgentDefinition,
+  Kt as mapApiAgentStatus,
+  Xe as mapApiChecklistEndpointResponse,
+  Qe as mapApiChecklistItem,
   vn as mapApiChecklistResponse,
-  Vt as mapApiChecklistStatus,
-  ke as mapApiOpeningMessage,
-  Zt as mapApiResource,
-  en as mapApiResourcesEndpointResponse,
+  qt as mapApiChecklistStatus,
+  we as mapApiOpeningMessage,
+  Vt as mapApiResource,
+  Ye as mapApiResourcesEndpointResponse,
   fn as mapApiTripOption,
-  on as useAgentService
+  en as useAgentService,
+  nn as useAgentWorkspace
 };