@arbor-education/agent-view-frontend 0.4.0 → 0.4.2

package/dist/index.js

@@ -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 qe, 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 l, jsx as n, Fragment as Nt } from "react/jsx-runtime";
+import { useMemo as G, useLayoutEffect as at, useState as f, useCallback as E, useEffect as z, useRef as At } from "react";
+import W from "classnames";
+import { Heading as ye, Icon as I, Dot as st, Button as Y, Modal as ee, Tabs as Ge, SelectDropdown as Ct, TextInput as St, Combobox as je, Card as bt } from "@arbor-education/design-system.components";
+import { CHAT_RESPONSE_TYPE_AGENT as rt, CHAT_RESPONSE_TYPE_ERROR as Tt, ChatPanel as Et, CHAT_RESPONSE_TYPE_USER as It, CHAT_RESPONSE_TYPE_INFO as Rt } from "@arbor-education/ask-arbor-chat-panel";
+const N = {
   "generating-a-response": "generating-a-response",
   hitl: "hitl",
   complete: "complete",
   failed: "failed"
-}, S = {
+}, P = {
   "generating-a-response": "generating-a-response",
   hitl: "hitl",
   complete: "complete",
   failed: "failed"
-}, b = {
+}, O = {
   briefing: "briefing",
   running: "running",
   stopped: "stopped",
   complete: "complete"
-}, j = {
+}, X = {
   agent: "agent",
   user: "user",
   system: "system"
-}, re = {
+}, le = {
   MIS_RECORD: "MIS_RECORD",
   FILE: "FILE",
   WORKFLOW: "WORKFLOW",
   LINK: "LINK"
-}, xe = {
+}, Ve = {
   cancelled: "cancelled",
   archived: "archived"
-}, Te = {
+}, ze = {
   in_progress: "in_progress",
   requires_attention: "requires_attention",
   available: "available"
-}, F = {
-  [S.complete]: {
+}, K = {
+  [P.complete]: {
     label: "Complete",
     icon: "circle-check",
     color: "var(--color-semantic-success-600)"
   },
-  [S.failed]: {
+  [P.failed]: {
     label: "Failed",
     icon: "circle-x",
     color: "var(--color-semantic-destructive-600)"
   },
-  [S.hitl]: {
+  [P.hitl]: {
     label: "Requires attention",
     icon: "triangle-alert",
     color: "var(--color-semantic-warning-600)"
   },
-  [S["generating-a-response"]]: {
+  [P["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"],
+}, $e = {
+  [N["generating-a-response"]]: {
+    status: N["generating-a-response"],
     title: "Active",
     dotColour: "green",
     statusIcon: {
-      name: F["generating-a-response"].icon,
-      color: F["generating-a-response"].color,
-      spin: !0
+      name: K["generating-a-response"].icon,
+      color: K["generating-a-response"].color
     }
   },
-  [v.hitl]: {
-    status: v.hitl,
+  [N.hitl]: {
+    status: N.hitl,
     title: "Requires attention",
     dotColour: "orange",
     statusIcon: {
-      name: F.hitl.icon,
-      color: F.hitl.color
+      name: K.hitl.icon,
+      color: K.hitl.color
     }
   },
-  [v.complete]: {
-    status: v.complete,
+  [N.complete]: {
+    status: N.complete,
     title: "Complete",
     dotColour: "green",
     dotModifier: "grey-dark",
     statusIcon: {
-      name: F.complete.icon,
-      color: F.complete.color
+      name: K.complete.icon,
+      color: K.complete.color
     }
   },
-  [v.failed]: {
-    status: v.failed,
+  [N.failed]: {
+    status: N.failed,
     title: "Failed",
     dotColour: "salmon",
     statusIcon: {
-      name: F.failed.icon,
-      color: F.failed.color
+      name: K.failed.icon,
+      color: K.failed.color
     }
   }
-}, ct = [
-  v["generating-a-response"],
-  v.hitl
-], lt = [
-  v.complete,
-  v.failed
-], dt = "m4", gt = "1", ze = "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.", Ke = "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(
+}, Ot = [
+  N["generating-a-response"],
+  N.hitl
+], Pt = [
+  N.complete,
+  N.failed
+], xt = "m4", Lt = "1", it = "msg-opening", Le = "Unable to load agent tasks. Please try again.", $t = "Unable to load the resources for this agent", ot = "Unable to load the timeline for this agent", Ut = "Something went wrong. Please try again.", ct = "Unable to load agents. Please try again.", de = "Loading tasks…", Ye = "Loading agents…", Mt = "Task", Dt = {
+  [O.briefing]: "Briefing",
+  [O.running]: "Working",
+  [O.stopped]: "Stopped",
+  [O.complete]: "Complete"
+}, Ft = [
+  N["generating-a-response"],
+  N.hitl,
+  N.complete,
+  N.failed
+], Ht = {
+  [N["generating-a-response"]]: "Agents currently working on tasks for you.",
+  [N.hitl]: "Agents that need your input before they can continue.",
+  [N.complete]: "Agents that have finished their work.",
+  [N.failed]: "Agents that failed or were stopped."
+}, Bt = () => /* @__PURE__ */ l(
   "svg",
   {
     className: "agent-view__empty-illustration",
@@ -231,124 +230,121 @@ const v = {
       /* @__PURE__ */ n("circle", { cx: "256", cy: "160", r: "4", fill: "var(--color-semantic-destructive-500)" })
     ]
   }
-), kt = ({ status: e }) => {
-  const t = ve[e];
-  return t.statusIcon ? /* @__PURE__ */ n(
-    E,
+), Gt = ({ status: t }) => {
+  const e = $e[t];
+  return e.statusIcon ? /* @__PURE__ */ n(
+    I,
     {
-      name: t.statusIcon.name,
+      name: e.statusIcon.name,
       size: 16,
-      color: t.statusIcon.color,
-      screenReaderText: t.title
+      color: e.statusIcon.color,
+      screenReaderText: e.title
     }
-  ) : /* @__PURE__ */ n(Be, { colour: t.dotColour, label: t.title });
-}, yt = () => /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ n(st, { colour: e.dotColour, label: e.title });
+}, zt = () => /* @__PURE__ */ l(
   "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__ */ l("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("span", { className: "agent-view__empty-column-title", children: t.title }),
-              /* @__PURE__ */ n("span", { className: "agent-view__empty-column-description", children: vt[e] })
+        /* @__PURE__ */ n("ul", { className: "agent-view__empty-columns", children: Ft.map((t) => {
+          const e = $e[t];
+          return /* @__PURE__ */ l("li", { className: "agent-view__empty-column", children: [
+            /* @__PURE__ */ n("span", { className: "agent-view__empty-column-indicator", children: /* @__PURE__ */ n(Gt, { status: t }) }),
+            /* @__PURE__ */ l("span", { className: "agent-view__empty-column-text", children: [
+              /* @__PURE__ */ n("span", { className: "agent-view__empty-column-title", children: e.title }),
+              /* @__PURE__ */ n("span", { className: "agent-view__empty-column-description", children: Ht[t] })
             ] })
-          ] }, e);
+          ] }, t);
         }) }),
-        /* @__PURE__ */ i("p", { className: "agent-view__empty-hint", children: [
+        /* @__PURE__ */ l("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(Bt, {}) })
     ]
   }
-), Nt = (e, t) => ({
-  ...e,
-  ...t.length > 0 ? { children: t } : {}
-}), We = (e) => {
-  const t = [], a = [];
-  for (const s of e) {
-    const r = s.children ? We(s.children) : { needsInput: [], tasks: [] };
-    if (t.push(...r.needsInput), s.status === S.hitl) {
-      t.push({ ...s, children: void 0 });
+), qt = (t, e) => ({
+  ...t,
+  ...e.length > 0 ? { children: e } : {}
+}), lt = (t) => {
+  const e = [], a = [];
+  for (const s of t) {
+    const r = s.children ? lt(s.children) : { needsInput: [], tasks: [] };
+    if (e.push(...r.needsInput), s.status === P.hitl) {
+      e.push({ ...s, children: void 0 });
       continue;
     }
-    a.push(Nt(s, r.tasks));
+    a.push(qt(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;
-  return s !== r ? s ? -1 : 1 : t.index - a.index;
-}).map(({ item: t }) => t), St = ({
-  checklist: e
-}) => e.length === 0 ? /* @__PURE__ */ n("p", { className: "agent-view__progress-empty", children: "No tasks to display." }) : /* @__PURE__ */ n(
+  return { needsInput: e, tasks: a };
+}, Kt = (t) => t.map((e, a) => ({ item: e, index: a })).sort((e, a) => {
+  const s = e.item.status === P.hitl, r = a.item.status === P.hitl;
+  return s !== r ? s ? -1 : 1 : e.index - a.index;
+}).map(({ item: e }) => e), Wt = ({
+  checklist: t
+}) => t.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: Kt(t).map((e) => {
+      const a = K[e.status];
+      return /* @__PURE__ */ l(
         "li",
         {
-          className: H(
+          className: W(
             "agent-view__progress-item",
-            `agent-view__progress-item--${t.status.replace(/_/g, "-")}`
+            `agent-view__progress-item--${e.status.replace(/_/g, "-")}`
           ),
           children: [
             /* @__PURE__ */ n(
-              E,
+              I,
               {
                 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__ */ n("span", { className: "agent-view__progress-label", children: t.task }),
-              t.status !== S.complete && /* @__PURE__ */ n(
+            /* @__PURE__ */ l("div", { className: "agent-view__progress-item-content", children: [
+              /* @__PURE__ */ n("span", { className: "agent-view__progress-label", children: e.task }),
+              e.status !== P.complete && /* @__PURE__ */ n(
                 "span",
                 {
                   className: "agent-view__progress-description",
-                  children: t.description
+                  children: e.description
                 }
               )
             ] })
           ]
         },
-        t.task
+        e.task
       );
     })
   }
-), bt = ({
-  prompts: e,
-  classNamePrefix: t = "agent-workspace",
+), Jt = ({
+  prompts: t,
+  classNamePrefix: e = "agent-workspace",
   onSelect: a
-}) => e.length === 0 ? null : /* @__PURE__ */ n("div", { className: `${t}__chips`, children: e.map((s) => /* @__PURE__ */ n(
+}) => t.length === 0 ? null : /* @__PURE__ */ n("div", { className: `${e}__chips`, children: t.map((s) => /* @__PURE__ */ n(
   "button",
   {
     type: "button",
-    className: `${t}__chip`,
+    className: `${e}__chip`,
     onClick: () => a(s),
     children: s
   },
   s
 )) });
-class Ct {
-  constructor(t, a) {
-    this.connector = t, this.canSend = a.canSend, this.onTurn = a.onTurn, this.onAwaitingChange = a.onAwaitingChange;
+class jt {
+  constructor(e, a) {
+    this.connector = e, this.canSend = a.canSend, this.onTurn = a.onTurn, this.onAwaitingChange = a.onAwaitingChange;
   }
   get canRate() {
     return !1;
@@ -365,76 +361,79 @@ class Ct {
   get ratingPopupUrls() {
     return {};
   }
-  async sendMessage(t) {
+  async sendMessage(e) {
     var a, s;
     if (!this.canSend())
       return null;
     (a = this.onAwaitingChange) == null || a.call(this, !0);
     try {
-      const r = await this.connector.sendMessage(t.userMessage);
+      const r = await this.connector.sendMessage(
+        e.userMessage,
+        e.uploadFiles
+      );
       return this.onTurn(r), {
         id: r.message.id,
         text: r.message.text,
-        type: qe,
+        type: rt,
         ...r.message.followUpPrompts ? { followUpPrompts: r.message.followUpPrompts } : {}
       };
     } catch {
       return {
         id: `error-${Date.now()}`,
-        text: ut,
-        type: st
+        text: Ut,
+        type: Tt
       };
     } finally {
       (s = this.onAwaitingChange) == null || s.call(this, !1);
     }
   }
-  async loadHistory(t) {
+  async loadHistory(e) {
     return null;
   }
   async listInteractions() {
     return null;
   }
-  async rateMessage(t) {
+  async rateMessage(e) {
   }
-  async sendNotification(t) {
+  async sendNotification(e) {
     return !1;
   }
 }
-const Tt = ({
-  connector: e,
-  phase: t,
+const Vt = ({
+  connector: t,
+  phase: e,
   chatHistory: a,
   chatSessionKey: s,
   startQuery: r,
-  clarificationMessage: d,
-  enableUpload: g = !1,
-  onTurn: l,
-  onAwaitingChange: w,
-  onClarificationPrompt: f,
-  onDismissClarification: p
+  clarificationMessage: o,
+  enableUpload: i = !1,
+  onTurn: c,
+  onAwaitingChange: d,
+  onClarificationPrompt: m,
+  onDismissClarification: h
 }) => {
-  const _ = U(
-    () => new Ct(e, {
-      canSend: () => t === b.running,
-      onTurn: l,
-      onAwaitingChange: w
+  const p = G(
+    () => new jt(t, {
+      canSend: () => e === O.running,
+      onTurn: c,
+      onAwaitingChange: d
     }),
-    [e, t, l, 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: [
-    d && /* @__PURE__ */ i(
+    [t, e, c, d]
+  ), w = e !== O.running, k = e === O.running;
+  return /* @__PURE__ */ l("section", { className: "agent-workspace__chat-body", "aria-label": "Chat", children: [
+    o && /* @__PURE__ */ l(
       "div",
       {
         className: "agent-workspace__clarification",
         role: "region",
         "aria-label": "Agent question",
         children: [
-          /* @__PURE__ */ n("p", { className: "agent-workspace__clarification-text", children: d.text }),
-          d.followUpPrompts && /* @__PURE__ */ n(
-            bt,
+          /* @__PURE__ */ n("p", { className: "agent-workspace__clarification-text", children: o.text }),
+          o.followUpPrompts && /* @__PURE__ */ n(
+            Jt,
             {
-              prompts: d.followUpPrompts,
-              onSelect: f
+              prompts: o.followUpPrompts,
+              onSelect: m
             }
           ),
           /* @__PURE__ */ n(
@@ -442,7 +441,7 @@ const Tt = ({
             {
               type: "button",
               className: "agent-workspace__clarification-dismiss",
-              onClick: p,
+              onClick: h,
               children: "Dismiss"
             }
           )
@@ -450,94 +449,91 @@ const Tt = ({
       }
     ),
     /* @__PURE__ */ n("div", { className: "agent-workspace__ask-arbor", children: /* @__PURE__ */ n(
-      rt,
+      Et,
       {
-        connector: _,
+        connector: p,
         chatHistory: a,
         startQuery: r,
-        lockConversation: u,
-        enableUpload: g,
-        speechEnabled: C,
+        lockConversation: w,
+        enableUpload: i,
+        speechEnabled: k,
         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: k ? "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: [
-      /* @__PURE__ */ n(E, { name: "circle-alert", size: 16, color: "var(--color-semantic-warning-600)" }),
+    e === O.stopped && /* @__PURE__ */ l("div", { className: "agent-workspace__notice", role: "status", children: [
+      /* @__PURE__ */ n(I, { 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: [
-      /* @__PURE__ */ n(E, { name: "party-popper", size: 16, color: "var(--color-semantic-success-600)" }),
+    e === O.complete && /* @__PURE__ */ l("div", { className: "agent-workspace__notice", role: "status", children: [
+      /* @__PURE__ */ n(I, { name: "party-popper", size: 16, color: "var(--color-semantic-success-600)" }),
       /* @__PURE__ */ n("span", { children: "The agent has finished." })
     ] })
   ] });
-}, Je = ({
-  item: e,
-  depth: t,
+}, dt = ({
+  item: t,
+  depth: e,
   canRequestInput: a,
   onAttentionItemClick: s
 }) => {
-  const r = F[e.status], d = e.status.replace(/_/g, "-"), g = e.status === S.hitl && a && s, l = /* @__PURE__ */ i("div", { className: "agent-workspace__task-row", children: [
+  const r = K[t.status], o = t.status.replace(/_/g, "-"), i = t.status === P.hitl && a && s, c = /* @__PURE__ */ l("div", { className: "agent-workspace__task-row", children: [
     /* @__PURE__ */ n(
-      E,
+      I,
       {
         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__ */ 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 })
+    /* @__PURE__ */ l("div", { className: "agent-workspace__task-content", children: [
+      /* @__PURE__ */ n("span", { className: "agent-workspace__task-label", children: t.task }),
+      t.status !== P.complete && t.description && /* @__PURE__ */ n("span", { className: "agent-workspace__task-description", children: t.description })
     ] })
   ] });
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ l(
     "li",
     {
-      className: H("agent-workspace__task", `agent-workspace__task--${d}`, {
-        "agent-workspace__task--child": t > 0
+      className: W("agent-workspace__task", `agent-workspace__task--${o}`, {
+        "agent-workspace__task--child": e > 0
       }),
       children: [
-        g ? /* @__PURE__ */ n(
+        i ? /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             className: "agent-workspace__task-button",
-            "aria-label": `Provide input for ${e.task}`,
-            onClick: () => s(e),
-            children: l
+            "aria-label": `Provide input for ${t.task}`,
+            onClick: () => s(t),
+            children: c
           }
-        ) : l,
-        e.children && e.children.length > 0 && /* @__PURE__ */ n("ul", { className: "agent-workspace__task-children", children: e.children.map((w) => /* @__PURE__ */ n(
-          Je,
+        ) : c,
+        t.children && t.children.length > 0 && /* @__PURE__ */ n("ul", { className: "agent-workspace__task-children", children: t.children.map((d) => /* @__PURE__ */ n(
+          dt,
           {
-            item: w,
-            depth: t + 1,
+            item: d,
+            depth: e + 1,
             canRequestInput: a,
             onAttentionItemClick: s
           },
-          w.task
+          d.task
         )) })
       ]
     }
   );
-}, Le = ({
-  items: e,
-  ariaLabel: t,
+}, Xe = ({
+  items: t,
+  ariaLabel: e,
   canRequestInput: a,
   onAttentionItemClick: s
-}) => /* @__PURE__ */ n("ul", { className: "agent-workspace__task-list", "aria-label": t, children: e.map((r) => /* @__PURE__ */ n(
-  Je,
+}) => /* @__PURE__ */ n("ul", { className: "agent-workspace__task-list", "aria-label": e, children: t.map((r) => /* @__PURE__ */ n(
+  dt,
   {
     item: r,
     depth: 0,
@@ -545,132 +541,132 @@ const Tt = ({
     onAttentionItemClick: s
   },
   r.task
-)) }), Et = ({
-  checklist: e,
-  isLoading: t,
+)) }), Yt = ({
+  checklist: t,
+  isLoading: e,
   error: a,
   phase: s,
   canRequestInput: r,
-  onStop: d,
-  onAttentionItemClick: g
+  onStop: o,
+  onAttentionItemClick: i
 }) => {
-  const l = U(
-    () => e ? We(e) : null,
-    [e]
+  const c = G(
+    () => t ? lt(t) : null,
+    [t]
   );
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ l(
     "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__ */ l("div", { className: "agent-workspace__panel-header", children: [
+          /* @__PURE__ */ n(ye, { level: 4, children: "Checklist" }),
+          s === O.running && /* @__PURE__ */ n(
+            Y,
             {
               variant: "secondary-destructive",
               size: "S",
               iconLeftName: "circle-x",
               iconLeftScreenReaderText: "Stop",
-              onClick: d,
+              onClick: o,
               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__ */ l("div", { className: "agent-workspace__panel-body", "aria-live": "polite", children: [
+          e && /* @__PURE__ */ l("div", { className: "agent-workspace__loading", children: [
             /* @__PURE__ */ n(
-              E,
+              I,
               {
                 name: "loader",
                 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 && l && /* @__PURE__ */ i(et, { children: [
-            l.needsInput.length > 0 && /* @__PURE__ */ i("div", { className: "agent-workspace__task-group", children: [
+          !e && a && /* @__PURE__ */ n("p", { className: "agent-workspace__error", role: "alert", children: a }),
+          !e && !a && c && /* @__PURE__ */ l(Nt, { children: [
+            c.needsInput.length > 0 && /* @__PURE__ */ l("div", { className: "agent-workspace__task-group", children: [
               /* @__PURE__ */ n("p", { className: "agent-workspace__task-group-label", children: "Needs your input" }),
               /* @__PURE__ */ n(
-                Le,
+                Xe,
                 {
-                  items: l.needsInput,
+                  items: c.needsInput,
                   ariaLabel: "Tasks needing your input",
                   canRequestInput: r,
-                  onAttentionItemClick: g
+                  onAttentionItemClick: i
                 }
               )
             ] }),
-            l.tasks.length > 0 && /* @__PURE__ */ i(
+            c.tasks.length > 0 && /* @__PURE__ */ l(
               "div",
               {
-                className: H("agent-workspace__task-group", {
-                  "agent-workspace__task-group--following": l.needsInput.length > 0
+                className: W("agent-workspace__task-group", {
+                  "agent-workspace__task-group--following": c.needsInput.length > 0
                 }),
                 children: [
-                  l.needsInput.length > 0 && /* @__PURE__ */ n("p", { className: "agent-workspace__task-group-label", children: "Other tasks" }),
+                  c.needsInput.length > 0 && /* @__PURE__ */ n("p", { className: "agent-workspace__task-group-label", children: "Other tasks" }),
                   /* @__PURE__ */ n(
-                    Le,
+                    Xe,
                     {
-                      items: l.tasks,
+                      items: c.tasks,
                       ariaLabel: "Agent tasks",
                       canRequestInput: r,
-                      onAttentionItemClick: g
+                      onAttentionItemClick: i
                     }
                   )
                 ]
               }
             )
           ] }),
-          !t && !a && (!l || l.needsInput.length === 0 && l.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." })
+          !e && !a && (!c || c.needsInput.length === 0 && c.tasks.length === 0) && /* @__PURE__ */ n("p", { className: "agent-workspace__empty", children: s === O.briefing ? "Tasks will appear here once the agent starts." : "No tasks to display." })
         ] })
       ]
     }
   );
-}, It = {
-  [re.MIS_RECORD]: {
+}, Xt = {
+  [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 = ({
-  resources: e,
-  isLoading: t = !1,
+}, Qt = ({
+  resources: t,
+  isLoading: e = !1,
   error: a = null
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ l(
   "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__ */ n("span", { className: "agent-workspace__panel-count", children: e.length })
+      /* @__PURE__ */ l("div", { className: "agent-workspace__panel-header", children: [
+        /* @__PURE__ */ n(ye, { level: 4, children: "Resources" }),
+        /* @__PURE__ */ n("span", { className: "agent-workspace__panel-count", children: t.length })
       ] }),
-      /* @__PURE__ */ i("div", { className: "agent-workspace__panel-body", "aria-live": "polite", children: [
-        t && /* @__PURE__ */ i("div", { className: "agent-workspace__loading", children: [
+      /* @__PURE__ */ l("div", { className: "agent-workspace__panel-body", "aria-live": "polite", children: [
+        e && /* @__PURE__ */ l("div", { className: "agent-workspace__loading", children: [
           /* @__PURE__ */ n(
-            E,
+            I,
             {
               name: "loader",
               size: 16,
@@ -681,10 +677,10 @@ const Tt = ({
           ),
           /* @__PURE__ */ n("span", { children: "Loading resources…" })
         ] }),
-        !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(
+        !e && a && /* @__PURE__ */ n("p", { className: "agent-workspace__error", role: "alert", children: a }),
+        !e && !a && t.length > 0 && /* @__PURE__ */ n("ul", { className: "agent-workspace__resource-list", "aria-label": "Agent resources", children: t.map((s) => {
+          const r = Xt[s.type];
+          return /* @__PURE__ */ n("li", { className: "agent-workspace__resource", children: /* @__PURE__ */ l(
             "a",
             {
               className: "agent-workspace__resource-card",
@@ -697,7 +693,7 @@ const Tt = ({
                   {
                     className: `agent-workspace__resource-icon agent-workspace__resource-icon--${s.type.toLowerCase()}`,
                     children: /* @__PURE__ */ n(
-                      E,
+                      I,
                       {
                         name: r.icon,
                         size: 16,
@@ -707,8 +703,8 @@ const Tt = ({
                     )
                   }
                 ),
-                /* @__PURE__ */ i("span", { className: "agent-workspace__resource-content", children: [
-                  /* @__PURE__ */ i("span", { className: "agent-workspace__resource-top", children: [
+                /* @__PURE__ */ l("span", { className: "agent-workspace__resource-content", children: [
+                  /* @__PURE__ */ l("span", { className: "agent-workspace__resource-top", children: [
                     /* @__PURE__ */ n("span", { className: "agent-workspace__resource-name", children: s.name }),
                     /* @__PURE__ */ n(
                       "span",
@@ -721,7 +717,7 @@ const Tt = ({
                   s.description && /* @__PURE__ */ n("span", { className: "agent-workspace__resource-description", children: s.description })
                 ] }),
                 /* @__PURE__ */ n(
-                  E,
+                  I,
                   {
                     name: "external-link",
                     size: 12,
@@ -734,228 +730,425 @@ const Tt = ({
             }
           ) }, `${s.type}-${s.uri}`);
         }) }),
-        !t && !a && e.length === 0 && /* @__PURE__ */ n("p", { className: "agent-workspace__empty", children: "No resources yet." })
+        !e && !a && t.length === 0 && /* @__PURE__ */ n("p", { className: "agent-workspace__empty", children: "No resources yet." })
       ] })
     ]
   }
-), Ot = [
+), Ue = (t) => {
+  const e = Date.parse(t);
+  return Number.isFinite(e) ? e : 0;
+}, Zt = new Intl.DateTimeFormat("en-GB", {
+  day: "numeric",
+  month: "long",
+  year: "numeric",
+  hour: "numeric",
+  minute: "2-digit"
+}), qe = (t) => {
+  const e = new Date(t);
+  return Number.isFinite(e.getTime()) ? Zt.format(e) : t;
+}, Pe = (t) => t.replace(
+  /[A-Za-z0-9]+(?:[_-][A-Za-z0-9]+)+/g,
+  (e) => e.split(/[_-]/).map((a) => a.charAt(0).toUpperCase() + a.slice(1).toLowerCase()).join(" ")
+), we = (t, e) => e <= 1 ? 0 : t / (e - 1) * 100, gt = (t) => Math.max(t, 0) + 2, en = (t) => t + 1, tn = (t, e) => {
+  if (e.length === 0)
+    return 50;
+  const a = gt(e.length), s = we(1, a), r = we(e.length, a), o = e.map((h) => Ue(h.timestamp)), i = Math.min(...o), c = Math.max(...o);
+  if (c <= i)
+    return s;
+  const d = (Ue(t.timestamp) - i) / (c - i), m = Math.min(1, Math.max(0, d));
+  return s + m * (r - s);
+}, nn = 8, an = 20, sn = (t, e = nn, a = an) => {
+  const s = /* @__PURE__ */ new Map();
+  if (t.length === 0)
+    return s;
+  const r = [...t].sort(
+    (i, c) => i.leftPercent - c.leftPercent || i.timestampMs - c.timestampMs || i.id.localeCompare(c.id)
+  ), o = [];
+  for (const i of r) {
+    const c = o[o.length - 1];
+    c && i.leftPercent - c[c.length - 1].leftPercent < e ? c.push(i) : o.push([i]);
+  }
+  for (const i of o) {
+    const c = [...i].sort(
+      (m, h) => m.timestampMs - h.timestampMs || m.id.localeCompare(h.id)
+    ), d = (c.length - 1) / 2;
+    c.forEach((m, h) => {
+      s.set(m.id, (h - d) * a);
+    });
+  }
+  return s;
+}, xe = (t, e = 0) => ({
+  left: `calc(${t / 100} * (100% - var(--agent-timeline-node-size)) + (var(--agent-timeline-node-size) / 2) + ${e}px)`,
+  transform: "translateX(-50%)"
+}), rn = (t) => t.type !== "message-sent", on = ({
+  timeline: t,
+  isLoading: e,
+  error: a,
+  onOpenChatSession: s
+}) => {
+  const r = ((t == null ? void 0 : t.actionLog) ?? []).filter(rn), o = (t == null ? void 0 : t.chatSessions) ?? [], i = !e && !a && r.length === 0 && o.length === 0, c = gt(r.length), d = r.map((p, w) => ({
+    id: `action-${p.timestamp}-${w}`,
+    leftPercent: we(en(w), c),
+    timestampMs: Ue(p.timestamp)
+  })), m = o.map((p) => ({
+    id: p.sessionId,
+    leftPercent: tn(p, r),
+    timestampMs: Ue(p.timestamp)
+  })), h = sn([
+    ...d,
+    ...m
+  ]);
+  return /* @__PURE__ */ l(
+    "section",
+    {
+      className: "agent-workspace__timeline",
+      "aria-label": "Agent timeline",
+      children: [
+        e && /* @__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 || ot }),
+        i && /* @__PURE__ */ n("p", { className: "agent-workspace__timeline-status", role: "status", children: "No timeline activity yet." }),
+        !e && !a && !i && /* @__PURE__ */ l("div", { className: "agent-timeline", children: [
+          /* @__PURE__ */ n("div", { className: "agent-timeline__track", "aria-hidden": "true" }),
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: "agent-timeline__station agent-timeline__station--terminus",
+              style: xe(we(0, c)),
+              children: [
+                /* @__PURE__ */ n(
+                  "span",
+                  {
+                    className: "agent-timeline__station-node agent-timeline__station-node--terminus",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ n(I, { name: "arrow-right-from-line", size: 16, color: "currentColor" })
+                  }
+                ),
+                /* @__PURE__ */ n("span", { className: "agent-timeline__terminus-label", children: "Start" })
+              ]
+            }
+          ),
+          r.map((p, w) => {
+            const k = `action-${p.timestamp}-${w}`, S = d[w].leftPercent, C = p.type === "checklist-updated", F = p.type === "status-transition", b = C ? "checklist" : F ? "status" : "note";
+            return /* @__PURE__ */ l(
+              "div",
+              {
+                className: `agent-timeline__station agent-timeline__station--${b}`,
+                style: xe(S, h.get(k) ?? 0),
+                children: [
+                  /* @__PURE__ */ l(
+                    "button",
+                    {
+                      type: "button",
+                      className: `agent-timeline__station-node agent-timeline__station-node--${b}`,
+                      "aria-label": `${Pe(p.type)}: ${Pe(p.entry)}`,
+                      children: [
+                        C && /* @__PURE__ */ n(I, { name: "check-solid", size: 16, color: "currentColor" }),
+                        F && /* @__PURE__ */ n(I, { name: "iteration-ccw", size: 16, color: "currentColor" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ l("div", { className: "agent-timeline__pill", role: "tooltip", children: [
+                    /* @__PURE__ */ n("strong", { className: "agent-timeline__pill-type", children: Pe(p.type) }),
+                    /* @__PURE__ */ n("span", { className: "agent-timeline__pill-entry", children: Pe(p.entry) }),
+                    /* @__PURE__ */ n("span", { className: "agent-timeline__pill-entry", children: qe(p.timestamp) })
+                  ] })
+                ]
+              },
+              k
+            );
+          }),
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: "agent-timeline__station agent-timeline__station--terminus",
+              style: xe(we(c - 1, c)),
+              children: [
+                /* @__PURE__ */ n(
+                  "span",
+                  {
+                    className: "agent-timeline__station-node agent-timeline__station-node--terminus",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ n(I, { name: "flag", size: 16, color: "currentColor" })
+                  }
+                ),
+                /* @__PURE__ */ n("span", { className: "agent-timeline__terminus-label", children: "Finish" })
+              ]
+            }
+          ),
+          o.map((p, w) => {
+            const k = m[w].leftPercent;
+            return /* @__PURE__ */ l(
+              "div",
+              {
+                className: "agent-timeline__chat-station",
+                style: xe(
+                  k,
+                  h.get(p.sessionId) ?? 0
+                ),
+                children: [
+                  /* @__PURE__ */ n(
+                    "button",
+                    {
+                      type: "button",
+                      className: "agent-timeline__chat-node",
+                      "aria-label": `Open chat session from ${qe(p.timestamp)}`,
+                      onClick: () => s(p.sessionId),
+                      children: /* @__PURE__ */ n(I, { name: "sparkles", size: 16, color: "currentColor" })
+                    }
+                  ),
+                  /* @__PURE__ */ l("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(p.timestamp) })
+                  ] })
+                ]
+              },
+              p.sessionId
+            );
+          })
+        ] })
+      ]
+    }
+  );
+}, cn = [
   "I'll get the details and come back to you",
   "Skip this for now"
-], xt = (e) => {
+], ln = (t) => {
   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?`;
+  const e = (a = t.prompt) != null && a.trim() ? t.prompt.trim() : `I need a bit more from you on "${t.task}". ${t.description} What can you tell me?`;
   return {
     id: `clarification-${Date.now()}`,
-    author: j.agent,
-    text: t,
-    followUpPrompts: e.clarificationPrompts ?? Ot
+    author: X.agent,
+    text: e,
+    followUpPrompts: t.clarificationPrompts ?? cn
   };
-}, pe = (e) => ({
-  id: e.id,
-  text: e.text,
-  type: e.author === j.user ? ot : e.author === j.system ? it : qe,
-  ...e.followUpPrompts ? { followUpPrompts: e.followUpPrompts } : {}
+}, fe = (t) => ({
+  id: t.id,
+  text: t.text,
+  type: t.author === X.user ? It : t.author === X.system ? Rt : rt,
+  ...t.followUpPrompts ? { followUpPrompts: t.followUpPrompts } : {}
 });
-class ue extends Error {
-  constructor(t, a, s) {
-    super(s ?? `Agent service request failed (${t})`), this.name = "AgentServiceError", this.status = t, this.detail = a;
+class ve extends Error {
+  constructor(e, a, s) {
+    super(s ?? `Agent service request failed (${e})`), this.name = "AgentServiceError", this.status = e, this.detail = a;
   }
 }
-const Pt = "/api/v1", O = {
+const dn = "/api/v1", M = {
   agentDefinitions: "/agent-definitions",
   agents: "/agents",
+  conversations: "/conversations",
   tripOptions: "/trip-options",
   demoDataset: "/demo/dataset"
-}, x = {
+}, D = {
   GET: "GET",
   POST: "POST"
-}, Lt = {
+}, gn = {
   error: "error"
-}, Ut = {
+}, pn = {
   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 {
-  constructor(t) {
+}, hn = /:invocationId\b/g, un = (t) => t.trim().replace(/^Bearer\s+/i, ""), mn = (t) => t.endsWith("/") ? t.slice(0, -1) : t;
+class pt {
+  constructor(e) {
     var s;
-    this.baseUrl = Dt(t.baseUrl ?? "");
-    const a = (s = t.token) == null ? void 0 : s.trim();
-    this.token = a ? Mt(a) : void 0, this.customHeaders = t.headers, this.urls = t.urls ?? {}, this.fetchImpl = t.fetch ?? globalThis.fetch.bind(globalThis);
+    this.baseUrl = mn(e.baseUrl ?? "");
+    const a = (s = e.token) == null ? void 0 : s.trim();
+    this.token = a ? un(a) : void 0, this.customHeaders = e.headers, this.urls = e.urls ?? {}, this.fetchImpl = e.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
   // changes as the user switches institutions).
-  setHeaders(t) {
-    this.customHeaders = t;
+  setHeaders(e) {
+    this.customHeaders = e;
   }
   async listAgentDefinitions() {
     return (await this.request(
-      x.GET,
-      this.resolveUrl("agentDefinitions", O.agentDefinitions)
+      D.GET,
+      this.resolveUrl("agentDefinitions", M.agentDefinitions)
     )).agent_definitions ?? [];
   }
-  getAgentDefinition(t) {
+  getAgentDefinition(e) {
     return this.request(
-      x.GET,
+      D.GET,
       this.apiUrl(
-        `${O.agentDefinitions}/${encodeURIComponent(t)}`
+        `${M.agentDefinitions}/${encodeURIComponent(e)}`
       )
     );
   }
   listTripOptions() {
     return this.request(
-      x.GET,
-      this.apiUrl(O.tripOptions)
+      D.GET,
+      this.apiUrl(M.tripOptions)
     );
   }
   getDataset() {
     return this.request(
-      x.GET,
-      this.apiUrl(O.demoDataset)
+      D.GET,
+      this.apiUrl(M.demoDataset)
     );
   }
-  setDataset(t) {
+  setDataset(e) {
     return this.request(
-      x.POST,
-      this.apiUrl(O.demoDataset),
-      { dataset: t }
+      D.POST,
+      this.apiUrl(M.demoDataset),
+      { dataset: e }
     );
   }
-  listAgents(t = {}) {
+  listAgents(e = {}) {
     const a = new URLSearchParams();
-    t.status && a.set("status", t.status), t.agentDefinitionRef && a.set("agent_definition_ref", t.agentDefinitionRef);
+    e.status && a.set("status", e.status), e.agentDefinitionRef && a.set("agent_definition_ref", e.agentDefinitionRef);
     const s = a.toString() ? `?${a.toString()}` : "";
     return this.request(
-      x.GET,
-      `${this.resolveUrl("agents", O.agents)}${s}`
+      D.GET,
+      `${this.resolveUrl("agents", M.agents)}${s}`
     );
   }
-  createAgent(t, a = {}) {
-    var g, l;
+  createAgent(e, a = {}) {
+    var i, c;
     const s = {
-      agent_definition_ref: t
-    }, r = (g = a.invocationName) == null ? void 0 : g.trim(), d = (l = a.agentIntent) == null ? void 0 : l.trim();
-    return r && (s.invocation_name = r), d && (s.agent_intent = d), this.request(
-      x.POST,
-      this.resolveUrl("agents", O.agents),
+      agent_definition_ref: e
+    }, r = (i = a.invocationName) == null ? void 0 : i.trim(), o = (c = a.agentIntent) == null ? void 0 : c.trim();
+    return r && (s.invocation_name = r), o && (s.agent_intent = o), this.request(
+      D.POST,
+      this.resolveUrl("agents", M.agents),
       s
     );
   }
-  getAgent(t) {
+  getAgent(e) {
     return this.request(
-      x.GET,
+      D.GET,
       this.resolveUrl(
         "agent",
-        `${O.agents}/${encodeURIComponent(t)}`,
-        t
+        `${M.agents}/${encodeURIComponent(e)}`,
+        e
       )
     );
   }
-  getAgentChecklist(t) {
+  getAgentChecklist(e) {
     return this.request(
-      x.GET,
+      D.GET,
       this.resolveUrl(
         "agentChecklist",
-        `${O.agents}/${encodeURIComponent(t)}/checklist`,
-        t
+        `${M.agents}/${encodeURIComponent(e)}/checklist`,
+        e
       )
     );
   }
-  getAgentResources(t) {
+  getAgentResources(e) {
     return this.request(
-      x.GET,
+      D.GET,
       this.resolveUrl(
         "agentResources",
-        `${O.agents}/${encodeURIComponent(t)}/resources`,
-        t
+        `${M.agents}/${encodeURIComponent(e)}/resources`,
+        e
+      )
+    );
+  }
+  getAgentTimeline(e) {
+    return this.request(
+      D.GET,
+      this.resolveUrl(
+        "agentTimeline",
+        `${M.agents}/${encodeURIComponent(e)}/agent-timeline`,
+        e
       )
     );
   }
-  getAgentContext(t) {
+  getAgentContext(e) {
     return this.request(
-      x.GET,
+      D.GET,
       this.apiUrl(
-        `${O.agents}/${encodeURIComponent(t)}/context`
+        `${M.agents}/${encodeURIComponent(e)}/context`
       )
     );
   }
-  cancelAgent(t) {
+  cancelAgent(e) {
     return this.request(
-      x.POST,
+      D.POST,
       this.apiUrl(
-        `${O.agents}/${encodeURIComponent(t)}/cancel`
+        `${M.agents}/${encodeURIComponent(e)}/cancel`
       )
     );
   }
-  archiveAgent(t) {
+  archiveAgent(e) {
     return this.request(
-      x.POST,
+      D.POST,
       this.apiUrl(
-        `${O.agents}/${encodeURIComponent(t)}/archive`
+        `${M.agents}/${encodeURIComponent(e)}/archive`
+      )
+    );
+  }
+  getConversation(e) {
+    return this.request(
+      D.GET,
+      this.resolveUrl(
+        "agentConversation",
+        `${M.conversations}/${encodeURIComponent(e)}`,
+        e
       )
     );
   }
   // 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 = await this.fetchImpl(
+  async chat(e, a, s = {}) {
+    const r = !!(s.uploadFiles && s.uploadFiles.length > 0), o = await this.fetchImpl(
       this.resolveUrl(
         "agentChat",
-        `${O.agents}/${encodeURIComponent(t)}/chat`,
-        t
+        `${M.agents}/${encodeURIComponent(e)}/chat`,
+        e
       ),
       {
-        method: x.POST,
+        method: D.POST,
         headers: {
           ...this.customHeaders,
           ...this.authHeaders(),
-          Accept: ie.acceptEventStream,
-          "Content-Type": ie.contentTypeJson
+          Accept: ge.acceptEventStream,
+          // Let the browser set the multipart boundary when uploading.
+          ...r ? {} : { "Content-Type": ge.contentTypeJson }
         },
-        body: JSON.stringify(a),
+        body: r ? fn(a, s.uploadFiles ?? []) : JSON.stringify(a),
         signal: s.signal
       }
     );
-    if (!r.ok)
-      throw await this.toError(r);
-    if (!r.body)
-      throw new ue(
-        r.status,
+    if (!o.ok)
+      throw await this.toError(o);
+    if (!o.body)
+      throw new ve(
+        o.status,
         null,
         "Chat response contained no stream body"
       );
-    return this.consumeSse(r.body, s.onEvent);
+    return this.consumeSse(o.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}`;
+  apiUrl(e) {
+    return `${this.baseUrl}${dn}${e}`;
   }
   // 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];
+  resolveUrl(e, a, s) {
+    const r = this.urls[e];
     return r ? s ? r.replace(
-      $t,
+      hn,
       encodeURIComponent(s)
     ) : r : this.apiUrl(a);
   }
-  async request(t, a, s) {
+  async request(e, a, s) {
     const r = await this.fetchImpl(
       a,
       {
-        method: t,
+        method: e,
         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) }
       }
@@ -965,721 +1158,824 @@ class je {
     if (r.status !== 204)
       return await r.json();
   }
-  async toError(t) {
+  async toError(e) {
     let a = null;
     try {
-      a = await t.json();
+      a = await e.json();
     } catch {
     }
-    return new ue(
-      t.status,
+    return new ve(
+      e.status,
       a,
-      `Agent service request failed (${t.status} ${t.statusText})`
+      `Agent service request failed (${e.status} ${e.statusText})`
     );
   }
-  async consumeSse(t, a) {
-    const s = t.getReader(), r = new TextDecoder();
-    let d = "", g;
-    const l = (w) => {
-      const { event: f, data: p } = Ht(w);
-      if (p === null)
+  async consumeSse(e, a) {
+    const s = e.getReader(), r = new TextDecoder();
+    let o = "", i;
+    const c = (d) => {
+      const { event: m, data: h } = _n(d);
+      if (h === null)
         return;
-      if (f === Lt.error) {
-        const u = Ue(p);
-        throw new ue(
+      if (m === gn.error) {
+        const w = Qe(h);
+        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);
-      _ && (g = _, a == null || a(_));
+      const p = Qe(h);
+      p && (i = p, a == null || a(p));
     };
     for (; ; ) {
-      const { done: w, value: f } = await s.read();
-      if (w)
+      const { done: d, value: m } = await s.read();
+      if (d)
         break;
-      d += r.decode(f, { stream: !0 });
-      const p = d.split(`
+      o += r.decode(m, { stream: !0 });
+      const h = o.split(`
 
 `);
-      d = p.pop() ?? "";
-      for (const _ of p)
-        l(_);
+      o = h.pop() ?? "";
+      for (const p of h)
+        c(p);
     }
-    if (d.trim() && l(d), !g)
-      throw new ue(
+    if (o.trim() && c(o), !i)
+      throw new ve(
         502,
         null,
         "Chat stream ended without any events"
       );
-    return g;
+    return i;
   }
 }
-const Ht = (e) => {
-  let t = null;
+const _n = (t) => {
+  let e = null;
   const a = [];
-  for (const s of e.split(`
+  for (const s of t.split(`
 `)) {
     const r = s.trimEnd();
-    r.startsWith("event:") ? t = r.slice(6).trim() : r.startsWith("data:") && a.push(r.slice(5).trim());
+    r.startsWith("event:") ? e = r.slice(6).trim() : r.startsWith("data:") && a.push(r.slice(5).trim());
   }
   return {
-    event: t,
+    event: e,
     data: a.length > 0 ? a.join(`
 `) : null
   };
-}, Ue = (e) => {
+}, Qe = (t) => {
   try {
-    return JSON.parse(e);
+    return JSON.parse(t);
   } catch {
     return;
   }
-}, Ft = {
-  id: ze,
-  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}`), Gt = (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 Bt {
-  constructor(t, a, s = {}) {
-    this.seededChecklist = [], this.client = t, this.agentId = a, this.opening = s.openingMessage ?? Ft, 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(Gt(t)), phase: b.running };
-  }
-  sendMessage(t) {
-    return this.exchange(t);
-  }
-  async stop() {
-  }
-  seedChecklist(t) {
-    this.seededChecklist = t;
-  }
-  async exchange(t) {
-    var d;
-    const a = [
-      { role: Ut.user, content: t }
-    ], s = await this.client.chat(this.agentId, {
-      messages: a,
-      ...this.chatId ? { chat_id: this.chatId } : {},
-      ...this.model ? { model: this.model } : {},
-      moderation_enabled: !0,
-      meta: {
-        feature_id: "agent_view",
-        source: "agent_view_frontend"
-      }
-    });
-    return this.chatId = s.chat_id, { message: {
-      id: s.event_id || Me("msg-agent"),
-      author: j.agent,
-      text: s.message.content,
-      ...(d = s.follow_up_prompts) != null && d.length ? { followUpPrompts: s.follow_up_prompts } : {}
-    } };
-  }
+function fn(t, e) {
+  const a = new FormData();
+  a.append("body", JSON.stringify(t));
+  for (const s of e)
+    a.append("files", s, s.name);
+  return a;
 }
-const Ve = (e, t) => (a) => {
-  var s;
-  return new Bt(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)
-  });
-}, qt = (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"]:
-      return e;
+const vn = (t) => {
+  switch (t) {
+    case Ve.cancelled:
+      return N.failed;
+    case Ve.archived:
+      return N.complete;
+    case N.hitl:
+    case N.complete:
+    case N.failed:
+    case N["generating-a-response"]:
+      return t;
     default:
-      return v["generating-a-response"];
+      return N["generating-a-response"];
   }
-}, zt = (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"]:
-      return e;
+}, wn = (t) => {
+  switch (t) {
+    case ze.requires_attention:
+      return P.hitl;
+    case ze.in_progress:
+    case ze.available:
+      return P["generating-a-response"];
+    case P.failed:
+    case P.complete:
+    case P.hitl:
+    case P["generating-a-response"]:
+      return t;
     default:
-      return S["generating-a-response"];
+      return P["generating-a-response"];
   }
-}, Kt = (e) => ({
-  ref: e.name,
-  display_name: e.display_name,
-  agent_intent: e.agent_intent ?? e.display_name,
-  description: e.description
-}), mn = (e) => ({
-  id: e.id,
-  name: e.name,
-  ...e.has_run_before ? { hasRunBefore: e.has_run_before } : {}
-}), Wt = new Set(Object.values(re)), Jt = (e) => e && Wt.has(e) ? e : re.LINK, jt = (e) => ({
-  uri: e.uri ?? "",
-  type: Jt(e.type),
-  name: e.name ?? "",
-  description: e.description ?? ""
-}), Ye = (e) => (Array.isArray(e) ? e : e.resources ?? []).map(jt), De = (e) => {
+}, yn = (t) => ({
+  ref: t.name,
+  display_name: t.display_name,
+  agent_intent: t.agent_intent ?? t.display_name,
+  description: t.description
+}), Xn = (t) => ({
+  id: t.id,
+  name: t.name,
+  ...t.has_run_before ? { hasRunBefore: t.has_run_before } : {}
+}), kn = new Set(Object.values(le)), Nn = (t) => t && kn.has(t) ? t : le.LINK, An = (t) => ({
+  uri: t.uri ?? "",
+  type: Nn(t.type),
+  name: t.name ?? "",
+  description: t.description ?? ""
+}), ht = (t) => (Array.isArray(t) ? t : t.resources ?? []).map(An), Cn = (t) => ({
+  actionLog: (t.action_log ?? []).map((e) => ({
+    timestamp: e.timestamp,
+    type: e.type,
+    entry: e.entry,
+    origin: e.origin
+  })),
+  chatSessions: (t.chat_sessions ?? []).map((e) => ({
+    sessionId: e.session_id,
+    timestamp: e.timestamp
+  }))
+}), Ze = (t) => {
   var a;
-  const t = e.invocation_id ?? e.id;
+  const e = t.invocation_id ?? t.id;
   return {
-    id: e.id,
-    invocation_id: t,
-    agent_definition_ref: e.agent_definition_ref,
-    ...e.agent_intent ? { agent_intent: e.agent_intent } : {},
-    invocation_name: ((a = e.invocation_name) == null ? void 0 : a.trim()) || e.agent_definition_ref,
-    application_id: e.application_id,
-    ...e.application_name ? { application_name: e.application_name } : {},
-    created_by: e.created_by,
-    status: qt(e.status),
-    context_ref: e.context_ref ?? null,
-    checklist_ref: e.checklist_ref ?? null
+    id: t.id,
+    invocation_id: e,
+    agent_definition_ref: t.agent_definition_ref,
+    ...t.agent_intent ? { agent_intent: t.agent_intent } : {},
+    invocation_name: ((a = t.invocation_name) == null ? void 0 : a.trim()) || t.agent_definition_ref,
+    application_id: t.application_id,
+    ...t.application_name ? { application_name: t.application_name } : {},
+    created_by: t.created_by,
+    status: vn(t.status),
+    context_ref: t.context_ref ?? null,
+    checklist_ref: t.checklist_ref ?? null
   };
-}, Qe = (e) => {
-  var t;
+}, ut = (t) => {
+  var e;
   return {
-    task: e.task ?? e.name ?? e.label ?? ht,
-    status: zt(e.status),
-    description: e.description ?? "",
-    ...e.prompt ? { prompt: e.prompt } : {},
-    ...(t = e.follow_up_prompts) != null && t.length ? { clarificationPrompts: e.follow_up_prompts } : {}
+    task: t.task ?? t.name ?? t.label ?? Mt,
+    status: wn(t.status),
+    description: t.description ?? "",
+    ...t.prompt ? { prompt: t.prompt } : {},
+    ...(e = t.follow_up_prompts) != null && e.length ? { clarificationPrompts: t.follow_up_prompts } : {}
   };
-}, Vt = (e) => Array.isArray(e) ? e : e.checklist_items ?? e.checklist ?? e.items ?? [], Xe = (e, t, a) => {
-  var d;
-  const s = !Array.isArray(t) && (t.opening_message || (d = t.opening_follow_up_prompts) != null && d.length) ? t : a, r = s ? we(s) : void 0;
+}, Sn = (t) => Array.isArray(t) ? t : t.checklist_items ?? t.checklist ?? t.items ?? [], mt = (t, e, a) => {
+  var o;
+  const s = !Array.isArray(e) && (e.opening_message || (o = e.opening_follow_up_prompts) != null && o.length) ? e : a, r = s ? Me(s) : void 0;
   return {
-    invocation_id: e,
-    checklist: Vt(t).map(Qe),
+    invocation_id: t,
+    checklist: Sn(e).map(ut),
     ...r ? { openingMessage: r } : {}
   };
-}, fn = (e, t) => {
-  const a = we(t);
+}, bn = (t, e) => {
+  const a = Me(e);
   return {
-    invocation_id: t.invocation_id ?? e,
-    checklist: (t.checklist_items ?? []).map(Qe),
+    invocation_id: e.invocation_id ?? t,
+    checklist: (e.checklist_items ?? []).map(ut),
     ...a ? { openingMessage: a } : {}
   };
-}, we = (e) => {
+}, Me = (t) => {
   var a, s;
-  const t = (a = e.opening_message) == null ? void 0 : a.trim();
-  if (t)
+  const e = (a = t.opening_message) == null ? void 0 : a.trim();
+  if (e)
     return {
-      id: ze,
-      author: j.agent,
-      text: t,
-      ...(s = e.opening_follow_up_prompts) != null && s.length ? { followUpPrompts: e.opening_follow_up_prompts } : {}
+      id: it,
+      author: X.agent,
+      text: e,
+      ...(s = t.opening_follow_up_prompts) != null && s.length ? { followUpPrompts: t.opening_follow_up_prompts } : {}
     };
-}, Yt = (e) => e instanceof ue ? e.message : e instanceof TypeError ? "Network error while contacting the agent service." : e instanceof Error && e.message ? e.message : Ke, Qt = (e) => {
-  const t = {};
-  for (const a of e) {
-    const s = we(a);
+}, Tn = (t) => t.filter(
+  (e) => (e.role === "user" || e.role === "assistant") && typeof e.content == "string" && e.content.length > 0 && e.message_type !== "tool_request"
+).map((e) => ({
+  id: e.message_id,
+  author: e.role === "user" ? X.user : X.agent,
+  text: e.content
+})), En = {
+  id: it,
+  author: X.agent,
+  text: "Type a question or upload a file. You can ask it how it's progressing, or send an instruction and it'll act on it."
+};
+let et = 0;
+const In = (t) => (et += 1, `${t}-${Date.now()}-${et}`), Rn = (t) => {
+  const e = t.destination ? ` to ${t.destination}` : "";
+  return `Let's get started on ${t.tripName.trim() || t.destination.trim() || "this task"}${e}. What will you do first?`;
+};
+class On {
+  constructor(e, a, s = {}) {
+    this.seededChecklist = [], this.client = e, this.agentId = a, this.chatId = s.chatId ?? a, this.opening = s.openingMessage ?? En, this.model = s.model;
+  }
+  openingMessage() {
+    return this.opening;
+  }
+  async bootstrapConversation() {
+    const e = await this.client.getConversation(this.chatId), a = Tn(e.messages);
+    return a.length === 0 ? [this.opening] : a;
+  }
+  async start(e) {
+    return { ...await this.exchange(Rn(e)), phase: O.running };
+  }
+  sendMessage(e, a) {
+    return this.exchange(e, a);
+  }
+  async stop() {
+  }
+  seedChecklist(e) {
+    this.seededChecklist = e;
+  }
+  async exchange(e, a) {
+    var i;
+    const s = [{ role: pn.user, content: e }], 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 }] : []
+    ), o = {
+      id: r.event_id || In("msg-agent"),
+      author: X.agent,
+      text: r.message.content,
+      ...(i = r.follow_up_prompts) != null && i.length ? { followUpPrompts: r.follow_up_prompts } : {}
+    };
+    try {
+      const c = await this.client.getAgent(this.agentId), { checklist: d } = bn(this.agentId, c);
+      return this.seededChecklist = d, { message: o, checklist: d };
+    } catch {
+      return { message: o, ...this.seededChecklist.length ? { checklist: this.seededChecklist } : {} };
+    }
+  }
+}
+const _t = (t, e) => (a) => {
+  var s, r;
+  return new On(t, a.invocation_id, {
+    model: e == null ? void 0 : e.model,
+    chatId: ((s = e == null ? void 0 : e.resolveChatId) == null ? void 0 : s.call(e, a)) ?? (e == null ? void 0 : e.chatId) ?? a.invocation_id,
+    openingMessage: ((r = e == null ? void 0 : e.resolveOpeningMessage) == null ? void 0 : r.call(e, a)) ?? (e == null ? void 0 : e.openingMessage)
+  });
+}, Pn = (t) => t instanceof ve ? t.message : t instanceof TypeError ? "Network error while contacting the agent service." : t instanceof Error && t.message ? t.message : ct, xn = (t) => {
+  const e = {};
+  for (const a of t) {
+    const s = Me(a);
     if (!s)
       continue;
     const r = a.invocation_id ?? a.id;
-    t[r] = s, t[a.id] = s;
+    e[r] = s, e[a.id] = s;
   }
-  return t;
-}, Xt = (e) => JSON.stringify(e), Zt = (e) => {
-  const { jwt: t, headers: a, urls: s } = e, r = JSON.stringify(a ?? {}), d = Xt(s), g = U(
-    () => new je({
-      token: t,
+  return e;
+}, Ln = (t) => JSON.stringify(t), Ke = (t, e) => JSON.stringify(t) === JSON.stringify(e), $n = (t) => {
+  const { jwt: e, headers: a, urls: s } = t, r = JSON.stringify(a ?? {}), o = Ln(s), i = G(
+    () => new pt({
+      token: e,
       headers: a,
       urls: s
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps -- keyed on serialised config to keep a stable client.
-    [t, d]
+    [e, o]
   );
-  Ge(() => {
-    g.setHeaders(a);
-  }, [g, r]);
-  const [l, w] = m([]), [f, p] = m(
+  at(() => {
+    i.setHeaders(a);
+  }, [i, r]);
+  const [c, d] = f([]), [m, h] = f(
     []
-  ), [_, u] = m({}), [C, R] = m("loading"), [y, A] = m(null), [k, $] = m(0);
-  G(() => {
-    let N = !1;
-    return R("loading"), A(null), (async () => {
+  ), [p, w] = f({}), [k, S] = f("loading"), [C, F] = f(null), [b, A] = f(0), $ = E(
+    (y, T) => {
+      const U = y.map(Ze), q = T.map(yn), x = xn(y);
+      d(
+        (L) => Ke(L, U) ? L : U
+      ), h(
+        (L) => Ke(L, q) ? L : q
+      ), w(
+        (L) => Ke(L, x) ? L : x
+      ), S("idle"), F(null);
+    },
+    []
+  );
+  z(() => {
+    let y = !1;
+    return S("loading"), F(null), (async () => {
       try {
-        const [I, D] = await Promise.all([
-          g.listAgents(),
-          g.listAgentDefinitions()
+        const [T, U] = await Promise.all([
+          i.listAgents(),
+          i.listAgentDefinitions()
         ]);
-        if (N)
+        if (y)
           return;
-        w(I.map(De)), p(D.map(Kt)), u(Qt(I)), R("idle");
-      } catch (I) {
-        if (N)
+        $(T, U);
+      } catch (T) {
+        if (y)
           return;
-        w([]), p([]), u({}), R("error"), A(Yt(I));
+        d([]), h([]), w({}), S("error"), F(Pn(T));
       }
     })(), () => {
-      N = !0;
+      y = !0;
     };
-  }, [g, k]);
-  const V = T(() => {
-    $((N) => N + 1);
-  }, []), M = T(
-    async (N) => {
-      const [I, D] = await Promise.all([
-        g.getAgentChecklist(N),
-        g.getAgent(N).catch(() => null)
+  }, [$, i, b]);
+  const ie = E(() => {
+    A((y) => y + 1);
+  }, []), te = E(async () => {
+    try {
+      const [y, T] = await Promise.all([
+        i.listAgents(),
+        i.listAgentDefinitions()
       ]);
-      return Xe(
-        N,
-        I,
-        D ?? void 0
+      $(y, T);
+    } catch {
+    }
+  }, [$, i]), Q = E(
+    async (y) => {
+      const [T, U] = await Promise.all([
+        i.getAgentChecklist(y),
+        i.getAgent(y).catch(() => null)
+      ]);
+      return mt(
+        y,
+        T,
+        U ?? void 0
       );
     },
-    [g]
-  ), ee = T(
-    async (N) => {
-      const I = await g.getAgentResources(N);
-      return Ye(I);
+    [i]
+  ), ne = E(
+    async (y) => {
+      const T = await i.getAgentResources(y);
+      return ht(T);
     },
-    [g]
-  ), te = T(
+    [i]
+  ), J = E(
     async ({
-      definition: N,
-      invocationName: I
+      definition: y,
+      invocationName: T
     }) => {
-      const D = await g.createAgent(N.ref, {
-        invocationName: I
-      }), Q = await g.getAgent(D.id), P = De(Q), B = we(Q);
-      return w((q) => [P, ...q]), B && u((q) => ({
-        ...q,
-        [P.invocation_id]: B,
-        [P.id]: B
-      })), P;
+      const U = await i.createAgent(y.ref, {
+        invocationName: T
+      }), q = await i.getAgent(U.id), x = Ze(q), L = Me(q);
+      return d((H) => [x, ...H]), L && w((H) => ({
+        ...H,
+        [x.invocation_id]: L,
+        [x.id]: L
+      })), x;
     },
-    [g]
-  ), Y = U(
-    () => Ve(g, {
-      resolveOpeningMessage: (N) => _[N.invocation_id] ?? _[N.id]
+    [i]
+  ), ae = G(
+    () => _t(i, {
+      resolveOpeningMessage: (y) => p[y.invocation_id] ?? p[y.id]
     }),
-    [g, _]
+    [i, p]
   );
   return {
-    agents: l,
-    agentDefinitions: f,
-    loadState: C,
-    loadError: y,
-    reload: V,
-    fetchAgentChecklist: M,
-    fetchAgentResources: ee,
-    createAgent: te,
-    chatConnector: Y
+    agents: c,
+    agentDefinitions: m,
+    loadState: k,
+    loadError: C,
+    reload: ie,
+    refresh: te,
+    fetchAgentChecklist: Q,
+    fetchAgentResources: ne,
+    createAgent: J,
+    chatConnector: ae
   };
-}, en = (e) => JSON.stringify(e), tn = (e) => {
-  const { agent: t, jwt: a, headers: s, urls: r } = e, d = JSON.stringify(s ?? {}), g = en(r), l = U(
-    () => new je({
+}, Un = (t) => JSON.stringify(t), Mn = (t) => {
+  const { agent: e, jwt: a, headers: s, urls: r, chatId: o } = t, i = JSON.stringify(s ?? {}), c = Un(r), d = G(
+    () => new pt({
       token: a,
       headers: s,
       urls: {
         agent: r.agentUrl,
         agentChecklist: r.agentChecklistUrl,
-        agentResources: r.agentResourcesUrl,
-        agentChat: r.agentChatUrl
+        ...r.agentResourcesUrl ? { agentResources: r.agentResourcesUrl } : {},
+        ...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, g]
+    [a, c]
   );
-  Ge(() => {
-    l.setHeaders(s);
-  }, [l, d]);
-  const w = T(
-    async (_) => {
-      const [u, C] = await Promise.all([
-        l.getAgentChecklist(_),
-        l.getAgent(_).catch(() => null)
+  at(() => {
+    d.setHeaders(s);
+  }, [d, i]);
+  const m = E(
+    async (k) => {
+      const [S, C] = await Promise.all([
+        d.getAgentChecklist(k),
+        d.getAgent(k).catch(() => null)
       ]);
-      return Xe(
-        _,
-        u,
+      return mt(
+        k,
+        S,
         C ?? void 0
       );
     },
-    [l]
-  ), f = T(
-    async (_) => {
-      const u = await l.getAgentResources(_);
-      return Ye(u);
+    [d]
+  ), h = E(
+    async (k) => {
+      const S = await d.getAgentResources(k);
+      return ht(S);
+    },
+    [d]
+  ), p = E(
+    async (k) => {
+      const S = await d.getAgentTimeline(k);
+      return Cn(S);
     },
-    [l]
+    [d]
   );
   return {
-    connector: U(
-      () => Ve(l)(t),
-      [l, t]
+    connector: G(
+      () => _t(d, {
+        chatId: o ?? e.invocation_id
+      })(e),
+      // 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, e.invocation_id, o]
     ),
-    fetchAgentChecklist: w,
-    fetchAgentResources: f
+    fetchAgentChecklist: m,
+    fetchAgentResources: h,
+    fetchAgentTimeline: p
   };
-}, nn = (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." : "";
+}, Dn = (t, e) => {
+  const a = t.hasRunBefore ? e || "This trip" : t.tripName.trim() || "A new trip", s = t.destination ? ` to ${t.destination}` : "", r = t.hasRunBefore ? " It has run before." : "";
   return `${a}${s}.${r}`.trim();
-}, an = (e) => {
-  switch (e) {
-    case v.failed:
-      return b.stopped;
-    case v.complete:
-      return b.complete;
+}, Fn = (t) => {
+  switch (t) {
+    case N.failed:
+      return O.stopped;
+    case N.complete:
+      return O.complete;
     default:
-      return b.running;
+      return O.running;
   }
-}, He = (e, t) => {
-  t([pe(e)]);
-}, sn = ({
-  agent: e,
-  open: t,
+}, tt = (t, e) => {
+  e([fe(t)]);
+}, Hn = ({
+  agent: t,
+  open: e,
   onClose: a,
   jwt: s,
   headers: r,
-  agentUrl: d,
-  agentChecklistUrl: g,
-  agentResourcesUrl: l,
-  agentChatUrl: w,
-  enableUpload: f,
-  initialBrief: p,
-  initialPhase: _,
-  initialChecklist: u
+  agentUrl: o,
+  agentChecklistUrl: i,
+  agentResourcesUrl: c,
+  agentTimelineUrl: d,
+  agentChatUrl: m,
+  agentConversationUrl: h,
+  chatId: p,
+  enableUpload: w,
+  initialBrief: k,
+  initialPhase: S,
+  initialChecklist: C
 }) => {
-  const { connector: C, fetchAgentChecklist: R, fetchAgentResources: y } = tn({
-    agent: e,
+  const [F, b] = f(p ?? t.invocation_id), [A, $] = f("chat"), [ie, te] = f(!1), { connector: Q, fetchAgentChecklist: ne, fetchAgentResources: J, fetchAgentTimeline: ae } = Mn({
+    agent: t,
     jwt: s,
     headers: r,
+    chatId: F,
     urls: {
-      agentUrl: d,
-      agentChecklistUrl: g,
-      agentResourcesUrl: l,
-      agentChatUrl: w
+      agentUrl: o,
+      agentChecklistUrl: i,
+      agentResourcesUrl: c,
+      agentTimelineUrl: d,
+      agentChatUrl: m,
+      agentConversationUrl: h
     }
-  }), A = Re(C), [k, $] = m(
-    _ ?? (p ? b.running : an(e.status))
-  ), [V, M] = m([]), [ee, te] = m(0), [Y, N] = m(), [I, D] = m(null), [Q, P] = m([]), [B, q] = m(!1), [ce, X] = m(null), [ke, z] = m(
-    u ?? null
-  ), [ye, le] = m(!1), [Z, de] = m(null), [_e, ne] = m(!1), [ae, Ne] = m(!1), [se, Ae] = m(!1), K = Re(!1);
-  G(() => {
-    A.current = C;
-  }, [C]), G(() => {
-    K.current = !1, M([]), te((o) => o + 1);
-  }, [e.invocation_id]), G(() => {
-    if (!t || p || K.current)
+  }), y = At(Q), [T, U] = f(
+    S ?? (k ? O.running : Fn(t.status))
+  ), [q, x] = f([]), [L, H] = f(0), [ke, De] = f(), [pe, Z] = f(null), [Fe, oe] = f([]), [He, he] = f(!1), [se, ue] = f(null), [Ne, Ae] = f(null), [Ce, Se] = f(!1), [be, Te] = f(null), [Ee, me] = f(C ?? null), [Be, Ie] = f(!1), [Re, _e] = f(null), [g, v] = f(!1), [_, B] = f(!1), [j, ce] = f(!1);
+  z(() => {
+    y.current = Q;
+  }, [Q]), z(() => {
+    b(p ?? t.invocation_id), $("chat"), te(!1), x([]), H((u) => u + 1);
+  }, [t.invocation_id, p]), z(() => {
+    if (!e || k)
       return;
-    const o = A.current.bootstrapConversation;
-    if (!o) {
-      He(
-        A.current.openingMessage(),
-        M
-      );
+    const u = y.current.bootstrapConversation;
+    if (!u) {
+      tt(y.current.openingMessage(), x);
       return;
     }
-    K.current = !0;
-    let c = !1;
-    return ne(!0), (async () => {
+    let R = !1;
+    return v(!0), (async () => {
       try {
-        const h = await o.call(A.current);
-        if (c)
+        const V = await u.call(y.current);
+        if (R)
           return;
-        M(h.map(pe));
+        x(V.map(fe));
       } catch {
-        c || He(
-          A.current.openingMessage(),
-          M
-        );
+        R || tt(y.current.openingMessage(), x);
       } finally {
-        c || ne(!1);
+        R || v(!1);
       }
     })(), () => {
-      c = !0;
+      R = !0;
     };
-  }, [t, p, e.invocation_id, C]);
-  const Se = T((o) => {
-    o.checklist && z(o.checklist), o.phase && $(o.phase);
+  }, [e, k, t.invocation_id, F]);
+  const re = E((u) => {
+    u.checklist && me(u.checklist), u.phase && U(u.phase);
   }, []);
-  G(() => {
-    var o, c;
-    !t || p || u && u.length > 0 && ((c = (o = A.current).seedChecklist) == null || c.call(o, u));
-  }, [t, p, u]), G(() => {
-    if (!t || p)
+  z(() => {
+    var u, R;
+    !e || k || C && C.length > 0 && ((R = (u = y.current).seedChecklist) == null || R.call(u, C));
+  }, [e, k, C]), z(() => {
+    if (!e || k)
       return;
-    let o = !1;
-    return le(!(u != null && u.length)), de(null), (async () => {
-      var c, h;
+    let u = !1;
+    return Ie(!(C != null && C.length)), _e(null), (async () => {
+      var R, V;
       try {
-        const L = await R(e.invocation_id);
-        if (o)
+        const Je = await ne(t.invocation_id);
+        if (u)
           return;
-        u != null && u.length || (z(L.checklist), (h = (c = A.current).seedChecklist) == null || h.call(c, L.checklist));
+        C != null && C.length || (me(Je.checklist), (V = (R = y.current).seedChecklist) == null || V.call(R, Je.checklist));
       } catch {
-        !o && !(u != null && u.length) && de(Ee);
+        !u && !(C != null && C.length) && _e(Le);
       } finally {
-        o || le(!1);
+        u || Ie(!1);
       }
     })(), () => {
-      o = !0;
+      u = !0;
     };
-  }, [
-    t,
-    e.invocation_id,
-    p,
-    u,
-    R
-  ]), G(() => {
-    if (!t)
+  }, [e, t.invocation_id, k, C, ne]), z(() => {
+    if (!e || !c)
       return;
-    let o = !1;
-    return q(!0), X(null), (async () => {
+    let u = !1;
+    return he(!0), ue(null), (async () => {
       try {
-        const c = await y(
-          e.invocation_id
-        );
-        o || P(c);
+        const R = await J(t.invocation_id);
+        u || oe(R);
       } catch {
-        o || X(pt);
+        u || ue($t);
       } finally {
-        o || q(!1);
+        u || he(!1);
       }
     })(), () => {
-      o = !0;
+      u = !0;
     };
-  }, [t, e.invocation_id, y]), G(() => {
-    if (!t || !p || K.current)
+  }, [e, t.invocation_id, c, J]), z(() => {
+    if (!e || !d)
       return;
-    K.current = !0;
-    const o = {
+    let u = !1;
+    return Se(!0), Te(null), (async () => {
+      try {
+        const R = await ae(t.invocation_id);
+        u || Ae(R);
+      } catch {
+        u || Te(ot);
+      } finally {
+        u || Se(!1);
+      }
+    })(), () => {
+      u = !0;
+    };
+  }, [e, t.invocation_id, d, ae]), z(() => {
+    if (!e || !k)
+      return;
+    let u = !1;
+    const R = {
       id: `user-brief-${Date.now()}`,
-      author: j.user,
-      text: nn(p, e.invocation_name)
+      author: X.user,
+      text: Dn(k, t.invocation_name)
     };
-    (async () => {
-      const c = await A.current.start(p);
-      M([
-        pe(A.current.openingMessage()),
-        pe(o),
-        pe(c.message)
-      ]), c.checklist && z(c.checklist), $(c.phase ?? b.running);
-    })();
-  }, [t, p, e.invocation_name]);
-  const be = T(
-    (o) => {
-      D(xt(o));
-    },
-    []
-  ), Ce = T((o) => {
-    D(null), N(o), te((c) => c + 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 V = await y.current.start(k);
+      u || (x([
+        fe(y.current.openingMessage()),
+        fe(R),
+        fe(V.message)
+      ]), V.checklist && me(V.checklist), U(V.phase ?? O.running));
+    })(), () => {
+      u = !0;
+    };
+  }, [e, k, t.invocation_name, t.invocation_id]);
+  const Oe = E((u) => {
+    Z(ln(u));
+  }, []), ft = E((u) => {
+    b(u), te(!0), $("chat"), x([]), H((R) => R + 1);
+  }, []), vt = E(() => {
+    $("timeline"), te(!1), b(p ?? t.invocation_id), x([]), H((u) => u + 1);
+  }, [t.invocation_id, p]), wt = E((u) => {
+    Z(null), De(u), H((R) => R + 1);
+  }, []), yt = E(async () => {
+    await y.current.stop(), U(O.stopped);
+  }, []), kt = Ee;
+  return /* @__PURE__ */ l(ee, { open: e, closeHandler: a, hideCloseButton: !0, className: "agent-workspace", children: [
+    /* @__PURE__ */ l(ee.Header, { className: "agent-workspace__header", children: [
+      /* @__PURE__ */ l("div", { className: "agent-workspace__header-title", children: [
+        /* @__PURE__ */ n("span", { className: "agent-workspace__header-avatar", "aria-hidden": "true", children: /* @__PURE__ */ n(I, { name: "ask-arbor", size: 24 }) }),
+        /* @__PURE__ */ n(ee.Title, { children: t.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: W("agent-workspace__phase", `agent-workspace__phase--${T}`),
+            children: Dt[T]
           }
         )
-      ]
-    }
-  );
-}, rn = ({
-  open: e,
-  onClose: t,
+      ] }),
+      /* @__PURE__ */ l("div", { className: "agent-workspace__header-actions", children: [
+        /* @__PURE__ */ n(
+          Y,
+          {
+            variant: "tertiary",
+            size: "S",
+            iconLeftName: "clipboard-list",
+            iconLeftScreenReaderText: "Toggle checklist",
+            "aria-pressed": !j,
+            onClick: () => ce((u) => !u),
+            children: "Checklist"
+          }
+        ),
+        /* @__PURE__ */ n(
+          Y,
+          {
+            variant: "tertiary",
+            size: "S",
+            iconLeftName: "files",
+            iconLeftScreenReaderText: "Toggle resources",
+            "aria-pressed": !_,
+            onClick: () => B((u) => !u),
+            children: "Resources"
+          }
+        ),
+        /* @__PURE__ */ n(
+          Y,
+          {
+            variant: "secondary",
+            size: "S",
+            iconLeftName: "x",
+            iconLeftScreenReaderText: "Close",
+            onClick: a,
+            children: "Close"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ l(
+      ee.Body,
+      {
+        className: W("agent-workspace__body", {
+          "agent-workspace__body--no-left": j,
+          "agent-workspace__body--no-right": _
+        }),
+        children: [
+          !j && /* @__PURE__ */ n(
+            Yt,
+            {
+              checklist: kt,
+              isLoading: Be,
+              error: Re,
+              phase: T,
+              canRequestInput: T === O.running && !g,
+              onStop: () => void yt(),
+              onAttentionItemClick: Oe
+            }
+          ),
+          /* @__PURE__ */ l(
+            "section",
+            {
+              className: W("agent-workspace__panel", "agent-workspace__panel--chat", {
+                "agent-workspace__panel--timeline": !!d && A === "timeline"
+              }),
+              "aria-label": "Agent conversation",
+              children: [
+                d && /* @__PURE__ */ l(Ge, { className: "agent-workspace__center-tabs", "aria-label": "Center panel", children: [
+                  /* @__PURE__ */ n(
+                    Ge.Item,
+                    {
+                      active: A === "chat",
+                      tabElementProps: {
+                        id: "agent-center-tab-chat",
+                        onClick: () => $("chat")
+                      },
+                      children: "Chat"
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    Ge.Item,
+                    {
+                      active: A === "timeline",
+                      tabElementProps: {
+                        id: "agent-center-tab-timeline",
+                        onClick: () => $("timeline")
+                      },
+                      children: "Timeline"
+                    }
+                  )
+                ] }),
+                d && A === "chat" && ie && /* @__PURE__ */ n("div", { className: "agent-workspace__center-back", children: /* @__PURE__ */ n(
+                  Y,
+                  {
+                    variant: "tertiary",
+                    size: "S",
+                    iconLeftName: "arrow-left",
+                    iconLeftScreenReaderText: "Back to timeline",
+                    onClick: vt,
+                    children: "Back to timeline"
+                  }
+                ) }),
+                !d || A === "chat" ? /* @__PURE__ */ n(
+                  Vt,
+                  {
+                    connector: Q,
+                    phase: T,
+                    chatHistory: q,
+                    chatSessionKey: L,
+                    startQuery: ke,
+                    clarificationMessage: pe,
+                    enableUpload: w,
+                    onTurn: re,
+                    onAwaitingChange: v,
+                    onClarificationPrompt: wt,
+                    onDismissClarification: () => Z(null)
+                  }
+                ) : /* @__PURE__ */ n(
+                  on,
+                  {
+                    timeline: Ne,
+                    isLoading: Ce,
+                    error: be,
+                    onOpenChatSession: ft
+                  }
+                )
+              ]
+            }
+          ),
+          !_ && /* @__PURE__ */ n(
+            Qt,
+            {
+              resources: Fe,
+              isLoading: He,
+              error: se
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, Bn = ({
+  open: t,
+  onClose: e,
   onStart: a,
   agentDefinitions: s
 }) => {
-  const r = s[0], [d, g] = m(
+  const r = s[0], [o, i] = f(
     r
-  ), [l, 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
+  ), [c, d] = f(""), [m, h] = f(!1), [p, w] = f(null), k = [...s].sort((b, A) => b.agent_intent.localeCompare(A.agent_intent)).map((b) => ({
+    value: b.ref,
+    label: b.agent_intent
   }));
-  G(() => {
-    e && (g(r), w(""), p(!1), u(null));
-  }, [e, r]);
-  const R = d !== void 0 && l.trim().length > 0, y = T(
-    (k) => {
-      const $ = s.find(
-        (V) => V.ref === k[0]
+  z(() => {
+    t && (i(r), d(""), h(!1), w(null));
+  }, [t, r]);
+  const S = o !== void 0 && c.trim().length > 0, C = E(
+    (b) => {
+      const A = s.find(
+        ($) => $.ref === b[0]
       );
-      $ && g($);
+      A && i(A);
     },
     [s]
-  ), A = T(async () => {
-    if (!(!d || !R || f)) {
-      p(!0), u(null);
+  ), F = E(async () => {
+    if (!(!o || !S || m)) {
+      h(!0), w(null);
       try {
-        await a({ definition: d, invocationName: l.trim() });
-      } catch (k) {
-        u(
-          k instanceof Error ? k.message : "Unable to start the agent."
+        await a({ definition: o, invocationName: c.trim() });
+      } catch (b) {
+        w(
+          b instanceof Error ? b.message : "Unable to start the agent."
         );
       } finally {
-        p(!1);
+        h(!1);
       }
     }
-  }, [R, d, l, f, a]);
-  return !d || s.length === 0 ? null : /* @__PURE__ */ i(
-    W,
+  }, [S, o, c, m, a]);
+  return !o || s.length === 0 ? null : /* @__PURE__ */ l(
+    ee,
     {
-      open: e,
-      closeHandler: t,
+      open: t,
+      closeHandler: e,
       className: "new-agent",
       children: [
-        /* @__PURE__ */ n(W.Header, { className: "new-agent__header", children: /* @__PURE__ */ i("div", { className: "new-agent__header-title", children: [
+        /* @__PURE__ */ n(ee.Header, { className: "new-agent__header", children: /* @__PURE__ */ l("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 })
+              children: /* @__PURE__ */ n(I, { name: "ask-arbor", size: 24 })
             }
           ),
-          /* @__PURE__ */ n(W.Title, { children: "Start an agent" })
+          /* @__PURE__ */ n(ee.Title, { children: "Start an agent" })
         ] }) }),
-        /* @__PURE__ */ n(W.Body, { className: "new-agent__body", children: /* @__PURE__ */ i(
+        /* @__PURE__ */ n(ee.Body, { className: "new-agent__body", children: /* @__PURE__ */ l(
           "form",
           {
             className: "new-agent__form",
             "aria-label": "Start an agent",
-            onSubmit: (k) => {
-              k.preventDefault(), R && !f && A();
+            onSubmit: (b) => {
+              b.preventDefault(), S && !m && F();
             },
             children: [
-              /* @__PURE__ */ i("div", { className: "new-agent__type-field", children: [
+              /* @__PURE__ */ l("div", { className: "new-agent__type-field", children: [
                 /* @__PURE__ */ n(
                   "label",
                   {
@@ -1689,18 +1985,18 @@ const Ve = (e, t) => (a) => {
                   }
                 ),
                 /* @__PURE__ */ n(
-                  tt,
+                  Ct,
                   {
                     id: "new-agent-type",
                     placeholder: "Choose an intent",
-                    options: C,
-                    selectedValues: [d.ref],
-                    onSelectionChange: y
+                    options: k,
+                    selectedValues: [o.ref],
+                    onSelectionChange: C
                   }
                 ),
-                /* @__PURE__ */ n("p", { className: "new-agent__type-description", children: d.description })
+                /* @__PURE__ */ n("p", { className: "new-agent__type-description", children: o.description })
               ] }),
-              /* @__PURE__ */ i("div", { className: "new-agent__type-field", children: [
+              /* @__PURE__ */ l("div", { className: "new-agent__type-field", children: [
                 /* @__PURE__ */ n(
                   "label",
                   {
@@ -1710,25 +2006,25 @@ const Ve = (e, t) => (a) => {
                   }
                 ),
                 /* @__PURE__ */ n(
-                  nt,
+                  St,
                   {
                     id: "new-agent-invocation-name",
-                    value: l,
+                    value: c,
                     placeholder: "e.g. Test with memory3",
-                    onChange: (k) => w(k.target.value)
+                    onChange: (b) => d(b.target.value)
                   }
                 )
               ] }),
-              _ ? /* @__PURE__ */ n("p", { className: "new-agent__error", role: "alert", children: _ }) : null,
+              p ? /* @__PURE__ */ n("p", { className: "new-agent__error", role: "alert", children: p }) : null,
               /* @__PURE__ */ n("div", { className: "new-agent__actions", children: /* @__PURE__ */ n(
-                J,
+                Y,
                 {
                   type: "submit",
                   variant: "primary",
-                  disabled: !R || f,
-                  iconLeftName: f ? "loader" : "sparkles",
-                  iconLeftScreenReaderText: f ? "Starting" : void 0,
-                  children: f ? "Starting…" : "Start"
+                  disabled: !S || m,
+                  iconLeftName: m ? "loader" : "sparkles",
+                  iconLeftScreenReaderText: m ? "Starting" : void 0,
+                  children: m ? "Starting…" : "Start"
                 }
               ) })
             ]
@@ -1737,60 +2033,60 @@ const Ve = (e, t) => (a) => {
       ]
     }
   );
-}, on = (e) => e !== void 0 && e.some((t) => t.status === S.hitl), cn = (e, t) => on(t) ? v.hitl : e.status, ln = ({ column: e, label: t }) => e.statusIcon ? /* @__PURE__ */ n("span", { className: "agent-view__status-indicator", children: /* @__PURE__ */ n(
-  E,
+}, Gn = (t) => t !== void 0 && t.some((e) => e.status === P.hitl), zn = (t, e) => Gn(e) ? N.hitl : t.status, qn = ({ column: t, label: e }) => t.statusIcon ? /* @__PURE__ */ n("span", { className: "agent-view__status-indicator", children: /* @__PURE__ */ n(
+  I,
   {
-    name: e.statusIcon.name,
+    name: t.statusIcon.name,
     size: 16,
-    color: e.statusIcon.color,
-    className: H({
-      "agent-view__progress-icon--spinning": e.statusIcon.spin
+    color: t.statusIcon.color,
+    className: W({
+      "agent-view__progress-icon--spinning": t.statusIcon.spin
     }),
-    screenReaderText: t
+    screenReaderText: e
   }
 ) }) : /* @__PURE__ */ n(
   "span",
   {
-    className: H("agent-view__dot", {
-      [`agent-view__dot--${e.dotModifier}`]: e.dotModifier
+    className: W("agent-view__dot", {
+      [`agent-view__dot--${t.dotModifier}`]: t.dotModifier
     }),
-    children: /* @__PURE__ */ n(Be, { colour: e.dotColour, label: t })
+    children: /* @__PURE__ */ n(st, { colour: t.dotColour, label: e })
   }
-), dn = ({
-  agent: e,
-  agentName: t,
+), Kn = ({
+  agent: t,
+  agentName: e,
   column: a,
   isExpanded: s,
   isLoading: r,
-  checklist: d,
-  error: g,
-  onToggle: l,
-  onViewAgent: w
+  checklist: o,
+  error: i,
+  onToggle: c,
+  onViewAgent: d
 }) => {
-  const { id: f, invocation_name: p } = e, _ = `agent-card-${f}-header`, u = `agent-card-${f}-progress`;
+  const { id: m, invocation_name: h } = t, p = `agent-card-${m}-header`, w = `agent-card-${m}-progress`;
   return /* @__PURE__ */ n(
     "li",
     {
-      className: H("agent-view__card", {
+      className: W("agent-view__card", {
         "agent-view__card--expanded": s
       }),
-      children: /* @__PURE__ */ i(at, { spacing: "dense", children: [
+      children: /* @__PURE__ */ l(bt, { spacing: "dense", children: [
         /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             className: "agent-view__card-toggle",
             "aria-expanded": s,
-            "aria-controls": u,
-            "aria-label": p,
-            id: _,
-            onClick: () => l(f),
-            children: /* @__PURE__ */ i("div", { className: "agent-view__card-content", children: [
-              /* @__PURE__ */ n(ln, { column: a }),
-              /* @__PURE__ */ n("span", { className: "agent-view__card-invocation-name", children: p }),
-              /* @__PURE__ */ n("span", { className: "agent-view__card-agent-name", children: t }),
+            "aria-controls": w,
+            "aria-label": h,
+            id: p,
+            onClick: () => c(m),
+            children: /* @__PURE__ */ l("div", { className: "agent-view__card-content", children: [
+              /* @__PURE__ */ n(qn, { column: a }),
+              /* @__PURE__ */ n("span", { className: "agent-view__card-invocation-name", children: h }),
+              /* @__PURE__ */ n("span", { className: "agent-view__card-agent-name", children: e }),
               /* @__PURE__ */ n(
-                E,
+                I,
                 {
                   name: s ? "chevron-up" : "chevron-down",
                   size: 16,
@@ -1800,47 +2096,47 @@ const Ve = (e, t) => (a) => {
             ] })
           }
         ),
-        s && /* @__PURE__ */ i(
+        s && /* @__PURE__ */ l(
           "div",
           {
-            id: u,
-            "aria-labelledby": _,
+            id: w,
+            "aria-labelledby": p,
             className: "agent-view__card-progress",
             children: [
-              r && /* @__PURE__ */ i("div", { className: "agent-view__progress-loading", "aria-live": "polite", children: [
+              r && /* @__PURE__ */ l("div", { className: "agent-view__progress-loading", "aria-live": "polite", children: [
                 /* @__PURE__ */ n(
-                  E,
+                  I,
                   {
                     name: "loader",
                     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 && g && /* @__PURE__ */ n("p", { className: "agent-view__progress-error", role: "alert", children: g }),
-              !r && !g && d !== null && /* @__PURE__ */ n(St, { checklist: d }),
-              !r && !g && d === 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 && o !== null && /* @__PURE__ */ n(Wt, { checklist: o }),
+              !r && !i && o === null && /* @__PURE__ */ l("div", { className: "agent-view__progress-loading", "aria-live": "polite", children: [
                 /* @__PURE__ */ n(
-                  E,
+                  I,
                   {
                     name: "loader",
                     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,
+                Y,
                 {
                   variant: "secondary",
                   size: "S",
-                  onClick: () => w == null ? void 0 : w(e),
+                  onClick: () => d == null ? void 0 : d(t),
                   children: "View agent"
                 }
               ) })
@@ -1850,218 +2146,239 @@ const Ve = (e, t) => (a) => {
       ] })
     }
   );
-}, Fe = ({
-  column: e,
-  agents: t,
+}, nt = ({
+  column: t,
+  agents: e,
   expandedAgentId: a,
   loadingAgentId: s,
   checklistByInvocationId: r,
-  errorByAgentId: d,
-  definitionNameByRef: g,
-  onToggleAgent: l,
-  onViewAgent: w,
-  isSplit: f = !1
-}) => /* @__PURE__ */ i(
+  errorByAgentId: o,
+  definitionNameByRef: i,
+  onToggleAgent: c,
+  onViewAgent: d,
+  isSplit: m = !1
+}) => /* @__PURE__ */ l(
   "section",
   {
-    className: H("agent-view__column", {
-      "agent-view__column--split": f
+    className: W("agent-view__column", {
+      "agent-view__column--split": m
     }),
-    "aria-label": e.title,
+    "aria-label": t.title,
     children: [
-      /* @__PURE__ */ i("div", { className: "agent-view__column-header", children: [
-        /* @__PURE__ */ n(he, { level: 4, children: e.title }),
-        /* @__PURE__ */ n("span", { className: "agent-view__column-count", children: t.length })
+      /* @__PURE__ */ l("div", { className: "agent-view__column-header", children: [
+        /* @__PURE__ */ n(ye, { level: 4, children: t.title }),
+        /* @__PURE__ */ n("span", { className: "agent-view__column-count", children: e.length })
       ] }),
-      /* @__PURE__ */ n("ul", { className: "agent-view__card-list", children: t.map((p) => /* @__PURE__ */ n(
-        dn,
+      /* @__PURE__ */ n("ul", { className: "agent-view__card-list", children: e.map((h) => /* @__PURE__ */ n(
+        Kn,
         {
-          agent: p,
-          agentName: Ie(p, g),
-          column: e,
-          isExpanded: a === p.id,
-          isLoading: s === p.id,
-          checklist: r[p.invocation_id] ?? null,
-          error: d[p.id] ?? null,
-          onToggle: l,
-          onViewAgent: w
+          agent: h,
+          agentName: We(h, i),
+          column: t,
+          isExpanded: a === h.id,
+          isLoading: s === h.id,
+          checklist: r[h.invocation_id] ?? null,
+          error: o[h.id] ?? null,
+          onToggle: c,
+          onViewAgent: d
         },
-        p.id
+        h.id
       )) })
     ]
   }
-), Ie = (e, t) => t.get(e.agent_definition_ref) ?? e.agent_definition_ref.replace(/_/g, " "), vn = ({
-  jwt: e,
-  headers: t,
+), We = (t, e) => e.get(t.agent_definition_ref) ?? t.agent_definition_ref.replace(/_/g, " "), Qn = ({
+  jwt: t,
+  headers: e,
   agentDefinitionsUrl: a,
   agentsUrl: s,
   agentUrl: r,
-  agentChecklistUrl: d,
-  agentResourcesUrl: g,
-  agentChatUrl: l,
-  enableUpload: w,
-  institutions: f
+  agentChecklistUrl: o,
+  agentResourcesUrl: i,
+  agentTimelineUrl: c,
+  agentChatUrl: d,
+  agentConversationUrl: m,
+  enableUpload: h,
+  showHeader: p = !1,
+  institutions: w
 }) => {
-  var fe;
-  const p = U(
+  var _e;
+  const k = G(
     () => ({
       agentDefinitions: a,
       agents: s,
       agent: r,
-      agentChecklist: d,
-      agentResources: g,
-      agentChat: l
+      agentChecklist: o,
+      ...i ? { agentResources: i } : {},
+      ...c ? { agentTimeline: c } : {},
+      agentChat: d,
+      agentConversation: m
     }),
     [
       a,
       s,
       r,
+      o,
+      i,
+      c,
       d,
-      g,
-      l
+      m
     ]
-  ), [_, 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
-  } = Zt({ jwt: e, headers: R, urls: p }), [te, Y] = m(!1), [N, I] = m(null), [D, Q] = m(null), [P, B] = m({}), [q, ce] = m({}), [X, ke] = m([]), [z, ye] = m([]), le = U(() => {
-    const o = new Set(y.map((h) => h.application_id)), c = new Map(
-      (f ?? []).map((h) => [h.applicationId, h.name])
+  ), [S, C] = f(null), F = S ? (_e = w == null ? void 0 : w.find(
+    (g) => g.applicationId === S.application_id
+  )) == null ? void 0 : _e.applicationUrl : void 0, b = G(() => {
+    const g = { ...e ?? {} };
+    return F ? g[ge.arborApplicationUrl] = F : delete g[ge.arborApplicationUrl], g;
+  }, [e, F]), {
+    agents: A,
+    agentDefinitions: $,
+    loadState: ie,
+    loadError: te,
+    reload: Q,
+    refresh: ne,
+    fetchAgentChecklist: J,
+    createAgent: ae
+  } = $n({ jwt: t, headers: b, urls: k }), [y, T] = f(!1), [U, q] = f(null), [x, L] = f(null), [H, ke] = f({}), [De, pe] = f({}), [Z, Fe] = f([]), [oe, He] = f([]), he = G(() => {
+    const g = new Set(A.map((_) => _.application_id)), v = new Map(
+      (w ?? []).map((_) => [_.applicationId, _.name])
     );
-    return [...o].sort(
-      (h, L) => (c.get(h) ?? h).localeCompare(c.get(L) ?? L)
-    ).map((h) => ({
-      value: h,
-      label: c.get(h) ?? h
+    return [...g].sort(
+      (_, B) => (v.get(_) ?? _).localeCompare(v.get(B) ?? B)
+    ).map((_) => ({
+      value: _,
+      label: v.get(_) ?? _
     }));
-  }, [y, f]), Z = U(
-    () => new Map(A.map((o) => [o.ref, o.display_name])),
-    [A]
-  ), de = U(() => [...new Set(
-    y.map((c) => Ie(c, Z))
-  )].sort((c, h) => c.localeCompare(h)).map((c) => ({
-    value: c,
-    label: c
-  })), [y, Z]), _e = U(() => y.filter((o) => !(X.length > 0 && !X.includes(o.application_id) || z.length > 0 && !z.includes(Ie(o, Z)))), [y, Z, z, X]), ne = le.length > 1, ae = de.length > 1, Ne = ne || ae;
-  G(() => {
-    if (y.length === 0)
+  }, [A, w]), se = G(
+    () => new Map($.map((g) => [g.ref, g.display_name])),
+    [$]
+  ), ue = G(() => [...new Set(
+    A.map((v) => We(v, se))
+  )].sort((v, _) => v.localeCompare(_)).map((v) => ({
+    value: v,
+    label: v
+  })), [A, se]), Ne = G(() => A.filter((g) => !(Z.length > 0 && !Z.includes(g.application_id) || oe.length > 0 && !oe.includes(We(g, se)))), [A, se, oe, Z]), Ae = he.length > 1, Ce = ue.length > 1, Se = Ae || Ce;
+  z(() => {
+    const g = window.setInterval(() => {
+      ne();
+    }, 6e4);
+    return () => {
+      window.clearInterval(g);
+    };
+  }, [ne]), z(() => {
+    if (A.length === 0)
       return;
-    let o = !1;
+    let g = !1;
     return (async () => {
-      const c = await Promise.allSettled(
-        y.map(async (h) => {
-          const L = await M(h.invocation_id);
+      const v = await Promise.allSettled(
+        A.map(async (_) => {
+          const B = await J(_.invocation_id);
           return {
-            agentId: h.id,
-            invocationId: h.invocation_id,
-            checklist: L.checklist
+            agentId: _.id,
+            invocationId: _.invocation_id,
+            checklist: B.checklist
           };
         })
       );
-      o || (B((h) => {
-        const L = { ...h };
-        for (const ge of c)
-          ge.status === "fulfilled" && (L[ge.value.invocationId] = ge.value.checklist);
-        return L;
-      }), ce((h) => {
-        const L = { ...h };
-        return c.forEach((ge, Ze) => {
-          ge.status === "rejected" && (L[y[Ze].id] = Ee);
-        }), L;
+      g || (ke((_) => {
+        const B = { ..._ };
+        let j = !1;
+        for (const ce of v) {
+          if (ce.status !== "fulfilled")
+            continue;
+          const { invocationId: re, checklist: Oe } = ce.value;
+          JSON.stringify(_[re]) !== JSON.stringify(Oe) && (B[re] = Oe, j = !0);
+        }
+        return j ? B : _;
+      }), pe((_) => {
+        const B = { ..._ };
+        let j = !1;
+        return v.forEach((ce, re) => {
+          ce.status === "rejected" && B[A[re].id] !== Le && (B[A[re].id] = Le, j = !0);
+        }), j ? B : _;
       }));
     })(), () => {
-      o = !0;
+      g = !0;
     };
-  }, [y, M]);
-  const se = T(
-    async (o) => {
-      if (!P[o.invocation_id]) {
-        Q(o.id), ce((c) => {
-          const h = { ...c };
-          return delete h[o.id], h;
+  }, [A, J]);
+  const be = E(
+    async (g) => {
+      if (!H[g.invocation_id]) {
+        L(g.id), pe((v) => {
+          const _ = { ...v };
+          return delete _[g.id], _;
         });
         try {
-          const c = await M(o.invocation_id);
-          B((h) => ({
-            ...h,
-            [o.invocation_id]: c.checklist
+          const v = await J(g.invocation_id);
+          ke((_) => ({
+            ..._,
+            [g.invocation_id]: v.checklist
           }));
         } catch {
-          ce((c) => ({
-            ...c,
-            [o.id]: Ee
+          pe((v) => ({
+            ...v,
+            [g.id]: Le
           }));
         } finally {
-          Q((c) => c === o.id ? null : c);
+          L((v) => v === g.id ? null : v);
         }
       }
     },
-    [M, P]
-  ), Ae = T(
-    (o) => {
-      if (N === o) {
-        I(null);
+    [J, H]
+  ), Te = E(
+    (g) => {
+      if (U === g) {
+        q(null);
         return;
       }
-      const c = y.find(({ id: h }) => h === o);
-      c && (I(o), se(c));
+      const v = A.find(({ id: _ }) => _ === g);
+      v && (q(g), be(v));
     },
-    [y, N, se]
-  ), K = U(() => {
-    const o = {};
-    for (const c of _e) {
-      const h = cn(
-        c,
-        P[c.invocation_id]
+    [A, U, be]
+  ), Ee = G(() => {
+    const g = {};
+    for (const v of Ne) {
+      const _ = zn(
+        v,
+        H[v.invocation_id]
       );
-      (o[h] ?? (o[h] = [])).push(c);
+      (g[_] ?? (g[_] = [])).push(v);
     }
-    return o;
-  }, [_e, P]), Se = T((o) => {
-    u(o);
-  }, []), be = T(
-    async (o) => {
-      const c = await ee(o);
-      u(c), Y(!1);
+    return g;
+  }, [Ne, H]), me = E((g) => {
+    C(g);
+  }, []), Be = E(
+    async (g) => {
+      const v = await ae(g);
+      C(v), T(!1);
     },
-    [ee]
-  ), Ce = T(() => {
-    u(null);
-  }, []), me = {
-    expandedAgentId: N,
-    loadingAgentId: D,
-    checklistByInvocationId: P,
-    errorByAgentId: q,
-    definitionNameByRef: Z,
-    onToggleAgent: Ae,
-    onViewAgent: Se
+    [ae]
+  ), Ie = E(() => {
+    C(null);
+  }, []), Re = {
+    expandedAgentId: U,
+    loadingAgentId: x,
+    checklistByInvocationId: H,
+    errorByAgentId: De,
+    definitionNameByRef: se,
+    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__ */ l("div", { className: "agent-view-frontend agent-view", children: [
+    p && /* @__PURE__ */ l("div", { className: "agent-view__header", children: [
+      /* @__PURE__ */ n(ye, { level: 1, children: "Agents" }),
       /* @__PURE__ */ n(
-        J,
+        Y,
         {
           variant: "primary",
           size: "S",
           iconLeftName: "sparkles",
           iconLeftScreenReaderText: "Start an agent",
-          onClick: () => Y(!0),
+          onClick: () => T(!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__ */ l("div", { className: "agent-view__filters", children: [
+      Ae && /* @__PURE__ */ l("div", { className: "agent-view__filter", children: [
         /* @__PURE__ */ n(
           "label",
           {
@@ -2071,23 +2388,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: he,
+            value: Z,
+            onValueChange: Fe,
             showSelectionCountBadge: !0,
             showClearAll: !0,
             clearAllLabel: "Clear institutions"
           }
         )
       ] }),
-      ae && /* @__PURE__ */ i("div", { className: "agent-view__filter", children: [
+      Ce && /* @__PURE__ */ l("div", { className: "agent-view__filter", children: [
         /* @__PURE__ */ n(
           "label",
           {
@@ -2097,16 +2414,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: z,
-            onValueChange: ye,
+            options: ue,
+            value: oe,
+            onValueChange: He,
             showSelectionCountBadge: !0,
             showClearAll: !0,
             clearAllLabel: "Clear agents"
@@ -2114,112 +2431,116 @@ const Ve = (e, t) => (a) => {
         )
       ] })
     ] }),
-    k === "error" ? /* @__PURE__ */ i("div", { className: "agent-view__state agent-view__state--error", role: "alert", children: [
+    ie === "error" ? /* @__PURE__ */ l("div", { className: "agent-view__state agent-view__state--error", role: "alert", children: [
       /* @__PURE__ */ n(
-        E,
+        I,
         {
           name: "triangle-alert",
           size: 24,
           color: "var(--color-semantic-destructive-600)"
         }
       ),
-      /* @__PURE__ */ n("p", { className: "agent-view__state-message", children: $ ?? Ke }),
-      /* @__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: te ?? ct }),
+      /* @__PURE__ */ n(Y, { variant: "secondary", size: "S", onClick: Q, children: "Try again" })
+    ] }) : ie === "loading" && A.length === 0 ? /* @__PURE__ */ l("div", { className: "agent-view__state", "aria-live": "polite", children: [
       /* @__PURE__ */ n(
-        E,
+        I,
         {
           name: "loader",
           size: 24,
           color: "var(--color-brand-600)",
           className: "agent-view__progress-icon--spinning",
-          screenReaderText: Pe
+          screenReaderText: Ye
         }
       ),
-      /* @__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: Ye })
+    ] }) : A.length === 0 ? /* @__PURE__ */ n(zt, {}) : /* @__PURE__ */ l("div", { className: "agent-view__board", children: [
+      Ot.map((g) => /* @__PURE__ */ n(
+        nt,
         {
-          column: ve[o],
-          agents: K[o] ?? [],
-          ...me
+          column: $e[g],
+          agents: Ee[g] ?? [],
+          ...Re
         },
-        o
+        g
       )),
-      /* @__PURE__ */ n("div", { className: "agent-view__split-column", children: lt.map((o) => /* @__PURE__ */ n(
-        Fe,
+      /* @__PURE__ */ n("div", { className: "agent-view__split-column", children: Pt.map((g) => /* @__PURE__ */ n(
+        nt,
         {
-          column: ve[o],
-          agents: K[o] ?? [],
+          column: $e[g],
+          agents: Ee[g] ?? [],
           isSplit: !0,
-          ...me
+          ...Re
         },
-        o
+        g
       )) })
     ] }),
-    _ && /* @__PURE__ */ n(
-      sn,
+    S && /* @__PURE__ */ n(
+      Hn,
       {
-        agent: _,
+        agent: S,
         open: !0,
-        jwt: e,
-        headers: R,
+        jwt: t,
+        headers: b,
         agentUrl: r,
-        agentChecklistUrl: d,
-        agentResourcesUrl: g,
-        agentChatUrl: l,
-        enableUpload: w,
-        initialChecklist: P[_.invocation_id] ?? null,
-        onClose: Ce
+        agentChecklistUrl: o,
+        agentResourcesUrl: i,
+        agentTimelineUrl: c,
+        agentChatUrl: d,
+        agentConversationUrl: m,
+        enableUpload: h,
+        initialChecklist: H[S.invocation_id] ?? null,
+        onClose: Ie
       },
-      _.id
+      S.id
     ),
     /* @__PURE__ */ n(
-      rn,
+      Bn,
       {
-        open: te,
-        onClose: () => Y(!1),
-        onStart: be,
-        agentDefinitions: A
+        open: y,
+        onClose: () => T(!1),
+        onStart: Be,
+        agentDefinitions: $
       }
     )
   ] });
-}, wn = (e, t) => {
-  const a = Date.now(), s = t.trim() || e.agent_intent;
+}, Zn = (t, e) => {
+  const a = Date.now(), s = e.trim() || t.agent_intent;
   return {
     id: `agent-${a}`,
     invocation_id: `inv-${a}`,
-    agent_definition_ref: e.ref,
-    agent_intent: e.agent_intent,
+    agent_definition_ref: t.ref,
+    agent_intent: t.agent_intent,
     invocation_name: s,
-    application_id: dt,
-    created_by: gt,
-    status: v["generating-a-response"],
+    application_id: xt,
+    created_by: Lt,
+    status: N["generating-a-response"],
     context_ref: null,
     checklist_ref: null
   };
 };
 export {
-  vn as AgentMonitorKanban,
-  je as AgentServiceClient,
-  ue as AgentServiceError,
-  sn as AgentView,
-  Bt as HttpChatConnector,
-  rn as NewAgentModal,
-  wn as buildAgentFromDefinition,
-  Ve as createHttpChatConnectorFactory,
-  De as mapApiAgent,
-  Kt as mapApiAgentDefinition,
-  qt as mapApiAgentStatus,
-  Xe as mapApiChecklistEndpointResponse,
-  Qe as mapApiChecklistItem,
-  fn as mapApiChecklistResponse,
-  zt as mapApiChecklistStatus,
-  we as mapApiOpeningMessage,
-  jt as mapApiResource,
-  Ye as mapApiResourcesEndpointResponse,
-  mn as mapApiTripOption,
-  Zt as useAgentService,
-  tn as useAgentWorkspace
+  Qn as AgentMonitorKanban,
+  pt as AgentServiceClient,
+  ve as AgentServiceError,
+  Hn as AgentView,
+  On as HttpChatConnector,
+  Bn as NewAgentModal,
+  Zn as buildAgentFromDefinition,
+  _t as createHttpChatConnectorFactory,
+  Ze as mapApiAgent,
+  yn as mapApiAgentDefinition,
+  vn as mapApiAgentStatus,
+  Cn as mapApiAgentTimelineResponse,
+  mt as mapApiChecklistEndpointResponse,
+  ut as mapApiChecklistItem,
+  bn as mapApiChecklistResponse,
+  wn as mapApiChecklistStatus,
+  Tn as mapApiConversationMessages,
+  Me as mapApiOpeningMessage,
+  An as mapApiResource,
+  ht as mapApiResourcesEndpointResponse,
+  Xn as mapApiTripOption,
+  $n as useAgentService,
+  Mn as useAgentWorkspace
 };