@pgege/kaboo-react 0.1.0

package/dist/chunk-RXZWOBSI.js

@@ -0,0 +1,1177 @@
+// src/context/ActivityProvider.tsx
+import { useState, useEffect, createContext } from "react";
+import { useAgent } from "@copilotkit/react-core/v2";
+import { jsx } from "react/jsx-runtime";
+var EMPTY = { groups: {} };
+var ActivityContext = createContext(EMPTY);
+var StructuredRenderersContext = createContext({});
+function KabooActivityProvider({ agentId, structuredRenderers, children }) {
+  const { agent } = useAgent(agentId ? { agentId } : void 0);
+  const [state, setState] = useState(EMPTY);
+  useEffect(() => {
+    if (!agent) return;
+    const { unsubscribe } = agent.subscribe({
+      onActivitySnapshotEvent: ({ event }) => {
+        setState(event.content);
+      }
+    });
+    return unsubscribe;
+  }, [agent]);
+  return /* @__PURE__ */ jsx(ActivityContext.Provider, { value: state, children: /* @__PURE__ */ jsx(StructuredRenderersContext.Provider, { value: structuredRenderers ?? {}, children }) });
+}
+
+// src/context/DrillContext.tsx
+import { useState as useState2, useCallback, createContext as createContext2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var NOOP = () => {
+};
+var DrillContext = createContext2({
+  drillPath: [],
+  activeDrill: null,
+  drillIn: NOOP,
+  drillUp: NOOP,
+  drillToRoot: NOOP,
+  drillToLevel: NOOP
+});
+function DrillProvider({ children }) {
+  const [drillPath, setDrillPath] = useState2([]);
+  const drillIn = useCallback((groupId) => {
+    setDrillPath((prev) => [...prev, groupId]);
+  }, []);
+  const drillUp = useCallback(() => {
+    setDrillPath((prev) => prev.slice(0, -1));
+  }, []);
+  const drillToRoot = useCallback(() => {
+    setDrillPath([]);
+  }, []);
+  const drillToLevel = useCallback((level) => {
+    setDrillPath((prev) => prev.slice(0, level + 1));
+  }, []);
+  const activeDrill = drillPath.length > 0 ? drillPath[drillPath.length - 1] : null;
+  return /* @__PURE__ */ jsx2(DrillContext.Provider, { value: { drillPath, activeDrill, drillIn, drillUp, drillToRoot, drillToLevel }, children });
+}
+
+// src/context/InterruptBridge.tsx
+import {
+  createContext as createContext3,
+  useContext,
+  useState as useState3,
+  useCallback as useCallback2,
+  useEffect as useEffect2,
+  useRef
+} from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var InterruptBridgeContext = createContext3({
+  active: [],
+  publish: () => {
+  }
+});
+function InterruptBridgeProvider({ children }) {
+  const [active, setActive] = useState3([]);
+  const publish = useCallback2((interrupts) => {
+    setActive(interrupts);
+  }, []);
+  return /* @__PURE__ */ jsx3(InterruptBridgeContext.Provider, { value: { active, publish }, children });
+}
+function useInterruptBridge() {
+  return useContext(InterruptBridgeContext);
+}
+function useInterruptFor(toolCallId) {
+  const { active } = useInterruptBridge();
+  if (!toolCallId) return void 0;
+  return active.find((i) => i.toolCallId === toolCallId);
+}
+function InterruptBridgePublisher({
+  interrupts
+}) {
+  const { publish } = useInterruptBridge();
+  const listRef = useRef(interrupts);
+  listRef.current = interrupts;
+  const key = interrupts.map((i) => `${i.id}:${i.toolCallId ?? ""}:${JSON.stringify(i.reason)}`).join("|");
+  useEffect2(() => {
+    publish(
+      listRef.current.map((i) => ({
+        id: i.id,
+        reason: i.reason,
+        toolCallId: i.toolCallId,
+        onResolve: (payload) => listRef.current.find((x) => x.id === i.id)?.onResolve(payload),
+        onCancel: () => listRef.current.find((x) => x.id === i.id)?.onCancel()
+      }))
+    );
+    return () => publish([]);
+  }, [key, publish]);
+  return null;
+}
+
+// src/components/InterruptRenderer.tsx
+import { useState as useState4 } from "react";
+import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
+function ApprovalVariant({ reason, onResolve, onCancel }) {
+  const [responded, setResponded] = useState4(false);
+  if (reason.type !== "approval") return /* @__PURE__ */ jsx4(Fragment, {});
+  if (responded) {
+    return /* @__PURE__ */ jsx4("div", { className: "kaboo-interrupt-responded", children: "Response submitted" });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "kaboo-interrupt kaboo-interrupt-approval", children: [
+    /* @__PURE__ */ jsxs("div", { className: "kaboo-interrupt-header", children: [
+      /* @__PURE__ */ jsxs("svg", { width: 16, height: 16, viewBox: "0 0 16 16", className: "kaboo-interrupt-icon", children: [
+        /* @__PURE__ */ jsx4("circle", { cx: "8", cy: "8", r: "7", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ jsx4("path", { d: "M8 4.5v4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+        /* @__PURE__ */ jsx4("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })
+      ] }),
+      /* @__PURE__ */ jsx4("span", { className: "kaboo-interrupt-message", children: reason.message })
+    ] }),
+    reason.tool_input != null && /* @__PURE__ */ jsxs("details", { className: "kaboo-interrupt-details", children: [
+      /* @__PURE__ */ jsx4("summary", { children: "View input" }),
+      /* @__PURE__ */ jsx4("pre", { className: "kaboo-interrupt-pre", children: JSON.stringify(reason.tool_input, null, 2) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "kaboo-interrupt-actions", children: [
+      /* @__PURE__ */ jsx4(
+        "button",
+        {
+          className: "kaboo-interrupt-btn kaboo-interrupt-btn-approve",
+          onClick: () => {
+            setResponded(true);
+            onResolve({ status: "approved" });
+          },
+          children: "Approve"
+        }
+      ),
+      /* @__PURE__ */ jsx4(
+        "button",
+        {
+          className: "kaboo-interrupt-btn kaboo-interrupt-btn-reject",
+          onClick: () => {
+            setResponded(true);
+            onCancel();
+          },
+          children: "Reject"
+        }
+      )
+    ] })
+  ] });
+}
+function withoutOther(options) {
+  return (options ?? []).filter((o) => o.trim().toLowerCase() !== "other");
+}
+function buildAnswerPayload(questions, answers) {
+  const out = {};
+  questions.forEach((q, idx) => {
+    out[q.question] = answers[String(idx)] ?? "";
+  });
+  return out;
+}
+function RadioInput({
+  question,
+  value,
+  onChange
+}) {
+  const [otherText, setOtherText] = useState4("");
+  const [isOther, setIsOther] = useState4(false);
+  const options = withoutOther(question.options);
+  return /* @__PURE__ */ jsxs("div", { className: "kaboo-interrupt-radio-group", children: [
+    options.map((opt) => /* @__PURE__ */ jsxs("label", { className: `kaboo-interrupt-option ${value === opt && !isOther ? "kaboo-interrupt-option-selected" : ""}`, children: [
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          type: "radio",
+          name: question.question,
+          checked: value === opt && !isOther,
+          onChange: () => {
+            setIsOther(false);
+            onChange(opt);
+          },
+          className: "kaboo-interrupt-radio"
+        }
+      ),
+      /* @__PURE__ */ jsx4("span", { children: opt })
+    ] }, opt)),
+    /* @__PURE__ */ jsxs("div", { className: `kaboo-interrupt-option kaboo-interrupt-option-other ${isOther ? "kaboo-interrupt-option-selected" : ""}`, children: [
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          type: "radio",
+          name: question.question,
+          checked: isOther,
+          onChange: () => {
+            setIsOther(true);
+            onChange(otherText);
+          },
+          className: "kaboo-interrupt-radio"
+        }
+      ),
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          type: "text",
+          className: "kaboo-interrupt-text-input kaboo-interrupt-other-input",
+          placeholder: "Other (type your own answer)\u2026",
+          value: otherText,
+          onChange: (e) => {
+            setOtherText(e.target.value);
+            setIsOther(true);
+            onChange(e.target.value);
+          },
+          onFocus: () => {
+            setIsOther(true);
+            onChange(otherText);
+          }
+        }
+      )
+    ] })
+  ] });
+}
+function CheckboxInput({
+  question,
+  value,
+  onChange
+}) {
+  const [otherText, setOtherText] = useState4("");
+  const options = withoutOther(question.options);
+  const toggle = (opt) => {
+    const next = value.includes(opt) ? value.filter((v) => v !== opt) : [...value, opt];
+    onChange(next);
+  };
+  const otherSelected = otherText !== "" && value.includes(otherText);
+  return /* @__PURE__ */ jsxs("div", { className: "kaboo-interrupt-checkbox-group", children: [
+    options.map((opt) => /* @__PURE__ */ jsxs("label", { className: `kaboo-interrupt-option ${value.includes(opt) ? "kaboo-interrupt-option-selected" : ""}`, children: [
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          type: "checkbox",
+          checked: value.includes(opt),
+          onChange: () => toggle(opt),
+          className: "kaboo-interrupt-checkbox"
+        }
+      ),
+      /* @__PURE__ */ jsx4("span", { children: opt })
+    ] }, opt)),
+    /* @__PURE__ */ jsxs("div", { className: `kaboo-interrupt-option kaboo-interrupt-option-other ${otherSelected ? "kaboo-interrupt-option-selected" : ""}`, children: [
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          type: "checkbox",
+          checked: otherSelected,
+          onChange: () => {
+            if (otherSelected) onChange(value.filter((v) => v !== otherText));
+            else if (otherText) onChange([...value, otherText]);
+          },
+          className: "kaboo-interrupt-checkbox"
+        }
+      ),
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          type: "text",
+          className: "kaboo-interrupt-text-input kaboo-interrupt-other-input",
+          placeholder: "Other (type your own answer)\u2026",
+          value: otherText,
+          onChange: (e) => {
+            const prev = otherText;
+            const nextText = e.target.value;
+            setOtherText(nextText);
+            const filtered = value.filter((v) => v !== prev);
+            onChange(nextText ? [...filtered, nextText] : filtered);
+          }
+        }
+      )
+    ] })
+  ] });
+}
+function TextInput({
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx4(
+    "textarea",
+    {
+      className: "kaboo-interrupt-textarea",
+      placeholder: "Type your answer...",
+      value,
+      onChange: (e) => onChange(e.target.value),
+      rows: 3,
+      autoFocus: true
+    }
+  );
+}
+function FormVariant({ reason, onResolve, onCancel }) {
+  const questions = reason.type === "form" ? reason.questions : [];
+  const isSingle = questions.length === 1;
+  const [step, setStep] = useState4(0);
+  const [answers, setAnswers] = useState4({});
+  const [responded, setResponded] = useState4(false);
+  if (responded) {
+    return /* @__PURE__ */ jsx4("div", { className: "kaboo-interrupt-responded", children: "Response submitted" });
+  }
+  const setAnswer = (idx, val) => {
+    setAnswers((prev) => ({ ...prev, [String(idx)]: val }));
+  };
+  const current = questions[step];
+  if (!current) return /* @__PURE__ */ jsx4(Fragment, {});
+  const renderQuestion = (q, idx) => {
+    if (q.type === "radio") {
+      return /* @__PURE__ */ jsx4(
+        RadioInput,
+        {
+          question: q,
+          value: answers[String(idx)] ?? "",
+          onChange: (v) => setAnswer(idx, v)
+        }
+      );
+    }
+    if (q.type === "checkbox") {
+      return /* @__PURE__ */ jsx4(
+        CheckboxInput,
+        {
+          question: q,
+          value: answers[String(idx)] ?? [],
+          onChange: (v) => setAnswer(idx, v)
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx4(
+      TextInput,
+      {
+        value: answers[String(idx)] ?? "",
+        onChange: (v) => setAnswer(idx, v)
+      }
+    );
+  };
+  const isLast = step === questions.length - 1;
+  return /* @__PURE__ */ jsxs("div", { className: "kaboo-interrupt kaboo-interrupt-form", children: [
+    !isSingle && /* @__PURE__ */ jsxs("div", { className: "kaboo-interrupt-progress", children: [
+      step + 1,
+      " of ",
+      questions.length
+    ] }),
+    /* @__PURE__ */ jsx4("div", { className: "kaboo-interrupt-question", children: current.question }),
+    renderQuestion(current, step),
+    /* @__PURE__ */ jsxs("div", { className: "kaboo-interrupt-actions", children: [
+      !isSingle && step > 0 && /* @__PURE__ */ jsx4(
+        "button",
+        {
+          className: "kaboo-interrupt-btn kaboo-interrupt-btn-back",
+          onClick: () => setStep(step - 1),
+          children: "Back"
+        }
+      ),
+      isLast ? /* @__PURE__ */ jsx4(
+        "button",
+        {
+          className: "kaboo-interrupt-btn kaboo-interrupt-btn-approve",
+          onClick: () => {
+            setResponded(true);
+            onResolve(buildAnswerPayload(questions, answers));
+          },
+          children: "Submit"
+        }
+      ) : /* @__PURE__ */ jsx4(
+        "button",
+        {
+          className: "kaboo-interrupt-btn kaboo-interrupt-btn-next",
+          onClick: () => setStep(step + 1),
+          children: "Next"
+        }
+      ),
+      /* @__PURE__ */ jsx4(
+        "button",
+        {
+          className: "kaboo-interrupt-btn kaboo-interrupt-btn-reject",
+          onClick: () => {
+            setResponded(true);
+            onCancel();
+          },
+          children: "Cancel"
+        }
+      )
+    ] })
+  ] });
+}
+function InterruptRenderer(props) {
+  if (props.reason.type === "approval") {
+    return /* @__PURE__ */ jsx4(ApprovalVariant, { ...props });
+  }
+  return /* @__PURE__ */ jsx4(FormVariant, { ...props });
+}
+
+// src/hooks/useActivity.ts
+import { useContext as useContext2 } from "react";
+function useActivity() {
+  return useContext2(ActivityContext);
+}
+
+// src/utils/groups.ts
+function groupTurnKey(g) {
+  return g.turnId ?? g.runId ?? null;
+}
+function partitionChildrenByToolCall(childEntries, timeline) {
+  const toolUseIds = new Set(
+    timeline.filter((e) => e.type === "tool").map((e) => e.tool.toolUseId)
+  );
+  const byToolCall = /* @__PURE__ */ new Map();
+  const leftover = [];
+  for (const [id, g] of childEntries) {
+    if (g.toolCallId && toolUseIds.has(g.toolCallId)) {
+      byToolCall.set(g.toolCallId, [id, g]);
+    } else {
+      leftover.push([id, g]);
+    }
+  }
+  return { byToolCall, leftover };
+}
+function topLevelGroups(groups) {
+  return Object.entries(groups).filter(([, g]) => g.parentGroup == null);
+}
+function directChildren(groups, parentId) {
+  return Object.entries(groups).filter(([, g]) => g.parentGroup === parentId);
+}
+function chatRootGroups(groups) {
+  return Object.entries(groups).filter(
+    ([, g]) => !g.toolCallId && !g.inlineChatOwner && (g.parentGroup == null || groups[g.parentGroup] === void 0)
+  );
+}
+function pendingToolAnchorExists(groups, toolCallId) {
+  if (!toolCallId) return false;
+  for (const g of Object.values(groups)) {
+    for (const t of g.tools) {
+      if (t.toolUseId === toolCallId && t.toolResult == null) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
+function findGroupForCard(groups, agentName, toolCallId) {
+  return Object.entries(groups).find(
+    ([, g]) => g.agentName === agentName && g.toolCallId === toolCallId
+  );
+}
+
+// src/integrations/KabooAskUser.tsx
+import { useRenderTool } from "@copilotkit/react-core/v2";
+
+// src/components/AskUserSummary.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+function formatAnswer(value) {
+  if (value == null) return "";
+  if (Array.isArray(value)) return value.map((v) => String(v)).join(", ");
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function AskUserSummary({
+  questions,
+  answers,
+  declined = false
+}) {
+  return /* @__PURE__ */ jsx5("div", { className: "kaboo-askuser", children: questions.map((q, idx) => {
+    const answer = answers[q.question];
+    const hasAnswer = answer != null && formatAnswer(answer) !== "";
+    return /* @__PURE__ */ jsxs2("div", { className: "kaboo-askuser-qa", children: [
+      /* @__PURE__ */ jsx5("div", { className: "kaboo-askuser-question", children: q.question }),
+      /* @__PURE__ */ jsx5(
+        "div",
+        {
+          className: `kaboo-askuser-answer ${hasAnswer ? "" : declined ? "kaboo-askuser-answer-declined" : "kaboo-askuser-answer-empty"}`,
+          children: hasAnswer ? formatAnswer(answer) : declined ? "Declined by user" : "No answer"
+        }
+      )
+    ] }, idx);
+  }) });
+}
+
+// src/formatters/askUser.ts
+function normalizeQuestions(params) {
+  if (!params) return [];
+  if (Array.isArray(params.questions)) {
+    return params.questions.map((q) => ({
+      question: q.question ?? "",
+      type: q.type ?? (q.options ? "radio" : "text"),
+      options: q.options
+    }));
+  }
+  if (typeof params.question === "string") {
+    return [
+      {
+        question: params.question,
+        type: params.input_type ?? (params.options ? "radio" : "text"),
+        options: params.options
+      }
+    ];
+  }
+  return [];
+}
+function parseAnswers(result) {
+  let value = result;
+  for (let i = 0; i < 2 && typeof value === "string"; i++) {
+    const trimmed = value.trim();
+    if (trimmed === "") return null;
+    try {
+      value = JSON.parse(trimmed);
+    } catch {
+      return null;
+    }
+  }
+  if (value && typeof value === "object" && !Array.isArray(value)) {
+    const obj = value;
+    return Object.keys(obj).length > 0 ? obj : null;
+  }
+  return null;
+}
+
+// src/integrations/KabooAskUser.tsx
+import { Fragment as Fragment2, jsx as jsx6 } from "react/jsx-runtime";
+var ANY_PARAMETERS = {
+  "~standard": {
+    version: 1,
+    vendor: "kaboo",
+    validate: (value) => ({ value })
+  }
+};
+function KabooAskUser({ agentId }) {
+  useRenderTool({
+    name: "ask_user",
+    ...agentId ? { agentId } : {},
+    parameters: ANY_PARAMETERS,
+    render: ({ parameters, result }) => {
+      const questions = normalizeQuestions(parameters);
+      if (questions.length === 0) return /* @__PURE__ */ jsx6(Fragment2, {});
+      return /* @__PURE__ */ jsx6(AskUserCard, { questions, result });
+    }
+  });
+  return null;
+}
+function AskUserCard({
+  questions,
+  result
+}) {
+  const answers = parseAnswers(result);
+  if (!answers) return /* @__PURE__ */ jsx6(Fragment2, {});
+  return /* @__PURE__ */ jsx6(AskUserSummary, { questions, answers });
+}
+
+// src/integrations/KabooInterruptHandler.tsx
+import { useInterrupt } from "@copilotkit/react-core/v2";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+function ChatInterruptSlot({
+  interrupt,
+  Renderer
+}) {
+  const { groups } = useActivity();
+  if (pendingToolAnchorExists(groups, interrupt.toolCallId)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx7(
+    Renderer,
+    {
+      reason: interrupt.reason,
+      toolCallId: interrupt.toolCallId,
+      onResolve: interrupt.onResolve,
+      onCancel: interrupt.onCancel
+    }
+  );
+}
+function KabooInterruptHandler({
+  agentId,
+  renderers,
+  bridge = true
+}) {
+  useInterrupt({
+    ...agentId ? { agentId } : {},
+    render: ({ interrupts, resolve, cancel }) => {
+      const active = (interrupts ?? []).map((intr) => {
+        const reason = intr?.metadata ?? intr?.reason;
+        if (!reason || !reason.type) return null;
+        return {
+          id: intr.id,
+          reason,
+          toolCallId: intr.toolCallId,
+          onResolve: (payload) => resolve(payload, intr.id),
+          onCancel: () => cancel(intr.id)
+        };
+      }).filter((x) => x !== null);
+      if (active.length === 0) {
+        return /* @__PURE__ */ jsx7(Fragment3, {});
+      }
+      return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+        bridge && /* @__PURE__ */ jsx7(InterruptBridgePublisher, { interrupts: active }),
+        active.map((a) => /* @__PURE__ */ jsx7(
+          ChatInterruptSlot,
+          {
+            interrupt: a,
+            Renderer: renderers?.[a.reason.type] ?? InterruptRenderer
+          },
+          a.id
+        ))
+      ] });
+    }
+  });
+  return /* @__PURE__ */ jsx7(KabooAskUser, { agentId });
+}
+
+// src/formatters/output.ts
+function formatToolResult(raw) {
+  try {
+    const parsed = JSON.parse(raw);
+    if (parsed.rows && Array.isArray(parsed.rows) && parsed.rows.length > 0) {
+      return { rows: parsed.rows, text: "" };
+    }
+    if (Array.isArray(parsed) && parsed.length > 0 && typeof parsed[0] === "object") {
+      return { rows: parsed, text: "" };
+    }
+    if (typeof parsed === "object" && parsed !== null) {
+      const entries = Object.entries(parsed).filter(([, v]) => v != null).map(([k, v]) => `${k}: ${typeof v === "string" ? v : JSON.stringify(v)}`);
+      return { rows: null, text: entries.join("\n") };
+    }
+    return { rows: null, text: String(parsed) };
+  } catch {
+    return { rows: null, text: raw };
+  }
+}
+function unwrapJson(raw) {
+  let value = raw;
+  for (let i = 0; i < 2 && typeof value === "string"; i++) {
+    const trimmed = value.trim();
+    if (trimmed === "") return value;
+    try {
+      value = JSON.parse(trimmed);
+    } catch {
+      break;
+    }
+  }
+  return value;
+}
+function statusIsCancelled(status) {
+  if (typeof status !== "string") return false;
+  const s = status.toLowerCase();
+  return s === "cancelled" || s === "canceled" || s === "rejected" || s === "declined";
+}
+function statusIsControl(status) {
+  if (typeof status !== "string") return false;
+  const s = status.toLowerCase();
+  return statusIsCancelled(status) || s === "approved" || s === "accepted";
+}
+function isCancelledResult(raw) {
+  if (raw == null) return false;
+  const text = typeof raw === "string" ? raw : JSON.stringify(raw);
+  if (/user rejected this action/i.test(text)) return true;
+  if (/user declined to answer/i.test(text)) return true;
+  const value = unwrapJson(text);
+  if (value && typeof value === "object" && !Array.isArray(value)) {
+    return statusIsCancelled(value.status);
+  }
+  return false;
+}
+function isControlOnlyStatus(raw) {
+  if (raw == null) return false;
+  const value = unwrapJson(typeof raw === "string" ? raw : JSON.stringify(raw));
+  if (value && typeof value === "object" && !Array.isArray(value)) {
+    const keys = Object.keys(value);
+    return keys.length === 1 && keys[0] === "status" && statusIsControl(value.status);
+  }
+  return false;
+}
+function normalizeResult(result) {
+  if (!result) return null;
+  let text = typeof result === "string" ? result : JSON.stringify(result, null, 2);
+  if (text.startsWith('"') && text.endsWith('"')) {
+    try {
+      text = JSON.parse(text);
+    } catch {
+    }
+  }
+  text = text.replace(/\\n/g, "\n");
+  return text || null;
+}
+
+// src/components/MarkdownContent.tsx
+import { Fragment as Fragment4, jsx as jsx8 } from "react/jsx-runtime";
+function MarkdownContent({ text }) {
+  const lines = text.split("\n");
+  return /* @__PURE__ */ jsx8("div", { className: "kaboo-md", children: lines.map((line, i) => {
+    if (line.startsWith("# ") && !line.startsWith("## ")) {
+      return /* @__PURE__ */ jsx8("h2", { className: "kaboo-md-h2", children: line.slice(2) }, i);
+    }
+    if (line.startsWith("## ")) {
+      return /* @__PURE__ */ jsx8("h3", { className: "kaboo-md-h3", children: line.slice(3) }, i);
+    }
+    if (line.startsWith("### ")) {
+      return /* @__PURE__ */ jsx8("h4", { className: "kaboo-md-h4", children: line.slice(4) }, i);
+    }
+    if (line.startsWith("- ") || line.startsWith("* ")) {
+      return /* @__PURE__ */ jsx8("li", { className: "kaboo-md-li", children: renderInline(line.slice(2)) }, i);
+    }
+    if (line.trim() === "") {
+      return /* @__PURE__ */ jsx8("div", { className: "kaboo-md-spacer" }, i);
+    }
+    return /* @__PURE__ */ jsx8("p", { className: "kaboo-md-p", children: renderInline(line) }, i);
+  }) });
+}
+function renderInline(text) {
+  const parts = [];
+  let remaining = text;
+  let key = 0;
+  while (remaining.length > 0) {
+    const boldMatch = remaining.match(/\*\*(.+?)\*\*/);
+    if (boldMatch && boldMatch.index !== void 0) {
+      if (boldMatch.index > 0) {
+        parts.push(remaining.slice(0, boldMatch.index));
+      }
+      parts.push(/* @__PURE__ */ jsx8("strong", { children: boldMatch[1] }, key++));
+      remaining = remaining.slice(boldMatch.index + boldMatch[0].length);
+      continue;
+    }
+    parts.push(remaining);
+    break;
+  }
+  return /* @__PURE__ */ jsx8(Fragment4, { children: parts });
+}
+
+// src/formatters/input.ts
+function formatToolInput(input) {
+  if (input == null) return { summary: "", detail: null };
+  if (typeof input === "string") return { summary: input, detail: null };
+  const obj = input;
+  if (obj.query && typeof obj.query === "string") {
+    return { summary: String(obj.query).trim(), detail: null };
+  }
+  if (obj.table_name && typeof obj.table_name === "string") {
+    return { summary: obj.table_name, detail: null };
+  }
+  if (obj.url && typeof obj.url === "string") {
+    return { summary: obj.url, detail: null };
+  }
+  const keys = Object.keys(obj);
+  if (keys.length === 1) {
+    const val = obj[keys[0]];
+    return { summary: typeof val === "string" ? val : JSON.stringify(val), detail: null };
+  }
+  const parts = keys.filter((k) => obj[k] != null && obj[k] !== "").map((k) => {
+    const v = obj[k];
+    return `${k}: ${typeof v === "string" ? v : JSON.stringify(v)}`;
+  });
+  return { summary: parts.join(", "), detail: null };
+}
+
+// src/components/MiniTable.tsx
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+function MiniTable({ rows, maxRows = 8 }) {
+  if (rows.length === 0) return null;
+  const cols = Object.keys(rows[0]);
+  const display = rows.slice(0, maxRows);
+  const remaining = rows.length - maxRows;
+  return /* @__PURE__ */ jsxs4("div", { style: { overflowX: "auto" }, children: [
+    /* @__PURE__ */ jsxs4("table", { className: "kaboo-mini-table", children: [
+      /* @__PURE__ */ jsx9("thead", { children: /* @__PURE__ */ jsx9("tr", { children: cols.map((c) => /* @__PURE__ */ jsx9("th", { children: c.replace(/_/g, " ") }, c)) }) }),
+      /* @__PURE__ */ jsx9("tbody", { children: display.map((row, i) => /* @__PURE__ */ jsx9("tr", { children: cols.map((c) => /* @__PURE__ */ jsx9("td", { children: String(row[c] ?? "") }, c)) }, i)) })
+    ] }),
+    remaining > 0 && /* @__PURE__ */ jsxs4("div", { className: "kaboo-mini-table-overflow", children: [
+      "+",
+      remaining,
+      " more row",
+      remaining !== 1 ? "s" : ""
+    ] })
+  ] });
+}
+
+// src/components/ToolRow.tsx
+import { useState as useState5 } from "react";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+function ToolRow({ tool }) {
+  const [open, setOpen] = useState5(false);
+  const cancelled = tool.status === "cancelled" || isCancelledResult(tool.toolResult);
+  const isDone = tool.status !== "running";
+  const label = tool.toolLabel || tool.toolName;
+  const { summary: inputSummary } = formatToolInput(tool.toolInput);
+  return /* @__PURE__ */ jsxs5("div", { className: "kaboo-tool-row", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "kaboo-tool-row-header", onClick: () => setOpen(!open), children: [
+      tool.status === "running" ? /* @__PURE__ */ jsx10("svg", { width: 10, height: 10, viewBox: "0 0 16 16", className: "kaboo-icon-shrink", children: /* @__PURE__ */ jsx10(
+        "circle",
+        {
+          cx: "8",
+          cy: "8",
+          r: "5",
+          fill: "none",
+          className: "kaboo-tool-spinner",
+          strokeWidth: "2",
+          strokeDasharray: "22",
+          strokeDashoffset: "6",
+          children: /* @__PURE__ */ jsx10(
+            "animateTransform",
+            {
+              attributeName: "transform",
+              type: "rotate",
+              from: "0 8 8",
+              to: "360 8 8",
+              dur: "0.8s",
+              repeatCount: "indefinite"
+            }
+          )
+        }
+      ) }) : /* @__PURE__ */ jsx10("svg", { width: 10, height: 10, viewBox: "0 0 10 10", className: "kaboo-icon-shrink", children: /* @__PURE__ */ jsx10(
+        "circle",
+        {
+          cx: "5",
+          cy: "5",
+          r: "3",
+          className: cancelled ? "kaboo-tool-dot-cancelled" : tool.status === "error" ? "kaboo-tool-dot-error" : "kaboo-tool-dot-success"
+        }
+      ) }),
+      /* @__PURE__ */ jsx10("span", { className: "kaboo-tool-row-label", children: label }),
+      isDone && /* @__PURE__ */ jsx10("span", { className: "kaboo-tool-row-status", children: cancelled ? "cancelled" : tool.status === "error" ? "error" : "done" }),
+      /* @__PURE__ */ jsx10(
+        "svg",
+        {
+          width: 14,
+          height: 14,
+          viewBox: "0 0 16 16",
+          className: `kaboo-chevron ${open ? "kaboo-chevron-open" : ""}`,
+          children: /* @__PURE__ */ jsx10("path", { d: "M4 6l4 4 4-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+        }
+      )
+    ] }),
+    !open && inputSummary && /* @__PURE__ */ jsx10("div", { className: "kaboo-tool-row-summary", children: inputSummary.length > 80 ? inputSummary.slice(0, 80) + "..." : inputSummary }),
+    open && /* @__PURE__ */ jsxs5("div", { className: "kaboo-tool-row-detail", children: [
+      inputSummary && /* @__PURE__ */ jsx10("div", { className: "kaboo-tool-input", children: inputSummary }),
+      tool.toolResult && /* @__PURE__ */ jsx10(ToolResultBlock, { raw: tool.toolResult, cancelled })
+    ] })
+  ] });
+}
+function ToolResultBlock({ raw, cancelled }) {
+  if (cancelled) {
+    const { text: text2 } = formatToolResult(raw);
+    const message = /user (rejected|declined)/i.test(text2) ? text2 : "Declined by user.";
+    return /* @__PURE__ */ jsx10("div", { className: "kaboo-tool-result kaboo-tool-result-cancelled", children: message });
+  }
+  const { rows, text } = formatToolResult(raw);
+  if (rows) {
+    return /* @__PURE__ */ jsx10("div", { className: "kaboo-tool-result kaboo-tool-result-table", children: /* @__PURE__ */ jsx10(MiniTable, { rows }) });
+  }
+  return /* @__PURE__ */ jsx10("div", { className: "kaboo-tool-result", children: text });
+}
+
+// src/components/Timeline.tsx
+import { Fragment as Fragment5 } from "react";
+import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+function AskUserTimelineRow({ tool }) {
+  const interrupt = useInterruptFor(tool.toolUseId);
+  const questions = normalizeQuestions(tool.toolInput);
+  const answers = parseAnswers(tool.toolResult);
+  if (answers) {
+    if (questions.length === 0) return null;
+    return /* @__PURE__ */ jsx11(AskUserSummary, { questions, answers });
+  }
+  if (interrupt && interrupt.reason.type === "form") {
+    return /* @__PURE__ */ jsx11(
+      InterruptRenderer,
+      {
+        reason: interrupt.reason,
+        toolCallId: interrupt.toolCallId,
+        onResolve: interrupt.onResolve,
+        onCancel: interrupt.onCancel
+      }
+    );
+  }
+  if (questions.length > 0 && isCancelledResult(tool.toolResult)) {
+    return /* @__PURE__ */ jsx11(AskUserSummary, { questions, answers: {}, declined: true });
+  }
+  return null;
+}
+function ToolTimelineRow({ tool }) {
+  const interrupt = useInterruptFor(tool.toolUseId);
+  return /* @__PURE__ */ jsxs6(Fragment6, { children: [
+    /* @__PURE__ */ jsx11(ToolRow, { tool }),
+    interrupt && interrupt.reason.type === "approval" && /* @__PURE__ */ jsx11(
+      InterruptRenderer,
+      {
+        reason: interrupt.reason,
+        toolCallId: interrupt.toolCallId,
+        onResolve: interrupt.onResolve,
+        onCancel: interrupt.onCancel
+      }
+    )
+  ] });
+}
+function Timeline({ timeline, active, variant = "card", renderToolCard }) {
+  const textClass = variant === "drill" ? "kaboo-drill-tokens-content" : "kaboo-agent-card-tokens";
+  return /* @__PURE__ */ jsx11(Fragment6, { children: timeline.map((entry, i) => {
+    if (entry.type === "tool") {
+      const key = entry.tool.toolUseId || i;
+      const card = renderToolCard?.(entry.tool.toolUseId);
+      if (card) return /* @__PURE__ */ jsx11(Fragment5, { children: card }, key);
+      if (entry.tool.toolName === "ask_user") {
+        return /* @__PURE__ */ jsx11(AskUserTimelineRow, { tool: entry.tool }, key);
+      }
+      return /* @__PURE__ */ jsx11(ToolTimelineRow, { tool: entry.tool }, key);
+    }
+    const isLast = i === timeline.length - 1;
+    return /* @__PURE__ */ jsxs6("div", { className: textClass, children: [
+      /* @__PURE__ */ jsx11(MarkdownContent, { text: entry.text }),
+      active && isLast && /* @__PURE__ */ jsx11("span", { className: "kaboo-blink-cursor" })
+    ] }, `text-${i}`);
+  }) });
+}
+
+// src/hooks/useDrill.ts
+import { useContext as useContext3 } from "react";
+function useDrill() {
+  return useContext3(DrillContext);
+}
+
+// src/components/AgentCard.tsx
+import { useState as useState6, useEffect as useEffect3, useRef as useRef2, useContext as useContext4 } from "react";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+function AgentCard({ groupId, group, input, result, actionStatus, showChildren }) {
+  const { drillIn } = useDrill();
+  const { groups } = useActivity();
+  const structuredRenderers = useContext4(StructuredRenderersContext);
+  const childEntries = showChildren ? directChildren(groups, groupId) : [];
+  const isDone = group.status === "completed" || actionStatus === "complete";
+  const isInterrupted = group.status === "interrupted" && group.interrupt;
+  const [expanded, setExpanded] = useState6(true);
+  const prevDone = useRef2(isDone);
+  const bodyRef = useRef2(null);
+  const hasInteraction = group.tools.some((t) => t.toolName === "ask_user");
+  useEffect3(() => {
+    if (!prevDone.current && isDone && !hasInteraction) setExpanded(false);
+    prevDone.current = isDone;
+  }, [isDone, hasInteraction]);
+  const resultText = isControlOnlyStatus(result) ? null : normalizeResult(result);
+  const displayTask = input ?? group.task ?? void 0;
+  const timeline = showChildren && group.isChatReply ? (group.timeline ?? []).filter((e) => e.type === "tool") : group.timeline ?? [];
+  useEffect3(() => {
+    if (expanded && !isDone && bodyRef.current) {
+      bodyRef.current.scrollTop = bodyRef.current.scrollHeight;
+    }
+  }, [expanded, isDone, timeline]);
+  const { byToolCall: childByToolCall, leftover: leftoverChildren } = partitionChildrenByToolCall(childEntries, timeline);
+  const renderToolCard = (toolUseId) => {
+    const entry = childByToolCall.get(toolUseId);
+    if (!entry) return null;
+    return /* @__PURE__ */ jsx12(AgentCard, { groupId: entry[0], group: entry[1], showChildren: true });
+  };
+  const hasContent = timeline.length > 0 || resultText || childEntries.length > 0 || !!displayTask;
+  const cardClass = `kaboo-agent-card${isDone ? " kaboo-agent-card-done" : ""}`;
+  return /* @__PURE__ */ jsxs7("div", { className: cardClass, children: [
+    /* @__PURE__ */ jsxs7("div", { className: "kaboo-agent-card-header", onClick: () => setExpanded(!expanded), children: [
+      /* @__PURE__ */ jsxs7("div", { className: "kaboo-agent-card-title-area", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "kaboo-agent-card-title-row", children: [
+          /* @__PURE__ */ jsx12("span", { className: "kaboo-agent-card-title", children: group.title }),
+          /* @__PURE__ */ jsxs7("span", { className: `kaboo-status-badge ${isDone ? "kaboo-status-done" : isInterrupted ? "kaboo-status-interrupted" : "kaboo-status-active"}`, children: [
+            isDone ? /* @__PURE__ */ jsx12("svg", { width: 10, height: 10, viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx12("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) : isInterrupted ? /* @__PURE__ */ jsxs7("svg", { width: 10, height: 10, viewBox: "0 0 16 16", children: [
+              /* @__PURE__ */ jsx12("circle", { cx: "8", cy: "8", r: "7", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }),
+              /* @__PURE__ */ jsx12("path", { d: "M8 4.5v4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+              /* @__PURE__ */ jsx12("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })
+            ] }) : /* @__PURE__ */ jsx12("svg", { width: 10, height: 10, viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx12("circle", { cx: "8", cy: "8", r: "5", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeDasharray: "22", strokeDashoffset: "6", children: /* @__PURE__ */ jsx12("animateTransform", { attributeName: "transform", type: "rotate", from: "0 8 8", to: "360 8 8", dur: "0.8s", repeatCount: "indefinite" }) }) }),
+            isDone ? "done" : isInterrupted ? "needs input" : "working..."
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx12("div", { className: "kaboo-agent-card-subtitle", children: group.agentName })
+      ] }),
+      group.tools.length > 0 && /* @__PURE__ */ jsxs7("span", { className: `kaboo-tool-count ${isDone ? "kaboo-tool-count-done" : ""}`, children: [
+        group.tools.length,
+        " tool",
+        group.tools.length !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ jsx12(
+        "svg",
+        {
+          width: 14,
+          height: 14,
+          viewBox: "0 0 16 16",
+          className: `kaboo-chevron ${expanded ? "kaboo-chevron-open" : ""}`,
+          children: /* @__PURE__ */ jsx12("path", { d: "M4 6l4 4 4-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+        }
+      )
+    ] }),
+    !expanded && displayTask && /* @__PURE__ */ jsxs7("div", { className: "kaboo-agent-card-collapsed", children: [
+      /* @__PURE__ */ jsx12("strong", { children: "Task:" }),
+      " ",
+      displayTask
+    ] }),
+    expanded && /* @__PURE__ */ jsxs7("div", { ref: bodyRef, className: "kaboo-agent-card-body", children: [
+      displayTask && /* @__PURE__ */ jsxs7("div", { className: "kaboo-agent-card-task", children: [
+        /* @__PURE__ */ jsx12("strong", { children: "Task:" }),
+        " ",
+        displayTask
+      ] }),
+      timeline.length > 0 && /* @__PURE__ */ jsx12("div", { className: "kaboo-agent-card-timeline", children: /* @__PURE__ */ jsx12(Timeline, { timeline, active: !isDone, variant: "card", renderToolCard }) }),
+      resultText && /* @__PURE__ */ jsx12("div", { className: "kaboo-agent-card-result", children: /* @__PURE__ */ jsx12(MarkdownContent, { text: resultText }) }),
+      group.structuredOutput && group.outputSchemaName && (() => {
+        const Renderer = structuredRenderers[group.outputSchemaName];
+        if (Renderer) {
+          return /* @__PURE__ */ jsx12(Renderer, { ...group.structuredOutput });
+        }
+        return /* @__PURE__ */ jsxs7("details", { className: "kaboo-agent-card-structured", children: [
+          /* @__PURE__ */ jsxs7("summary", { className: "kaboo-agent-card-structured-summary", children: [
+            "Structured output (",
+            group.outputSchemaName,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsx12("pre", { className: "kaboo-agent-card-structured-pre", children: JSON.stringify(group.structuredOutput, null, 2) })
+        ] });
+      })(),
+      leftoverChildren.length > 0 && /* @__PURE__ */ jsx12("div", { className: "kaboo-agent-card-children", children: leftoverChildren.map(([childId, child]) => /* @__PURE__ */ jsx12(
+        AgentCard,
+        {
+          groupId: childId,
+          group: child,
+          showChildren: true
+        },
+        childId
+      )) }),
+      !displayTask && !hasContent && /* @__PURE__ */ jsx12("div", { className: "kaboo-agent-card-empty", children: "Working..." })
+    ] }),
+    hasContent && /* @__PURE__ */ jsxs7(
+      "button",
+      {
+        className: "kaboo-drill-btn",
+        onClick: (e) => {
+          e.stopPropagation();
+          drillIn(groupId);
+        },
+        children: [
+          /* @__PURE__ */ jsx12("span", { children: "View details" }),
+          /* @__PURE__ */ jsx12("svg", { width: 12, height: 12, viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx12("path", { d: "M6 4l4 4-4 4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/integrations/KabooToolRender.tsx
+import { useDefaultRenderTool } from "@copilotkit/react-core/v2";
+import { Fragment as Fragment7, jsx as jsx13 } from "react/jsx-runtime";
+function findTool(groups, toolCallId) {
+  for (const group of Object.values(groups)) {
+    const match = group.tools.find((t) => t.toolUseId === toolCallId);
+    if (match) return match;
+  }
+  return void 0;
+}
+function isDelegateSpawn(groups, name, toolCallId) {
+  for (const group of Object.values(groups)) {
+    if (!group.toolCallId) continue;
+    if (group.toolCallId === toolCallId || group.agentName === name) return true;
+  }
+  return false;
+}
+function KabooToolRender() {
+  const { groups } = useActivity();
+  useDefaultRenderTool(
+    {
+      render: ({ name, toolCallId, parameters, status, result }) => {
+        if (isDelegateSpawn(groups, name, toolCallId)) return /* @__PURE__ */ jsx13(Fragment7, {});
+        const fromActivity = findTool(groups, toolCallId);
+        const controlEcho = !fromActivity && isControlOnlyStatus(result);
+        const tool = fromActivity ?? {
+          toolUseId: toolCallId,
+          toolName: name,
+          toolInput: parameters,
+          toolResult: controlEcho || typeof result !== "string" ? void 0 : result,
+          status: status === "complete" ? "success" : "running"
+        };
+        return /* @__PURE__ */ jsx13("div", { className: "kaboo-inline-tool", children: /* @__PURE__ */ jsx13(ToolRow, { tool }) });
+      }
+    },
+    [groups]
+  );
+  return null;
+}
+
+// src/integrations/KabooInlineCards.tsx
+import { useRenderTool as useRenderTool2 } from "@copilotkit/react-core/v2";
+import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+var ANY_PARAMETERS2 = {
+  "~standard": {
+    version: 1,
+    vendor: "kaboo",
+    validate: (value) => ({ value })
+  }
+};
+function KabooInlineCards() {
+  const { groups } = useActivity();
+  const toolAgentNames = /* @__PURE__ */ new Set();
+  for (const group of Object.values(groups)) {
+    if (group.agentName && group.toolCallId) toolAgentNames.add(group.agentName);
+  }
+  return /* @__PURE__ */ jsxs8(Fragment8, { children: [
+    Array.from(toolAgentNames).map((agentName) => /* @__PURE__ */ jsx14(InlineCardAction, { agentName }, agentName)),
+    /* @__PURE__ */ jsx14(KabooToolRender, {})
+  ] });
+}
+function InlineCardAction({ agentName }) {
+  useRenderTool2({
+    name: agentName,
+    parameters: ANY_PARAMETERS2,
+    render: ({ toolCallId, parameters, result, status }) => /* @__PURE__ */ jsx14(
+      InlineCardRenderer,
+      {
+        agentName,
+        toolCallId,
+        input: parameters?.input,
+        result: typeof result === "string" ? result : void 0,
+        actionStatus: status
+      }
+    )
+  });
+  return null;
+}
+function InlineCardRenderer({
+  agentName,
+  toolCallId,
+  input,
+  result,
+  actionStatus
+}) {
+  const { groups } = useActivity();
+  const entry = findGroupForCard(groups, agentName, toolCallId);
+  if (!entry) {
+    return /* @__PURE__ */ jsxs8("div", { className: "kaboo-agent-card-empty", children: [
+      "Loading ",
+      agentName,
+      "..."
+    ] });
+  }
+  return /* @__PURE__ */ jsx14(
+    AgentCard,
+    {
+      groupId: entry[0],
+      group: entry[1],
+      input,
+      result,
+      actionStatus
+    }
+  );
+}
+
+export {
+  StructuredRenderersContext,
+  KabooActivityProvider,
+  DrillProvider,
+  InterruptBridgeProvider,
+  useInterruptBridge,
+  useInterruptFor,
+  InterruptBridgePublisher,
+  InterruptRenderer,
+  useActivity,
+  groupTurnKey,
+  partitionChildrenByToolCall,
+  topLevelGroups,
+  directChildren,
+  chatRootGroups,
+  pendingToolAnchorExists,
+  KabooAskUser,
+  KabooInterruptHandler,
+  formatToolResult,
+  normalizeResult,
+  MarkdownContent,
+  formatToolInput,
+  MiniTable,
+  ToolRow,
+  Timeline,
+  useDrill,
+  AgentCard,
+  KabooToolRender,
+  KabooInlineCards
+};
+//# sourceMappingURL=chunk-RXZWOBSI.js.map