@amodalai/chat-widget 0.1.0

package/dist/chat-widget.js

@@ -0,0 +1,2311 @@
+import { jsx as e, jsxs as i, Fragment as $e } from "react/jsx-runtime";
+import { useReducer as Re, useRef as A, useCallback as b, useEffect as V, useState as f, Component as Me } from "react";
+import { W as Ie, s as Be, g as Le, l as Oe, u as we } from "./index-m6lGOMRo.js";
+import { C as Bt, a as Lt, T as Ot, c as Dt, b as Pt, d as Ht, p as Ut } from "./index-m6lGOMRo.js";
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+const ie = {
+  messages: [],
+  sessionId: null,
+  isStreaming: !1,
+  error: null,
+  activeToolCalls: [],
+  isHistorical: !1
+};
+let ge = 0;
+function ye() {
+  return ge++, `msg-${Date.now()}-${String(ge)}`;
+}
+function De(s, n) {
+  switch (n.type) {
+    case "SEND_MESSAGE": {
+      const t = {
+        type: "user",
+        id: ye(),
+        text: n.text,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      }, a = {
+        type: "assistant_text",
+        id: ye(),
+        text: "",
+        toolCalls: [],
+        skillActivations: [],
+        kbProposals: [],
+        widgets: [],
+        contentBlocks: [],
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      return {
+        ...s,
+        messages: [...s.messages, t, a],
+        isStreaming: !0,
+        error: null,
+        activeToolCalls: [],
+        isHistorical: !1
+      };
+    }
+    case "STREAM_INIT":
+      return { ...s, sessionId: n.sessionId };
+    case "STREAM_TEXT_DELTA": {
+      const t = [...s.messages], a = t[t.length - 1];
+      if (a && a.type === "assistant_text") {
+        const c = [...a.contentBlocks], l = c[c.length - 1];
+        l && l.type === "text" ? c[c.length - 1] = { type: "text", text: l.text + n.content } : c.push({ type: "text", text: n.content }), t[t.length - 1] = { ...a, text: a.text + n.content, contentBlocks: c };
+      }
+      return { ...s, messages: t };
+    }
+    case "STREAM_TOOL_CALL_START": {
+      const t = [...s.messages], a = t[t.length - 1], c = {
+        toolId: n.toolId,
+        toolName: n.toolName,
+        parameters: n.parameters,
+        status: "running"
+      };
+      if (a && a.type === "assistant_text") {
+        const l = [...a.toolCalls, c], o = [...a.contentBlocks], r = o[o.length - 1];
+        r && r.type === "tool_calls" ? o[o.length - 1] = { type: "tool_calls", calls: [...r.calls, c] } : o.push({ type: "tool_calls", calls: [c] }), t[t.length - 1] = { ...a, toolCalls: l, contentBlocks: o };
+      }
+      return {
+        ...s,
+        messages: t,
+        activeToolCalls: [...s.activeToolCalls, c]
+      };
+    }
+    case "STREAM_TOOL_CALL_RESULT": {
+      const t = [...s.messages], a = t[t.length - 1];
+      if (a && a.type === "assistant_text") {
+        const l = (d) => d.toolId === n.toolId ? {
+          ...d,
+          status: n.status,
+          result: n.result,
+          duration_ms: n.duration_ms,
+          error: n.error
+        } : d, o = a.toolCalls.map(l), r = a.contentBlocks.map(
+          (d) => d.type === "tool_calls" ? { ...d, calls: d.calls.map(l) } : d
+        );
+        t[t.length - 1] = { ...a, toolCalls: o, contentBlocks: r };
+      }
+      const c = s.activeToolCalls.filter(
+        (l) => l.toolId !== n.toolId
+      );
+      return { ...s, messages: t, activeToolCalls: c };
+    }
+    case "STREAM_SUBAGENT_EVENT": {
+      const t = [...s.messages], a = t[t.length - 1];
+      if (a && a.type === "assistant_text") {
+        const c = (r) => r.toolId === n.parentToolId ? { ...r, subagentEvents: [...r.subagentEvents ?? [], n.event] } : r, l = a.toolCalls.map(c), o = a.contentBlocks.map(
+          (r) => r.type === "tool_calls" ? { ...r, calls: r.calls.map(c) } : r
+        );
+        t[t.length - 1] = { ...a, toolCalls: l, contentBlocks: o };
+      }
+      return { ...s, messages: t };
+    }
+    case "STREAM_SKILL_ACTIVATED": {
+      const t = [...s.messages], a = t[t.length - 1];
+      return a && a.type === "assistant_text" && (t[t.length - 1] = {
+        ...a,
+        skillActivations: [...a.skillActivations, n.skill]
+      }), { ...s, messages: t };
+    }
+    case "STREAM_KB_PROPOSAL": {
+      const t = [...s.messages], a = t[t.length - 1], c = {
+        scope: n.scope,
+        title: n.title,
+        reasoning: n.reasoning
+      };
+      return a && a.type === "assistant_text" && (t[t.length - 1] = {
+        ...a,
+        kbProposals: [...a.kbProposals, c]
+      }), { ...s, messages: t };
+    }
+    case "STREAM_WIDGET": {
+      const t = [...s.messages], a = t[t.length - 1];
+      if (a && a.type === "assistant_text") {
+        const c = {
+          widgetType: n.widgetType,
+          data: n.data
+        }, l = {
+          type: "widget",
+          widgetType: n.widgetType,
+          data: n.data
+        };
+        t[t.length - 1] = {
+          ...a,
+          widgets: [...a.widgets, c],
+          contentBlocks: [...a.contentBlocks, l]
+        };
+      }
+      return { ...s, messages: t };
+    }
+    case "STREAM_ASK_USER": {
+      const t = [...s.messages], a = t[t.length - 1];
+      if (a && a.type === "assistant_text") {
+        const c = {
+          type: "ask_user",
+          askId: n.askId,
+          questions: n.questions,
+          status: "pending"
+        };
+        t[t.length - 1] = {
+          ...a,
+          contentBlocks: [...a.contentBlocks, c]
+        };
+      }
+      return { ...s, messages: t };
+    }
+    case "ASK_USER_SUBMITTED": {
+      const t = [...s.messages], a = t[t.length - 1];
+      if (a && a.type === "assistant_text") {
+        const c = a.contentBlocks.map(
+          (l) => l.type === "ask_user" && l.askId === n.askId ? { ...l, status: "submitted", answers: n.answers } : l
+        );
+        t[t.length - 1] = { ...a, contentBlocks: c };
+      }
+      return { ...s, messages: t };
+    }
+    case "STREAM_ERROR":
+      return { ...s, isStreaming: !1, error: n.message, activeToolCalls: [] };
+    case "STREAM_DONE": {
+      const t = [...s.messages], a = t[t.length - 1];
+      if (a && a.type === "assistant_text") {
+        const c = (r) => r.status === "running" ? { ...r, status: "error", error: "Stopped" } : r, l = a.toolCalls.map(c), o = a.contentBlocks.map(
+          (r) => r.type === "tool_calls" ? { ...r, calls: r.calls.map(c) } : r
+        );
+        t[t.length - 1] = { ...a, toolCalls: l, contentBlocks: o };
+      }
+      return { ...s, messages: t, isStreaming: !1, activeToolCalls: [] };
+    }
+    case "LOAD_HISTORY":
+      return {
+        ...ie,
+        messages: n.messages,
+        sessionId: n.sessionId,
+        isHistorical: !0
+      };
+    case "RESET":
+      return { ...ie };
+    default:
+      return s;
+  }
+}
+function Pe(s) {
+  const { serverUrl: n, user: t, getToken: a, onToolCall: c, onKBProposal: l, onEvent: o, entityExtractors: r, sessionType: d, deployId: u, initialMessage: p, resumeSessionId: m, onStreamEnd: y, onSessionCreated: w } = s, [g, h] = Re(De, ie), $ = A(null), S = A(null), N = A({ onToolCall: c, onKBProposal: l, getToken: a, onEvent: o, onStreamEnd: y, onSessionCreated: w });
+  N.current = { onToolCall: c, onKBProposal: l, getToken: a, onEvent: o, onStreamEnd: y, onSessionCreated: w };
+  const P = A(null);
+  P.current || (P.current = new Ie(), r && P.current.setExtractors(r));
+  const R = P.current, x = A(null);
+  x.current || (x.current = (T) => {
+    var I, B;
+    (B = (I = N.current).onEvent) == null || B.call(I, T);
+  }, R.on("entity_referenced", x.current));
+  const H = A(/* @__PURE__ */ new Map());
+  $.current = g.sessionId;
+  const G = b(
+    (T) => {
+      if (g.isStreaming) return;
+      h({ type: "SEND_MESSAGE", text: T });
+      const I = new AbortController();
+      S.current = I, (async () => {
+        var k, K, U, v, O, M, Q, z, C, D, ee, Z, ae, te, oe, de, pe, ue, me, _e;
+        let L = !1;
+        try {
+          const se = ((K = (k = N.current).getToken) == null ? void 0 : K.call(k)) ?? void 0, Ae = Be(
+            n,
+            {
+              message: T,
+              session_id: $.current ?? void 0,
+              role: t.role,
+              session_type: d,
+              deploy_id: u
+            },
+            I.signal,
+            se
+          );
+          for await (const _ of Ae)
+            switch (_.type) {
+              case "init":
+                h({ type: "STREAM_INIT", sessionId: _.session_id }), (v = (U = N.current).onSessionCreated) == null || v.call(U, _.session_id);
+                break;
+              case "text_delta":
+                h({ type: "STREAM_TEXT_DELTA", content: _.content });
+                break;
+              case "tool_call_start":
+                h({
+                  type: "STREAM_TOOL_CALL_START",
+                  toolId: _.tool_id,
+                  toolName: _.tool_name,
+                  parameters: _.parameters
+                }), H.current.set(_.tool_id, {
+                  toolName: _.tool_name,
+                  parameters: _.parameters
+                });
+                break;
+              case "tool_call_result": {
+                const E = H.current.get(_.tool_id), X = {
+                  toolId: _.tool_id,
+                  toolName: (E == null ? void 0 : E.toolName) ?? "",
+                  parameters: (E == null ? void 0 : E.parameters) ?? {},
+                  status: _.status,
+                  result: _.result,
+                  duration_ms: _.duration_ms,
+                  error: _.error
+                };
+                H.current.delete(_.tool_id), h({
+                  type: "STREAM_TOOL_CALL_RESULT",
+                  toolId: _.tool_id,
+                  status: _.status,
+                  result: _.result,
+                  duration_ms: _.duration_ms,
+                  error: _.error
+                }), (M = (O = N.current).onToolCall) == null || M.call(O, X);
+                const he = {
+                  type: "tool_executed",
+                  toolName: X.toolName,
+                  toolId: X.toolId,
+                  parameters: X.parameters,
+                  status: _.status,
+                  result: _.result,
+                  duration_ms: _.duration_ms,
+                  error: _.error,
+                  timestamp: _.timestamp
+                };
+                R.processEvent(he), (z = (Q = N.current).onEvent) == null || z.call(Q, he);
+                break;
+              }
+              case "subagent_event":
+                h({
+                  type: "STREAM_SUBAGENT_EVENT",
+                  parentToolId: _.parent_tool_id,
+                  event: {
+                    agentName: _.agent_name,
+                    eventType: _.event_type,
+                    toolName: _.tool_name,
+                    toolArgs: _.tool_args,
+                    result: _.result,
+                    text: _.text,
+                    error: _.error,
+                    timestamp: _.timestamp
+                  }
+                });
+                break;
+              case "skill_activated": {
+                h({ type: "STREAM_SKILL_ACTIVATED", skill: _.skill });
+                const E = {
+                  type: "skill_activated",
+                  skill: _.skill,
+                  timestamp: _.timestamp
+                };
+                R.processEvent(E), (D = (C = N.current).onEvent) == null || D.call(C, E);
+                break;
+              }
+              case "kb_proposal": {
+                const E = {
+                  scope: _.scope,
+                  title: _.title,
+                  reasoning: _.reasoning
+                };
+                h({
+                  type: "STREAM_KB_PROPOSAL",
+                  scope: _.scope,
+                  title: _.title,
+                  reasoning: _.reasoning
+                }), (Z = (ee = N.current).onKBProposal) == null || Z.call(ee, E);
+                const X = {
+                  type: "kb_proposal",
+                  proposal: E,
+                  timestamp: _.timestamp
+                };
+                R.processEvent(X), (te = (ae = N.current).onEvent) == null || te.call(ae, X);
+                break;
+              }
+              case "widget": {
+                h({
+                  type: "STREAM_WIDGET",
+                  widgetType: _.widget_type,
+                  data: _.data
+                });
+                const E = {
+                  type: "widget_rendered",
+                  widgetType: _.widget_type,
+                  data: _.data,
+                  timestamp: _.timestamp
+                };
+                R.processEvent(E), (de = (oe = N.current).onEvent) == null || de.call(oe, E);
+                break;
+              }
+              case "ask_user":
+                h({
+                  type: "STREAM_ASK_USER",
+                  askId: _.ask_id,
+                  questions: _.questions
+                });
+                break;
+              case "credential_saved":
+                h({ type: "STREAM_CREDENTIAL_SAVED", connectionName: _.connection_name });
+                break;
+              case "approved":
+                h({ type: "STREAM_APPROVED", resourceType: _.resource_type, previewId: _.preview_id });
+                break;
+              case "error":
+                h({ type: "STREAM_ERROR", message: _.message });
+                break;
+              case "done":
+                L = !0, h({ type: "STREAM_DONE" }), (ue = (pe = N.current).onStreamEnd) == null || ue.call(pe);
+                break;
+              default:
+                break;
+            }
+        } catch (se) {
+          se instanceof DOMException && se.name === "AbortError" || h({
+            type: "STREAM_ERROR",
+            message: se instanceof Error ? se.message : "Unknown error"
+          });
+        } finally {
+          S.current = null, !L && !I.signal.aborted && (h({ type: "STREAM_DONE" }), (_e = (me = N.current).onStreamEnd) == null || _e.call(me));
+        }
+      })();
+    },
+    [n, t.role, g.isStreaming, R, d, u]
+  ), j = A(!1);
+  V(() => {
+    !m || j.current || (j.current = !0, F.current = !0, Y(m));
+  }, [m]);
+  const J = A(!1), F = A(!1);
+  V(() => {
+    if (m || g.isHistorical || !p || F.current) return;
+    J.current = !1;
+    const T = setTimeout(() => {
+      !J.current && !F.current && (J.current = !0, G(p));
+    }, 0);
+    return () => {
+      clearTimeout(T);
+    };
+  }, [p, g.isHistorical]), V(() => {
+    p && J.current && !g.isStreaming && g.messages.length > 0 && (F.current = !0);
+  }, [p, g.isStreaming, g.messages.length]);
+  const ce = b(() => {
+    S.current && (S.current.abort(), S.current = null), h({ type: "STREAM_DONE" });
+  }, []), W = b(() => {
+    S.current && (S.current.abort(), S.current = null), h({ type: "RESET" });
+  }, []), q = b(
+    (T, I) => {
+      const B = $.current;
+      if (!B) return;
+      h({ type: "ASK_USER_SUBMITTED", askId: T, answers: I }), (async () => {
+        var k, K;
+        try {
+          const U = ((K = (k = N.current).getToken) == null ? void 0 : K.call(k)) ?? void 0, v = { "Content-Type": "application/json" };
+          U && (v.Authorization = `Bearer ${U}`), await fetch(
+            `${n}/chat/sessions/${B}/ask-user-response`,
+            {
+              method: "POST",
+              headers: v,
+              body: JSON.stringify({ ask_id: T, answers: I })
+            }
+          );
+        } catch {
+        }
+      })();
+    },
+    [n]
+  ), Y = b(
+    (T) => {
+      F.current = !0, (async () => {
+        var B, L;
+        try {
+          const k = ((L = (B = N.current).getToken) == null ? void 0 : L.call(B)) ?? void 0, U = (await Le(n, T, k)).messages.map((v) => {
+            if (v.type === "assistant_text") {
+              const O = (v.toolCalls ?? []).map((C) => ({
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- stored tool call from DB
+                toolId: C.toolId ?? "",
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- stored tool call from DB
+                toolName: C.toolName ?? "",
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- stored args from DB
+                parameters: C.args ?? {},
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- stored tool call from DB
+                status: C.status ?? "success",
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- stored tool call from DB
+                duration_ms: C.duration_ms,
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- stored tool call from DB
+                error: C.error,
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- stored tool call from DB
+                result: C.result
+              })), M = v.widgets ?? [], Q = v.contentBlocks, z = [];
+              if (Q && Q.length > 0) {
+                const C = new Map(O.map((D) => [D.toolId, D]));
+                for (const D of Q) {
+                  const ee = D.type;
+                  if (ee === "text") {
+                    const Z = D.text;
+                    Z.length > 0 && z.push({ type: "text", text: Z });
+                  } else if (ee === "tool_calls") {
+                    const Z = D.callIds, ae = Z ? Z.map((te) => C.get(te)).filter(
+                      (te) => te != null
+                    ) : O;
+                    ae.length > 0 && z.push({ type: "tool_calls", calls: ae });
+                  } else ee === "widget" && z.push({
+                    type: "widget",
+                    // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- stored block from DB
+                    widgetType: D.widgetType,
+                    // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion -- stored widget data from DB
+                    data: D.data ?? {}
+                  });
+                }
+              } else {
+                O.length > 0 && z.push({ type: "tool_calls", calls: O }), v.text.length > 0 && z.push({ type: "text", text: v.text });
+                for (const C of M)
+                  z.push({ type: "widget", widgetType: C.widgetType, data: C.data });
+              }
+              return {
+                type: "assistant_text",
+                id: v.id,
+                text: v.text,
+                toolCalls: O,
+                skillActivations: v.skillActivations ?? [],
+                kbProposals: [],
+                widgets: M,
+                contentBlocks: z,
+                timestamp: v.timestamp
+              };
+            }
+            return v.type === "error" ? {
+              type: "error",
+              id: v.id,
+              message: v.text,
+              timestamp: v.timestamp
+            } : {
+              type: "user",
+              id: v.id,
+              text: v.text,
+              timestamp: v.timestamp
+            };
+          });
+          h({ type: "LOAD_HISTORY", sessionId: T, messages: U });
+        } catch (k) {
+          h({
+            type: "STREAM_ERROR",
+            message: k instanceof Error ? k.message : "Failed to load session"
+          });
+        }
+      })();
+    },
+    [n]
+  );
+  return V(
+    () => () => {
+      S.current && S.current.abort();
+    },
+    []
+  ), {
+    messages: g.messages,
+    send: G,
+    stop: ce,
+    isStreaming: g.isStreaming,
+    activeToolCalls: g.activeToolCalls,
+    session: { id: g.sessionId, role: t.role },
+    error: g.error,
+    reset: W,
+    eventBus: R,
+    submitAskUserResponse: q,
+    loadSession: Y,
+    isHistorical: g.isHistorical
+  };
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function He(s) {
+  const { serverUrl: n, getToken: t, enabled: a } = s, [c, l] = f([]), [o, r] = f(!1), [d, u] = f(null), p = A(t);
+  p.current = t;
+  const m = b(() => {
+    if (!a) return;
+    r(!0), u(null), (async () => {
+      var $;
+      try {
+        const S = (($ = p.current) == null ? void 0 : $.call(p)) ?? void 0, N = await Oe(n, S);
+        l(N);
+      } catch (S) {
+        u(S instanceof Error ? S.message : "Failed to load sessions");
+      } finally {
+        r(!1);
+      }
+    })();
+  }, [n, a]), y = b(
+    (h, $) => {
+      (async () => {
+        var N;
+        try {
+          const P = ((N = p.current) == null ? void 0 : N.call(p)) ?? void 0;
+          await we(n, h, { tags: $ }, P), l(
+            (R) => R.map((x) => x.id === h ? { ...x, tags: $ } : x)
+          );
+        } catch {
+        }
+      })();
+    },
+    [n]
+  ), w = b(
+    (h, $) => {
+      (async () => {
+        var N;
+        try {
+          const P = ((N = p.current) == null ? void 0 : N.call(p)) ?? void 0;
+          await we(n, h, { title: $ }, P), l(
+            (R) => R.map((x) => x.id === h ? { ...x, title: $ } : x)
+          );
+        } catch {
+        }
+      })();
+    },
+    [n]
+  ), g = [...new Set(c.flatMap((h) => h.tags))].sort();
+  return V(() => {
+    a && m();
+  }, [a, m]), { sessions: c, isLoading: o, error: d, refresh: m, updateTags: y, updateTitle: w, allTags: g };
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+const Ee = {
+  primaryColor: "#1e40af",
+  backgroundColor: "#ffffff",
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+  fontSize: "14px",
+  borderRadius: "8px",
+  userBubbleColor: "#1e40af",
+  agentBubbleColor: "#f3f4f6",
+  toolCallColor: "#f9fafb",
+  headerText: "AI Assistant",
+  placeholder: "Type a message...",
+  emptyStateText: "Send a message to start a conversation."
+}, Ue = {
+  primaryColor: "--pcw-primary",
+  backgroundColor: "--pcw-bg",
+  fontFamily: "--pcw-font",
+  fontSize: "--pcw-font-size",
+  borderRadius: "--pcw-radius",
+  userBubbleColor: "--pcw-user-bubble",
+  agentBubbleColor: "--pcw-agent-bubble",
+  toolCallColor: "--pcw-tool-call-bg",
+  headerText: "--pcw-header-text",
+  placeholder: "--pcw-placeholder",
+  emptyStateText: "--pcw-empty-state-text"
+};
+function ze(s, n) {
+  const t = { ...Ee, ...n };
+  for (const [a, c] of Object.entries(Ue)) {
+    const l = t[a];
+    l !== void 0 && s.style.setProperty(c, l);
+  }
+}
+function je(s) {
+  return { ...Ee, ...s };
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function le(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function re(s) {
+  let n = le(s);
+  return n = n.replace(/`([^`]+)`/g, '<code class="pcw-md-code">$1</code>'), n = n.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>"), n = n.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), n = n.replace(/__(.+?)__/g, "<strong>$1</strong>"), n = n.replace(/\*(.+?)\*/g, "<em>$1</em>"), n = n.replace(new RegExp("(?<!\\w)_(.+?)_(?!\\w)", "g"), "<em>$1</em>"), n = n.replace(
+    /\[([^\]]+)\]\(([^)]+)\)/g,
+    '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'
+  ), n;
+}
+function Fe(s) {
+  const n = s.split(`
+`), t = [];
+  let a = !1, c = [], l = !1;
+  for (let o = 0; o < n.length; o++) {
+    const r = n[o];
+    if (r.startsWith("```")) {
+      a ? (t.push(`<pre class="pcw-md-codeblock"><code>${le(c.join(`
+`))}</code></pre>`), c = [], a = !1) : (l && (t.push("</ul>"), l = !1), a = !0);
+      continue;
+    }
+    if (a) {
+      c.push(r);
+      continue;
+    }
+    if (r.trim() === "") {
+      l && (t.push("</ul>"), l = !1);
+      continue;
+    }
+    const d = /^(#{1,4})\s+(.+)$/.exec(r);
+    if (d) {
+      l && (t.push("</ul>"), l = !1);
+      const p = d[1].length;
+      t.push(`<h${String(p)} class="pcw-md-h${String(p)}">${re(d[2])}</h${String(p)}>`);
+      continue;
+    }
+    const u = /^(\s*)[-*]\s+(.+)$/.exec(r) ?? /^(\s*)\d+\.\s+(.+)$/.exec(r);
+    if (u) {
+      l || (t.push('<ul class="pcw-md-list">'), l = !0), t.push(`<li>${re(u[2])}</li>`);
+      continue;
+    }
+    l && (t.push("</ul>"), l = !1), t.push(`<p>${re(r)}</p>`);
+  }
+  return a && t.push(`<pre class="pcw-md-codeblock"><code>${le(c.join(`
+`))}</code></pre>`), l && t.push("</ul>"), t.join(`
+`);
+}
+function ne({ text: s, className: n }) {
+  const t = Fe(s);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: `pcw-formatted-text${n ? ` ${n}` : ""}`,
+      dangerouslySetInnerHTML: { __html: t }
+    }
+  );
+}
+function Ke({ event: s }) {
+  const [n, t] = f(!1), a = !!(s.result || s.error || s.toolArgs);
+  return /* @__PURE__ */ i("div", { className: "pcw-subagent-row", children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        className: `pcw-subagent-row__header${a ? "" : " pcw-subagent-row__header--static"}`,
+        onClick: () => {
+          a && t(!n);
+        },
+        children: [
+          a && /* @__PURE__ */ e("span", { className: "pcw-subagent-row__chevron", children: n ? "▼" : "▶" }),
+          /* @__PURE__ */ e("span", { className: `pcw-subagent-row__icon${s.error ? " pcw-subagent-row__icon--error" : ""}`, children: s.error ? "✗" : "✓" }),
+          /* @__PURE__ */ e("span", { className: "pcw-subagent-row__name", children: s.toolName ?? "unknown" })
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ i("div", { className: "pcw-subagent-row__detail", children: [
+      s.error && /* @__PURE__ */ e("pre", { className: "pcw-subagent-row__error", children: s.error }),
+      s.result && /* @__PURE__ */ e("pre", { className: "pcw-subagent-row__result", children: s.result }),
+      s.toolArgs && /* @__PURE__ */ e("pre", { className: "pcw-subagent-row__args", children: JSON.stringify(s.toolArgs, null, 2) })
+    ] })
+  ] });
+}
+function Ve({ params: s }) {
+  const n = s.subagent, t = s.task, a = s.instruction, c = s.kb_tags, l = s.tools;
+  return /* @__PURE__ */ i("div", { className: "pcw-dispatch-args", children: [
+    n && /* @__PURE__ */ i("div", { className: "pcw-dispatch-args__row", children: [
+      /* @__PURE__ */ e("span", { className: "pcw-dispatch-args__label", children: "agent" }),
+      /* @__PURE__ */ e("span", { className: "pcw-dispatch-args__value pcw-dispatch-args__value--mono", children: n })
+    ] }),
+    t && /* @__PURE__ */ i("div", { className: "pcw-dispatch-args__row", children: [
+      /* @__PURE__ */ e("span", { className: "pcw-dispatch-args__label", children: "task" }),
+      /* @__PURE__ */ e("span", { className: "pcw-dispatch-args__value", children: t })
+    ] }),
+    a && !t && /* @__PURE__ */ i("div", { className: "pcw-dispatch-args__row", children: [
+      /* @__PURE__ */ e("span", { className: "pcw-dispatch-args__label", children: "instruction" }),
+      /* @__PURE__ */ e("span", { className: "pcw-dispatch-args__value", children: a })
+    ] }),
+    c && c.length > 0 && /* @__PURE__ */ i("div", { className: "pcw-dispatch-args__row", children: [
+      /* @__PURE__ */ e("span", { className: "pcw-dispatch-args__label", children: "kb" }),
+      /* @__PURE__ */ e("span", { className: "pcw-dispatch-args__value pcw-dispatch-args__tags", children: c.map((o) => /* @__PURE__ */ e("span", { className: "pcw-dispatch-args__tag", children: o }, o)) })
+    ] }),
+    l && l.length > 0 && /* @__PURE__ */ i("div", { className: "pcw-dispatch-args__row", children: [
+      /* @__PURE__ */ e("span", { className: "pcw-dispatch-args__label", children: "tools" }),
+      /* @__PURE__ */ e("span", { className: "pcw-dispatch-args__value pcw-dispatch-args__tags", children: l.map((o) => /* @__PURE__ */ e("span", { className: "pcw-dispatch-args__tag", children: o }, o)) })
+    ] })
+  ] });
+}
+function We(s) {
+  if (!s || s.length === 0) return [];
+  const n = [];
+  let t = "";
+  for (const a of s)
+    a.eventType === "thought" && a.text ? t += a.text : (a.eventType === "tool_call_start" || a.eventType === "tool_call_end") && (t && (n.push({ kind: "text", text: t }), t = ""), n.push({ kind: "tool", event: a }));
+  return t && n.push({ kind: "text", text: t }), n;
+}
+function Ze({ event: s }) {
+  const n = s.eventType === "tool_call_end", t = s.error ? "✗" : n ? "✓" : "⦿", a = s.error ? "pcw-subagent-row__icon--error" : n ? "" : "pcw-subagent-row__icon--running";
+  return /* @__PURE__ */ i("div", { className: "pcw-subagent-inline-tool", children: [
+    /* @__PURE__ */ e("span", { className: `pcw-subagent-row__icon ${a}`, children: t }),
+    /* @__PURE__ */ e("span", { className: "pcw-subagent-row__name", children: s.toolName ?? "unknown" })
+  ] });
+}
+function Ge({ toolCall: s }) {
+  var p;
+  const [n, t] = f(!1), a = `pcw-tool-call__status pcw-tool-call__status--${s.status}`, c = s.duration_ms ? `dispatch (${String(s.duration_ms)}ms)` : "dispatch", l = (p = s.subagentEvents) == null ? void 0 : p.find(
+    (m) => m.eventType === "complete"
+  ), o = We(s.subagentEvents), r = o.length > 0, d = o.filter((m) => m.kind === "tool" && m.event.eventType === "tool_call_end").length, u = r || !!(l != null && l.text);
+  return /* @__PURE__ */ i("div", { className: "pcw-tool-call", children: [
+    /* @__PURE__ */ i("div", { className: "pcw-tool-call__header pcw-tool-call__header--static", children: [
+      /* @__PURE__ */ e("span", { className: "pcw-tool-call__name", children: c }),
+      /* @__PURE__ */ e("span", { className: a, children: s.status })
+    ] }),
+    s.parameters && /* @__PURE__ */ e(Ve, { params: s.parameters }),
+    s.status === "running" && r && /* @__PURE__ */ e("div", { className: "pcw-dispatch-streaming", children: o.map(
+      (m, y) => m.kind === "text" ? /* @__PURE__ */ e(ne, { text: m.text }, y) : /* @__PURE__ */ e(Ze, { event: m.event }, y)
+    ) }),
+    s.status !== "running" && u && /* @__PURE__ */ i("div", { className: "pcw-dispatch-details", children: [
+      /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: "pcw-dispatch-details__toggle",
+          onClick: () => t(!n),
+          children: [
+            /* @__PURE__ */ e("span", { className: "pcw-tool-call__chevron", children: n ? "▼" : "▶" }),
+            /* @__PURE__ */ e("span", { children: "details" }),
+            d > 0 && /* @__PURE__ */ i("span", { className: "pcw-dispatch-details__count", children: [
+              String(d),
+              " tool calls"
+            ] })
+          ]
+        }
+      ),
+      n && /* @__PURE__ */ i("div", { className: "pcw-dispatch-details__body", children: [
+        (l == null ? void 0 : l.text) && /* @__PURE__ */ e(ne, { text: l.text, className: "pcw-tool-call__subagent-summary" }),
+        o.length > 0 && /* @__PURE__ */ e("div", { className: "pcw-tool-call__subagent", children: o.map(
+          (m, y) => m.kind === "text" ? /* @__PURE__ */ e(ne, { text: m.text, className: "pcw-dispatch-inline-text" }, y) : /* @__PURE__ */ e(Ke, { event: m.event }, y)
+        ) })
+      ] })
+    ] }),
+    s.error && /* @__PURE__ */ e("p", { className: "pcw-tool-call__error", children: s.error })
+  ] });
+}
+function be({ toolCall: s }) {
+  const [n, t] = f(!1);
+  if (s.toolName === "dispatch")
+    return /* @__PURE__ */ e(Ge, { toolCall: s });
+  const a = `pcw-tool-call__status pcw-tool-call__status--${s.status}`, c = s.duration_ms ? `${s.toolName} (${String(s.duration_ms)}ms)` : s.toolName;
+  return /* @__PURE__ */ i("div", { className: "pcw-tool-call", children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        className: "pcw-tool-call__header",
+        onClick: () => t(!n),
+        children: [
+          /* @__PURE__ */ e("span", { className: "pcw-tool-call__chevron", children: n ? "▼" : "▶" }),
+          /* @__PURE__ */ e("span", { className: "pcw-tool-call__name", children: c }),
+          /* @__PURE__ */ e("span", { className: a, children: s.status })
+        ]
+      }
+    ),
+    n && s.parameters && /* @__PURE__ */ e("pre", { className: "pcw-tool-call__details", children: JSON.stringify(s.parameters, null, 2) }),
+    s.error && /* @__PURE__ */ e("p", { className: "pcw-tool-call__error", children: s.error })
+  ] });
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function ve({ proposal: s }) {
+  return /* @__PURE__ */ i("div", { className: "pcw-kb-proposal", children: [
+    /* @__PURE__ */ i("div", { className: "pcw-kb-proposal__header", children: [
+      /* @__PURE__ */ e("span", { className: "pcw-kb-proposal__icon", children: "💡" }),
+      /* @__PURE__ */ e("span", { className: "pcw-kb-proposal__title", children: s.title }),
+      /* @__PURE__ */ e("span", { className: "pcw-kb-proposal__scope", children: s.scope })
+    ] }),
+    /* @__PURE__ */ e("p", { className: "pcw-kb-proposal__reasoning", children: s.reasoning })
+  ] });
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function fe({ skill: s }) {
+  return /* @__PURE__ */ i("span", { className: "pcw-skill-pill", children: [
+    "Using: ",
+    s
+  ] });
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function Je() {
+  return /* @__PURE__ */ i("div", { className: "pcw-streaming", "aria-label": "Streaming", children: [
+    /* @__PURE__ */ e("span", { className: "pcw-streaming__dot" }),
+    /* @__PURE__ */ e("span", { className: "pcw-streaming__dot" }),
+    /* @__PURE__ */ e("span", { className: "pcw-streaming__dot" })
+  ] });
+}
+function Ye({
+  question: s,
+  index: n,
+  value: t,
+  onChange: a,
+  disabled: c
+}) {
+  const l = `ask-user-q-${String(n)}`;
+  switch (s.type) {
+    case "text":
+      return /* @__PURE__ */ i("div", { className: "pcw-ask-user__field", children: [
+        /* @__PURE__ */ i("label", { htmlFor: l, className: "pcw-ask-user__label", children: [
+          s.header && /* @__PURE__ */ e("span", { className: "pcw-ask-user__header", children: s.header }),
+          s.question
+        ] }),
+        /* @__PURE__ */ e(
+          "textarea",
+          {
+            id: l,
+            className: "pcw-ask-user__textarea",
+            value: t,
+            onChange: (o) => a(o.target.value),
+            placeholder: s.placeholder ?? "",
+            disabled: c,
+            rows: 3
+          }
+        )
+      ] });
+    case "yesno":
+      return /* @__PURE__ */ i("div", { className: "pcw-ask-user__field", children: [
+        /* @__PURE__ */ i("span", { className: "pcw-ask-user__label", children: [
+          s.header && /* @__PURE__ */ e("span", { className: "pcw-ask-user__header", children: s.header }),
+          s.question
+        ] }),
+        /* @__PURE__ */ i("div", { className: "pcw-ask-user__yesno", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `pcw-ask-user__yesno-btn ${t === "yes" ? "pcw-ask-user__yesno-btn--active" : ""}`,
+              onClick: () => a("yes"),
+              disabled: c,
+              children: "Yes"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `pcw-ask-user__yesno-btn ${t === "no" ? "pcw-ask-user__yesno-btn--active" : ""}`,
+              onClick: () => a("no"),
+              disabled: c,
+              children: "No"
+            }
+          )
+        ] })
+      ] });
+    case "choice": {
+      const o = s.options ?? [];
+      if (s.multiSelect) {
+        const r = t ? t.split(",").filter(Boolean) : [], d = (u) => {
+          const p = r.includes(u) ? r.filter((m) => m !== u) : [...r, u];
+          a(p.join(","));
+        };
+        return /* @__PURE__ */ i("div", { className: "pcw-ask-user__field", children: [
+          /* @__PURE__ */ i("span", { className: "pcw-ask-user__label", children: [
+            s.header && /* @__PURE__ */ e("span", { className: "pcw-ask-user__header", children: s.header }),
+            s.question
+          ] }),
+          /* @__PURE__ */ e("div", { className: "pcw-ask-user__choices", children: o.map((u) => /* @__PURE__ */ i("label", { className: "pcw-ask-user__choice", children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "checkbox",
+                checked: r.includes(u.label),
+                onChange: () => d(u.label),
+                disabled: c
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "pcw-ask-user__choice-label", children: u.label }),
+            u.description && /* @__PURE__ */ e("span", { className: "pcw-ask-user__choice-desc", children: u.description })
+          ] }, u.label)) })
+        ] });
+      }
+      return /* @__PURE__ */ i("div", { className: "pcw-ask-user__field", children: [
+        /* @__PURE__ */ i("span", { className: "pcw-ask-user__label", children: [
+          s.header && /* @__PURE__ */ e("span", { className: "pcw-ask-user__header", children: s.header }),
+          s.question
+        ] }),
+        /* @__PURE__ */ e("div", { className: "pcw-ask-user__choices", children: o.map((r) => /* @__PURE__ */ i("label", { className: "pcw-ask-user__choice", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "radio",
+              name: l,
+              checked: t === r.label,
+              onChange: () => a(r.label),
+              disabled: c
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "pcw-ask-user__choice-label", children: r.label }),
+          r.description && /* @__PURE__ */ e("span", { className: "pcw-ask-user__choice-desc", children: r.description })
+        ] }, r.label)) })
+      ] });
+    }
+    default:
+      return null;
+  }
+}
+function Xe({ block: s, onSubmit: n }) {
+  const [t, a] = f({}), [c, l] = f(!1), o = s.status === "submitted", r = o || c, d = () => {
+    l(!0), n(s.askId, t);
+  };
+  return o && s.answers ? /* @__PURE__ */ e("div", { className: "pcw-ask-user pcw-ask-user--submitted", children: s.questions.map((u, p) => {
+    var m;
+    return /* @__PURE__ */ i("div", { className: "pcw-ask-user__summary", children: [
+      /* @__PURE__ */ e("span", { className: "pcw-ask-user__summary-q", children: u.question }),
+      /* @__PURE__ */ e("span", { className: "pcw-ask-user__summary-a", children: ((m = s.answers) == null ? void 0 : m[String(p)]) ?? "" })
+    ] }, `${u.header}-${String(p)}`);
+  }) }) : /* @__PURE__ */ i("div", { className: "pcw-ask-user", children: [
+    s.questions.map((u, p) => /* @__PURE__ */ e(
+      Ye,
+      {
+        question: u,
+        index: p,
+        value: t[String(p)] ?? "",
+        onChange: (m) => a((y) => ({ ...y, [String(p)]: m })),
+        disabled: r
+      },
+      `${u.header}-${String(p)}`
+    )),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "pcw-ask-user__submit",
+        onClick: d,
+        disabled: r,
+        children: c ? "Submitting..." : "Submit"
+      }
+    )
+  ] });
+}
+function qe({ data: s, sendMessage: n, onInteraction: t }) {
+  const a = s, c = Math.min(100, Math.max(0, a.suspicion_score)), l = b(() => {
+    const d = {
+      type: "entity_hovered",
+      entity: { entityType: "device", entityId: a.mac, source: "widget:entity-card" },
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    };
+    t == null || t(d);
+  }, [a.mac, t]), o = b(() => {
+    const d = {
+      type: "entity_unhovered",
+      entity: { entityType: "device", entityId: a.mac, source: "widget:entity-card" },
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    };
+    t == null || t(d);
+  }, [a.mac, t]), r = b(() => {
+    const d = {
+      type: "entity_clicked",
+      entity: { entityType: "device", entityId: a.mac, source: "widget:entity-card" },
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    };
+    t == null || t(d);
+  }, [a.mac, t]);
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: "pcw-widget-card pcw-entity-card",
+      onMouseEnter: l,
+      onMouseLeave: o,
+      onClick: r,
+      "data-testid": "entity-card",
+      children: [
+        /* @__PURE__ */ i("div", { className: "pcw-entity-card__header", children: [
+          /* @__PURE__ */ e("span", { className: "pcw-entity-card__mac", children: a.mac }),
+          /* @__PURE__ */ e("span", { className: "pcw-entity-card__mfr", children: a.manufacturer })
+        ] }),
+        Array.isArray(a.protocols) && a.protocols.length > 0 && /* @__PURE__ */ e("div", { className: "pcw-entity-card__protocols", children: a.protocols.map((d) => /* @__PURE__ */ e("span", { className: "pcw-entity-card__protocol-badge", children: d }, d)) }),
+        /* @__PURE__ */ i("div", { className: "pcw-entity-card__zone", children: [
+          "Zone ",
+          a.zone,
+          a.zone_name ? ` (${a.zone_name})` : ""
+        ] }),
+        /* @__PURE__ */ i("div", { className: "pcw-score-bar", children: [
+          /* @__PURE__ */ i("div", { className: "pcw-score-bar__label", children: [
+            "Score: ",
+            a.suspicion_score
+          ] }),
+          /* @__PURE__ */ e("div", { className: "pcw-score-bar__track", children: /* @__PURE__ */ e(
+            "div",
+            {
+              className: "pcw-score-bar__fill",
+              style: { width: `${String(c)}%` }
+            }
+          ) })
+        ] }),
+        a.score_factors && Object.keys(a.score_factors).length > 0 && /* @__PURE__ */ e("div", { className: "pcw-entity-card__factors", children: Object.entries(a.score_factors).map(([d, u]) => /* @__PURE__ */ i("div", { className: "pcw-entity-card__factor", children: [
+          /* @__PURE__ */ e("span", { children: d.replace(/_/g, " ") }),
+          /* @__PURE__ */ i("span", { children: [
+            "+",
+            u
+          ] })
+        ] }, d)) }),
+        /* @__PURE__ */ i("div", { className: "pcw-entity-card__meta", children: [
+          /* @__PURE__ */ i("span", { children: [
+            "Tag: ",
+            a.tag_status
+          ] }),
+          a.dwell_time_minutes != null && /* @__PURE__ */ i("span", { children: [
+            "Dwell: ",
+            a.dwell_time_minutes,
+            "min"
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "pcw-entity-card__actions", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "pcw-entity-card__btn",
+              onClick: () => n(`Investigate device ${a.mac} in Zone ${a.zone}`),
+              children: "Investigate"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "pcw-entity-card__btn pcw-entity-card__btn--secondary",
+              onClick: () => n(`Tag device ${a.mac} as suspicious`),
+              children: "Tag"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function Qe({ data: s, sendMessage: n }) {
+  const t = s, [a, c] = f(null), [l, o] = f(t.sort ?? "suspicion_score"), r = [...t.devices].sort((p, m) => l === "suspicion_score" ? m.suspicion_score - p.suspicion_score : l === "mac" ? p.mac.localeCompare(m.mac) : l === "zone" ? p.zone.localeCompare(m.zone) : 0), d = t.max_display ?? r.length, u = r.slice(0, d);
+  return /* @__PURE__ */ i("div", { className: "pcw-widget-card pcw-entity-list", children: [
+    t.title && /* @__PURE__ */ e("div", { className: "pcw-entity-list__title", children: t.title }),
+    /* @__PURE__ */ i("div", { className: "pcw-entity-list__sort", children: [
+      "Sort:",
+      ["suspicion_score", "mac", "zone"].map((p) => /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: `pcw-entity-list__sort-btn ${l === p ? "pcw-entity-list__sort-btn--active" : ""}`,
+          onClick: () => o(p),
+          children: p.replace(/_/g, " ")
+        },
+        p
+      ))
+    ] }),
+    /* @__PURE__ */ i("table", { className: "pcw-data-table__table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "MAC" }),
+        /* @__PURE__ */ e("th", { children: "Mfr" }),
+        /* @__PURE__ */ e("th", { children: "Zone" }),
+        /* @__PURE__ */ e("th", { children: "Score" }),
+        /* @__PURE__ */ e("th", { children: "Tag" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: u.map((p) => /* @__PURE__ */ i(
+        "tr",
+        {
+          className: `pcw-entity-list__row ${a === p.mac ? "pcw-entity-list__row--expanded" : ""}`,
+          onClick: () => c(a === p.mac ? null : p.mac),
+          children: [
+            /* @__PURE__ */ e("td", { className: "pcw-entity-list__mac", children: p.mac }),
+            /* @__PURE__ */ e("td", { children: p.manufacturer }),
+            /* @__PURE__ */ e("td", { children: p.zone }),
+            /* @__PURE__ */ e("td", { children: p.suspicion_score }),
+            /* @__PURE__ */ e("td", { children: p.tag_status })
+          ]
+        },
+        p.mac
+      )) })
+    ] }),
+    a && /* @__PURE__ */ e("div", { className: "pcw-entity-list__detail", children: /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        className: "pcw-entity-card__btn",
+        onClick: () => n(`Tell me more about device ${a}`),
+        children: [
+          "Investigate ",
+          a
+        ]
+      }
+    ) }),
+    r.length > d && /* @__PURE__ */ i("div", { className: "pcw-entity-list__more", children: [
+      "+",
+      r.length - d,
+      " more devices"
+    ] })
+  ] });
+}
+const et = {
+  A: { x: 10, y: 10, w: 80, h: 60 },
+  B: { x: 100, y: 10, w: 80, h: 60 },
+  C: { x: 190, y: 10, w: 80, h: 60 },
+  D: { x: 10, y: 80, w: 125, h: 60 },
+  E: { x: 145, y: 80, w: 125, h: 60 }
+}, tt = {
+  A: "Lobby",
+  B: "Offices",
+  C: "Server Room",
+  D: "Warehouse",
+  E: "Parking"
+};
+function st({ data: s, onInteraction: n }) {
+  const t = s, a = new Set(t.highlight_zones ?? []), c = b(
+    (o, r) => {
+      const d = {
+        type: o,
+        entity: { entityType: "zone", entityId: r, source: "widget:scope-map" },
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      n == null || n(d);
+    },
+    [n]
+  ), l = b(
+    (o, r) => {
+      const d = {
+        type: o,
+        entity: { entityType: "device", entityId: r, source: "widget:scope-map" },
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      n == null || n(d);
+    },
+    [n]
+  );
+  return /* @__PURE__ */ i("div", { className: "pcw-widget-card pcw-scope-map", children: [
+    t.label && /* @__PURE__ */ e("div", { className: "pcw-scope-map__label", children: t.label }),
+    /* @__PURE__ */ e("svg", { viewBox: "0 0 280 150", className: "pcw-scope-map__svg", children: Object.entries(et).map(([o, r]) => /* @__PURE__ */ i("g", { children: [
+      /* @__PURE__ */ e(
+        "rect",
+        {
+          x: r.x,
+          y: r.y,
+          width: r.w,
+          height: r.h,
+          rx: 4,
+          className: a.has(o) ? "pcw-scope-map__zone pcw-scope-map__zone--highlight" : "pcw-scope-map__zone",
+          "data-testid": `zone-${o}`,
+          onMouseEnter: () => c("entity_hovered", o),
+          onMouseLeave: () => c("entity_unhovered", o),
+          onClick: () => c("entity_clicked", o),
+          style: { cursor: "pointer" }
+        }
+      ),
+      /* @__PURE__ */ i(
+        "text",
+        {
+          x: r.x + r.w / 2,
+          y: r.y + r.h / 2 - 6,
+          textAnchor: "middle",
+          className: "pcw-scope-map__zone-label",
+          style: { pointerEvents: "none" },
+          children: [
+            "Zone ",
+            o
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        "text",
+        {
+          x: r.x + r.w / 2,
+          y: r.y + r.h / 2 + 8,
+          textAnchor: "middle",
+          className: "pcw-scope-map__zone-name",
+          style: { pointerEvents: "none" },
+          children: tt[o] ?? ""
+        }
+      )
+    ] }, o)) }),
+    t.highlight_devices && t.highlight_devices.length > 0 && /* @__PURE__ */ e("div", { className: "pcw-scope-map__devices", children: t.highlight_devices.map((o) => /* @__PURE__ */ e(
+      "span",
+      {
+        className: "pcw-scope-map__device-badge",
+        "data-testid": `device-badge-${o}`,
+        onMouseEnter: () => l("entity_hovered", o),
+        onMouseLeave: () => l("entity_unhovered", o),
+        onClick: () => l("entity_clicked", o),
+        style: { cursor: "pointer" },
+        children: o
+      },
+      o
+    )) })
+  ] });
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+const at = {
+  low: "pcw-alert-card__severity--low",
+  medium: "pcw-alert-card__severity--medium",
+  high: "pcw-alert-card__severity--high",
+  critical: "pcw-alert-card__severity--critical"
+};
+function nt({ data: s, sendMessage: n }) {
+  const t = s;
+  return /* @__PURE__ */ i("div", { className: "pcw-widget-card pcw-alert-card", children: [
+    /* @__PURE__ */ i("div", { className: "pcw-alert-card__header", children: [
+      /* @__PURE__ */ e("span", { className: `pcw-alert-card__severity ${at[t.severity] ?? ""}`, children: t.severity.toUpperCase() }),
+      /* @__PURE__ */ e("span", { className: "pcw-alert-card__type", children: t.type.replace(/_/g, " ") }),
+      /* @__PURE__ */ i("span", { className: "pcw-alert-card__zone", children: [
+        "Zone ",
+        t.zone
+      ] })
+    ] }),
+    /* @__PURE__ */ e("p", { className: "pcw-alert-card__description", children: t.description }),
+    /* @__PURE__ */ e("div", { className: "pcw-alert-card__devices", children: t.involved_devices.map((a) => /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "pcw-alert-card__device-link",
+        onClick: () => n(`Tell me about device ${a}`),
+        children: a
+      },
+      a
+    )) }),
+    t.protocols_involved && t.protocols_involved.length > 0 && /* @__PURE__ */ e("div", { className: "pcw-alert-card__protocols", children: t.protocols_involved.map((a) => /* @__PURE__ */ e("span", { className: "pcw-entity-card__protocol-badge", children: a }, a)) }),
+    /* @__PURE__ */ e("div", { className: "pcw-alert-card__time", children: new Date(t.detected_at).toLocaleString() })
+  ] });
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+const Ne = {
+  device_seen: "#3b82f6",
+  zone_change: "#8b5cf6",
+  alert: "#ef4444",
+  tag_change: "#10b981",
+  custom: "#6b7280"
+};
+function ct({ data: s, sendMessage: n }) {
+  const t = s;
+  return /* @__PURE__ */ i("div", { className: "pcw-widget-card pcw-timeline", children: [
+    t.label && /* @__PURE__ */ e("div", { className: "pcw-timeline__label", children: t.label }),
+    /* @__PURE__ */ e("div", { className: "pcw-timeline__events", children: t.events.map((a, c) => {
+      const l = Ne[a.type ?? "custom"] ?? Ne.custom;
+      return /* @__PURE__ */ i("div", { className: "pcw-timeline__event", children: [
+        /* @__PURE__ */ e("div", { className: "pcw-timeline__marker", style: { backgroundColor: l } }),
+        /* @__PURE__ */ i("div", { className: "pcw-timeline__content", children: [
+          /* @__PURE__ */ e("span", { className: "pcw-timeline__time", children: new Date(a.timestamp).toLocaleTimeString(void 0, {
+            hour: "2-digit",
+            minute: "2-digit"
+          }) }),
+          /* @__PURE__ */ e("span", { className: "pcw-timeline__event-label", children: a.label }),
+          a.device && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "pcw-alert-card__device-link",
+              onClick: () => n(`Tell me about device ${a.device}`),
+              children: a.device
+            }
+          )
+        ] })
+      ] }, `${a.timestamp}-${String(c)}`);
+    }) })
+  ] });
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function rt({ data: s, sendMessage: n }) {
+  const t = s;
+  return /* @__PURE__ */ i("div", { className: "pcw-widget-card pcw-comparison", children: [
+    t.title && /* @__PURE__ */ e("div", { className: "pcw-comparison__title", children: t.title }),
+    /* @__PURE__ */ e("div", { className: "pcw-comparison__grid", children: t.items.map((a) => /* @__PURE__ */ i("div", { className: "pcw-comparison__item", children: [
+      /* @__PURE__ */ e("div", { className: "pcw-comparison__mac", children: a.mac }),
+      /* @__PURE__ */ e("div", { className: "pcw-comparison__detail", children: a.manufacturer }),
+      /* @__PURE__ */ e("div", { className: "pcw-comparison__detail", children: a.protocols.join(", ") }),
+      /* @__PURE__ */ i("div", { className: "pcw-comparison__detail", children: [
+        "Zone ",
+        a.zone
+      ] }),
+      /* @__PURE__ */ i("div", { className: "pcw-comparison__score", children: [
+        "Score: ",
+        a.suspicion_score
+      ] }),
+      /* @__PURE__ */ i("div", { className: "pcw-comparison__detail", children: [
+        "Tag: ",
+        a.tag_status
+      ] }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "pcw-entity-card__btn",
+          onClick: () => n(`Investigate device ${a.mac}`),
+          children: "Investigate"
+        }
+      )
+    ] }, a.mac)) })
+  ] });
+}
+function it({ data: s }) {
+  const n = s, t = n.columns ?? [], a = n.rows ?? [], [c, l] = f(null), [o, r] = f("asc"), d = b(
+    (p) => {
+      n.sortable && (c === p ? r((m) => m === "asc" ? "desc" : "asc") : (l(p), r("asc")));
+    },
+    [n.sortable, c]
+  ), u = c ? [...a].sort((p, m) => {
+    const y = p[c], w = m[c];
+    if (typeof y == "number" && typeof w == "number")
+      return o === "asc" ? y - w : w - y;
+    const g = String(y ?? ""), h = String(w ?? "");
+    return o === "asc" ? g.localeCompare(h) : h.localeCompare(g);
+  }) : a;
+  return /* @__PURE__ */ i("div", { className: "pcw-widget-card pcw-data-table", children: [
+    n.title && /* @__PURE__ */ e("div", { className: "pcw-data-table__title", children: n.title }),
+    /* @__PURE__ */ e("div", { className: "pcw-data-table__scroll", children: /* @__PURE__ */ i("table", { className: "pcw-data-table__table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: t.map((p) => /* @__PURE__ */ i(
+        "th",
+        {
+          onClick: () => d(p.key),
+          className: n.sortable ? "pcw-data-table__sortable" : "",
+          children: [
+            p.label,
+            c === p.key && (o === "asc" ? " ▲" : " ▼")
+          ]
+        },
+        p.key
+      )) }) }),
+      /* @__PURE__ */ e("tbody", { children: u.map((p, m) => /* @__PURE__ */ e("tr", { children: t.map((y) => /* @__PURE__ */ e("td", { children: String(p[y.key] ?? "") }, y.key)) }, String(m))) })
+    ] }) })
+  ] });
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function lt({ data: s }) {
+  const n = s, t = n.max_score ?? 100, a = Math.min(100, Math.max(0, n.total_score / t * 100));
+  return /* @__PURE__ */ i("div", { className: "pcw-widget-card pcw-score-breakdown", children: [
+    n.label && /* @__PURE__ */ e("div", { className: "pcw-score-breakdown__label", children: n.label }),
+    /* @__PURE__ */ i("div", { className: "pcw-score-bar", children: [
+      /* @__PURE__ */ i("div", { className: "pcw-score-bar__label", children: [
+        "Score: ",
+        n.total_score,
+        t !== 100 ? ` / ${t}` : ""
+      ] }),
+      /* @__PURE__ */ e("div", { className: "pcw-score-bar__track", children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: "pcw-score-bar__fill",
+          style: { width: `${String(a)}%` }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "pcw-score-breakdown__factors", children: n.factors.map((c) => {
+      const l = c.max ?? t, o = Math.min(100, Math.max(0, c.value / l * 100));
+      return /* @__PURE__ */ i("div", { className: "pcw-score-breakdown__factor", children: [
+        /* @__PURE__ */ i("div", { className: "pcw-score-breakdown__factor-header", children: [
+          /* @__PURE__ */ e("span", { className: "pcw-score-breakdown__factor-name", children: c.name.replace(/_/g, " ") }),
+          /* @__PURE__ */ i("span", { className: "pcw-score-breakdown__factor-value", children: [
+            "+",
+            c.value
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "pcw-score-breakdown__factor-bar", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "pcw-score-breakdown__factor-fill",
+            style: { width: `${String(o)}%` }
+          }
+        ) }),
+        c.description && /* @__PURE__ */ e("div", { className: "pcw-score-breakdown__factor-desc", children: c.description })
+      ] }, c.name);
+    }) })
+  ] });
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+const Se = {
+  critical: 0,
+  high: 1,
+  medium: 2,
+  low: 3
+};
+function ot({ data: s, sendMessage: n }) {
+  const t = s, a = [...t.items].sort(
+    (c, l) => (Se[c.severity] ?? 4) - (Se[l.severity] ?? 4)
+  );
+  return /* @__PURE__ */ i("div", { className: "pcw-widget-card pcw-status-board", children: [
+    t.title && /* @__PURE__ */ e("div", { className: "pcw-status-board__title", children: t.title }),
+    /* @__PURE__ */ e("div", { className: "pcw-status-board__items", children: a.map((c) => /* @__PURE__ */ i(
+      "div",
+      {
+        className: `pcw-status-board__item pcw-status-board__item--${c.severity}`,
+        onClick: () => n(`Tell me more about ${c.label}`),
+        style: { cursor: "pointer" },
+        children: [
+          /* @__PURE__ */ i("div", { className: "pcw-status-board__item-header", children: [
+            /* @__PURE__ */ e("span", { className: `pcw-status-board__severity pcw-status-board__severity--${c.severity}`, children: c.severity.toUpperCase() }),
+            /* @__PURE__ */ e("span", { className: "pcw-status-board__item-label", children: c.label }),
+            /* @__PURE__ */ e("span", { className: "pcw-status-board__item-status", children: c.status })
+          ] }),
+          c.description && /* @__PURE__ */ e("div", { className: "pcw-status-board__item-desc", children: c.description })
+        ]
+      },
+      c.id
+    )) })
+  ] });
+}
+function dt({ data: s, sendMessage: n }) {
+  const t = s, [a, c] = f({}), [l, o] = f("idle"), [r, d] = f(""), u = b((m, y) => {
+    c((w) => ({ ...w, [m]: y }));
+  }, []), p = b(
+    async (m) => {
+      m.preventDefault(), o("submitting"), d("");
+      try {
+        const w = `${window.location.origin}/api/tenants/${t.tenant_id}/secrets`;
+        for (const g of t.fields) {
+          const h = await fetch(w, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              name: g.name,
+              value: a[g.name] ?? "",
+              connection_name: t.connection_name
+            })
+          });
+          if (!h.ok)
+            throw new Error(`Failed to save ${g.label}: ${String(h.status)}`);
+        }
+        o("success"), c({}), n(`Credentials for ${t.connection_name} have been saved.`);
+      } catch (y) {
+        o("error"), d(y instanceof Error ? y.message : "Failed to save credentials");
+      }
+    },
+    [t.tenant_id, t.connection_name, t.fields, a, n]
+  );
+  return l === "success" ? /* @__PURE__ */ e("div", { className: "pcw-widget-card pcw-widget-card--credential-input", children: /* @__PURE__ */ i("div", { className: "pcw-credential-input__status pcw-credential-input__status--success", children: [
+    "Credentials for ",
+    t.connection_name,
+    " saved successfully."
+  ] }) }) : /* @__PURE__ */ i("div", { className: "pcw-widget-card pcw-widget-card--credential-input", children: [
+    /* @__PURE__ */ i("div", { className: "pcw-credential-input__title", children: [
+      "Configure ",
+      t.connection_name
+    ] }),
+    /* @__PURE__ */ i(
+      "form",
+      {
+        onSubmit: (m) => {
+          p(m);
+        },
+        children: [
+          t.fields.map((m) => /* @__PURE__ */ i("div", { className: "pcw-credential-input__field", children: [
+            /* @__PURE__ */ i("label", { className: "pcw-credential-input__label", htmlFor: `pcw-cred-${m.name}`, children: [
+              m.label,
+              m.required && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: " *" })
+            ] }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                id: `pcw-cred-${m.name}`,
+                className: "pcw-credential-input__input",
+                type: m.type,
+                required: m.required,
+                autoComplete: m.type === "password" ? "new-password" : "off",
+                value: a[m.name] ?? "",
+                disabled: l === "submitting",
+                onChange: (y) => u(m.name, y.target.value)
+              }
+            )
+          ] }, m.name)),
+          l === "error" && /* @__PURE__ */ e("div", { className: "pcw-credential-input__status pcw-credential-input__status--error", children: r }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "submit",
+              className: "pcw-credential-input__submit",
+              disabled: l === "submitting",
+              children: l === "submitting" ? "Saving..." : "Save Credentials"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+const pt = {
+  create: "New",
+  update: "Update"
+};
+function ut({ data: s, sendMessage: n }) {
+  const t = s, [a, c] = f(!1), [l, o] = f(t.body), [r, d] = f(!1), u = b(() => {
+    d(!0), n(`I've approved the ${t.resource_type} '${t.preview_id}'.`);
+  }, [t.resource_type, t.preview_id, n]), p = b(() => {
+    c(!0);
+  }, []), m = b(() => {
+    d(!0), c(!1), n(
+      `I've approved the ${t.resource_type} '${t.preview_id}' with edits:
+
+${l}`
+    );
+  }, [t.resource_type, t.preview_id, l, n]);
+  return r ? /* @__PURE__ */ e("div", { className: "pcw-widget-card pcw-widget-card--document-preview", children: /* @__PURE__ */ i("div", { className: "pcw-document-preview__header", children: [
+    /* @__PURE__ */ e("span", { className: "pcw-document-preview__title", children: t.title }),
+    /* @__PURE__ */ e("span", { className: "pcw-document-preview__badge pcw-document-preview__badge--approved", children: "Approved" })
+  ] }) }) : /* @__PURE__ */ i("div", { className: "pcw-widget-card pcw-widget-card--document-preview", children: [
+    /* @__PURE__ */ i("div", { className: "pcw-document-preview__header", children: [
+      /* @__PURE__ */ e("span", { className: "pcw-document-preview__title", children: t.title }),
+      t.category && /* @__PURE__ */ e("span", { className: "pcw-document-preview__badge pcw-document-preview__badge--category", children: t.category }),
+      /* @__PURE__ */ e("span", { className: "pcw-document-preview__badge pcw-document-preview__badge--action", children: pt[t.action] ?? t.action })
+    ] }),
+    a ? /* @__PURE__ */ i("div", { className: "pcw-document-preview__editor-container", children: [
+      /* @__PURE__ */ e(
+        "textarea",
+        {
+          className: "pcw-document-preview__editor",
+          value: l,
+          onChange: (y) => o(y.target.value),
+          rows: 12
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: "pcw-document-preview__actions", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "pcw-document-preview__btn pcw-document-preview__btn--primary",
+            onClick: m,
+            children: "Approve with edits"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "pcw-document-preview__btn pcw-document-preview__btn--secondary",
+            onClick: () => {
+              c(!1), o(t.body);
+            },
+            children: "Cancel"
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ i($e, { children: [
+      /* @__PURE__ */ e("pre", { className: "pcw-document-preview__body", children: /* @__PURE__ */ e("code", { children: t.body }) }),
+      /* @__PURE__ */ i("div", { className: "pcw-document-preview__actions", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "pcw-document-preview__btn pcw-document-preview__btn--primary",
+            onClick: u,
+            children: "Approve"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "pcw-document-preview__btn pcw-document-preview__btn--secondary",
+            onClick: p,
+            children: "Edit First"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function mt({ data: s, sendMessage: n }) {
+  const t = s, a = t.title ?? "Untitled", c = Array.isArray(t.fields) ? t.fields : [], l = Array.isArray(t.tags) ? t.tags : [], o = Array.isArray(t.actions) ? t.actions : [];
+  return /* @__PURE__ */ i("div", { className: "pcw-widget-card pcw-info-card", "data-testid": "info-card", children: [
+    /* @__PURE__ */ i("div", { className: "pcw-info-card__header", children: [
+      /* @__PURE__ */ e("span", { className: "pcw-info-card__title", children: a }),
+      t.status && /* @__PURE__ */ e("span", { className: `pcw-info-card__status pcw-info-card__status--${t.status}`, children: t.status })
+    ] }),
+    t.subtitle && /* @__PURE__ */ e("div", { className: "pcw-info-card__subtitle", children: t.subtitle }),
+    t.description && /* @__PURE__ */ e("p", { className: "pcw-info-card__description", children: t.description }),
+    c.length > 0 && /* @__PURE__ */ e("div", { className: "pcw-info-card__fields", children: c.map((r) => /* @__PURE__ */ i("div", { className: "pcw-info-card__field", children: [
+      /* @__PURE__ */ e("span", { className: "pcw-info-card__field-label", children: r.label }),
+      /* @__PURE__ */ e("span", { className: "pcw-info-card__field-value", children: String(r.value) })
+    ] }, r.label)) }),
+    l.length > 0 && /* @__PURE__ */ e("div", { className: "pcw-info-card__tags", children: l.map((r) => /* @__PURE__ */ e("span", { className: "pcw-info-card__tag", children: r }, r)) }),
+    o.length > 0 && /* @__PURE__ */ e("div", { className: "pcw-info-card__actions", children: o.map((r) => /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "pcw-info-card__btn",
+        onClick: () => n(r.message),
+        children: r.label
+      },
+      r.label
+    )) })
+  ] });
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+const _t = {
+  up: "↑",
+  down: "↓",
+  flat: "→"
+};
+function ht({ data: s }) {
+  const n = s, t = n.label ?? "Metric", a = n.value ?? "—";
+  return /* @__PURE__ */ i("div", { className: "pcw-widget-card pcw-metric", "data-testid": "metric", children: [
+    /* @__PURE__ */ e("div", { className: "pcw-metric__label", children: t }),
+    /* @__PURE__ */ i("div", { className: "pcw-metric__value-row", children: [
+      /* @__PURE__ */ e("span", { className: "pcw-metric__value", children: String(a) }),
+      n.unit && /* @__PURE__ */ e("span", { className: "pcw-metric__unit", children: n.unit }),
+      n.trend && /* @__PURE__ */ e("span", { className: `pcw-metric__trend pcw-metric__trend--${n.trend}`, children: _t[n.trend] ?? "" })
+    ] }),
+    n.description && /* @__PURE__ */ e("div", { className: "pcw-metric__description", children: n.description }),
+    n.previous_value != null && /* @__PURE__ */ i("div", { className: "pcw-metric__previous", children: [
+      "Previous: ",
+      String(n.previous_value),
+      n.unit ? ` ${n.unit}` : ""
+    ] })
+  ] });
+}
+const wt = {
+  "entity-card": qe,
+  "entity-list": Qe,
+  "scope-map": st,
+  "alert-card": nt,
+  timeline: ct,
+  comparison: rt,
+  "data-table": it,
+  "score-breakdown": lt,
+  "status-board": ot,
+  "credential-input": dt,
+  "document-preview": ut,
+  "info-card": mt,
+  metric: ht
+};
+class gt extends Me {
+  constructor(n) {
+    super(n), this.state = { error: null };
+  }
+  static getDerivedStateFromError(n) {
+    return { error: n };
+  }
+  render() {
+    return this.state.error ? /* @__PURE__ */ i("div", { className: "pcw-widget-card pcw-widget-card--generic", children: [
+      /* @__PURE__ */ i("div", { className: "pcw-widget-card__header", children: [
+        /* @__PURE__ */ e("span", { className: "pcw-widget-card__type", children: this.props.widgetType }),
+        /* @__PURE__ */ e("span", { style: { color: "var(--pcw-error, #ef4444)", fontSize: "12px", marginLeft: "8px" }, children: "render error" })
+      ] }),
+      /* @__PURE__ */ e("pre", { className: "pcw-widget-card__json", children: JSON.stringify(this.props.data, null, 2) })
+    ] }) : this.props.children;
+  }
+}
+function yt({
+  widgetType: s,
+  data: n,
+  sendMessage: t,
+  customWidgets: a,
+  onInteraction: c
+}) {
+  const l = (a == null ? void 0 : a[s]) ?? wt[s];
+  return l ? /* @__PURE__ */ e(gt, { widgetType: s, data: n, children: /* @__PURE__ */ e(l, { data: n, sendMessage: t, onInteraction: c }) }) : /* @__PURE__ */ i("div", { className: "pcw-widget-card pcw-widget-card--generic", children: [
+    /* @__PURE__ */ e("div", { className: "pcw-widget-card__header", children: /* @__PURE__ */ e("span", { className: "pcw-widget-card__type", children: s }) }),
+    /* @__PURE__ */ e("pre", { className: "pcw-widget-card__json", children: JSON.stringify(n, null, 2) })
+  ] });
+}
+function bt({
+  message: s,
+  sendMessage: n,
+  customWidgets: t,
+  onInteraction: a,
+  onAskUserSubmit: c
+}) {
+  const l = s.contentBlocks && s.contentBlocks.length > 0, o = s.toolCalls.length > 0 || s.skillActivations.length > 0 || s.kbProposals.length > 0;
+  if (l) {
+    const r = s.kbProposals.length > 0;
+    return /* @__PURE__ */ i("div", { className: "pcw-bubble pcw-bubble--assistant", children: [
+      s.skillActivations.map((d) => /* @__PURE__ */ e(fe, { skill: d }, d)),
+      s.contentBlocks.map((d, u) => {
+        switch (d.type) {
+          case "text":
+            return d.text.length > 0 ? /* @__PURE__ */ e(ne, { text: d.text, className: "pcw-bubble__text" }, `text-${String(u)}`) : null;
+          case "widget":
+            return /* @__PURE__ */ e(
+              yt,
+              {
+                widgetType: d.widgetType,
+                data: d.data,
+                sendMessage: n ?? (() => {
+                }),
+                customWidgets: t,
+                onInteraction: a
+              },
+              `widget-${String(u)}`
+            );
+          case "tool_calls":
+            return /* @__PURE__ */ e("div", { className: "pcw-bubble__extras", children: d.calls.map((p) => /* @__PURE__ */ e(be, { toolCall: p }, p.toolId)) }, `tools-${String(u)}`);
+          case "ask_user":
+            return /* @__PURE__ */ e(
+              Xe,
+              {
+                block: d,
+                onSubmit: c ?? (() => {
+                })
+              },
+              `ask-${d.askId}`
+            );
+          default:
+            return null;
+        }
+      }),
+      r && /* @__PURE__ */ e("div", { className: "pcw-bubble__extras", children: s.kbProposals.map((d, u) => /* @__PURE__ */ e(ve, { proposal: d }, `${d.title}-${String(u)}`)) })
+    ] });
+  }
+  return /* @__PURE__ */ i("div", { className: "pcw-bubble pcw-bubble--assistant", children: [
+    s.skillActivations.map((r) => /* @__PURE__ */ e(fe, { skill: r }, r)),
+    s.text.length > 0 && /* @__PURE__ */ e(ne, { className: "pcw-bubble__text", text: s.text }),
+    o && /* @__PURE__ */ i("div", { className: "pcw-bubble__extras", children: [
+      s.toolCalls.map((r) => /* @__PURE__ */ e(be, { toolCall: r }, r.toolId)),
+      s.kbProposals.map((r, d) => /* @__PURE__ */ e(ve, { proposal: r }, `${r.title}-${String(d)}`))
+    ] })
+  ] });
+}
+function ke({ messages: s, isStreaming: n, sendMessage: t, customWidgets: a, onInteraction: c, onAskUserSubmit: l, emptyStateText: o }) {
+  const r = A(null), d = A(!0);
+  return V(() => {
+    const u = r.current;
+    if (!u) return;
+    const p = () => {
+      d.current = u.scrollHeight - u.scrollTop - u.clientHeight < 100;
+    };
+    return u.addEventListener("scroll", p), () => u.removeEventListener("scroll", p);
+  }, []), V(() => {
+    d.current && r.current && (r.current.scrollTop = r.current.scrollHeight);
+  }, [s, n]), s.length === 0 ? /* @__PURE__ */ e("div", { className: "pcw-messages--empty", children: /* @__PURE__ */ e("p", { children: o ?? "Send a message to start a conversation." }) }) : /* @__PURE__ */ i("div", { ref: r, className: "pcw-messages", children: [
+    s.map((u) => {
+      switch (u.type) {
+        case "user":
+          return /* @__PURE__ */ e("div", { className: "pcw-bubble pcw-bubble--user", children: /* @__PURE__ */ e("p", { className: "pcw-bubble__text", children: u.text }) }, u.id);
+        case "assistant_text":
+          return /* @__PURE__ */ e(
+            bt,
+            {
+              message: u,
+              sendMessage: t,
+              customWidgets: a,
+              onInteraction: c,
+              onAskUserSubmit: l
+            },
+            u.id
+          );
+        case "error":
+          return /* @__PURE__ */ e("div", { className: "pcw-error", children: u.message }, u.id);
+        default:
+          return null;
+      }
+    }),
+    n && /* @__PURE__ */ e(Je, {})
+  ] });
+}
+function vt() {
+  return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ e("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
+    /* @__PURE__ */ e("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+  ] });
+}
+function ft() {
+  return /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) });
+}
+function xe({ onSend: s, onStop: n, disabled: t, isStreaming: a, placeholder: c }) {
+  const [l, o] = f(""), r = A(null), d = b(() => {
+    const m = l.trim();
+    m.length !== 0 && (s(m), o(""), r.current && (r.current.style.height = "auto"));
+  }, [l, s]), u = b(
+    (m) => {
+      m.key === "Enter" && !m.shiftKey && (m.preventDefault(), d());
+    },
+    [d]
+  ), p = b(() => {
+    const m = r.current;
+    m && (m.style.height = "auto", m.style.height = `${String(Math.min(m.scrollHeight, 120))}px`);
+  }, []);
+  return /* @__PURE__ */ i("div", { className: "pcw-input", children: [
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        ref: r,
+        className: "pcw-input__textarea",
+        value: l,
+        onChange: (m) => o(m.target.value),
+        onKeyDown: u,
+        onInput: p,
+        placeholder: c,
+        disabled: t && !a,
+        rows: 1
+      }
+    ),
+    a ? /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "pcw-input__send pcw-input__stop",
+        onClick: n,
+        "aria-label": "Stop generating",
+        children: /* @__PURE__ */ e(ft, {})
+      }
+    ) : /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "pcw-input__send",
+        onClick: d,
+        disabled: t || l.trim().length === 0,
+        "aria-label": "Send message",
+        children: /* @__PURE__ */ e(vt, {})
+      }
+    )
+  ] });
+}
+function Nt({ tags: s, onSave: n }) {
+  const [t, a] = f(!1), [c, l] = f(""), o = b(
+    (u) => {
+      n(s.filter((p) => p !== u));
+    },
+    [s, n]
+  ), r = b(() => {
+    const u = c.trim();
+    u && !s.includes(u) && n([...s, u]), l(""), a(!1);
+  }, [c, s, n]), d = b(
+    (u) => {
+      u.key === "Enter" ? (u.preventDefault(), r()) : u.key === "Escape" && (l(""), a(!1));
+    },
+    [r]
+  );
+  return /* @__PURE__ */ i("div", { className: "pcw-tag-editor", children: [
+    s.map((u) => /* @__PURE__ */ i("span", { className: "pcw-tag-badge", children: [
+      u,
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "pcw-tag-remove",
+          onClick: () => o(u),
+          "aria-label": `Remove tag ${u}`,
+          children: "x"
+        }
+      )
+    ] }, u)),
+    t ? /* @__PURE__ */ e(
+      "input",
+      {
+        className: "pcw-tag-input",
+        type: "text",
+        value: c,
+        onChange: (u) => l(u.target.value),
+        onKeyDown: d,
+        onBlur: r,
+        placeholder: "Add tag...",
+        autoFocus: !0
+      }
+    ) : /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "pcw-tag-add-btn",
+        onClick: () => a(!0),
+        "aria-label": "Add tag",
+        children: "+"
+      }
+    )
+  ] });
+}
+function St(s) {
+  const n = Date.now(), t = new Date(s).getTime(), a = n - t, c = Math.floor(a / 6e4);
+  if (c < 1) return "just now";
+  if (c < 60) return `${String(c)}m ago`;
+  const l = Math.floor(c / 60);
+  if (l < 24) return `${String(l)}h ago`;
+  const o = Math.floor(l / 24);
+  return `${String(o)}d ago`;
+}
+function Te({
+  sessions: s,
+  isLoading: n,
+  allTags: t,
+  onSelectSession: a,
+  onNewChat: c,
+  onClose: l,
+  onUpdateTags: o
+}) {
+  const [r, d] = f([]), [u, p] = f(null), m = b((w) => {
+    d(
+      (g) => g.includes(w) ? g.filter((h) => h !== w) : [...g, w]
+    );
+  }, []), y = r.length > 0 ? s.filter((w) => r.some((g) => w.tags.includes(g))) : s;
+  return /* @__PURE__ */ i("div", { className: "pcw-history-drawer", "data-testid": "session-history", children: [
+    /* @__PURE__ */ i("div", { className: "pcw-history-header", children: [
+      /* @__PURE__ */ e("h3", { className: "pcw-history-title", children: "Session History" }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "pcw-history-close",
+          onClick: l,
+          "aria-label": "Close history",
+          children: /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, width: 16, height: 16, children: [
+            /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+            /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "pcw-history-new-chat",
+        onClick: c,
+        children: "+ New Chat"
+      }
+    ),
+    t.length > 0 && /* @__PURE__ */ e("div", { className: "pcw-history-filters", children: t.map((w) => /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: `pcw-filter-chip ${r.includes(w) ? "pcw-filter-chip--active" : ""}`,
+        onClick: () => m(w),
+        children: w
+      },
+      w
+    )) }),
+    /* @__PURE__ */ i("div", { className: "pcw-history-list", children: [
+      n && /* @__PURE__ */ e("div", { className: "pcw-history-loading", children: "Loading sessions..." }),
+      !n && y.length === 0 && /* @__PURE__ */ e("div", { className: "pcw-history-empty", children: "No past sessions" }),
+      y.map((w) => /* @__PURE__ */ i(
+        "div",
+        {
+          className: "pcw-history-item",
+          children: [
+            /* @__PURE__ */ i(
+              "button",
+              {
+                type: "button",
+                className: "pcw-history-item-content",
+                onClick: () => a(w.id),
+                children: [
+                  /* @__PURE__ */ e("div", { className: "pcw-history-item-title", children: w.title ?? `Session ${w.id.slice(0, 8)}` }),
+                  /* @__PURE__ */ i("div", { className: "pcw-history-item-meta", children: [
+                    /* @__PURE__ */ e("span", { className: "pcw-history-item-time", children: St(w.created_at) }),
+                    /* @__PURE__ */ i("span", { className: "pcw-history-item-count", children: [
+                      String(w.message_count),
+                      " msg",
+                      w.message_count !== 1 ? "s" : ""
+                    ] })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: "pcw-history-item-tags", children: u === w.id ? /* @__PURE__ */ e(
+              Nt,
+              {
+                tags: w.tags,
+                onSave: (g) => {
+                  o(w.id, g), p(null);
+                }
+              }
+            ) : /* @__PURE__ */ i("div", { className: "pcw-history-item-tag-list", children: [
+              w.tags.map((g) => /* @__PURE__ */ e("span", { className: "pcw-tag-badge pcw-tag-badge--small", children: g }, g)),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  className: "pcw-tag-edit-btn",
+                  onClick: (g) => {
+                    g.stopPropagation(), p(w.id);
+                  },
+                  "aria-label": "Edit tags",
+                  children: /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, width: 12, height: 12, children: [
+                    /* @__PURE__ */ e("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z" }),
+                    /* @__PURE__ */ e("line", { x1: "7", y1: "7", x2: "7.01", y2: "7" })
+                  ] })
+                }
+              )
+            ] }) })
+          ]
+        },
+        w.id
+      ))
+    ] })
+  ] });
+}
+function kt() {
+  return /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
+}
+function xt() {
+  return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] });
+}
+function $t({
+  serverUrl: s,
+  user: n,
+  getToken: t,
+  theme: a,
+  position: c = "floating",
+  defaultOpen: l = !1,
+  onToolCall: o,
+  onKBProposal: r,
+  onEvent: d,
+  entityExtractors: u,
+  widgets: p,
+  historyEnabled: m = !1,
+  showInput: y = !0,
+  sessionType: w,
+  deployId: g,
+  initialMessage: h,
+  resumeSessionId: $,
+  onStreamEnd: S,
+  onSessionCreated: N
+}) {
+  const [P, R] = f(l), [x, H] = f(!1), G = A(null), j = je(a), { messages: J, send: F, stop: ce, isStreaming: W, error: q, reset: Y, eventBus: T, submitAskUserResponse: I, loadSession: B, isHistorical: L } = Pe({
+    serverUrl: s,
+    user: n,
+    getToken: t,
+    onToolCall: o,
+    onKBProposal: r,
+    onEvent: d,
+    entityExtractors: u,
+    sessionType: w,
+    deployId: g,
+    initialMessage: h,
+    resumeSessionId: $,
+    onStreamEnd: S,
+    onSessionCreated: N
+  }), k = He({
+    serverUrl: s,
+    getToken: t,
+    enabled: m && x
+  }), K = b(
+    (M) => {
+      T.emitInteraction(M), d == null || d(M);
+    },
+    [T, d]
+  ), U = b(
+    (M) => {
+      B(M), H(!1);
+    },
+    [B]
+  ), v = b(() => {
+    Y(), H(!1);
+  }, [Y]);
+  V(() => {
+    G.current && a && ze(G.current, a);
+  }, [a]);
+  const O = `pcw-widget pcw-widget--${c}`;
+  return c === "inline" ? /* @__PURE__ */ i("div", { ref: G, className: O, "data-testid": "chat-widget", children: [
+    /* @__PURE__ */ e(
+      Ce,
+      {
+        title: j.headerText,
+        onReset: Y,
+        historyEnabled: m,
+        onToggleHistory: () => H((M) => !M),
+        isHistorical: L
+      }
+    ),
+    x && /* @__PURE__ */ e(
+      Te,
+      {
+        sessions: k.sessions,
+        isLoading: k.isLoading,
+        allTags: k.allTags,
+        onSelectSession: U,
+        onNewChat: v,
+        onClose: () => H(!1),
+        onUpdateTags: k.updateTags
+      }
+    ),
+    /* @__PURE__ */ e(ke, { messages: J, isStreaming: W, sendMessage: F, customWidgets: p, onInteraction: K, onAskUserSubmit: I, emptyStateText: j.emptyStateText }),
+    q && /* @__PURE__ */ e("div", { className: "pcw-error", children: q }),
+    y && /* @__PURE__ */ e(
+      xe,
+      {
+        onSend: F,
+        onStop: ce,
+        disabled: W,
+        isStreaming: W,
+        placeholder: L ? "Send a message to start a new chat..." : j.placeholder
+      }
+    )
+  ] }) : P ? /* @__PURE__ */ i("div", { ref: G, className: O, "data-testid": "chat-widget", children: [
+    /* @__PURE__ */ e(
+      Ce,
+      {
+        title: j.headerText,
+        onClose: () => R(!1),
+        onReset: Y,
+        showClose: !0,
+        historyEnabled: m,
+        onToggleHistory: () => H((M) => !M),
+        isHistorical: L
+      }
+    ),
+    x && /* @__PURE__ */ e(
+      Te,
+      {
+        sessions: k.sessions,
+        isLoading: k.isLoading,
+        allTags: k.allTags,
+        onSelectSession: U,
+        onNewChat: v,
+        onClose: () => H(!1),
+        onUpdateTags: k.updateTags
+      }
+    ),
+    /* @__PURE__ */ e(ke, { messages: J, isStreaming: W, onInteraction: K, onAskUserSubmit: I, emptyStateText: j.emptyStateText }),
+    q && /* @__PURE__ */ e("div", { className: "pcw-error", children: q }),
+    y && /* @__PURE__ */ e(
+      xe,
+      {
+        onSend: F,
+        onStop: ce,
+        disabled: W,
+        isStreaming: W,
+        placeholder: L ? "Send a message to start a new chat..." : j.placeholder
+      }
+    )
+  ] }) : c === "floating" ? /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      className: "pcw-toggle",
+      onClick: () => R(!0),
+      "aria-label": "Open chat",
+      children: /* @__PURE__ */ e(kt, {})
+    }
+  ) : null;
+}
+function Tt() {
+  return /* @__PURE__ */ i("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", width: 16, height: 16, children: [
+    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e("polyline", { points: "12 6 12 12 16 14" })
+  ] });
+}
+function Ce({ title: s, onClose: n, onReset: t, showClose: a = !1, historyEnabled: c, onToggleHistory: l, isHistorical: o }) {
+  return /* @__PURE__ */ i("div", { className: "pcw-header", children: [
+    /* @__PURE__ */ i("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
+      c && l && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "pcw-header__close",
+          onClick: l,
+          "aria-label": "Session history",
+          title: "Session history",
+          children: /* @__PURE__ */ e(Tt, {})
+        }
+      ),
+      /* @__PURE__ */ i("h3", { className: "pcw-header__title", children: [
+        s,
+        o && /* @__PURE__ */ e("span", { className: "pcw-header__badge", children: "History" })
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
+      t && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "pcw-header__close",
+          onClick: t,
+          "aria-label": "New conversation",
+          title: "New conversation",
+          children: "↻"
+        }
+      ),
+      a && n && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "pcw-header__close",
+          onClick: n,
+          "aria-label": "Close chat",
+          children: /* @__PURE__ */ e(xt, {})
+        }
+      )
+    ] })
+  ] });
+}
+/**
+ * @license
+ * Copyright 2025 Amodal Labs, Inc.
+ * SPDX-License-Identifier: MIT
+ */
+function Rt(s) {
+  const n = A([]);
+  V(
+    () => () => {
+      for (const c of n.current)
+        c();
+      n.current = [];
+    },
+    []
+  );
+  const t = b(
+    (c, l) => {
+      if (!s)
+        return () => {
+        };
+      s.on(c, l);
+      const o = () => {
+        s.off(c, l);
+      };
+      return n.current.push(o), o;
+    },
+    [s]
+  ), a = b(
+    (c) => {
+      if (!s)
+        return () => {
+        };
+      s.on("*", c);
+      const l = () => {
+        s.off("*", c);
+      };
+      return n.current.push(l), l;
+    },
+    [s]
+  );
+  return { on: t, onAny: a };
+}
+export {
+  Bt as ChatClient,
+  Lt as ChatStream,
+  $t as ChatWidget,
+  Ot as TypedEventEmitter,
+  Ie as WidgetEventBus,
+  ze as applyTheme,
+  Dt as createChatClient,
+  Pt as createSession,
+  Ht as defaultEntityExtractor,
+  Ee as defaultTheme,
+  Le as getSessionHistory,
+  Oe as listSessions,
+  je as mergeTheme,
+  Ut as parseSSELine,
+  Be as streamChat,
+  we as updateSession,
+  Pe as useChat,
+  He as useSessionHistory,
+  Rt as useWidgetEvents
+};
+//# sourceMappingURL=chat-widget.js.map