@arbor-education/agent-view-frontend 0.2.1

package/dist/index.js

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