@pgege/kaboo-react 0.1.0

package/dist/index.cjs

@@ -0,0 +1,1366 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ActivityPanel: () => ActivityPanel,
+  AgentCard: () => AgentCard,
+  DrillDetailView: () => DrillDetailView,
+  DrillProvider: () => DrillProvider,
+  GlassTabs: () => GlassTabs,
+  InterruptBridgeProvider: () => InterruptBridgeProvider,
+  InterruptBridgePublisher: () => InterruptBridgePublisher,
+  InterruptRenderer: () => InterruptRenderer,
+  KabooActivityProvider: () => KabooActivityProvider,
+  KabooProvider: () => KabooProvider,
+  MarkdownContent: () => MarkdownContent,
+  MiniTable: () => MiniTable,
+  StructuredRenderersContext: () => StructuredRenderersContext,
+  Timeline: () => Timeline,
+  ToolRow: () => ToolRow,
+  directChildren: () => directChildren,
+  formatToolInput: () => formatToolInput,
+  formatToolResult: () => formatToolResult,
+  normalizeResult: () => normalizeResult,
+  topLevelGroups: () => topLevelGroups,
+  useActivity: () => useActivity,
+  useDrill: () => useDrill,
+  useInterruptBridge: () => useInterruptBridge,
+  useInterruptFor: () => useInterruptFor
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/context/ActivityProvider.tsx
+var import_react = require("react");
+var import_v2 = require("@copilotkit/react-core/v2");
+var import_jsx_runtime = require("react/jsx-runtime");
+var EMPTY = { groups: {} };
+var ActivityContext = (0, import_react.createContext)(EMPTY);
+var StructuredRenderersContext = (0, import_react.createContext)({});
+function KabooActivityProvider({ agentId, structuredRenderers, children }) {
+  const { agent } = (0, import_v2.useAgent)(agentId ? { agentId } : void 0);
+  const [state, setState] = (0, import_react.useState)(EMPTY);
+  (0, import_react.useEffect)(() => {
+    if (!agent) return;
+    const { unsubscribe } = agent.subscribe({
+      onActivitySnapshotEvent: ({ event }) => {
+        setState(event.content);
+      }
+    });
+    return unsubscribe;
+  }, [agent]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActivityContext.Provider, { value: state, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StructuredRenderersContext.Provider, { value: structuredRenderers ?? {}, children }) });
+}
+
+// src/context/DrillContext.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var NOOP = () => {
+};
+var DrillContext = (0, import_react2.createContext)({
+  drillPath: [],
+  activeDrill: null,
+  drillIn: NOOP,
+  drillUp: NOOP,
+  drillToRoot: NOOP,
+  drillToLevel: NOOP
+});
+function DrillProvider({ children }) {
+  const [drillPath, setDrillPath] = (0, import_react2.useState)([]);
+  const drillIn = (0, import_react2.useCallback)((groupId) => {
+    setDrillPath((prev) => [...prev, groupId]);
+  }, []);
+  const drillUp = (0, import_react2.useCallback)(() => {
+    setDrillPath((prev) => prev.slice(0, -1));
+  }, []);
+  const drillToRoot = (0, import_react2.useCallback)(() => {
+    setDrillPath([]);
+  }, []);
+  const drillToLevel = (0, import_react2.useCallback)((level) => {
+    setDrillPath((prev) => prev.slice(0, level + 1));
+  }, []);
+  const activeDrill = drillPath.length > 0 ? drillPath[drillPath.length - 1] : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DrillContext.Provider, { value: { drillPath, activeDrill, drillIn, drillUp, drillToRoot, drillToLevel }, children });
+}
+
+// src/context/KabooProvider.tsx
+var import_v26 = require("@copilotkit/react-core/v2");
+
+// src/context/InterruptBridge.tsx
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var InterruptBridgeContext = (0, import_react3.createContext)({
+  active: [],
+  publish: () => {
+  }
+});
+function InterruptBridgeProvider({ children }) {
+  const [active, setActive] = (0, import_react3.useState)([]);
+  const publish = (0, import_react3.useCallback)((interrupts) => {
+    setActive(interrupts);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(InterruptBridgeContext.Provider, { value: { active, publish }, children });
+}
+function useInterruptBridge() {
+  return (0, import_react3.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 = (0, import_react3.useRef)(interrupts);
+  listRef.current = interrupts;
+  const key = interrupts.map((i) => `${i.id}:${i.toolCallId ?? ""}:${JSON.stringify(i.reason)}`).join("|");
+  (0, import_react3.useEffect)(() => {
+    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/integrations/KabooInterruptHandler.tsx
+var import_v23 = require("@copilotkit/react-core/v2");
+
+// src/components/InterruptRenderer.tsx
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function ApprovalVariant({ reason, onResolve, onCancel }) {
+  const [responded, setResponded] = (0, import_react4.useState)(false);
+  if (reason.type !== "approval") return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {});
+  if (responded) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "kaboo-interrupt-responded", children: "Response submitted" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "kaboo-interrupt kaboo-interrupt-approval", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "kaboo-interrupt-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: 16, height: 16, viewBox: "0 0 16 16", className: "kaboo-interrupt-icon", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "8", cy: "8", r: "7", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M8 4.5v4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "kaboo-interrupt-message", children: reason.message })
+    ] }),
+    reason.tool_input != null && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("details", { className: "kaboo-interrupt-details", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("summary", { children: "View input" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("pre", { className: "kaboo-interrupt-pre", children: JSON.stringify(reason.tool_input, null, 2) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "kaboo-interrupt-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "button",
+        {
+          className: "kaboo-interrupt-btn kaboo-interrupt-btn-approve",
+          onClick: () => {
+            setResponded(true);
+            onResolve({ status: "approved" });
+          },
+          children: "Approve"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "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] = (0, import_react4.useState)("");
+  const [isOther, setIsOther] = (0, import_react4.useState)(false);
+  const options = withoutOther(question.options);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "kaboo-interrupt-radio-group", children: [
+    options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: `kaboo-interrupt-option ${value === opt && !isOther ? "kaboo-interrupt-option-selected" : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "input",
+        {
+          type: "radio",
+          name: question.question,
+          checked: value === opt && !isOther,
+          onChange: () => {
+            setIsOther(false);
+            onChange(opt);
+          },
+          className: "kaboo-interrupt-radio"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: opt })
+    ] }, opt)),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `kaboo-interrupt-option kaboo-interrupt-option-other ${isOther ? "kaboo-interrupt-option-selected" : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "input",
+        {
+          type: "radio",
+          name: question.question,
+          checked: isOther,
+          onChange: () => {
+            setIsOther(true);
+            onChange(otherText);
+          },
+          className: "kaboo-interrupt-radio"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "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] = (0, import_react4.useState)("");
+  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__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "kaboo-interrupt-checkbox-group", children: [
+    options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: `kaboo-interrupt-option ${value.includes(opt) ? "kaboo-interrupt-option-selected" : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "input",
+        {
+          type: "checkbox",
+          checked: value.includes(opt),
+          onChange: () => toggle(opt),
+          className: "kaboo-interrupt-checkbox"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: opt })
+    ] }, opt)),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `kaboo-interrupt-option kaboo-interrupt-option-other ${otherSelected ? "kaboo-interrupt-option-selected" : ""}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "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__ */ (0, import_jsx_runtime4.jsx)(
+        "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__ */ (0, import_jsx_runtime4.jsx)(
+    "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] = (0, import_react4.useState)(0);
+  const [answers, setAnswers] = (0, import_react4.useState)({});
+  const [responded, setResponded] = (0, import_react4.useState)(false);
+  if (responded) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {});
+  const renderQuestion = (q, idx) => {
+    if (q.type === "radio") {
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        RadioInput,
+        {
+          question: q,
+          value: answers[String(idx)] ?? "",
+          onChange: (v) => setAnswer(idx, v)
+        }
+      );
+    }
+    if (q.type === "checkbox") {
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        CheckboxInput,
+        {
+          question: q,
+          value: answers[String(idx)] ?? [],
+          onChange: (v) => setAnswer(idx, v)
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      TextInput,
+      {
+        value: answers[String(idx)] ?? "",
+        onChange: (v) => setAnswer(idx, v)
+      }
+    );
+  };
+  const isLast = step === questions.length - 1;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "kaboo-interrupt kaboo-interrupt-form", children: [
+    !isSingle && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "kaboo-interrupt-progress", children: [
+      step + 1,
+      " of ",
+      questions.length
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "kaboo-interrupt-question", children: current.question }),
+    renderQuestion(current, step),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "kaboo-interrupt-actions", children: [
+      !isSingle && step > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "button",
+        {
+          className: "kaboo-interrupt-btn kaboo-interrupt-btn-back",
+          onClick: () => setStep(step - 1),
+          children: "Back"
+        }
+      ),
+      isLast ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "button",
+        {
+          className: "kaboo-interrupt-btn kaboo-interrupt-btn-approve",
+          onClick: () => {
+            setResponded(true);
+            onResolve(buildAnswerPayload(questions, answers));
+          },
+          children: "Submit"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "button",
+        {
+          className: "kaboo-interrupt-btn kaboo-interrupt-btn-next",
+          onClick: () => setStep(step + 1),
+          children: "Next"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "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__ */ (0, import_jsx_runtime4.jsx)(ApprovalVariant, { ...props });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FormVariant, { ...props });
+}
+
+// src/hooks/useActivity.ts
+var import_react5 = require("react");
+function useActivity() {
+  return (0, import_react5.useContext)(ActivityContext);
+}
+
+// src/utils/groups.ts
+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 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
+var import_v22 = require("@copilotkit/react-core/v2");
+
+// src/components/AskUserSummary.tsx
+var import_jsx_runtime5 = require("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__ */ (0, import_jsx_runtime5.jsx)("div", { className: "kaboo-askuser", children: questions.map((q, idx) => {
+    const answer = answers[q.question];
+    const hasAnswer = answer != null && formatAnswer(answer) !== "";
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kaboo-askuser-qa", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "kaboo-askuser-question", children: q.question }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "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
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var ANY_PARAMETERS = {
+  "~standard": {
+    version: 1,
+    vendor: "kaboo",
+    validate: (value) => ({ value })
+  }
+};
+function KabooAskUser({ agentId }) {
+  (0, import_v22.useRenderTool)({
+    name: "ask_user",
+    ...agentId ? { agentId } : {},
+    parameters: ANY_PARAMETERS,
+    render: ({ parameters, result }) => {
+      const questions = normalizeQuestions(parameters);
+      if (questions.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AskUserCard, { questions, result });
+    }
+  });
+  return null;
+}
+function AskUserCard({
+  questions,
+  result
+}) {
+  const answers = parseAnswers(result);
+  if (!answers) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AskUserSummary, { questions, answers });
+}
+
+// src/integrations/KabooInterruptHandler.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function ChatInterruptSlot({
+  interrupt,
+  Renderer
+}) {
+  const { groups } = useActivity();
+  if (pendingToolAnchorExists(groups, interrupt.toolCallId)) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    Renderer,
+    {
+      reason: interrupt.reason,
+      toolCallId: interrupt.toolCallId,
+      onResolve: interrupt.onResolve,
+      onCancel: interrupt.onCancel
+    }
+  );
+}
+function KabooInterruptHandler({
+  agentId,
+  renderers,
+  bridge = true
+}) {
+  (0, import_v23.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__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, {});
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+        bridge && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(InterruptBridgePublisher, { interrupts: active }),
+        active.map((a) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          ChatInterruptSlot,
+          {
+            interrupt: a,
+            Renderer: renderers?.[a.reason.type] ?? InterruptRenderer
+          },
+          a.id
+        ))
+      ] });
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(KabooAskUser, { agentId });
+}
+
+// src/integrations/KabooInlineCards.tsx
+var import_v25 = require("@copilotkit/react-core/v2");
+
+// src/components/AgentCard.tsx
+var import_react9 = require("react");
+
+// 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
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function MarkdownContent({ text }) {
+  const lines = text.split("\n");
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "kaboo-md", children: lines.map((line, i) => {
+    if (line.startsWith("# ") && !line.startsWith("## ")) {
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { className: "kaboo-md-h2", children: line.slice(2) }, i);
+    }
+    if (line.startsWith("## ")) {
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "kaboo-md-h3", children: line.slice(3) }, i);
+    }
+    if (line.startsWith("### ")) {
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h4", { className: "kaboo-md-h4", children: line.slice(4) }, i);
+    }
+    if (line.startsWith("- ") || line.startsWith("* ")) {
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("li", { className: "kaboo-md-li", children: renderInline(line.slice(2)) }, i);
+    }
+    if (line.trim() === "") {
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "kaboo-md-spacer" }, i);
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("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__ */ (0, import_jsx_runtime8.jsx)("strong", { children: boldMatch[1] }, key++));
+      remaining = remaining.slice(boldMatch.index + boldMatch[0].length);
+      continue;
+    }
+    parts.push(remaining);
+    break;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: parts });
+}
+
+// src/components/Timeline.tsx
+var import_react7 = require("react");
+
+// src/components/ToolRow.tsx
+var import_react6 = require("react");
+
+// 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
+var import_jsx_runtime9 = require("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__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { overflowX: "auto" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("table", { className: "kaboo-mini-table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("tr", { children: cols.map((c) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("th", { children: c.replace(/_/g, " ") }, c)) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("tbody", { children: display.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("tr", { children: cols.map((c) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("td", { children: String(row[c] ?? "") }, c)) }, i)) })
+    ] }),
+    remaining > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "kaboo-mini-table-overflow", children: [
+      "+",
+      remaining,
+      " more row",
+      remaining !== 1 ? "s" : ""
+    ] })
+  ] });
+}
+
+// src/components/ToolRow.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function ToolRow({ tool }) {
+  const [open, setOpen] = (0, import_react6.useState)(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__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "kaboo-tool-row", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "kaboo-tool-row-header", onClick: () => setOpen(!open), children: [
+      tool.status === "running" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("svg", { width: 10, height: 10, viewBox: "0 0 16 16", className: "kaboo-icon-shrink", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        "circle",
+        {
+          cx: "8",
+          cy: "8",
+          r: "5",
+          fill: "none",
+          className: "kaboo-tool-spinner",
+          strokeWidth: "2",
+          strokeDasharray: "22",
+          strokeDashoffset: "6",
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            "animateTransform",
+            {
+              attributeName: "transform",
+              type: "rotate",
+              from: "0 8 8",
+              to: "360 8 8",
+              dur: "0.8s",
+              repeatCount: "indefinite"
+            }
+          )
+        }
+      ) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("svg", { width: 10, height: 10, viewBox: "0 0 10 10", className: "kaboo-icon-shrink", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        "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__ */ (0, import_jsx_runtime10.jsx)("span", { className: "kaboo-tool-row-label", children: label }),
+      isDone && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "kaboo-tool-row-status", children: cancelled ? "cancelled" : tool.status === "error" ? "error" : "done" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        "svg",
+        {
+          width: 14,
+          height: 14,
+          viewBox: "0 0 16 16",
+          className: `kaboo-chevron ${open ? "kaboo-chevron-open" : ""}`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M4 6l4 4 4-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+        }
+      )
+    ] }),
+    !open && inputSummary && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "kaboo-tool-row-summary", children: inputSummary.length > 80 ? inputSummary.slice(0, 80) + "..." : inputSummary }),
+    open && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "kaboo-tool-row-detail", children: [
+      inputSummary && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "kaboo-tool-input", children: inputSummary }),
+      tool.toolResult && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(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__ */ (0, import_jsx_runtime10.jsx)("div", { className: "kaboo-tool-result kaboo-tool-result-cancelled", children: message });
+  }
+  const { rows, text } = formatToolResult(raw);
+  if (rows) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "kaboo-tool-result kaboo-tool-result-table", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MiniTable, { rows }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "kaboo-tool-result", children: text });
+}
+
+// src/components/Timeline.tsx
+var import_jsx_runtime11 = require("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__ */ (0, import_jsx_runtime11.jsx)(AskUserSummary, { questions, answers });
+  }
+  if (interrupt && interrupt.reason.type === "form") {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      InterruptRenderer,
+      {
+        reason: interrupt.reason,
+        toolCallId: interrupt.toolCallId,
+        onResolve: interrupt.onResolve,
+        onCancel: interrupt.onCancel
+      }
+    );
+  }
+  if (questions.length > 0 && isCancelledResult(tool.toolResult)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AskUserSummary, { questions, answers: {}, declined: true });
+  }
+  return null;
+}
+function ToolTimelineRow({ tool }) {
+  const interrupt = useInterruptFor(tool.toolUseId);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ToolRow, { tool }),
+    interrupt && interrupt.reason.type === "approval" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      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__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { 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__ */ (0, import_jsx_runtime11.jsx)(import_react7.Fragment, { children: card }, key);
+      if (entry.tool.toolName === "ask_user") {
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AskUserTimelineRow, { tool: entry.tool }, key);
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ToolTimelineRow, { tool: entry.tool }, key);
+    }
+    const isLast = i === timeline.length - 1;
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: textClass, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MarkdownContent, { text: entry.text }),
+      active && isLast && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "kaboo-blink-cursor" })
+    ] }, `text-${i}`);
+  }) });
+}
+
+// src/hooks/useDrill.ts
+var import_react8 = require("react");
+function useDrill() {
+  return (0, import_react8.useContext)(DrillContext);
+}
+
+// src/components/AgentCard.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function AgentCard({ groupId, group, input, result, actionStatus, showChildren }) {
+  const { drillIn } = useDrill();
+  const { groups } = useActivity();
+  const structuredRenderers = (0, import_react9.useContext)(StructuredRenderersContext);
+  const childEntries = showChildren ? directChildren(groups, groupId) : [];
+  const isDone = group.status === "completed" || actionStatus === "complete";
+  const isInterrupted = group.status === "interrupted" && group.interrupt;
+  const [expanded, setExpanded] = (0, import_react9.useState)(true);
+  const prevDone = (0, import_react9.useRef)(isDone);
+  const bodyRef = (0, import_react9.useRef)(null);
+  const hasInteraction = group.tools.some((t) => t.toolName === "ask_user");
+  (0, import_react9.useEffect)(() => {
+    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 ?? [];
+  (0, import_react9.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime12.jsx)(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__ */ (0, import_jsx_runtime12.jsxs)("div", { className: cardClass, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "kaboo-agent-card-header", onClick: () => setExpanded(!expanded), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "kaboo-agent-card-title-area", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "kaboo-agent-card-title-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "kaboo-agent-card-title", children: group.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: `kaboo-status-badge ${isDone ? "kaboo-status-done" : isInterrupted ? "kaboo-status-interrupted" : "kaboo-status-active"}`, children: [
+            isDone ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { width: 10, height: 10, viewBox: "0 0 16 16", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) : isInterrupted ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { width: 10, height: 10, viewBox: "0 0 16 16", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { cx: "8", cy: "8", r: "7", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M8 4.5v4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { cx: "8", cy: "11", r: "0.75", fill: "currentColor" })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { width: 10, height: 10, viewBox: "0 0 16 16", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { cx: "8", cy: "8", r: "5", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeDasharray: "22", strokeDashoffset: "6", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime12.jsx)("div", { className: "kaboo-agent-card-subtitle", children: group.agentName })
+      ] }),
+      group.tools.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: `kaboo-tool-count ${isDone ? "kaboo-tool-count-done" : ""}`, children: [
+        group.tools.length,
+        " tool",
+        group.tools.length !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "svg",
+        {
+          width: 14,
+          height: 14,
+          viewBox: "0 0 16 16",
+          className: `kaboo-chevron ${expanded ? "kaboo-chevron-open" : ""}`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M4 6l4 4 4-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+        }
+      )
+    ] }),
+    !expanded && displayTask && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "kaboo-agent-card-collapsed", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: "Task:" }),
+      " ",
+      displayTask
+    ] }),
+    expanded && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { ref: bodyRef, className: "kaboo-agent-card-body", children: [
+      displayTask && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "kaboo-agent-card-task", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: "Task:" }),
+        " ",
+        displayTask
+      ] }),
+      timeline.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "kaboo-agent-card-timeline", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Timeline, { timeline, active: !isDone, variant: "card", renderToolCard }) }),
+      resultText && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "kaboo-agent-card-result", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MarkdownContent, { text: resultText }) }),
+      group.structuredOutput && group.outputSchemaName && (() => {
+        const Renderer = structuredRenderers[group.outputSchemaName];
+        if (Renderer) {
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Renderer, { ...group.structuredOutput });
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("details", { className: "kaboo-agent-card-structured", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("summary", { className: "kaboo-agent-card-structured-summary", children: [
+            "Structured output (",
+            group.outputSchemaName,
+            ")"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("pre", { className: "kaboo-agent-card-structured-pre", children: JSON.stringify(group.structuredOutput, null, 2) })
+        ] });
+      })(),
+      leftoverChildren.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "kaboo-agent-card-children", children: leftoverChildren.map(([childId, child]) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        AgentCard,
+        {
+          groupId: childId,
+          group: child,
+          showChildren: true
+        },
+        childId
+      )) }),
+      !displayTask && !hasContent && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "kaboo-agent-card-empty", children: "Working..." })
+    ] }),
+    hasContent && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      "button",
+      {
+        className: "kaboo-drill-btn",
+        onClick: (e) => {
+          e.stopPropagation();
+          drillIn(groupId);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: "View details" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { width: 12, height: 12, viewBox: "0 0 16 16", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M6 4l4 4-4 4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/integrations/KabooToolRender.tsx
+var import_v24 = require("@copilotkit/react-core/v2");
+var import_jsx_runtime13 = require("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();
+  (0, import_v24.useDefaultRenderTool)(
+    {
+      render: ({ name, toolCallId, parameters, status, result }) => {
+        if (isDelegateSpawn(groups, name, toolCallId)) return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, {});
+        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__ */ (0, import_jsx_runtime13.jsx)("div", { className: "kaboo-inline-tool", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ToolRow, { tool }) });
+      }
+    },
+    [groups]
+  );
+  return null;
+}
+
+// src/integrations/KabooInlineCards.tsx
+var import_jsx_runtime14 = require("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__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    Array.from(toolAgentNames).map((agentName) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(InlineCardAction, { agentName }, agentName)),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(KabooToolRender, {})
+  ] });
+}
+function InlineCardAction({ agentName }) {
+  (0, import_v25.useRenderTool)({
+    name: agentName,
+    parameters: ANY_PARAMETERS2,
+    render: ({ toolCallId, parameters, result, status }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      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__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "kaboo-agent-card-empty", children: [
+      "Loading ",
+      agentName,
+      "..."
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    AgentCard,
+    {
+      groupId: entry[0],
+      group: entry[1],
+      input,
+      result,
+      actionStatus
+    }
+  );
+}
+
+// src/context/KabooProvider.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function KabooProvider({
+  runtimeUrl,
+  agent,
+  threadId,
+  structuredRenderers,
+  interruptRenderers,
+  disableInterruptHandler = false,
+  disableInlineCards = false,
+  copilotKitProps,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_v26.CopilotKit,
+    {
+      runtimeUrl,
+      agent,
+      threadId,
+      useSingleEndpoint: false,
+      ...copilotKitProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(KabooActivityProvider, { agentId: agent, structuredRenderers, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DrillProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(InterruptBridgeProvider, { children: [
+        !disableInterruptHandler && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(KabooInterruptHandler, { agentId: agent, renderers: interruptRenderers }),
+        !disableInlineCards && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(KabooInlineCards, {}),
+        children
+      ] }) }) })
+    }
+  );
+}
+
+// src/components/ActivityPanel.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function ActivityPanel() {
+  const { groups } = useActivity();
+  const { activeDrill } = useDrill();
+  if (Object.keys(groups).length === 0) return null;
+  const filtered = activeDrill ? directChildren(groups, activeDrill) : topLevelGroups(groups).filter(([, g]) => !g.inlineChatOwner);
+  if (filtered.length === 0 && activeDrill) {
+    const exact = groups[activeDrill];
+    if (exact) {
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "kaboo-activity-panel", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AgentCard, { groupId: activeDrill, group: exact }) });
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "kaboo-activity-panel", children: filtered.map(([id, group]) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AgentCard, { groupId: id, group }, id)) });
+}
+
+// src/components/GlassTabs.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function GlassTabs() {
+  const { drillPath, drillToRoot, drillToLevel } = useDrill();
+  const { groups } = useActivity();
+  if (drillPath.length === 0) return null;
+  const tabs = [
+    { id: "root", label: "Chat", level: -1 },
+    ...drillPath.map((id, i) => ({
+      id,
+      label: groups[id]?.title || id,
+      level: i
+    }))
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("nav", { className: "kaboo-breadcrumb-bar", children: tabs.map((tab, i) => {
+    const isLast = i === tabs.length - 1;
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "kaboo-breadcrumb-item", children: [
+      i > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { width: 12, height: 12, viewBox: "0 0 16 16", className: "kaboo-breadcrumb-sep", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M6 4l4 4-4 4", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        "button",
+        {
+          className: `kaboo-breadcrumb-link ${isLast ? "kaboo-breadcrumb-current" : ""}`,
+          onClick: () => {
+            if (isLast) return;
+            if (tab.level === -1) drillToRoot();
+            else drillToLevel(tab.level);
+          },
+          disabled: isLast,
+          children: [
+            i === 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { width: 14, height: 14, viewBox: "0 0 16 16", className: "kaboo-breadcrumb-icon", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M3 8.5L8 4l5 4.5M4.5 7.5V12h2.5V9.5h2V12h2.5V7.5", fill: "none", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+            tab.label
+          ]
+        }
+      )
+    ] }, tab.id);
+  }) });
+}
+
+// src/components/DrillDetailView.tsx
+var import_react10 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function DrillDetailView() {
+  const { activeDrill } = useDrill();
+  const { groups } = useActivity();
+  const { active: activeInterrupts } = useInterruptBridge();
+  const bodyRef = (0, import_react10.useRef)(null);
+  (0, import_react10.useEffect)(() => {
+    if (activeDrill && bodyRef.current) {
+      bodyRef.current.scrollTop = 0;
+    }
+  }, [activeDrill]);
+  if (!activeDrill) {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "kaboo-drill-detail kaboo-hidden" });
+  }
+  const group = groups[activeDrill];
+  const timeline = group?.timeline ?? [];
+  const unanchoredInterrupts = group?.status === "interrupted" ? activeInterrupts.filter(
+    (i) => !pendingToolAnchorExists(groups, i.toolCallId)
+  ) : [];
+  const childEntries = directChildren(groups, activeDrill);
+  const { byToolCall: childByToolCall, leftover: leftoverChildren } = partitionChildrenByToolCall(childEntries, timeline);
+  const renderToolCard = (toolUseId) => {
+    const entry = childByToolCall.get(toolUseId);
+    if (!entry) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AgentCard, { groupId: entry[0], group: entry[1] });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref: bodyRef, className: "kaboo-drill-detail", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "kaboo-drill-detail-inner", children: [
+    group?.task && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "kaboo-agent-card-task kaboo-drill-task", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("strong", { children: "Task:" }),
+      " ",
+      group.task
+    ] }),
+    group && timeline.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "kaboo-drill-timeline", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      Timeline,
+      {
+        timeline,
+        active: group.status === "active",
+        variant: "drill",
+        renderToolCard
+      }
+    ) }),
+    unanchoredInterrupts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "kaboo-drill-interrupt", children: unanchoredInterrupts.map((it) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      InterruptRenderer,
+      {
+        reason: it.reason,
+        toolCallId: it.toolCallId,
+        onResolve: it.onResolve,
+        onCancel: it.onCancel
+      },
+      it.id
+    )) }),
+    leftoverChildren.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "kaboo-drill-children", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "kaboo-drill-section-label", children: "Sub-agents" }),
+      leftoverChildren.map(([id, childGroup]) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AgentCard, { groupId: id, group: childGroup }, id))
+    ] }),
+    group && timeline.length === 0 && childEntries.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "kaboo-agent-card-empty", children: "Working..." }),
+    !group && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "kaboo-agent-card-empty", children: "No activity data for this group." })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActivityPanel,
+  AgentCard,
+  DrillDetailView,
+  DrillProvider,
+  GlassTabs,
+  InterruptBridgeProvider,
+  InterruptBridgePublisher,
+  InterruptRenderer,
+  KabooActivityProvider,
+  KabooProvider,
+  MarkdownContent,
+  MiniTable,
+  StructuredRenderersContext,
+  Timeline,
+  ToolRow,
+  directChildren,
+  formatToolInput,
+  formatToolResult,
+  normalizeResult,
+  topLevelGroups,
+  useActivity,
+  useDrill,
+  useInterruptBridge,
+  useInterruptFor
+});
+//# sourceMappingURL=index.cjs.map