@pgege/kaboo-react 0.1.0

package/dist/index.js

@@ -0,0 +1,200 @@
+import {
+  AgentCard,
+  DrillProvider,
+  InterruptBridgeProvider,
+  InterruptBridgePublisher,
+  InterruptRenderer,
+  KabooActivityProvider,
+  KabooInlineCards,
+  KabooInterruptHandler,
+  MarkdownContent,
+  MiniTable,
+  StructuredRenderersContext,
+  Timeline,
+  ToolRow,
+  directChildren,
+  formatToolInput,
+  formatToolResult,
+  normalizeResult,
+  partitionChildrenByToolCall,
+  pendingToolAnchorExists,
+  topLevelGroups,
+  useActivity,
+  useDrill,
+  useInterruptBridge,
+  useInterruptFor
+} from "./chunk-RXZWOBSI.js";
+
+// src/context/KabooProvider.tsx
+import { CopilotKit } from "@copilotkit/react-core/v2";
+import { jsx, jsxs } from "react/jsx-runtime";
+function KabooProvider({
+  runtimeUrl,
+  agent,
+  threadId,
+  structuredRenderers,
+  interruptRenderers,
+  disableInterruptHandler = false,
+  disableInlineCards = false,
+  copilotKitProps,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    CopilotKit,
+    {
+      runtimeUrl,
+      agent,
+      threadId,
+      useSingleEndpoint: false,
+      ...copilotKitProps,
+      children: /* @__PURE__ */ jsx(KabooActivityProvider, { agentId: agent, structuredRenderers, children: /* @__PURE__ */ jsx(DrillProvider, { children: /* @__PURE__ */ jsxs(InterruptBridgeProvider, { children: [
+        !disableInterruptHandler && /* @__PURE__ */ jsx(KabooInterruptHandler, { agentId: agent, renderers: interruptRenderers }),
+        !disableInlineCards && /* @__PURE__ */ jsx(KabooInlineCards, {}),
+        children
+      ] }) }) })
+    }
+  );
+}
+
+// src/components/ActivityPanel.tsx
+import { jsx as jsx2 } from "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__ */ jsx2("div", { className: "kaboo-activity-panel", children: /* @__PURE__ */ jsx2(AgentCard, { groupId: activeDrill, group: exact }) });
+    }
+  }
+  return /* @__PURE__ */ jsx2("div", { className: "kaboo-activity-panel", children: filtered.map(([id, group]) => /* @__PURE__ */ jsx2(AgentCard, { groupId: id, group }, id)) });
+}
+
+// src/components/GlassTabs.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "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__ */ jsx3("nav", { className: "kaboo-breadcrumb-bar", children: tabs.map((tab, i) => {
+    const isLast = i === tabs.length - 1;
+    return /* @__PURE__ */ jsxs2("span", { className: "kaboo-breadcrumb-item", children: [
+      i > 0 && /* @__PURE__ */ jsx3("svg", { width: 12, height: 12, viewBox: "0 0 16 16", className: "kaboo-breadcrumb-sep", children: /* @__PURE__ */ jsx3("path", { d: "M6 4l4 4-4 4", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }),
+      /* @__PURE__ */ jsxs2(
+        "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__ */ jsx3("svg", { width: 14, height: 14, viewBox: "0 0 16 16", className: "kaboo-breadcrumb-icon", children: /* @__PURE__ */ jsx3("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
+import { useEffect, useRef } from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function DrillDetailView() {
+  const { activeDrill } = useDrill();
+  const { groups } = useActivity();
+  const { active: activeInterrupts } = useInterruptBridge();
+  const bodyRef = useRef(null);
+  useEffect(() => {
+    if (activeDrill && bodyRef.current) {
+      bodyRef.current.scrollTop = 0;
+    }
+  }, [activeDrill]);
+  if (!activeDrill) {
+    return /* @__PURE__ */ jsx4("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__ */ jsx4(AgentCard, { groupId: entry[0], group: entry[1] });
+  };
+  return /* @__PURE__ */ jsx4("div", { ref: bodyRef, className: "kaboo-drill-detail", children: /* @__PURE__ */ jsxs3("div", { className: "kaboo-drill-detail-inner", children: [
+    group?.task && /* @__PURE__ */ jsxs3("div", { className: "kaboo-agent-card-task kaboo-drill-task", children: [
+      /* @__PURE__ */ jsx4("strong", { children: "Task:" }),
+      " ",
+      group.task
+    ] }),
+    group && timeline.length > 0 && /* @__PURE__ */ jsx4("div", { className: "kaboo-drill-timeline", children: /* @__PURE__ */ jsx4(
+      Timeline,
+      {
+        timeline,
+        active: group.status === "active",
+        variant: "drill",
+        renderToolCard
+      }
+    ) }),
+    unanchoredInterrupts.length > 0 && /* @__PURE__ */ jsx4("div", { className: "kaboo-drill-interrupt", children: unanchoredInterrupts.map((it) => /* @__PURE__ */ jsx4(
+      InterruptRenderer,
+      {
+        reason: it.reason,
+        toolCallId: it.toolCallId,
+        onResolve: it.onResolve,
+        onCancel: it.onCancel
+      },
+      it.id
+    )) }),
+    leftoverChildren.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "kaboo-drill-children", children: [
+      /* @__PURE__ */ jsx4("div", { className: "kaboo-drill-section-label", children: "Sub-agents" }),
+      leftoverChildren.map(([id, childGroup]) => /* @__PURE__ */ jsx4(AgentCard, { groupId: id, group: childGroup }, id))
+    ] }),
+    group && timeline.length === 0 && childEntries.length === 0 && /* @__PURE__ */ jsx4("div", { className: "kaboo-agent-card-empty", children: "Working..." }),
+    !group && /* @__PURE__ */ jsx4("div", { className: "kaboo-agent-card-empty", children: "No activity data for this group." })
+  ] }) });
+}
+export {
+  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.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context/KabooProvider.tsx","../src/components/ActivityPanel.tsx","../src/components/GlassTabs.tsx","../src/components/DrillDetailView.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { CopilotKit, type CopilotKitProps } from \"@copilotkit/react-core/v2\";\nimport { KabooActivityProvider, type StructuredRenderers } from \"./ActivityProvider\";\nimport { DrillProvider } from \"./DrillContext\";\nimport { InterruptBridgeProvider } from \"./InterruptBridge\";\nimport { KabooInterruptHandler, type KabooInterruptHandlerProps } from \"../integrations/KabooInterruptHandler\";\nimport { KabooInlineCards } from \"../integrations/KabooInlineCards\";\n\n/** Props for {@link KabooProvider}. */\nexport interface KabooProviderProps {\n  /** URL of the CopilotKit runtime endpoint (e.g. `/api/copilotkit`). */\n  runtimeUrl: string;\n  /** CopilotKit agent id to run (the workflow entry agent). */\n  agent: string;\n  /** Conversation id. Scopes both the run and its activity. */\n  threadId?: string;\n  /** Renderers for structured agent outputs, keyed by output schema name. */\n  structuredRenderers?: StructuredRenderers;\n  /** Per-interrupt-type renderer overrides for the built-in HITL handler. */\n  interruptRenderers?: KabooInterruptHandlerProps[\"renderers\"];\n  /** Skip auto-mounting the built-in {@link KabooInterruptHandler}. */\n  disableInterruptHandler?: boolean;\n  /** Skip auto-mounting the built-in {@link KabooInlineCards}. */\n  disableInlineCards?: boolean;\n  /** Extra props forwarded to the underlying `<CopilotKit>`. */\n  copilotKitProps?: Partial<Omit<CopilotKitProps, \"children\" | \"runtimeUrl\" | \"agent\" | \"threadId\">>;\n  /** Your app subtree, rendered inside all kaboo contexts. */\n  children: ReactNode;\n}\n\n/**\n * Batteries-included CopilotKit plugin. Renders `<CopilotKit>` and nests every\n * kaboo context (activity -> drill -> interrupt bridge) plus the built-in HITL\n * and inline-card handlers, so integrators drop this once near the root and use\n * only kaboo-react. Activity rides the AG-UI run stream, so there is no separate\n * activity endpoint to configure.\n *\n * @example\n * ```tsx\n * import { CopilotChat } from \"@copilotkit/react-core/v2\";\n * import { KabooProvider, GlassTabs, DrillDetailView } from \"@pgege/kaboo-react\";\n * import { KabooMessageView } from \"@pgege/kaboo-react/copilotkit\";\n * import \"@pgege/kaboo-react/styles.css\";\n *\n * function App({ agent, threadId }: { agent: string; threadId: string }) {\n *   return (\n *     <KabooProvider runtimeUrl=\"/api/copilotkit\" agent={agent} threadId={threadId}>\n *       <GlassTabs />\n *       <CopilotChat messageView={KabooMessageView} />\n *       <DrillDetailView />\n *     </KabooProvider>\n *   );\n * }\n * ```\n */\nexport function KabooProvider({\n  runtimeUrl,\n  agent,\n  threadId,\n  structuredRenderers,\n  interruptRenderers,\n  disableInterruptHandler = false,\n  disableInlineCards = false,\n  copilotKitProps,\n  children,\n}: KabooProviderProps) {\n  return (\n    <CopilotKit\n      runtimeUrl={runtimeUrl}\n      agent={agent}\n      threadId={threadId}\n      useSingleEndpoint={false}\n      {...copilotKitProps}\n    >\n      <KabooActivityProvider agentId={agent} structuredRenderers={structuredRenderers}>\n        <DrillProvider>\n          <InterruptBridgeProvider>\n            {!disableInterruptHandler && (\n              <KabooInterruptHandler agentId={agent} renderers={interruptRenderers} />\n            )}\n            {!disableInlineCards && <KabooInlineCards />}\n            {children}\n          </InterruptBridgeProvider>\n        </DrillProvider>\n      </KabooActivityProvider>\n    </CopilotKit>\n  );\n}\n","import { useActivity } from \"../hooks/useActivity\";\nimport { useDrill } from \"../hooks/useDrill\";\nimport { topLevelGroups, directChildren } from \"../utils/groups\";\nimport { AgentCard } from \"./AgentCard\";\n\n/**\n * Standalone panel that renders the current activity tree as a list of\n * {@link AgentCard}s — top-level groups at the root, or the drilled-in group's\n * children. Use it when you want the hierarchical activity view outside the chat\n * transcript (the in-chat view is handled by `KabooMessageView`). Renders\n * nothing when there is no activity.\n *\n * @example\n * ```tsx\n * import { ActivityPanel } from \"@pgege/kaboo-react\";\n *\n * function Sidebar() {\n *   return (\n *     <aside>\n *       <ActivityPanel />\n *     </aside>\n *   );\n * }\n * ```\n */\nexport function ActivityPanel() {\n  const { groups } = useActivity();\n  const { activeDrill } = useDrill();\n\n  if (Object.keys(groups).length === 0) return null;\n\n  // A plain-agent entry group (`inlineChatOwner`) is rendered inline by the host\n  // chat, so it must not also appear as a root card here — it only enriches\n  // those inline tool rows. Nested/sub-agent drilling is unaffected.\n  const filtered = activeDrill\n    ? directChildren(groups, activeDrill)\n    : topLevelGroups(groups).filter(([, g]) => !g.inlineChatOwner);\n\n  if (filtered.length === 0 && activeDrill) {\n    const exact = groups[activeDrill];\n    if (exact) {\n      return (\n        <div className=\"kaboo-activity-panel\">\n          <AgentCard groupId={activeDrill} group={exact} />\n        </div>\n      );\n    }\n  }\n\n  return (\n    <div className=\"kaboo-activity-panel\">\n      {filtered.map(([id, group]) => (\n        <AgentCard key={id} groupId={id} group={group} />\n      ))}\n    </div>\n  );\n}\n","import { useActivity } from \"../hooks/useActivity\";\nimport { useDrill } from \"../hooks/useDrill\";\n\n/**\n * Breadcrumb navigation for the drill-down path: a \"Chat\" root followed by one\n * crumb per drilled-in group. Clicking a crumb jumps to that level; the current\n * (last) crumb is disabled. Renders nothing at the root. Pair with\n * {@link DrillDetailView}.\n *\n * @example\n * ```tsx\n * import { GlassTabs, DrillDetailView } from \"@pgege/kaboo-react\";\n *\n * function DrillArea() {\n *   return (\n *     <>\n *       <GlassTabs />\n *       <DrillDetailView />\n *     </>\n *   );\n * }\n * ```\n */\nexport function GlassTabs() {\n  const { drillPath, drillToRoot, drillToLevel } = useDrill();\n  const { groups } = useActivity();\n\n  if (drillPath.length === 0) return null;\n\n  const tabs: { id: string; label: string; level: number }[] = [\n    { id: \"root\", label: \"Chat\", level: -1 },\n    ...drillPath.map((id, i) => ({\n      id,\n      label: groups[id]?.title || id,\n      level: i,\n    })),\n  ];\n\n  return (\n    <nav className=\"kaboo-breadcrumb-bar\">\n      {tabs.map((tab, i) => {\n        const isLast = i === tabs.length - 1;\n        return (\n          <span key={tab.id} className=\"kaboo-breadcrumb-item\">\n            {i > 0 && (\n              <svg width={12} height={12} viewBox=\"0 0 16 16\" className=\"kaboo-breadcrumb-sep\">\n                <path d=\"M6 4l4 4-4 4\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n              </svg>\n            )}\n            <button\n              className={`kaboo-breadcrumb-link ${isLast ? \"kaboo-breadcrumb-current\" : \"\"}`}\n              onClick={() => {\n                if (isLast) return;\n                if (tab.level === -1) drillToRoot();\n                else drillToLevel(tab.level);\n              }}\n              disabled={isLast}\n            >\n              {i === 0 && (\n                <svg width={14} height={14} viewBox=\"0 0 16 16\" className=\"kaboo-breadcrumb-icon\">\n                  <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\" />\n                </svg>\n              )}\n              {tab.label}\n            </button>\n          </span>\n        );\n      })}\n    </nav>\n  );\n}\n","import { useEffect, useRef } from \"react\";\nimport { useActivity } from \"../hooks/useActivity\";\nimport { useDrill } from \"../hooks/useDrill\";\nimport { useInterruptBridge } from \"../context/InterruptBridge\";\nimport {\n  directChildren,\n  partitionChildrenByToolCall,\n  pendingToolAnchorExists,\n} from \"../utils/groups\";\nimport { AgentCard } from \"./AgentCard\";\nimport { Timeline } from \"./Timeline\";\nimport { InterruptRenderer } from \"./InterruptRenderer\";\n\n/**\n * Detail pane for the currently drilled-in group: its task, full timeline\n * (with delegated sub-agents interleaved at their tool-call position), any\n * unanchored interrupt prompts, and a \"Sub-agents\" section for swarm/graph\n * members. Renders a hidden placeholder at the root. Pair with {@link GlassTabs}.\n *\n * @example\n * ```tsx\n * import { GlassTabs, DrillDetailView } from \"@pgege/kaboo-react\";\n *\n * function DrillArea() {\n *   return (\n *     <>\n *       <GlassTabs />\n *       <DrillDetailView />\n *     </>\n *   );\n * }\n * ```\n */\nexport function DrillDetailView() {\n  const { activeDrill } = useDrill();\n  const { groups } = useActivity();\n  const { active: activeInterrupts } = useInterruptBridge();\n  const bodyRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (activeDrill && bodyRef.current) {\n      bodyRef.current.scrollTop = 0;\n    }\n  }, [activeDrill]);\n\n  if (!activeDrill) {\n    return <div className=\"kaboo-drill-detail kaboo-hidden\" />;\n  }\n\n  const group = groups[activeDrill];\n  const timeline = group?.timeline ?? [];\n  // Prompts anchored to a pending tool call are rendered inline by the Timeline\n  // at that tool's position (chronological); this block only handles interrupts\n  // with no on-screen tool anchor — never a duplicate.\n  const unanchoredInterrupts =\n    group?.status === \"interrupted\"\n      ? activeInterrupts.filter(\n          (i) => !pendingToolAnchorExists(groups, i.toolCallId),\n        )\n      : [];\n\n  const childEntries = directChildren(groups, activeDrill);\n  // Interleave delegated children at their delegating tool-call position so a\n  // sub-agent's card sits where it was delegated (before the parent's summary\n  // text) rather than in a trailing block. Children with no tool-call anchor\n  // (swarm/graph members) still render in the Sub-agents section below.\n  const { byToolCall: childByToolCall, leftover: leftoverChildren } =\n    partitionChildrenByToolCall(childEntries, timeline);\n  const renderToolCard = (toolUseId: string) => {\n    const entry = childByToolCall.get(toolUseId);\n    if (!entry) return null;\n    return <AgentCard groupId={entry[0]} group={entry[1]} />;\n  };\n\n  return (\n    <div ref={bodyRef} className=\"kaboo-drill-detail\">\n      <div className=\"kaboo-drill-detail-inner\">\n        {group?.task && (\n          <div className=\"kaboo-agent-card-task kaboo-drill-task\">\n            <strong>Task:</strong> {group.task}\n          </div>\n        )}\n\n        {group && timeline.length > 0 && (\n          <div className=\"kaboo-drill-timeline\">\n            <Timeline\n              timeline={timeline}\n              active={group.status === \"active\"}\n              variant=\"drill\"\n              renderToolCard={renderToolCard}\n            />\n          </div>\n        )}\n\n        {unanchoredInterrupts.length > 0 && (\n          <div className=\"kaboo-drill-interrupt\">\n            {unanchoredInterrupts.map((it) => (\n              <InterruptRenderer\n                key={it.id}\n                reason={it.reason}\n                toolCallId={it.toolCallId}\n                onResolve={it.onResolve}\n                onCancel={it.onCancel}\n              />\n            ))}\n          </div>\n        )}\n\n        {leftoverChildren.length > 0 && (\n          <div className=\"kaboo-drill-children\">\n            <div className=\"kaboo-drill-section-label\">Sub-agents</div>\n            {leftoverChildren.map(([id, childGroup]) => (\n              <AgentCard key={id} groupId={id} group={childGroup} />\n            ))}\n          </div>\n        )}\n\n        {group && timeline.length === 0 && childEntries.length === 0 && (\n          <div className=\"kaboo-agent-card-empty\">\n            Working...\n          </div>\n        )}\n\n        {!group && (\n          <div className=\"kaboo-agent-card-empty\">\n            No activity data for this group.\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["jsx","jsx","jsxs","jsx","jsxs"]}