npm - @arbor-education/agent-view-frontend - Versions diffs - 0.4.1 → 0.4.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.js CHANGED Viewed

@@ -1,121 +1,120 @@
-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 = {
+import { jsxs as c, jsx as n, Fragment as Tt } from "react/jsx-runtime";
+import { useMemo as q, useLayoutEffect as it, useState as _, useCallback as T, useEffect as J, useRef as Et } from "react";
+import V from "classnames";
+import { Heading as ye, Icon as E, Dot as ot, Button as Q, Modal as se, Tabs as ze, SelectDropdown as It, TextInput as Rt, Combobox as je, Card as Ot } from "@arbor-education/design-system.components";
+import { CHAT_RESPONSE_TYPE_AGENT as ct, CHAT_RESPONSE_TYPE_ERROR as Lt, ChatPanel as Pt, CHAT_RESPONSE_TYPE_USER as xt, CHAT_RESPONSE_TYPE_INFO as Dt } from "@arbor-education/ask-arbor-chat-panel";
+const S = {
   "generating-a-response": "generating-a-response",
   hitl: "hitl",
   complete: "complete",
   failed: "failed"
-}, S = {
+}, D = {
   "generating-a-response": "generating-a-response",
   hitl: "hitl",
   complete: "complete",
   failed: "failed"
-}, b = {
+}, L = {
   briefing: "briefing",
   running: "running",
   stopped: "stopped",
   complete: "complete"
-}, j = {
+}, ne = {
   agent: "agent",
   user: "user",
   system: "system"
-}, re = {
+}, le = {
   MIS_RECORD: "MIS_RECORD",
   FILE: "FILE",
   WORKFLOW: "WORKFLOW",
   LINK: "LINK"
-}, xe = {
+}, Ye = {
   cancelled: "cancelled",
   archived: "archived"
-}, Te = {
+}, Ge = {
   in_progress: "in_progress",
   requires_attention: "requires_attention",
   available: "available"
-}, F = {
-  [S.complete]: {
+}, X = {
+  [D.complete]: {
     label: "Complete",
     icon: "circle-check",
     color: "var(--color-semantic-success-600)"
   },
-  [S.failed]: {
+  [D.failed]: {
     label: "Failed",
     icon: "circle-x",
     color: "var(--color-semantic-destructive-600)"
   },
-  [S.hitl]: {
+  [D.hitl]: {
     label: "Requires attention",
     icon: "triangle-alert",
     color: "var(--color-semantic-warning-600)"
   },
-  [S["generating-a-response"]]: {
+  [D["generating-a-response"]]: {
     label: "Generating a response",
-    icon: "loader",
+    icon: "sparkles",
     color: "var(--color-brand-600)"
   }
-}, ve = {
-  [v["generating-a-response"]]: {
-    status: v["generating-a-response"],
+}, De = {
+  [S["generating-a-response"]]: {
+    status: S["generating-a-response"],
     title: "Active",
     dotColour: "green",
     statusIcon: {
-      name: F["generating-a-response"].icon,
-      color: F["generating-a-response"].color,
-      spin: !0
+      name: X["generating-a-response"].icon,
+      color: X["generating-a-response"].color
     }
   },
-  [v.hitl]: {
-    status: v.hitl,
+  [S.hitl]: {
+    status: S.hitl,
     title: "Requires attention",
     dotColour: "orange",
     statusIcon: {
-      name: F.hitl.icon,
-      color: F.hitl.color
+      name: X.hitl.icon,
+      color: X.hitl.color
     }
   },
-  [v.complete]: {
-    status: v.complete,
+  [S.complete]: {
+    status: S.complete,
     title: "Complete",
     dotColour: "green",
     dotModifier: "grey-dark",
     statusIcon: {
-      name: F.complete.icon,
-      color: F.complete.color
+      name: X.complete.icon,
+      color: X.complete.color
     }
   },
-  [v.failed]: {
-    status: v.failed,
+  [S.failed]: {
+    status: S.failed,
     title: "Failed",
     dotColour: "salmon",
     statusIcon: {
-      name: F.failed.icon,
-      color: F.failed.color
+      name: X.failed.icon,
+      color: X.failed.color
     }
   }
-}, ct = [
-  v["generating-a-response"],
-  v.hitl
-], lt = [
-  v.complete,
-  v.failed
-], 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
-], 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."
-}, wt = () => /* @__PURE__ */ i(
+}, Mt = [
+  S["generating-a-response"],
+  S.hitl
+], $t = [
+  S.complete,
+  S.failed
+], Ut = "m4", Ft = "1", lt = "msg-opening", xe = "Unable to load agent tasks. Please try again.", Ht = "Unable to load the resources for this agent", dt = "Unable to load the timeline for this agent", Bt = "Something went wrong. Please try again.", gt = "Unable to load agents. Please try again.", de = "Loading tasks…", Xe = "Loading agents…", zt = "Task", Gt = {
+  [L.briefing]: "Briefing",
+  [L.running]: "Working",
+  [L.stopped]: "Stopped",
+  [L.complete]: "Complete"
+}, qt = [
+  S["generating-a-response"],
+  S.hitl,
+  S.complete,
+  S.failed
+], Kt = {
+  [S["generating-a-response"]]: "Agents currently working on tasks for you.",
+  [S.hitl]: "Agents that need your input before they can continue.",
+  [S.complete]: "Agents that have finished their work.",
+  [S.failed]: "Agents that failed or were stopped."
+}, Jt = () => /* @__PURE__ */ c(
   "svg",
   {
     className: "agent-view__empty-illustration",
@@ -231,8 +230,8 @@ const v = {
       /* @__PURE__ */ n("circle", { cx: "256", cy: "160", r: "4", fill: "var(--color-semantic-destructive-500)" })
     ]
   }
-), kt = ({ status: e }) => {
-  const t = ve[e];
+), Wt = ({ status: e }) => {
+  const t = De[e];
   return t.statusIcon ? /* @__PURE__ */ n(
     E,
     {
@@ -241,65 +240,65 @@ const v = {
       color: t.statusIcon.color,
       screenReaderText: t.title
     }
-  ) : /* @__PURE__ */ n(Be, { colour: t.dotColour, label: t.title });
-}, yt = () => /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ n(ot, { colour: t.dotColour, label: t.title });
+}, Vt = () => /* @__PURE__ */ c(
   "section",
   {
     className: "agent-view__empty",
     "aria-label": "About the agents board",
     children: [
-      /* @__PURE__ */ i("div", { className: "agent-view__empty-content", children: [
-        /* @__PURE__ */ n(he, { level: 4, children: "Your agents board" }),
+      /* @__PURE__ */ c("div", { className: "agent-view__empty-content", children: [
+        /* @__PURE__ */ n(ye, { 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: 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(kt, { status: e }) }),
-            /* @__PURE__ */ i("span", { className: "agent-view__empty-column-text", children: [
+        /* @__PURE__ */ n("ul", { className: "agent-view__empty-columns", children: qt.map((e) => {
+          const t = De[e];
+          return /* @__PURE__ */ c("li", { className: "agent-view__empty-column", children: [
+            /* @__PURE__ */ n("span", { className: "agent-view__empty-column-indicator", children: /* @__PURE__ */ n(Wt, { status: e }) }),
+            /* @__PURE__ */ c("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: vt[e] })
+              /* @__PURE__ */ n("span", { className: "agent-view__empty-column-description", children: Kt[e] })
             ] })
           ] }, e);
         }) }),
-        /* @__PURE__ */ i("p", { className: "agent-view__empty-hint", children: [
+        /* @__PURE__ */ c("p", { className: "agent-view__empty-hint", children: [
           "Use ",
           /* @__PURE__ */ n("strong", { children: "Start an agent" }),
           " above to begin."
         ] })
       ] }),
-      /* @__PURE__ */ n("div", { className: "agent-view__empty-visual", children: /* @__PURE__ */ n(wt, {}) })
+      /* @__PURE__ */ n("div", { className: "agent-view__empty-visual", children: /* @__PURE__ */ n(Jt, {}) })
     ]
   }
-), Nt = (e, t) => ({
+), jt = (e, t) => ({
   ...e,
   ...t.length > 0 ? { children: t } : {}
-}), We = (e) => {
+}), ht = (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) {
+    const r = s.children ? ht(s.children) : { needsInput: [], tasks: [] };
+    if (t.push(...r.needsInput), s.status === D.hitl) {
       t.push({ ...s, children: void 0 });
       continue;
     }
-    a.push(Nt(s, r.tasks));
+    a.push(jt(s, r.tasks));
   }
   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;
+}, Yt = (e) => e.map((t, a) => ({ item: t, index: a })).sort((t, a) => {
+  const s = t.item.status === D.hitl, r = a.item.status === D.hitl;
   return s !== r ? s ? -1 : 1 : t.index - a.index;
-}).map(({ item: t }) => t), St = ({
+}).map(({ item: t }) => t), Xt = ({
   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: At(e).map((t) => {
-      const a = F[t.status];
-      return /* @__PURE__ */ i(
+    children: Yt(e).map((t) => {
+      const a = X[t.status];
+      return /* @__PURE__ */ c(
         "li",
         {
-          className: H(
+          className: V(
             "agent-view__progress-item",
             `agent-view__progress-item--${t.status.replace(/_/g, "-")}`
           ),
@@ -310,15 +309,12 @@ const v = {
                 name: a.icon,
                 size: 16,
                 color: a.color,
-                screenReaderText: `${a.label}:`,
-                className: H({
-                  "agent-view__progress-icon--spinning": t.status === S["generating-a-response"]
-                })
+                screenReaderText: `${a.label}:`
               }
             ),
-            /* @__PURE__ */ i("div", { className: "agent-view__progress-item-content", children: [
+            /* @__PURE__ */ c("div", { className: "agent-view__progress-item-content", children: [
               /* @__PURE__ */ n("span", { className: "agent-view__progress-label", children: t.task }),
-              t.status !== S.complete && /* @__PURE__ */ n(
+              t.status !== D.complete && /* @__PURE__ */ n(
                 "span",
                 {
                   className: "agent-view__progress-description",
@@ -332,7 +328,7 @@ const v = {
       );
     })
   }
-), bt = ({
+), Qt = ({
   prompts: e,
   classNamePrefix: t = "agent-workspace",
   onSelect: a
@@ -346,7 +342,7 @@ const v = {
   },
   s
 )) });
-class Ct {
+class Zt {
   constructor(t, a) {
     this.connector = t, this.canSend = a.canSend, this.onTurn = a.onTurn, this.onAwaitingChange = a.onAwaitingChange;
   }
@@ -378,14 +374,14 @@ class Ct {
       return this.onTurn(r), {
         id: r.message.id,
         text: r.message.text,
-        type: ze,
+        type: ct,
         ...r.message.followUpPrompts ? { followUpPrompts: r.message.followUpPrompts } : {}
       };
     } catch {
       return {
         id: `error-${Date.now()}`,
-        text: ut,
-        type: st
+        text: Bt,
+        type: Lt
       };
     } finally {
       (s = this.onAwaitingChange) == null || s.call(this, !1);
@@ -403,40 +399,40 @@ class Ct {
     return !1;
   }
 }
-const Tt = ({
+const en = ({
   connector: e,
   phase: t,
   chatHistory: a,
   chatSessionKey: s,
   startQuery: r,
-  clarificationMessage: c,
-  enableUpload: l = !1,
-  onTurn: d,
-  onAwaitingChange: w,
+  clarificationMessage: l,
+  enableUpload: i = !1,
+  onTurn: o,
+  onAwaitingChange: d,
   onClarificationPrompt: f,
   onDismissClarification: p
 }) => {
-  const _ = U(
-    () => new Ct(e, {
-      canSend: () => t === b.running,
-      onTurn: d,
-      onAwaitingChange: w
+  const g = q(
+    () => new Zt(e, {
+      canSend: () => t === L.running,
+      onTurn: o,
+      onAwaitingChange: d
     }),
-    [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: [
-    c && /* @__PURE__ */ i(
+    [e, t, o, d]
+  ), w = t !== L.running, u = t === L.running;
+  return /* @__PURE__ */ c("section", { className: "agent-workspace__chat-body", "aria-label": "Chat", children: [
+    l && /* @__PURE__ */ c(
       "div",
       {
         className: "agent-workspace__clarification",
         role: "region",
         "aria-label": "Agent question",
         children: [
-          /* @__PURE__ */ n("p", { className: "agent-workspace__clarification-text", children: c.text }),
-          c.followUpPrompts && /* @__PURE__ */ n(
-            bt,
+          /* @__PURE__ */ n("p", { className: "agent-workspace__clarification-text", children: l.text }),
+          l.followUpPrompts && /* @__PURE__ */ n(
+            Qt,
             {
-              prompts: c.followUpPrompts,
+              prompts: l.followUpPrompts,
               onSelect: f
             }
           ),
@@ -453,94 +449,91 @@ const Tt = ({
       }
     ),
     /* @__PURE__ */ n("div", { className: "agent-workspace__ask-arbor", children: /* @__PURE__ */ n(
-      rt,
+      Pt,
       {
-        connector: _,
+        connector: g,
         chatHistory: a,
         startQuery: r,
-        lockConversation: u,
-        enableUpload: l,
-        speechEnabled: C,
+        lockConversation: w,
+        enableUpload: i,
+        speechEnabled: u,
         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: C ? "Message the agent, paste a link, or attach a file…" : "The agent is not accepting messages."
+        placeholder: u ? "Message the agent, paste a link, or attach a file…" : "The agent is not accepting messages."
       },
       s
     ) }),
-    t === b.stopped && /* @__PURE__ */ i("div", { className: "agent-workspace__notice", role: "status", children: [
+    t === L.stopped && /* @__PURE__ */ c("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 === b.complete && /* @__PURE__ */ i("div", { className: "agent-workspace__notice", role: "status", children: [
+    t === L.complete && /* @__PURE__ */ c("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." })
     ] })
   ] });
-}, Je = ({
+}, pt = ({
   item: e,
   depth: t,
   canRequestInput: a,
   onAttentionItemClick: s
 }) => {
-  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: [
+  const r = X[e.status], l = e.status.replace(/_/g, "-"), i = e.status === D.hitl && a && s, o = /* @__PURE__ */ c("div", { className: "agent-workspace__task-row", children: [
     /* @__PURE__ */ n(
       E,
       {
         name: r.icon,
         size: 16,
         color: r.color,
-        screenReaderText: `${r.label}:`,
-        className: H({
-          "agent-workspace__task-icon--spinning": e.status === S["generating-a-response"]
-        })
+        screenReaderText: `${r.label}:`
       }
     ),
-    /* @__PURE__ */ i("div", { className: "agent-workspace__task-content", children: [
+    /* @__PURE__ */ c("div", { className: "agent-workspace__task-content", children: [
       /* @__PURE__ */ n("span", { className: "agent-workspace__task-label", children: e.task }),
-      e.status !== S.complete && e.description && /* @__PURE__ */ n("span", { className: "agent-workspace__task-description", children: e.description })
+      e.status !== D.complete && e.description && /* @__PURE__ */ n("span", { className: "agent-workspace__task-description", children: e.description })
     ] })
   ] });
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(
     "li",
     {
-      className: H("agent-workspace__task", `agent-workspace__task--${c}`, {
+      className: V("agent-workspace__task", `agent-workspace__task--${l}`, {
         "agent-workspace__task--child": t > 0
       }),
       children: [
-        l ? /* @__PURE__ */ n(
+        i ? /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             className: "agent-workspace__task-button",
             "aria-label": `Provide input for ${e.task}`,
             onClick: () => s(e),
-            children: d
+            children: o
           }
-        ) : d,
-        e.children && e.children.length > 0 && /* @__PURE__ */ n("ul", { className: "agent-workspace__task-children", children: e.children.map((w) => /* @__PURE__ */ n(
-          Je,
+        ) : o,
+        e.children && e.children.length > 0 && /* @__PURE__ */ n("ul", { className: "agent-workspace__task-children", children: e.children.map((d) => /* @__PURE__ */ n(
+          pt,
           {
-            item: w,
+            item: d,
             depth: t + 1,
             canRequestInput: a,
             onAttentionItemClick: s
           },
-          w.task
+          d.task
         )) })
       ]
     }
   );
-}, Le = ({
+}, Qe = ({
   items: e,
   ariaLabel: t,
   canRequestInput: a,
   onAttentionItemClick: s
 }) => /* @__PURE__ */ n("ul", { className: "agent-workspace__task-list", "aria-label": t, children: e.map((r) => /* @__PURE__ */ n(
-  Je,
+  pt,
   {
     item: r,
     depth: 0,
@@ -548,41 +541,41 @@ const Tt = ({
     onAttentionItemClick: s
   },
   r.task
-)) }), Et = ({
+)) }), tn = ({
   checklist: e,
   isLoading: t,
   error: a,
   phase: s,
   canRequestInput: r,
-  onStop: c,
-  onAttentionItemClick: l
+  onStop: l,
+  onAttentionItemClick: i
 }) => {
-  const d = U(
-    () => e ? We(e) : null,
+  const o = q(
+    () => e ? ht(e) : null,
     [e]
   );
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(
     "section",
     {
       className: "agent-workspace__panel agent-workspace__panel--checklist",
       "aria-label": "Checklist",
       children: [
-        /* @__PURE__ */ i("div", { className: "agent-workspace__panel-header", children: [
-          /* @__PURE__ */ n(he, { level: 4, children: "Checklist" }),
-          s === b.running && /* @__PURE__ */ n(
-            J,
+        /* @__PURE__ */ c("div", { className: "agent-workspace__panel-header", children: [
+          /* @__PURE__ */ n(ye, { level: 4, children: "Checklist" }),
+          s === L.running && /* @__PURE__ */ n(
+            Q,
             {
               variant: "secondary-destructive",
               size: "S",
               iconLeftName: "circle-x",
               iconLeftScreenReaderText: "Stop",
-              onClick: c,
+              onClick: l,
               children: "Stop agent"
             }
           )
         ] }),
-        /* @__PURE__ */ i("div", { className: "agent-workspace__panel-body", "aria-live": "polite", children: [
-          t && /* @__PURE__ */ i("div", { className: "agent-workspace__loading", children: [
+        /* @__PURE__ */ c("div", { className: "agent-workspace__panel-body", "aria-live": "polite", children: [
+          t && /* @__PURE__ */ c("div", { className: "agent-workspace__loading", children: [
             /* @__PURE__ */ n(
               E,
               {
@@ -590,88 +583,88 @@ const Tt = ({
                 size: 16,
                 color: "var(--color-brand-600)",
                 className: "agent-workspace__task-icon--spinning",
-                screenReaderText: oe
+                screenReaderText: de
               }
             ),
-            /* @__PURE__ */ n("span", { children: oe })
+            /* @__PURE__ */ n("span", { children: de })
           ] }),
           !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: [
+          !t && !a && o && /* @__PURE__ */ c(Tt, { children: [
+            o.needsInput.length > 0 && /* @__PURE__ */ c("div", { className: "agent-workspace__task-group", children: [
               /* @__PURE__ */ n("p", { className: "agent-workspace__task-group-label", children: "Needs your input" }),
               /* @__PURE__ */ n(
-                Le,
+                Qe,
                 {
-                  items: d.needsInput,
+                  items: o.needsInput,
                   ariaLabel: "Tasks needing your input",
                   canRequestInput: r,
-                  onAttentionItemClick: l
+                  onAttentionItemClick: i
                 }
               )
             ] }),
-            d.tasks.length > 0 && /* @__PURE__ */ i(
+            o.tasks.length > 0 && /* @__PURE__ */ c(
               "div",
               {
-                className: H("agent-workspace__task-group", {
-                  "agent-workspace__task-group--following": d.needsInput.length > 0
+                className: V("agent-workspace__task-group", {
+                  "agent-workspace__task-group--following": o.needsInput.length > 0
                 }),
                 children: [
-                  d.needsInput.length > 0 && /* @__PURE__ */ n("p", { className: "agent-workspace__task-group-label", children: "Other tasks" }),
+                  o.needsInput.length > 0 && /* @__PURE__ */ n("p", { className: "agent-workspace__task-group-label", children: "Other tasks" }),
                   /* @__PURE__ */ n(
-                    Le,
+                    Qe,
                     {
-                      items: d.tasks,
+                      items: o.tasks,
                       ariaLabel: "Agent tasks",
                       canRequestInput: r,
-                      onAttentionItemClick: l
+                      onAttentionItemClick: i
                     }
                   )
                 ]
               }
             )
           ] }),
-          !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." })
+          !t && !a && (!o || o.needsInput.length === 0 && o.tasks.length === 0) && /* @__PURE__ */ n("p", { className: "agent-workspace__empty", children: s === L.briefing ? "Tasks will appear here once the agent starts." : "No tasks to display." })
         ] })
       ]
     }
   );
-}, It = {
-  [re.MIS_RECORD]: {
+}, nn = {
+  [le.MIS_RECORD]: {
     icon: "table",
     label: "Arbor MIS",
     color: "var(--color-brand-600)"
   },
-  [re.FILE]: {
+  [le.FILE]: {
     icon: "file",
     label: "File",
     color: "var(--color-semantic-caution-800)"
   },
-  [re.WORKFLOW]: {
+  [le.WORKFLOW]: {
     icon: "list-tree",
     label: "Workflow",
     color: "var(--color-semantic-warning-700)"
   },
-  [re.LINK]: {
+  [le.LINK]: {
     icon: "link",
     label: "Link",
     color: "var(--color-semantic-info-700)"
   }
-}, Rt = ({
+}, an = ({
   resources: e,
   isLoading: t = !1,
   error: a = null
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ c(
   "section",
   {
     className: "agent-workspace__panel agent-workspace__panel--documents",
     "aria-label": "Resources",
     children: [
-      /* @__PURE__ */ i("div", { className: "agent-workspace__panel-header", children: [
-        /* @__PURE__ */ n(he, { level: 4, children: "Resources" }),
+      /* @__PURE__ */ c("div", { className: "agent-workspace__panel-header", children: [
+        /* @__PURE__ */ n(ye, { level: 4, children: "Resources" }),
         /* @__PURE__ */ n("span", { className: "agent-workspace__panel-count", children: e.length })
       ] }),
-      /* @__PURE__ */ i("div", { className: "agent-workspace__panel-body", "aria-live": "polite", children: [
-        t && /* @__PURE__ */ i("div", { className: "agent-workspace__loading", children: [
+      /* @__PURE__ */ c("div", { className: "agent-workspace__panel-body", "aria-live": "polite", children: [
+        t && /* @__PURE__ */ c("div", { className: "agent-workspace__loading", children: [
           /* @__PURE__ */ n(
             E,
             {
@@ -686,8 +679,8 @@ const Tt = ({
         ] }),
         !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(
+          const r = nn[s.type];
+          return /* @__PURE__ */ n("li", { className: "agent-workspace__resource", children: /* @__PURE__ */ c(
             "a",
             {
               className: "agent-workspace__resource-card",
@@ -710,8 +703,8 @@ const Tt = ({
                     )
                   }
                 ),
-                /* @__PURE__ */ i("span", { className: "agent-workspace__resource-content", children: [
-                  /* @__PURE__ */ i("span", { className: "agent-workspace__resource-top", children: [
+                /* @__PURE__ */ c("span", { className: "agent-workspace__resource-content", children: [
+                  /* @__PURE__ */ c("span", { className: "agent-workspace__resource-top", children: [
                     /* @__PURE__ */ n("span", { className: "agent-workspace__resource-name", children: s.name }),
                     /* @__PURE__ */ n(
                       "span",
@@ -741,53 +734,229 @@ const Tt = ({
       ] })
     ]
   }
-), Ot = [
+), Me = (e) => {
+  const t = Date.parse(e);
+  return Number.isFinite(t) ? t : 0;
+}, sn = new Intl.DateTimeFormat("en-GB", {
+  day: "numeric",
+  month: "long",
+  year: "numeric",
+  hour: "numeric",
+  minute: "2-digit"
+}), qe = (e) => {
+  const t = new Date(e);
+  return Number.isFinite(t.getTime()) ? sn.format(t) : e;
+}, Le = (e) => e.replace(
+  /[A-Za-z0-9]+(?:[_-][A-Za-z0-9]+)+/g,
+  (t) => t.split(/[_-]/).map((a) => a.charAt(0).toUpperCase() + a.slice(1).toLowerCase()).join(" ")
+), we = (e, t) => t <= 1 ? 0 : e / (t - 1) * 100, ut = (e) => Math.max(e, 0) + 2, rn = (e) => e + 1, on = (e, t) => {
+  if (t.length === 0)
+    return 50;
+  const a = ut(t.length), s = we(1, a), r = we(t.length, a), l = t.map((p) => Me(p.timestamp)), i = Math.min(...l), o = Math.max(...l);
+  if (o <= i)
+    return s;
+  const d = (Me(e.timestamp) - i) / (o - i), f = Math.min(1, Math.max(0, d));
+  return s + f * (r - s);
+}, cn = 8, ln = 20, dn = (e, t = cn, a = ln) => {
+  const s = /* @__PURE__ */ new Map();
+  if (e.length === 0)
+    return s;
+  const r = [...e].sort(
+    (i, o) => i.leftPercent - o.leftPercent || i.timestampMs - o.timestampMs || i.id.localeCompare(o.id)
+  ), l = [];
+  for (const i of r) {
+    const o = l[l.length - 1];
+    o && i.leftPercent - o[o.length - 1].leftPercent < t ? o.push(i) : l.push([i]);
+  }
+  for (const i of l) {
+    const o = [...i].sort(
+      (f, p) => f.timestampMs - p.timestampMs || f.id.localeCompare(p.id)
+    ), d = (o.length - 1) / 2;
+    o.forEach((f, p) => {
+      s.set(f.id, (p - d) * a);
+    });
+  }
+  return s;
+}, Pe = (e, t = 0) => ({
+  left: `calc(${e / 100} * (100% - var(--agent-timeline-node-size)) + (var(--agent-timeline-node-size) / 2) + ${t}px)`,
+  transform: "translateX(-50%)"
+}), gn = (e) => e.type !== "message-sent", hn = ({
+  timeline: e,
+  isLoading: t,
+  error: a,
+  onOpenChatSession: s
+}) => {
+  const r = ((e == null ? void 0 : e.actionLog) ?? []).filter(gn), l = (e == null ? void 0 : e.chatSessions) ?? [], i = !t && !a && r.length === 0 && l.length === 0, o = ut(r.length), d = r.map((g, w) => ({
+    id: `action-${g.timestamp}-${w}`,
+    leftPercent: we(rn(w), o),
+    timestampMs: Me(g.timestamp)
+  })), f = l.map((g) => ({
+    id: g.sessionId,
+    leftPercent: on(g, r),
+    timestampMs: Me(g.timestamp)
+  })), p = dn([
+    ...d,
+    ...f
+  ]);
+  return /* @__PURE__ */ c(
+    "section",
+    {
+      className: "agent-workspace__timeline",
+      "aria-label": "Agent timeline",
+      children: [
+        t && /* @__PURE__ */ n("p", { className: "agent-workspace__timeline-status", role: "status", children: "Loading timeline…" }),
+        a && /* @__PURE__ */ n("p", { className: "agent-workspace__timeline-status", role: "alert", children: a || dt }),
+        i && /* @__PURE__ */ n("p", { className: "agent-workspace__timeline-status", role: "status", children: "No timeline activity yet." }),
+        !t && !a && !i && /* @__PURE__ */ c("div", { className: "agent-timeline", children: [
+          /* @__PURE__ */ n("div", { className: "agent-timeline__track", "aria-hidden": "true" }),
+          /* @__PURE__ */ c(
+            "div",
+            {
+              className: "agent-timeline__station agent-timeline__station--terminus",
+              style: Pe(we(0, o)),
+              children: [
+                /* @__PURE__ */ n(
+                  "span",
+                  {
+                    className: "agent-timeline__station-node agent-timeline__station-node--terminus",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ n(E, { name: "arrow-right-from-line", size: 16, color: "currentColor" })
+                  }
+                ),
+                /* @__PURE__ */ n("span", { className: "agent-timeline__terminus-label", children: "Start" })
+              ]
+            }
+          ),
+          r.map((g, w) => {
+            const u = `action-${g.timestamp}-${w}`, b = d[w].leftPercent, k = g.type === "checklist-updated", O = g.type === "status-transition", F = k ? "checklist" : O ? "status" : "note";
+            return /* @__PURE__ */ c(
+              "div",
+              {
+                className: `agent-timeline__station agent-timeline__station--${F}`,
+                style: Pe(b, p.get(u) ?? 0),
+                children: [
+                  /* @__PURE__ */ c(
+                    "button",
+                    {
+                      type: "button",
+                      className: `agent-timeline__station-node agent-timeline__station-node--${F}`,
+                      "aria-label": `${Le(g.type)}: ${Le(g.entry)}`,
+                      children: [
+                        k && /* @__PURE__ */ n(E, { name: "check-solid", size: 16, color: "currentColor" }),
+                        O && /* @__PURE__ */ n(E, { name: "iteration-ccw", size: 16, color: "currentColor" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ c("div", { className: "agent-timeline__pill", role: "tooltip", children: [
+                    /* @__PURE__ */ n("strong", { className: "agent-timeline__pill-type", children: Le(g.type) }),
+                    /* @__PURE__ */ n("span", { className: "agent-timeline__pill-entry", children: Le(g.entry) }),
+                    /* @__PURE__ */ n("span", { className: "agent-timeline__pill-entry", children: qe(g.timestamp) })
+                  ] })
+                ]
+              },
+              u
+            );
+          }),
+          /* @__PURE__ */ c(
+            "div",
+            {
+              className: "agent-timeline__station agent-timeline__station--terminus",
+              style: Pe(we(o - 1, o)),
+              children: [
+                /* @__PURE__ */ n(
+                  "span",
+                  {
+                    className: "agent-timeline__station-node agent-timeline__station-node--terminus",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ n(E, { name: "flag", size: 16, color: "currentColor" })
+                  }
+                ),
+                /* @__PURE__ */ n("span", { className: "agent-timeline__terminus-label", children: "Finish" })
+              ]
+            }
+          ),
+          l.map((g, w) => {
+            const u = f[w].leftPercent;
+            return /* @__PURE__ */ c(
+              "div",
+              {
+                className: "agent-timeline__chat-station",
+                style: Pe(
+                  u,
+                  p.get(g.sessionId) ?? 0
+                ),
+                children: [
+                  /* @__PURE__ */ n(
+                    "button",
+                    {
+                      type: "button",
+                      className: "agent-timeline__chat-node",
+                      "aria-label": `Open chat session from ${qe(g.timestamp)}`,
+                      onClick: () => s(g.sessionId),
+                      children: /* @__PURE__ */ n(E, { name: "sparkles", size: 16, color: "currentColor" })
+                    }
+                  ),
+                  /* @__PURE__ */ c("div", { className: "agent-timeline__pill", role: "tooltip", children: [
+                    /* @__PURE__ */ n("strong", { className: "agent-timeline__pill-type", children: "Chat session" }),
+                    /* @__PURE__ */ n("span", { className: "agent-timeline__pill-entry", children: qe(g.timestamp) })
+                  ] })
+                ]
+              },
+              g.sessionId
+            );
+          })
+        ] })
+      ]
+    }
+  );
+}, pn = [
   "I'll get the details and come back to you",
   "Skip this for now"
-], xt = (e) => {
+], un = (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: j.agent,
+    author: ne.agent,
     text: t,
-    followUpPrompts: e.clarificationPrompts ?? Ot
+    followUpPrompts: e.clarificationPrompts ?? pn
   };
-}, pe = (e) => ({
+}, fe = (e) => ({
   id: e.id,
   text: e.text,
-  type: e.author === j.user ? ot : e.author === j.system ? it : ze,
+  type: e.author === ne.user ? xt : e.author === ne.system ? Dt : ct,
   ...e.followUpPrompts ? { followUpPrompts: e.followUpPrompts } : {}
 });
-class ue extends Error {
+class ve extends Error {
   constructor(t, a, s) {
     super(s ?? `Agent service request failed (${t})`), this.name = "AgentServiceError", this.status = t, this.detail = a;
   }
 }
-const Pt = "/api/v1", O = {
+const mn = "/api/v1", B = {
   agentDefinitions: "/agent-definitions",
   agents: "/agents",
+  conversations: "/conversations",
   tripOptions: "/trip-options",
   demoDataset: "/demo/dataset"
-}, x = {
+}, z = {
   GET: "GET",
   POST: "POST"
-}, Lt = {
+}, _n = {
   error: "error"
-}, Ut = {
+}, fn = {
   user: "user"
-}, ie = {
+}, ge = {
   acceptJson: "application/json",
   acceptEventStream: "text/event-stream",
   contentTypeJson: "application/json",
   arborApplicationUrl: "X-Arbor-Application-Url"
-}, $t = /:invocationId\b/g, Mt = (e) => e.trim().replace(/^Bearer\s+/i, ""), Dt = (e) => e.endsWith("/") ? e.slice(0, -1) : e;
-class je {
+}, vn = /:invocationId\b/g, wn = (e) => e.trim().replace(/^Bearer\s+/i, ""), yn = (e) => e.endsWith("/") ? e.slice(0, -1) : e;
+class We {
   constructor(t) {
     var s;
-    this.baseUrl = Dt(t.baseUrl ?? "");
+    this.baseUrl = yn(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);
+    this.token = a ? wn(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
@@ -797,34 +966,34 @@ class je {
   }
   async listAgentDefinitions() {
     return (await this.request(
-      x.GET,
-      this.resolveUrl("agentDefinitions", O.agentDefinitions)
+      z.GET,
+      this.resolveUrl("agentDefinitions", B.agentDefinitions)
     )).agent_definitions ?? [];
   }
   getAgentDefinition(t) {
     return this.request(
-      x.GET,
+      z.GET,
       this.apiUrl(
-        `${O.agentDefinitions}/${encodeURIComponent(t)}`
+        `${B.agentDefinitions}/${encodeURIComponent(t)}`
       )
     );
   }
   listTripOptions() {
     return this.request(
-      x.GET,
-      this.apiUrl(O.tripOptions)
+      z.GET,
+      this.apiUrl(B.tripOptions)
     );
   }
   getDataset() {
     return this.request(
-      x.GET,
-      this.apiUrl(O.demoDataset)
+      z.GET,
+      this.apiUrl(B.demoDataset)
     );
   }
   setDataset(t) {
     return this.request(
-      x.POST,
-      this.apiUrl(O.demoDataset),
+      z.POST,
+      this.apiUrl(B.demoDataset),
       { dataset: t }
     );
   }
@@ -833,120 +1002,140 @@ class je {
     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(
-      x.GET,
-      `${this.resolveUrl("agents", O.agents)}${s}`
+      z.GET,
+      `${this.resolveUrl("agents", B.agents)}${s}`
     );
   }
   createAgent(t, a = {}) {
-    var l, d;
+    var i, o;
     const s = {
       agent_definition_ref: t
-    }, 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),
+    }, r = (i = a.invocationName) == null ? void 0 : i.trim(), l = (o = a.agentIntent) == null ? void 0 : o.trim();
+    return r && (s.invocation_name = r), l && (s.agent_intent = l), this.request(
+      z.POST,
+      this.resolveUrl("agents", B.agents),
       s
     );
   }
   getAgent(t) {
     return this.request(
-      x.GET,
+      z.GET,
       this.resolveUrl(
         "agent",
-        `${O.agents}/${encodeURIComponent(t)}`,
+        `${B.agents}/${encodeURIComponent(t)}`,
         t
       )
     );
   }
   getAgentChecklist(t) {
     return this.request(
-      x.GET,
+      z.GET,
       this.resolveUrl(
         "agentChecklist",
-        `${O.agents}/${encodeURIComponent(t)}/checklist`,
+        `${B.agents}/${encodeURIComponent(t)}/checklist`,
         t
       )
     );
   }
   getAgentResources(t) {
     return this.request(
-      x.GET,
+      z.GET,
       this.resolveUrl(
         "agentResources",
-        `${O.agents}/${encodeURIComponent(t)}/resources`,
+        `${B.agents}/${encodeURIComponent(t)}/resources`,
+        t
+      )
+    );
+  }
+  getAgentTimeline(t) {
+    return this.request(
+      z.GET,
+      this.resolveUrl(
+        "agentTimeline",
+        `${B.agents}/${encodeURIComponent(t)}/agent-timeline`,
         t
       )
     );
   }
   getAgentContext(t) {
     return this.request(
-      x.GET,
+      z.GET,
       this.apiUrl(
-        `${O.agents}/${encodeURIComponent(t)}/context`
+        `${B.agents}/${encodeURIComponent(t)}/context`
       )
     );
   }
   cancelAgent(t) {
     return this.request(
-      x.POST,
+      z.POST,
       this.apiUrl(
-        `${O.agents}/${encodeURIComponent(t)}/cancel`
+        `${B.agents}/${encodeURIComponent(t)}/cancel`
       )
     );
   }
   archiveAgent(t) {
     return this.request(
-      x.POST,
+      z.POST,
       this.apiUrl(
-        `${O.agents}/${encodeURIComponent(t)}/archive`
+        `${B.agents}/${encodeURIComponent(t)}/archive`
+      )
+    );
+  }
+  getConversation(t) {
+    return this.request(
+      z.GET,
+      this.resolveUrl(
+        "agentConversation",
+        `${B.conversations}/${encodeURIComponent(t)}`,
+        t
       )
     );
   }
   // Streams a chat turn. Resolves with the final SSE event; `onEvent` fires
   // for every event as it arrives.
   async chat(t, a, s = {}) {
-    const r = !!(s.uploadFiles && s.uploadFiles.length > 0), c = await this.fetchImpl(
+    const r = !!(s.uploadFiles && s.uploadFiles.length > 0), l = await this.fetchImpl(
       this.resolveUrl(
         "agentChat",
-        `${O.agents}/${encodeURIComponent(t)}/chat`,
+        `${B.agents}/${encodeURIComponent(t)}/chat`,
         t
       ),
       {
-        method: x.POST,
+        method: z.POST,
         headers: {
           ...this.customHeaders,
           ...this.authHeaders(),
-          Accept: ie.acceptEventStream,
+          Accept: ge.acceptEventStream,
           // Let the browser set the multipart boundary when uploading.
-          ...r ? {} : { "Content-Type": ie.contentTypeJson }
+          ...r ? {} : { "Content-Type": ge.contentTypeJson }
         },
-        body: r ? Ft(a, s.uploadFiles ?? []) : JSON.stringify(a),
+        body: r ? kn(a, s.uploadFiles ?? []) : JSON.stringify(a),
         signal: s.signal
       }
     );
-    if (!c.ok)
-      throw await this.toError(c);
-    if (!c.body)
-      throw new ue(
-        c.status,
+    if (!l.ok)
+      throw await this.toError(l);
+    if (!l.body)
+      throw new ve(
+        l.status,
         null,
         "Chat response contained no stream body"
       );
-    return this.consumeSse(c.body, s.onEvent);
+    return this.consumeSse(l.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}${Pt}${t}`;
+    return `${this.baseUrl}${mn}${t}`;
   }
   // Resolves the URL for an operation, preferring a per-operation override
   // (with `:invocationId` substituted) and falling back to the base url.
   resolveUrl(t, a, s) {
     const r = this.urls[t];
     return r ? s ? r.replace(
-      $t,
+      vn,
       encodeURIComponent(s)
     ) : r : this.apiUrl(a);
   }
@@ -958,8 +1147,8 @@ class je {
         headers: {
           ...this.customHeaders,
           ...this.authHeaders(),
-          Accept: ie.acceptJson,
-          ...s === void 0 ? {} : { "Content-Type": ie.contentTypeJson }
+          Accept: ge.acceptJson,
+          ...s === void 0 ? {} : { "Content-Type": ge.contentTypeJson }
         },
         ...s === void 0 ? {} : { body: JSON.stringify(s) }
       }
@@ -975,7 +1164,7 @@ class je {
       a = await t.json();
     } catch {
     }
-    return new ue(
+    return new ve(
       t.status,
       a,
       `Agent service request failed (${t.status} ${t.statusText})`
@@ -983,44 +1172,44 @@ class je {
   }
   async consumeSse(t, a) {
     const s = t.getReader(), r = new TextDecoder();
-    let c = "", l;
-    const d = (w) => {
-      const { event: f, data: p } = Ht(w);
+    let l = "", i;
+    const o = (d) => {
+      const { event: f, data: p } = Nn(d);
       if (p === null)
         return;
-      if (f === Lt.error) {
-        const u = Ue(p);
-        throw new ue(
+      if (f === _n.error) {
+        const w = Ze(p);
+        throw new ve(
           502,
-          u,
-          (u == null ? void 0 : u.message) ?? "Chat stream error"
+          w,
+          (w == null ? void 0 : w.message) ?? "Chat stream error"
         );
       }
-      const _ = Ue(p);
-      _ && (l = _, a == null || a(_));
+      const g = Ze(p);
+      g && (i = g, a == null || a(g));
     };
     for (; ; ) {
-      const { done: w, value: f } = await s.read();
-      if (w)
+      const { done: d, value: f } = await s.read();
+      if (d)
         break;
-      c += r.decode(f, { stream: !0 });
-      const p = c.split(`
+      l += r.decode(f, { stream: !0 });
+      const p = l.split(`
 `);
-      c = p.pop() ?? "";
-      for (const _ of p)
-        d(_);
+      l = p.pop() ?? "";
+      for (const g of p)
+        o(g);
     }
-    if (c.trim() && d(c), !l)
-      throw new ue(
+    if (l.trim() && o(l), !i)
+      throw new ve(
         502,
         null,
         "Chat stream ended without any events"
       );
-    return l;
+    return i;
   }
 }
-const Ht = (e) => {
+const Nn = (e) => {
   let t = null;
   const a = [];
   for (const s of e.split(`
@@ -1033,136 +1222,75 @@ const Ht = (e) => {
     data: a.length > 0 ? a.join(`
 `) : null
   };
-}, Ue = (e) => {
+}, Ze = (e) => {
   try {
     return JSON.parse(e);
   } catch {
     return;
   }
 };
-function Ft(e, t) {
+function kn(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 $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 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 a = t.trim();
-    if (!a)
-      return [this.opening];
-    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(Bt(t)), phase: b.running };
-  }
-  sendMessage(t, a) {
-    return this.exchange(t, a);
-  }
-  async stop() {
-  }
-  seedChecklist(t) {
-    this.seededChecklist = t;
-  }
-  async exchange(t, a) {
-    var l;
-    const s = [
-      { 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 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: ((s = t == null ? void 0 : t.resolveOpeningMessage) == null ? void 0 : s.call(t, a)) ?? (t == null ? void 0 : t.openingMessage)
-  });
-}, Kt = (e) => {
+const An = (e) => {
   switch (e) {
-    case xe.cancelled:
-      return v.failed;
-    case xe.archived:
-      return v.complete;
-    case v.hitl:
-    case v.complete:
-    case v.failed:
-    case v["generating-a-response"]:
+    case Ye.cancelled:
+      return S.failed;
+    case Ye.archived:
+      return S.complete;
+    case S.hitl:
+    case S.complete:
+    case S.failed:
+    case S["generating-a-response"]:
       return e;
     default:
-      return v["generating-a-response"];
+      return S["generating-a-response"];
   }
-}, qt = (e) => {
+}, Cn = (e) => {
   switch (e) {
-    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"]:
+    case Ge.requires_attention:
+      return D.hitl;
+    case Ge.in_progress:
+    case Ge.available:
+      return D["generating-a-response"];
+    case D.failed:
+    case D.complete:
+    case D.hitl:
+    case D["generating-a-response"]:
       return e;
     default:
-      return S["generating-a-response"];
+      return D["generating-a-response"];
   }
-}, Wt = (e) => ({
+}, mt = (e) => ({
   ref: e.name,
   display_name: e.display_name,
   agent_intent: e.agent_intent ?? e.display_name,
   description: e.description
-}), fn = (e) => ({
+}), sa = (e) => ({
   id: e.id,
   name: e.name,
   ...e.has_run_before ? { hasRunBefore: e.has_run_before } : {}
-}), Jt = new Set(Object.values(re)), jt = (e) => e && Jt.has(e) ? e : re.LINK, Vt = (e) => ({
+}), Sn = new Set(Object.values(le)), bn = (e) => e && Sn.has(e) ? e : le.LINK, Tn = (e) => ({
   uri: e.uri ?? "",
-  type: jt(e.type),
+  type: bn(e.type),
   name: e.name ?? "",
   description: e.description ?? ""
-}), Ye = (e) => (Array.isArray(e) ? e : e.resources ?? []).map(Vt), De = (e) => {
+}), _t = (e) => (Array.isArray(e) ? e : e.resources ?? []).map(Tn), En = (e) => ({
+  actionLog: (e.action_log ?? []).map((t) => ({
+    timestamp: t.timestamp,
+    type: t.type,
+    entry: t.entry,
+    origin: t.origin
+  })),
+  chatSessions: (e.chat_sessions ?? []).map((t) => ({
+    sessionId: t.session_id,
+    timestamp: t.timestamp
+  }))
+}), et = (e) => {
   var a;
   const t = e.invocation_id ?? e.id;
   return {
@@ -1174,592 +1302,806 @@ const Ve = (e, t) => (a) => {
     application_id: e.application_id,
     ...e.application_name ? { application_name: e.application_name } : {},
     created_by: e.created_by,
-    status: Kt(e.status),
+    status: An(e.status),
     context_ref: e.context_ref ?? null,
     checklist_ref: e.checklist_ref ?? null
   };
-}, Qe = (e) => {
+}, ft = (e) => {
   var t;
   return {
-    task: e.task ?? e.name ?? e.label ?? ht,
-    status: qt(e.status),
+    task: e.task ?? e.name ?? e.label ?? zt,
+    status: Cn(e.status),
     description: e.description ?? "",
     ...e.prompt ? { prompt: e.prompt } : {},
     ...(t = e.follow_up_prompts) != null && t.length ? { clarificationPrompts: e.follow_up_prompts } : {}
   };
-}, 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;
+}, In = (e) => Array.isArray(e) ? e : e.checklist_items ?? e.checklist ?? e.items ?? [], vt = (e, t, a) => {
+  var l;
+  const s = !Array.isArray(t) && (t.opening_message || (l = t.opening_follow_up_prompts) != null && l.length) ? t : a, r = s ? $e(s) : void 0;
   return {
     invocation_id: e,
-    checklist: Yt(t).map(Qe),
+    checklist: In(t).map(ft),
     ...r ? { openingMessage: r } : {}
   };
-}, vn = (e, t) => {
-  const a = we(t);
+}, Rn = (e, t) => {
+  const a = $e(t);
   return {
     invocation_id: t.invocation_id ?? e,
-    checklist: (t.checklist_items ?? []).map(Qe),
+    checklist: (t.checklist_items ?? []).map(ft),
     ...a ? { openingMessage: a } : {}
   };
-}, we = (e) => {
+}, $e = (e) => {
   var a, s;
   const t = (a = e.opening_message) == null ? void 0 : a.trim();
   if (t)
     return {
-      id: Ke,
-      author: j.agent,
+      id: lt,
+      author: ne.agent,
       text: t,
       ...(s = e.opening_follow_up_prompts) != null && s.length ? { followUpPrompts: e.opening_follow_up_prompts } : {}
     };
-}, 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) => {
+}, On = (e) => e.filter(
+  (t) => (t.role === "user" || t.role === "assistant") && typeof t.content == "string" && t.content.length > 0 && t.message_type !== "tool_request"
+).map((t) => ({
+  id: t.message_id,
+  author: t.role === "user" ? ne.user : ne.agent,
+  text: t.content
+})), Ln = {
+  id: lt,
+  author: ne.agent,
+  text: "Type a question or upload a file. You can ask it how it's progressing, or send an instruction and it'll act on it."
+};
+let tt = 0;
+const Pn = (e) => (tt += 1, `${e}-${Date.now()}-${tt}`), xn = (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 Dn {
+  constructor(t, a, s = {}) {
+    this.seededChecklist = [], this.client = t, this.agentId = a, this.chatId = s.chatId ?? a, this.opening = s.openingMessage ?? Ln, this.model = s.model;
+  }
+  openingMessage() {
+    return this.opening;
+  }
+  async bootstrapConversation() {
+    const t = await this.client.getConversation(this.chatId), a = On(t.messages);
+    return a.length === 0 ? [this.opening] : a;
+  }
+  async start(t) {
+    return { ...await this.exchange(xn(t)), phase: L.running };
+  }
+  sendMessage(t, a) {
+    return this.exchange(t, a);
+  }
+  async stop() {
+  }
+  seedChecklist(t) {
+    this.seededChecklist = t;
+  }
+  async exchange(t, a) {
+    var i;
+    const s = [{ role: fn.user, content: t }], r = await this.client.chat(
+      this.agentId,
+      {
+        messages: s,
+        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 }] : []
+    ), l = {
+      id: r.event_id || Pn("msg-agent"),
+      author: ne.agent,
+      text: r.message.content,
+      ...(i = r.follow_up_prompts) != null && i.length ? { followUpPrompts: r.follow_up_prompts } : {}
+    };
+    try {
+      const o = await this.client.getAgent(this.agentId), { checklist: d } = Rn(this.agentId, o);
+      return this.seededChecklist = d, { message: l, checklist: d };
+    } catch {
+      return { message: l, ...this.seededChecklist.length ? { checklist: this.seededChecklist } : {} };
+    }
+  }
+}
+const wt = (e, t) => (a) => {
+  var s, r;
+  return new Dn(e, a.invocation_id, {
+    model: t == null ? void 0 : t.model,
+    chatId: ((s = t == null ? void 0 : t.resolveChatId) == null ? void 0 : s.call(t, a)) ?? (t == null ? void 0 : t.chatId) ?? a.invocation_id,
+    openingMessage: ((r = t == null ? void 0 : t.resolveOpeningMessage) == null ? void 0 : r.call(t, a)) ?? (t == null ? void 0 : t.openingMessage)
+  });
+}, yt = (e) => e instanceof ve ? e.message : e instanceof TypeError ? "Network error while contacting the agent service." : e instanceof Error && e.message ? e.message : gt, Mn = (e) => {
   const t = {};
   for (const a of e) {
-    const s = we(a);
+    const s = $e(a);
     if (!s)
       continue;
     const r = a.invocation_id ?? a.id;
     t[r] = s, t[a.id] = s;
   }
   return t;
-}, 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({
+}, $n = (e) => JSON.stringify(e), Ke = (e, t) => JSON.stringify(e) === JSON.stringify(t), Un = (e) => {
+  const { jwt: t, headers: a, urls: s } = e, r = JSON.stringify(a ?? {}), l = $n(s), i = q(
+    () => new We({
       token: t,
       headers: a,
       urls: s
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps -- keyed on serialised config to keep a stable client.
-    [t, c]
+    [t, l]
   );
-  Ge(() => {
-    l.setHeaders(a);
-  }, [l, r]);
-  const [d, w] = m([]), [f, p] = m(
+  it(() => {
+    i.setHeaders(a);
+  }, [i, r]);
+  const [o, d] = _([]), [f, p] = _(
     []
-  ), [_, u] = m({}), [C, R] = m("loading"), [y, A] = m(null), [k, $] = m(0);
-  G(() => {
+  ), [g, w] = _({}), [u, b] = _("loading"), [k, O] = _(null), [F, A] = _(0), P = T(
+    (N, I) => {
+      const H = N.map(et), Y = I.map(mt), $ = Mn(N);
+      d(
+        (U) => Ke(U, H) ? U : H
+      ), p(
+        (U) => Ke(U, Y) ? U : Y
+      ), w(
+        (U) => Ke(U, $) ? U : $
+      ), b("idle"), O(null);
+    },
+    []
+  );
+  J(() => {
     let N = !1;
-    return R("loading"), A(null), (async () => {
+    return b("loading"), O(null), (async () => {
       try {
-        const [I, D] = await Promise.all([
-          l.listAgents(),
-          l.listAgentDefinitions()
+        const [I, H] = await Promise.all([
+          i.listAgents(),
+          i.listAgentDefinitions()
         ]);
         if (N)
           return;
-        w(I.map(De)), p(D.map(Wt)), u(Xt(I)), R("idle");
+        P(I, H);
       } catch (I) {
         if (N)
           return;
-        w([]), p([]), u({}), R("error"), A(Qt(I));
+        d([]), p([]), w({}), b("error"), O(yt(I));
       }
     })(), () => {
       N = !0;
     };
-  }, [l, k]);
-  const V = T(() => {
-    $((N) => N + 1);
-  }, []), M = T(
+  }, [P, i, F]);
+  const j = T(() => {
+    A((N) => N + 1);
+  }, []), W = T(async () => {
+    try {
+      const [N, I] = await Promise.all([
+        i.listAgents(),
+        i.listAgentDefinitions()
+      ]);
+      P(N, I);
+    } catch {
+    }
+  }, [P, i]), M = T(
     async (N) => {
-      const [I, D] = await Promise.all([
-        l.getAgentChecklist(N),
-        l.getAgent(N).catch(() => null)
+      const [I, H] = await Promise.all([
+        i.getAgentChecklist(N),
+        i.getAgent(N).catch(() => null)
       ]);
-      return Xe(
+      return vt(
         N,
         I,
-        D ?? void 0
+        H ?? void 0
       );
     },
-    [l]
-  ), ee = T(
+    [i]
+  ), C = T(
     async (N) => {
-      const I = await l.getAgentResources(N);
-      return Ye(I);
+      const I = await i.getAgentResources(N);
+      return _t(I);
     },
-    [l]
-  ), te = T(
+    [i]
+  ), x = T(
     async ({
       definition: N,
       invocationName: I
     }) => {
-      const D = await l.createAgent(N.ref, {
+      const H = await i.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;
+      }), Y = await i.getAgent(H.id), $ = et(Y), U = $e(Y);
+      return d((G) => [$, ...G]), U && w((G) => ({
+        ...G,
+        [$.invocation_id]: U,
+        [$.id]: U
+      })), $;
     },
-    [l]
-  ), Y = U(
-    () => Ve(l, {
-      resolveOpeningMessage: (N) => _[N.invocation_id] ?? _[N.id]
+    [i]
+  ), Z = q(
+    () => wt(i, {
+      resolveOpeningMessage: (N) => g[N.invocation_id] ?? g[N.id]
     }),
-    [l, _]
+    [i, g]
   );
   return {
-    agents: d,
+    agents: o,
     agentDefinitions: f,
-    loadState: C,
-    loadError: y,
-    reload: V,
+    loadState: u,
+    loadError: k,
+    reload: j,
+    refresh: W,
     fetchAgentChecklist: M,
-    fetchAgentResources: ee,
-    createAgent: te,
-    chatConnector: Y
+    fetchAgentResources: C,
+    createAgent: x,
+    chatConnector: Z
   };
-}, 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({
+}, Fn = (e) => JSON.stringify(e), Hn = (e) => {
+  const { agent: t, jwt: a, headers: s, urls: r, chatId: l } = e, i = JSON.stringify(s ?? {}), o = Fn(r), d = q(
+    () => new We({
       token: a,
       headers: s,
       urls: {
         agent: r.agentUrl,
         agentChecklist: r.agentChecklistUrl,
         ...r.agentResourcesUrl ? { agentResources: r.agentResourcesUrl } : {},
-        agentChat: r.agentChatUrl
+        ...r.agentTimelineUrl ? { agentTimeline: r.agentTimelineUrl } : {},
+        agentChat: r.agentChatUrl,
+        agentConversation: r.agentConversationUrl
       }
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps -- keyed on serialised config to keep a stable client.
-    [a, l]
+    [a, o]
   );
-  Ge(() => {
+  it(() => {
     d.setHeaders(s);
-  }, [d, c]);
-  const w = T(
-    async (_) => {
-      const [u, C] = await Promise.all([
-        d.getAgentChecklist(_),
-        d.getAgent(_).catch(() => null)
+  }, [d, i]);
+  const f = T(
+    async (u) => {
+      const [b, k] = await Promise.all([
+        d.getAgentChecklist(u),
+        d.getAgent(u).catch(() => null)
       ]);
-      return Xe(
-        _,
+      return vt(
         u,
-        C ?? void 0
+        b,
+        k ?? void 0
       );
     },
     [d]
-  ), f = T(
-    async (_) => {
-      const u = await d.getAgentResources(_);
-      return Ye(u);
+  ), p = T(
+    async (u) => {
+      const b = await d.getAgentResources(u);
+      return _t(b);
+    },
+    [d]
+  ), g = T(
+    async (u) => {
+      const b = await d.getAgentTimeline(u);
+      return En(b);
     },
     [d]
   );
   return {
-    connector: U(
-      () => Ve(d)(t),
-      [d, t]
+    connector: q(
+      () => wt(d, {
+        chatId: l ?? t.invocation_id
+      })(t),
+      // Key on invocation/chat ids so a new Agent object reference does not rebuild the connector.
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [d, t.invocation_id, l]
     ),
-    fetchAgentChecklist: w,
-    fetchAgentResources: f
+    fetchAgentChecklist: f,
+    fetchAgentResources: p,
+    fetchAgentTimeline: g
   };
-}, an = (e, t) => {
+}, Bn = (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) => {
+}, zn = (e) => {
   switch (e) {
-    case v.failed:
-      return b.stopped;
-    case v.complete:
-      return b.complete;
+    case S.failed:
+      return L.stopped;
+    case S.complete:
+      return L.complete;
     default:
-      return b.running;
+      return L.running;
   }
-}, He = (e, t) => {
-  t([pe(e)]);
-}, rn = ({
+}, nt = (e, t) => {
+  t([fe(e)]);
+}, Gn = ({
   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
+  agentUrl: l,
+  agentChecklistUrl: i,
+  agentResourcesUrl: o,
+  agentTimelineUrl: d,
+  agentChatUrl: f,
+  agentConversationUrl: p,
+  chatId: g,
+  enableUpload: w,
+  initialBrief: u,
+  initialPhase: b,
+  initialChecklist: k
 }) => {
-  const { connector: C, fetchAgentChecklist: R, fetchAgentResources: y } = nn({
+  const [O, F] = _(g ?? e.invocation_id), [A, P] = _("chat"), [j, W] = _(!1), { connector: M, fetchAgentChecklist: C, fetchAgentResources: x, fetchAgentTimeline: Z } = Hn({
     agent: e,
     jwt: s,
     headers: r,
+    chatId: O,
     urls: {
-      agentUrl: c,
-      agentChecklistUrl: l,
-      agentResourcesUrl: d,
-      agentChatUrl: w
+      agentUrl: l,
+      agentChecklistUrl: i,
+      agentResourcesUrl: o,
+      agentTimelineUrl: d,
+      agentChatUrl: f,
+      agentConversationUrl: p
     }
-  }), 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)
+  }), N = Et(M), [I, H] = _(
+    b ?? (u ? L.running : zn(e.status))
+  ), [Y, $] = _([]), [U, G] = _(0), [Ne, Ue] = _(), [he, ae] = _(null), [Fe, oe] = _([]), [He, pe] = _(!1), [re, ue] = _(null), [ke, Ae] = _(null), [Ce, Se] = _(!1), [be, Te] = _(null), [Ee, me] = _(k ?? null), [Be, Ie] = _(!1), [Re, _e] = _(null), [h, y] = _(!1), [v, K] = _(!1), [ee, ce] = _(!1);
+  J(() => {
+    N.current = M;
+  }, [M]), J(() => {
+    F(g ?? e.invocation_id), P("chat"), W(!1), $([]), G((m) => m + 1);
+  }, [e.invocation_id, g]), J(() => {
+    if (!t || u)
       return;
-    const o = A.current.bootstrapConversation;
-    if (!o) {
-      He(
-        A.current.openingMessage(),
-        M
-      );
+    const m = N.current.bootstrapConversation;
+    if (!m) {
+      nt(N.current.openingMessage(), $);
       return;
     }
-    q.current = !0;
-    let g = !1;
-    return ne(!0), (async () => {
+    let R = !1;
+    return y(!0), (async () => {
       try {
-        const h = await o.call(A.current);
-        if (g)
+        const te = await m.call(N.current);
+        if (R)
           return;
-        M(h.map(pe));
+        $(te.map(fe));
       } catch {
-        g || He(
-          A.current.openingMessage(),
-          M
-        );
+        R || nt(N.current.openingMessage(), $);
       } finally {
-        g || ne(!1);
+        R || y(!1);
       }
     })(), () => {
-      g = !0;
+      R = !0;
     };
-  }, [t, p, e.invocation_id, C]);
-  const Se = T((o) => {
-    o.checklist && K(o.checklist), o.phase && $(o.phase);
+  }, [t, u, e.invocation_id, O]);
+  const ie = T((m) => {
+    m.checklist && me(m.checklist), m.phase && H(m.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)
+  J(() => {
+    var m, R;
+    !t || u || k && k.length > 0 && ((R = (m = N.current).seedChecklist) == null || R.call(m, k));
+  }, [t, u, k]), J(() => {
+    if (!t || u)
       return;
-    let o = !1;
-    return le(!(u != null && u.length)), de(null), (async () => {
-      var g, h;
+    let m = !1;
+    return Ie(!(k != null && k.length)), _e(null), (async () => {
+      var R, te;
       try {
-        const L = await R(e.invocation_id);
-        if (o)
+        const Ve = await C(e.invocation_id);
+        if (m)
           return;
-        u != null && u.length || (K(L.checklist), (h = (g = A.current).seedChecklist) == null || h.call(g, L.checklist));
+        k != null && k.length || (me(Ve.checklist), (te = (R = N.current).seedChecklist) == null || te.call(R, Ve.checklist));
       } catch {
-        !o && !(u != null && u.length) && de(Ee);
+        !m && !(k != null && k.length) && _e(xe);
       } finally {
-        o || le(!1);
+        m || Ie(!1);
       }
     })(), () => {
-      o = !0;
+      m = !0;
     };
-  }, [
-    t,
-    e.invocation_id,
-    p,
-    u,
-    R
-  ]), G(() => {
+  }, [t, e.invocation_id, u, k, C]), J(() => {
+    if (!t || !o)
+      return;
+    let m = !1;
+    return pe(!0), ue(null), (async () => {
+      try {
+        const R = await x(e.invocation_id);
+        m || oe(R);
+      } catch {
+        m || ue(Ht);
+      } finally {
+        m || pe(!1);
+      }
+    })(), () => {
+      m = !0;
+    };
+  }, [t, e.invocation_id, o, x]), J(() => {
     if (!t || !d)
       return;
-    let o = !1;
-    return z(!0), X(null), (async () => {
+    let m = !1;
+    return Se(!0), Te(null), (async () => {
       try {
-        const g = await y(
-          e.invocation_id
-        );
-        o || P(g);
+        const R = await Z(e.invocation_id);
+        m || Ae(R);
       } catch {
-        o || X(pt);
+        m || Te(dt);
       } finally {
-        o || z(!1);
+        m || Se(!1);
       }
     })(), () => {
-      o = !0;
+      m = !0;
     };
-  }, [t, e.invocation_id, d, y]), G(() => {
-    if (!t || !p || q.current)
+  }, [t, e.invocation_id, d, Z]), J(() => {
+    if (!t || !u)
       return;
-    q.current = !0;
-    const o = {
+    let m = !1;
+    const R = {
       id: `user-brief-${Date.now()}`,
-      author: j.user,
-      text: an(p, e.invocation_name)
+      author: ne.user,
+      text: Bn(u, 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,
+    return (async () => {
+      const te = await N.current.start(u);
+      m || ($([
+        fe(N.current.openingMessage()),
+        fe(R),
+        fe(te.message)
+      ]), te.checklist && me(te.checklist), H(te.phase ?? L.running));
+    })(), () => {
+      m = !0;
+    };
+  }, [t, u, e.invocation_name, e.invocation_id]);
+  const Oe = T((m) => {
+    ae(un(m));
+  }, []), kt = T((m) => {
+    F(m), W(!0), P("chat"), $([]), G((R) => R + 1);
+  }, []), At = T(() => {
+    P("timeline"), W(!1), F(g ?? e.invocation_id), $([]), G((m) => m + 1);
+  }, [e.invocation_id, g]), Ct = T((m) => {
+    ae(null), Ue(m), G((R) => R + 1);
+  }, []), St = T(async () => {
+    await N.current.stop(), H(L.stopped);
+  }, []), bt = Ee;
+  return /* @__PURE__ */ c(se, { open: t, closeHandler: a, hideCloseButton: !0, className: "agent-workspace", children: [
+    /* @__PURE__ */ c(se.Header, { className: "agent-workspace__header", children: [
+      /* @__PURE__ */ c("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(se.Title, { children: e.invocation_name }),
+        /* @__PURE__ */ n(
+          "span",
           {
-            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
-                }
-              )
-            ]
+            className: V("agent-workspace__phase", `agent-workspace__phase--${I}`),
+            children: Gt[I]
           }
         )
-      ]
-    }
-  );
-}, on = ({
+      ] }),
+      /* @__PURE__ */ c("div", { className: "agent-workspace__header-actions", children: [
+        /* @__PURE__ */ n(
+          Q,
+          {
+            variant: "tertiary",
+            size: "S",
+            iconLeftName: "clipboard-list",
+            iconLeftScreenReaderText: "Toggle checklist",
+            "aria-pressed": !ee,
+            onClick: () => ce((m) => !m),
+            children: "Checklist"
+          }
+        ),
+        /* @__PURE__ */ n(
+          Q,
+          {
+            variant: "tertiary",
+            size: "S",
+            iconLeftName: "files",
+            iconLeftScreenReaderText: "Toggle resources",
+            "aria-pressed": !v,
+            onClick: () => K((m) => !m),
+            children: "Resources"
+          }
+        ),
+        /* @__PURE__ */ n(
+          Q,
+          {
+            variant: "secondary",
+            size: "S",
+            iconLeftName: "x",
+            iconLeftScreenReaderText: "Close",
+            onClick: a,
+            children: "Close"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ c(
+      se.Body,
+      {
+        className: V("agent-workspace__body", {
+          "agent-workspace__body--no-left": ee,
+          "agent-workspace__body--no-right": v
+        }),
+        children: [
+          !ee && /* @__PURE__ */ n(
+            tn,
+            {
+              checklist: bt,
+              isLoading: Be,
+              error: Re,
+              phase: I,
+              canRequestInput: I === L.running && !h,
+              onStop: () => void St(),
+              onAttentionItemClick: Oe
+            }
+          ),
+          /* @__PURE__ */ c(
+            "section",
+            {
+              className: V("agent-workspace__panel", "agent-workspace__panel--chat", {
+                "agent-workspace__panel--timeline": !!d && A === "timeline"
+              }),
+              "aria-label": "Agent conversation",
+              children: [
+                d && /* @__PURE__ */ c(ze, { className: "agent-workspace__center-tabs", "aria-label": "Center panel", children: [
+                  /* @__PURE__ */ n(
+                    ze.Item,
+                    {
+                      active: A === "chat",
+                      tabElementProps: {
+                        id: "agent-center-tab-chat",
+                        onClick: () => P("chat")
+                      },
+                      children: "Chat"
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    ze.Item,
+                    {
+                      active: A === "timeline",
+                      tabElementProps: {
+                        id: "agent-center-tab-timeline",
+                        onClick: () => P("timeline")
+                      },
+                      children: "Timeline"
+                    }
+                  )
+                ] }),
+                d && A === "chat" && j && /* @__PURE__ */ n("div", { className: "agent-workspace__center-back", children: /* @__PURE__ */ n(
+                  Q,
+                  {
+                    variant: "tertiary",
+                    size: "S",
+                    iconLeftName: "arrow-left",
+                    iconLeftScreenReaderText: "Back to timeline",
+                    onClick: At,
+                    children: "Back to timeline"
+                  }
+                ) }),
+                !d || A === "chat" ? /* @__PURE__ */ n(
+                  en,
+                  {
+                    connector: M,
+                    phase: I,
+                    chatHistory: Y,
+                    chatSessionKey: U,
+                    startQuery: Ne,
+                    clarificationMessage: he,
+                    enableUpload: w,
+                    onTurn: ie,
+                    onAwaitingChange: y,
+                    onClarificationPrompt: Ct,
+                    onDismissClarification: () => ae(null)
+                  }
+                ) : /* @__PURE__ */ n(
+                  hn,
+                  {
+                    timeline: ke,
+                    isLoading: Ce,
+                    error: be,
+                    onOpenChatSession: kt
+                  }
+                )
+              ]
+            }
+          ),
+          !v && /* @__PURE__ */ n(
+            an,
+            {
+              resources: Fe,
+              isLoading: He,
+              error: re
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, qn = "Unable to load agent definitions. Please try again.", Kn = "Unable to start the agent.", at = "Loading agents…", Nt = ({
   open: e,
   onClose: t,
   onStart: a,
-  agentDefinitions: s
+  agentDefinitions: s,
+  definitionsState: r = "idle",
+  definitionsError: l = null,
+  onRetryDefinitions: i,
+  embedded: o = !1
 }) => {
-  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
+  const d = s[0], [f, p] = _(d), [g, w] = _(""), [u, b] = _(!1), [k, O] = _(null), F = [...s].sort((C, x) => C.agent_intent.localeCompare(x.agent_intent)).map((C) => ({
+    value: C.ref,
+    label: C.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($);
+  J(() => {
+    e && (p(d), w(""), b(!1), O(null));
+  }, [e, d]);
+  const A = f !== void 0 && g.trim().length > 0, P = T(
+    (C) => {
+      const x = s.find((Z) => Z.ref === C[0]);
+      x && p(x);
     },
     [s]
-  ), A = T(async () => {
-    if (!(!c || !R || f)) {
-      p(!0), u(null);
+  ), j = T(async () => {
+    if (!(!f || !A || u)) {
+      b(!0), O(null);
       try {
-        await a({ definition: c, invocationName: d.trim() });
-      } catch (k) {
-        u(
-          k instanceof Error ? k.message : "Unable to start the agent."
-        );
+        await a({ definition: f, invocationName: g.trim() });
+      } catch (C) {
+        O(C instanceof Error ? C.message : Kn);
       } finally {
-        p(!1);
+        b(!1);
       }
     }
-  }, [R, c, d, f, a]);
-  return !c || s.length === 0 ? null : /* @__PURE__ */ i(
-    W,
+  }, [A, f, g, u, a]);
+  if (r === "idle" && s.length === 0 || !e)
+    return null;
+  const W = /* @__PURE__ */ c("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 }) }),
+    o ? /* @__PURE__ */ n("h2", { className: "new-agent__title", children: "Start an agent" }) : /* @__PURE__ */ n(se.Title, { children: "Start an agent" })
+  ] });
+  let M;
+  return r === "loading" ? M = /* @__PURE__ */ c("div", { className: "new-agent__state", "aria-live": "polite", children: [
+    /* @__PURE__ */ n(
+      E,
+      {
+        name: "loader",
+        size: 24,
+        color: "var(--color-brand-600)",
+        className: "new-agent__spinner",
+        screenReaderText: at
+      }
+    ),
+    /* @__PURE__ */ n("p", { className: "new-agent__state-message", children: at })
+  ] }) : r === "error" ? M = /* @__PURE__ */ c("div", { className: "new-agent__state new-agent__state--error", role: "alert", children: [
+    /* @__PURE__ */ n(E, { name: "triangle-alert", size: 24, color: "var(--color-semantic-destructive-600)" }),
+    /* @__PURE__ */ n("p", { className: "new-agent__state-message", children: l ?? qn }),
+    i ? /* @__PURE__ */ n(Q, { variant: "secondary", size: "S", onClick: i, children: "Try again" }) : null
+  ] }) : f ? M = /* @__PURE__ */ c(
+    "form",
     {
-      open: e,
-      closeHandler: t,
-      className: "new-agent",
+      className: "new-agent__form",
+      "aria-label": "Start an agent",
+      onSubmit: (C) => {
+        C.preventDefault(), A && !u && j();
+      },
       children: [
-        /* @__PURE__ */ n(W.Header, { className: "new-agent__header", children: /* @__PURE__ */ i("div", { className: "new-agent__header-title", children: [
+        /* @__PURE__ */ c("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(
-            "span",
+            It,
             {
-              className: "new-agent__header-avatar",
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ n(E, { name: "ask-arbor", size: 24 })
+              id: "new-agent-type",
+              placeholder: "Choose an intent",
+              options: F,
+              selectedValues: [f.ref],
+              onSelectionChange: P
             }
           ),
-          /* @__PURE__ */ n(W.Title, { children: "Start an agent" })
-        ] }) }),
-        /* @__PURE__ */ n(W.Body, { className: "new-agent__body", children: /* @__PURE__ */ i(
-          "form",
+          /* @__PURE__ */ n("p", { className: "new-agent__type-description", children: f.description })
+        ] }),
+        /* @__PURE__ */ c("div", { className: "new-agent__type-field", children: [
+          /* @__PURE__ */ n("label", { className: "new-agent__type-label", htmlFor: "new-agent-invocation-name", children: "Name" }),
+          /* @__PURE__ */ n(
+            Rt,
+            {
+              id: "new-agent-invocation-name",
+              value: g,
+              placeholder: "e.g. Test with memory3",
+              onChange: (C) => w(C.target.value)
+            }
+          )
+        ] }),
+        k ? /* @__PURE__ */ n("p", { className: "new-agent__error", role: "alert", children: k }) : null,
+        /* @__PURE__ */ n("div", { className: "new-agent__actions", children: /* @__PURE__ */ n(
+          Q,
           {
-            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"
-                }
-              ) })
-            ]
+            type: "submit",
+            variant: "primary",
+            disabled: !A || u,
+            iconLeftName: u ? "loader" : "sparkles",
+            iconLeftScreenReaderText: u ? "Starting" : void 0,
+            children: u ? "Starting…" : "Start"
           }
         ) })
       ]
     }
+  ) : M = null, o ? /* @__PURE__ */ c("div", { className: V("new-agent", "new-agent--embedded"), children: [
+    /* @__PURE__ */ n("div", { className: "new-agent__header", children: W }),
+    /* @__PURE__ */ n("div", { className: "new-agent__body", children: M })
+  ] }) : /* @__PURE__ */ c(se, { open: e, closeHandler: t, className: "new-agent", children: [
+    /* @__PURE__ */ n(se.Header, { className: "new-agent__header", children: W }),
+    /* @__PURE__ */ n(se.Body, { className: "new-agent__body", children: M })
+  ] });
+}, st = (e) => {
+  window.location.assign(e);
+}, Jn = ({
+  open: e,
+  authToken: t,
+  headers: a,
+  agentDefinitionsUrl: s,
+  agentsUrl: r,
+  closeUrl: l,
+  successUrl: i,
+  onClose: o,
+  onStart: d,
+  embedded: f = !1
+}) => {
+  const p = JSON.stringify(a ?? {}), g = q(
+    () => new We({
+      token: t,
+      headers: a,
+      urls: {
+        agentDefinitions: s,
+        agents: r
+      }
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- keyed on serialised config to keep a stable client.
+    [t, s, r, p]
+  ), [w, u] = _([]), [b, k] = _("loading"), [O, F] = _(null), [A, P] = _(0);
+  J(() => {
+    if (!e)
+      return;
+    let C = !1;
+    return k("loading"), F(null), (async () => {
+      try {
+        const x = await g.listAgentDefinitions();
+        if (C)
+          return;
+        u(x.map(mt)), k("idle");
+      } catch (x) {
+        if (C)
+          return;
+        u([]), F(yt(x)), k("error");
+      }
+    })(), () => {
+      C = !0;
+    };
+  }, [g, e, A]);
+  const j = T(() => {
+    o == null || o(), l && st(l);
+  }, [l, o]), W = T(
+    async (C) => {
+      await g.createAgent(C.definition.ref, {
+        invocationName: C.invocationName
+      }), d == null || d(C), i && st(i);
+    },
+    [g, d, i]
+  ), M = T(() => {
+    P((C) => C + 1);
+  }, []);
+  return /* @__PURE__ */ n(
+    Nt,
+    {
+      open: e,
+      onClose: j,
+      onStart: W,
+      agentDefinitions: w,
+      definitionsState: b,
+      definitionsError: O,
+      onRetryDefinitions: M,
+      embedded: f
+    }
   );
-}, 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(
+}, Wn = (e) => "agentDefinitionsUrl" in e, Vn = (e) => Wn(e) ? /* @__PURE__ */ n(Jn, { ...e }) : /* @__PURE__ */ n(Nt, { ...e }), jn = (e) => e !== void 0 && e.some((t) => t.status === D.hitl), Yn = (e, t) => jn(t) ? S.hitl : e.status, Xn = ({ 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: H({
+    className: V({
       "agent-view__progress-icon--spinning": e.statusIcon.spin
     }),
     screenReaderText: t
@@ -1767,42 +2109,42 @@ const Ve = (e, t) => (a) => {
 ) }) : /* @__PURE__ */ n(
   "span",
   {
-    className: H("agent-view__dot", {
+    className: V("agent-view__dot", {
       [`agent-view__dot--${e.dotModifier}`]: e.dotModifier
     }),
-    children: /* @__PURE__ */ n(Be, { colour: e.dotColour, label: t })
+    children: /* @__PURE__ */ n(ot, { colour: e.dotColour, label: t })
   }
-), gn = ({
+), Qn = ({
   agent: e,
   agentName: t,
   column: a,
   isExpanded: s,
   isLoading: r,
-  checklist: c,
-  error: l,
-  onToggle: d,
-  onViewAgent: w
+  checklist: l,
+  error: i,
+  onToggle: o,
+  onViewAgent: d
 }) => {
-  const { id: f, invocation_name: p } = e, _ = `agent-card-${f}-header`, u = `agent-card-${f}-progress`;
+  const { id: f, invocation_name: p } = e, g = `agent-card-${f}-header`, w = `agent-card-${f}-progress`;
   return /* @__PURE__ */ n(
     "li",
     {
-      className: H("agent-view__card", {
+      className: V("agent-view__card", {
         "agent-view__card--expanded": s
       }),
-      children: /* @__PURE__ */ i(at, { spacing: "dense", children: [
+      children: /* @__PURE__ */ c(Ot, { spacing: "dense", children: [
         /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             className: "agent-view__card-toggle",
             "aria-expanded": s,
-            "aria-controls": u,
+            "aria-controls": w,
             "aria-label": p,
-            id: _,
-            onClick: () => d(f),
-            children: /* @__PURE__ */ i("div", { className: "agent-view__card-content", children: [
-              /* @__PURE__ */ n(dn, { column: a }),
+            id: g,
+            onClick: () => o(f),
+            children: /* @__PURE__ */ c("div", { className: "agent-view__card-content", children: [
+              /* @__PURE__ */ n(Xn, { 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(
@@ -1816,14 +2158,14 @@ const Ve = (e, t) => (a) => {
             ] })
           }
         ),
-        s && /* @__PURE__ */ i(
+        s && /* @__PURE__ */ c(
           "div",
           {
-            id: u,
-            "aria-labelledby": _,
+            id: w,
+            "aria-labelledby": g,
             className: "agent-view__card-progress",
             children: [
-              r && /* @__PURE__ */ i("div", { className: "agent-view__progress-loading", "aria-live": "polite", children: [
+              r && /* @__PURE__ */ c("div", { className: "agent-view__progress-loading", "aria-live": "polite", children: [
                 /* @__PURE__ */ n(
                   E,
                   {
@@ -1831,14 +2173,14 @@ const Ve = (e, t) => (a) => {
                     size: 16,
                     color: "var(--color-brand-600)",
                     className: "agent-view__progress-icon--spinning",
-                    screenReaderText: oe
+                    screenReaderText: de
                   }
                 ),
-                /* @__PURE__ */ n("span", { children: oe })
+                /* @__PURE__ */ n("span", { children: de })
               ] }),
-              !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: [
+              !r && i && /* @__PURE__ */ n("p", { className: "agent-view__progress-error", role: "alert", children: i }),
+              !r && !i && l !== null && /* @__PURE__ */ n(Xt, { checklist: l }),
+              !r && !i && l === null && /* @__PURE__ */ c("div", { className: "agent-view__progress-loading", "aria-live": "polite", children: [
                 /* @__PURE__ */ n(
                   E,
                   {
@@ -1846,17 +2188,17 @@ const Ve = (e, t) => (a) => {
                     size: 16,
                     color: "var(--color-brand-600)",
                     className: "agent-view__progress-icon--spinning",
-                    screenReaderText: oe
+                    screenReaderText: de
                   }
                 ),
-                /* @__PURE__ */ n("span", { children: oe })
+                /* @__PURE__ */ n("span", { children: de })
               ] }),
               /* @__PURE__ */ n("div", { className: "agent-view__card-actions", children: /* @__PURE__ */ n(
-                J,
+                Q,
                 {
                   variant: "secondary",
                   size: "S",
-                  onClick: () => w == null ? void 0 : w(e),
+                  onClick: () => d == null ? void 0 : d(e),
                   children: "View agent"
                 }
               ) })
@@ -1866,218 +2208,239 @@ const Ve = (e, t) => (a) => {
       ] })
     }
   );
-}, Fe = ({
+}, rt = ({
   column: e,
   agents: t,
   expandedAgentId: a,
   loadingAgentId: s,
   checklistByInvocationId: r,
-  errorByAgentId: c,
-  definitionNameByRef: l,
-  onToggleAgent: d,
-  onViewAgent: w,
+  errorByAgentId: l,
+  definitionNameByRef: i,
+  onToggleAgent: o,
+  onViewAgent: d,
   isSplit: f = !1
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ c(
   "section",
   {
-    className: H("agent-view__column", {
+    className: V("agent-view__column", {
       "agent-view__column--split": f
     }),
     "aria-label": e.title,
     children: [
-      /* @__PURE__ */ i("div", { className: "agent-view__column-header", children: [
-        /* @__PURE__ */ n(he, { level: 4, children: e.title }),
+      /* @__PURE__ */ c("div", { className: "agent-view__column-header", children: [
+        /* @__PURE__ */ n(ye, { level: 4, children: e.title }),
         /* @__PURE__ */ n("span", { className: "agent-view__column-count", children: t.length })
       ] }),
       /* @__PURE__ */ n("ul", { className: "agent-view__card-list", children: t.map((p) => /* @__PURE__ */ n(
-        gn,
+        Qn,
         {
           agent: p,
-          agentName: Ie(p, l),
+          agentName: Je(p, i),
           column: e,
           isExpanded: a === p.id,
           isLoading: s === p.id,
           checklist: r[p.invocation_id] ?? null,
-          error: c[p.id] ?? null,
-          onToggle: d,
-          onViewAgent: w
+          error: l[p.id] ?? null,
+          onToggle: o,
+          onViewAgent: d
         },
         p.id
       )) })
     ]
   }
-), Ie = (e, t) => t.get(e.agent_definition_ref) ?? e.agent_definition_ref.replace(/_/g, " "), wn = ({
+), Je = (e, t) => t.get(e.agent_definition_ref) ?? e.agent_definition_ref.replace(/_/g, " "), ra = ({
   jwt: e,
   headers: t,
   agentDefinitionsUrl: a,
   agentsUrl: s,
   agentUrl: r,
-  agentChecklistUrl: c,
-  agentResourcesUrl: l,
+  agentChecklistUrl: l,
+  agentResourcesUrl: i,
+  agentTimelineUrl: o,
   agentChatUrl: d,
-  enableUpload: w,
-  institutions: f
+  agentConversationUrl: f,
+  enableUpload: p,
+  showHeader: g = !1,
+  institutions: w
 }) => {
-  var fe;
-  const p = U(
+  var _e;
+  const u = q(
     () => ({
       agentDefinitions: a,
       agents: s,
       agent: r,
-      agentChecklist: c,
-      ...l ? { agentResources: l } : {},
-      agentChat: d
+      agentChecklist: l,
+      ...i ? { agentResources: i } : {},
+      ...o ? { agentTimeline: o } : {},
+      agentChat: d,
+      agentConversation: f
     }),
     [
       a,
       s,
       r,
-      c,
       l,
-      d
+      i,
+      o,
+      d,
+      f
     ]
-  ), [_, 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])
+  ), [b, k] = _(null), O = b ? (_e = w == null ? void 0 : w.find(
+    (h) => h.applicationId === b.application_id
+  )) == null ? void 0 : _e.applicationUrl : void 0, F = q(() => {
+    const h = { ...t ?? {} };
+    return O ? h[ge.arborApplicationUrl] = O : delete h[ge.arborApplicationUrl], h;
+  }, [t, O]), {
+    agents: A,
+    agentDefinitions: P,
+    loadState: j,
+    loadError: W,
+    reload: M,
+    refresh: C,
+    fetchAgentChecklist: x,
+    createAgent: Z
+  } = Un({ jwt: e, headers: F, urls: u }), [N, I] = _(!1), [H, Y] = _(null), [$, U] = _(null), [G, Ne] = _({}), [Ue, he] = _({}), [ae, Fe] = _([]), [oe, He] = _([]), pe = q(() => {
+    const h = new Set(A.map((v) => v.application_id)), y = new Map(
+      (w ?? []).map((v) => [v.applicationId, v.name])
     );
-    return [...o].sort(
-      (h, L) => (g.get(h) ?? h).localeCompare(g.get(L) ?? L)
-    ).map((h) => ({
-      value: h,
-      label: g.get(h) ?? h
+    return [...h].sort(
+      (v, K) => (y.get(v) ?? v).localeCompare(y.get(K) ?? K)
+    ).map((v) => ({
+      value: v,
+      label: y.get(v) ?? v
     }));
-  }, [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)
+  }, [A, w]), re = q(
+    () => new Map(P.map((h) => [h.ref, h.display_name])),
+    [P]
+  ), ue = q(() => [...new Set(
+    A.map((y) => Je(y, re))
+  )].sort((y, v) => y.localeCompare(v)).map((y) => ({
+    value: y,
+    label: y
+  })), [A, re]), ke = q(() => A.filter((h) => !(ae.length > 0 && !ae.includes(h.application_id) || oe.length > 0 && !oe.includes(Je(h, re)))), [A, re, oe, ae]), Ae = pe.length > 1, Ce = ue.length > 1, Se = Ae || Ce;
+  J(() => {
+    const h = window.setInterval(() => {
+      C();
+    }, 6e4);
+    return () => {
+      window.clearInterval(h);
+    };
+  }, [C]), J(() => {
+    if (A.length === 0)
       return;
-    let o = !1;
+    let h = !1;
     return (async () => {
-      const g = await Promise.allSettled(
-        y.map(async (h) => {
-          const L = await M(h.invocation_id);
+      const y = await Promise.allSettled(
+        A.map(async (v) => {
+          const K = await x(v.invocation_id);
           return {
-            agentId: h.id,
-            invocationId: h.invocation_id,
-            checklist: L.checklist
+            agentId: v.id,
+            invocationId: v.invocation_id,
+            checklist: K.checklist
           };
         })
       );
-      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;
+      h || (Ne((v) => {
+        const K = { ...v };
+        let ee = !1;
+        for (const ce of y) {
+          if (ce.status !== "fulfilled")
+            continue;
+          const { invocationId: ie, checklist: Oe } = ce.value;
+          JSON.stringify(v[ie]) !== JSON.stringify(Oe) && (K[ie] = Oe, ee = !0);
+        }
+        return ee ? K : v;
+      }), he((v) => {
+        const K = { ...v };
+        let ee = !1;
+        return y.forEach((ce, ie) => {
+          ce.status === "rejected" && K[A[ie].id] !== xe && (K[A[ie].id] = xe, ee = !0);
+        }), ee ? K : v;
       }));
     })(), () => {
-      o = !0;
+      h = !0;
     };
-  }, [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;
+  }, [A, x]);
+  const be = T(
+    async (h) => {
+      if (!G[h.invocation_id]) {
+        U(h.id), he((y) => {
+          const v = { ...y };
+          return delete v[h.id], v;
         });
         try {
-          const g = await M(o.invocation_id);
-          B((h) => ({
-            ...h,
-            [o.invocation_id]: g.checklist
+          const y = await x(h.invocation_id);
+          Ne((v) => ({
+            ...v,
+            [h.invocation_id]: y.checklist
           }));
         } catch {
-          ce((g) => ({
-            ...g,
-            [o.id]: Ee
+          he((y) => ({
+            ...y,
+            [h.id]: xe
           }));
         } finally {
-          Q((g) => g === o.id ? null : g);
+          U((y) => y === h.id ? null : y);
         }
       }
     },
-    [M, P]
-  ), Ae = T(
-    (o) => {
-      if (N === o) {
-        I(null);
+    [x, G]
+  ), Te = T(
+    (h) => {
+      if (H === h) {
+        Y(null);
         return;
       }
-      const g = y.find(({ id: h }) => h === o);
-      g && (I(o), se(g));
+      const y = A.find(({ id: v }) => v === h);
+      y && (Y(h), be(y));
     },
-    [y, N, se]
-  ), q = U(() => {
-    const o = {};
-    for (const g of _e) {
-      const h = ln(
-        g,
-        P[g.invocation_id]
+    [A, H, be]
+  ), Ee = q(() => {
+    const h = {};
+    for (const y of ke) {
+      const v = Yn(
+        y,
+        G[y.invocation_id]
       );
-      (o[h] ?? (o[h] = [])).push(g);
+      (h[v] ?? (h[v] = [])).push(y);
     }
-    return o;
-  }, [_e, P]), Se = T((o) => {
-    u(o);
-  }, []), be = T(
-    async (o) => {
-      const g = await ee(o);
-      u(g), Y(!1);
+    return h;
+  }, [ke, G]), me = T((h) => {
+    k(h);
+  }, []), Be = T(
+    async (h) => {
+      const y = await Z(h);
+      k(y), I(!1);
     },
-    [ee]
-  ), Ce = T(() => {
-    u(null);
-  }, []), me = {
-    expandedAgentId: N,
-    loadingAgentId: D,
-    checklistByInvocationId: P,
-    errorByAgentId: z,
-    definitionNameByRef: Z,
-    onToggleAgent: Ae,
-    onViewAgent: Se
+    [Z]
+  ), Ie = T(() => {
+    k(null);
+  }, []), Re = {
+    expandedAgentId: H,
+    loadingAgentId: $,
+    checklistByInvocationId: G,
+    errorByAgentId: Ue,
+    definitionNameByRef: re,
+    onToggleAgent: Te,
+    onViewAgent: me
   };
-  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" }),
+  return /* @__PURE__ */ c("div", { className: "agent-view-frontend agent-view", children: [
+    g && /* @__PURE__ */ c("div", { className: "agent-view__header", children: [
+      /* @__PURE__ */ n(ye, { level: 1, children: "Agents" }),
       /* @__PURE__ */ n(
-        J,
+        Q,
         {
           variant: "primary",
           size: "S",
           iconLeftName: "sparkles",
           iconLeftScreenReaderText: "Start an agent",
-          onClick: () => Y(!0),
+          onClick: () => I(!0),
           children: "Start an agent"
         }
       )
     ] }),
-    y.length > 0 && Ne && /* @__PURE__ */ i("div", { className: "agent-view__filters", children: [
-      ne && /* @__PURE__ */ i("div", { className: "agent-view__filter", children: [
+    A.length > 0 && Se && /* @__PURE__ */ c("div", { className: "agent-view__filters", children: [
+      Ae && /* @__PURE__ */ c("div", { className: "agent-view__filter", children: [
         /* @__PURE__ */ n(
           "label",
           {
@@ -2087,23 +2450,23 @@ const Ve = (e, t) => (a) => {
           }
         ),
         /* @__PURE__ */ n(
-          Oe,
+          je,
           {
             id: "agent-view-institution-filter",
             triggerVariant: "button",
             multiple: !0,
             searchType: "substring",
             placeholder: "All institutions",
-            options: le,
-            value: X,
-            onValueChange: ke,
+            options: pe,
+            value: ae,
+            onValueChange: Fe,
             showSelectionCountBadge: !0,
             showClearAll: !0,
             clearAllLabel: "Clear institutions"
           }
         )
       ] }),
-      ae && /* @__PURE__ */ i("div", { className: "agent-view__filter", children: [
+      Ce && /* @__PURE__ */ c("div", { className: "agent-view__filter", children: [
         /* @__PURE__ */ n(
           "label",
           {
@@ -2113,16 +2476,16 @@ const Ve = (e, t) => (a) => {
           }
         ),
         /* @__PURE__ */ n(
-          Oe,
+          je,
           {
             id: "agent-view-agent-filter",
             triggerVariant: "button",
             multiple: !0,
             searchType: "substring",
             placeholder: "All agents",
-            options: de,
-            value: K,
-            onValueChange: ye,
+            options: ue,
+            value: oe,
+            onValueChange: He,
             showSelectionCountBadge: !0,
             showClearAll: !0,
             clearAllLabel: "Clear agents"
@@ -2130,7 +2493,7 @@ const Ve = (e, t) => (a) => {
         )
       ] })
     ] }),
-    k === "error" ? /* @__PURE__ */ i("div", { className: "agent-view__state agent-view__state--error", role: "alert", children: [
+    j === "error" ? /* @__PURE__ */ c("div", { className: "agent-view__state agent-view__state--error", role: "alert", children: [
       /* @__PURE__ */ n(
         E,
         {
@@ -2139,9 +2502,9 @@ const Ve = (e, t) => (a) => {
           color: "var(--color-semantic-destructive-600)"
         }
       ),
-      /* @__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("p", { className: "agent-view__state-message", children: W ?? gt }),
+      /* @__PURE__ */ n(Q, { variant: "secondary", size: "S", onClick: M, children: "Try again" })
+    ] }) : j === "loading" && A.length === 0 ? /* @__PURE__ */ c("div", { className: "agent-view__state", "aria-live": "polite", children: [
       /* @__PURE__ */ n(
         E,
         {
@@ -2149,59 +2512,61 @@ const Ve = (e, t) => (a) => {
           size: 24,
           color: "var(--color-brand-600)",
           className: "agent-view__progress-icon--spinning",
-          screenReaderText: Pe
+          screenReaderText: Xe
         }
       ),
-      /* @__PURE__ */ n("p", { className: "agent-view__state-message", children: Pe })
-    ] }) : y.length === 0 ? /* @__PURE__ */ n(yt, {}) : /* @__PURE__ */ i("div", { className: "agent-view__board", children: [
-      ct.map((o) => /* @__PURE__ */ n(
-        Fe,
+      /* @__PURE__ */ n("p", { className: "agent-view__state-message", children: Xe })
+    ] }) : A.length === 0 ? /* @__PURE__ */ n(Vt, {}) : /* @__PURE__ */ c("div", { className: "agent-view__board", children: [
+      Mt.map((h) => /* @__PURE__ */ n(
+        rt,
         {
-          column: ve[o],
-          agents: q[o] ?? [],
-          ...me
+          column: De[h],
+          agents: Ee[h] ?? [],
+          ...Re
         },
-        o
+        h
       )),
-      /* @__PURE__ */ n("div", { className: "agent-view__split-column", children: lt.map((o) => /* @__PURE__ */ n(
-        Fe,
+      /* @__PURE__ */ n("div", { className: "agent-view__split-column", children: $t.map((h) => /* @__PURE__ */ n(
+        rt,
         {
-          column: ve[o],
-          agents: q[o] ?? [],
+          column: De[h],
+          agents: Ee[h] ?? [],
           isSplit: !0,
-          ...me
+          ...Re
         },
-        o
+        h
       )) })
     ] }),
-    _ && /* @__PURE__ */ n(
-      rn,
+    b && /* @__PURE__ */ n(
+      Gn,
       {
-        agent: _,
+        agent: b,
         open: !0,
         jwt: e,
-        headers: R,
+        headers: F,
         agentUrl: r,
-        agentChecklistUrl: c,
-        agentResourcesUrl: l,
+        agentChecklistUrl: l,
+        agentResourcesUrl: i,
+        agentTimelineUrl: o,
         agentChatUrl: d,
-        enableUpload: w,
-        initialChecklist: P[_.invocation_id] ?? null,
-        onClose: Ce
+        agentConversationUrl: f,
+        enableUpload: p,
+        initialChecklist: G[b.invocation_id] ?? null,
+        onClose: Ie
       },
-      _.id
+      b.id
     ),
     /* @__PURE__ */ n(
-      on,
+      Vn,
       {
-        open: te,
-        onClose: () => Y(!1),
-        onStart: be,
-        agentDefinitions: A
+        open: N,
+        onClose: () => I(!1),
+        onStart: Be,
+        agentDefinitions: P
       }
     )
   ] });
-}, kn = (e, t) => {
+}, ia = (e, t) => {
   const a = Date.now(), s = t.trim() || e.agent_intent;
   return {
     id: `agent-${a}`,
@@ -2209,33 +2574,35 @@ const Ve = (e, t) => (a) => {
     agent_definition_ref: e.ref,
     agent_intent: e.agent_intent,
     invocation_name: s,
-    application_id: dt,
-    created_by: gt,
-    status: v["generating-a-response"],
+    application_id: Ut,
+    created_by: Ft,
+    status: S["generating-a-response"],
     context_ref: null,
     checklist_ref: null
   };
 };
 export {
-  wn as AgentMonitorKanban,
-  je as AgentServiceClient,
-  ue as AgentServiceError,
-  rn as AgentView,
-  zt as HttpChatConnector,
-  on as NewAgentModal,
-  kn as buildAgentFromDefinition,
-  Ve as createHttpChatConnectorFactory,
-  De as mapApiAgent,
-  Wt as mapApiAgentDefinition,
-  Kt as mapApiAgentStatus,
-  Xe as mapApiChecklistEndpointResponse,
-  Qe as mapApiChecklistItem,
-  vn as mapApiChecklistResponse,
-  qt as mapApiChecklistStatus,
-  we as mapApiOpeningMessage,
-  Vt as mapApiResource,
-  Ye as mapApiResourcesEndpointResponse,
-  fn as mapApiTripOption,
-  en as useAgentService,
-  nn as useAgentWorkspace
+  ra as AgentMonitorKanban,
+  We as AgentServiceClient,
+  ve as AgentServiceError,
+  Gn as AgentView,
+  Dn as HttpChatConnector,
+  Vn as NewAgentModal,
+  ia as buildAgentFromDefinition,
+  wt as createHttpChatConnectorFactory,
+  et as mapApiAgent,
+  mt as mapApiAgentDefinition,
+  An as mapApiAgentStatus,
+  En as mapApiAgentTimelineResponse,
+  vt as mapApiChecklistEndpointResponse,
+  ft as mapApiChecklistItem,
+  Rn as mapApiChecklistResponse,
+  Cn as mapApiChecklistStatus,
+  On as mapApiConversationMessages,
+  $e as mapApiOpeningMessage,
+  Tn as mapApiResource,
+  _t as mapApiResourcesEndpointResponse,
+  sa as mapApiTripOption,
+  Un as useAgentService,
+  Hn as useAgentWorkspace
 };