@particle-academy/agent-integrations 0.4.0 → 0.6.0

package/dist/index.js

@@ -1,16 +1,14 @@
 export { registerSceneBridge } from './chunk-XRAJSOPS.js';
 export { registerScreensBridge } from './chunk-57ZDHD53.js';
-export { useSheetsActivityHighlights, useSheetsAdapter } from './chunk-E4AICMFZ.js';
-import { buildShareUrl, buildShareConfig, createSessionDescriptor, attachSseRelay } from './chunk-JMYPUAFH.js';
-export { SseRelayTransport, attachSseRelay, buildShareConfig, buildShareUrl, createSessionDescriptor, describeSession, readSessionFromUrl } from './chunk-JMYPUAFH.js';
+export { useSheetsActivityHighlights, useSheetsAdapter } from './chunk-5XELJIJR.js';
+export { AgentActivityHighlight, AgentCursor, AgentPanel, ShareControls } from './chunk-ZHAK2DQR.js';
+import './chunk-IJ6JX5VC.js';
+export { SseRelayTransport, attachSseRelay, buildShareConfig, buildShareUrl, createSessionDescriptor, describeSession, readSessionFromUrl } from './chunk-LVQXIUJH.js';
 export { useAgentActivity, useAgentActivityForScreen } from './chunk-X66JWQBB.js';
 export { useUndoStack } from './chunk-RGO42EQ6.js';
-import { attachInProcess } from './chunk-6LTKCNLF.js';
-export { InProcessTransport, RelayTransport, attachInProcess, attachRelay } from './chunk-6LTKCNLF.js';
-import { registerWhiteboardBridge } from './chunk-3KSZNGNW.js';
-export { registerWhiteboardBridge } from './chunk-3KSZNGNW.js';
+export { RelayTransport, attachRelay } from './chunk-G6N2TQVO.js';
+export { InProcessTransport, attachInProcess } from './chunk-AFUULW5E.js';
 export { clearStack as clearUndoStack, ensureUndoToolsRegistered, pushUndoEntry, readHistory as readUndoHistory, redoOne, registerUndoTools, resetAllUndoStacks, undoOne } from './chunk-GQ7XXK7G.js';
-export { registerFlowBridge } from './chunk-N3H4DXY5.js';
 import { registerFormBridge } from './chunk-4BL5M3U3.js';
 export { registerFormBridge } from './chunk-4BL5M3U3.js';
 export { registerSheetsBridge } from './chunk-IANI25IT.js';
@@ -19,175 +17,10 @@ export { registerChartsBridge } from './chunk-NTDZWGYB.js';
 export { wrapToolWithActivity } from './chunk-52S7XYZK.js';
 import { onActivity } from './chunk-JU2N4KK6.js';
 export { emitActivity, onActivity, readActivityHistory, resetActivityRegistry } from './chunk-JU2N4KK6.js';
-import { MicroMcpServer } from './chunk-4KAIV6OD.js';
 export { MCP_PROTOCOL_VERSION, MicroMcpServer, ToolRegistry, errorResult, rpcError, textResult } from './chunk-4KAIV6OD.js';
-import { useRef, useEffect, useState, useMemo, useCallback } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Board, Connector, Shape, StickyNote, CursorLayer } from '@particle-academy/fancy-whiteboard';
+import { useRef, useEffect, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
 
-function AgentPanel({ agent, activity, onSubmit, busy, actions, className, style }) {
-  const scrollRef = useRef(null);
-  const inputRef = useRef(null);
-  useEffect(() => {
-    const el = scrollRef.current;
-    if (!el) return;
-    el.scrollTop = el.scrollHeight;
-  }, [activity.length]);
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    const value = inputRef.current?.value.trim();
-    if (!value || !onSubmit) return;
-    onSubmit(value);
-    if (inputRef.current) inputRef.current.value = "";
-  };
-  const color = agent?.color ?? "#a855f7";
-  const name = agent?.name ?? "Agent";
-  return /* @__PURE__ */ jsxs("div", { className: ["fai-panel", className ?? ""].filter(Boolean).join(" "), style, children: [
-    /* @__PURE__ */ jsxs("header", { className: "fai-panel__header", children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "fai-panel__avatar",
-          style: { background: color },
-          "aria-hidden": true,
-          children: name.slice(0, 1)
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "fai-panel__title", children: [
-        /* @__PURE__ */ jsx("strong", { children: name }),
-        /* @__PURE__ */ jsx("span", { className: "fai-panel__subtitle", children: busy ? "Working\u2026" : `${activity.length} event${activity.length === 1 ? "" : "s"}` })
-      ] }),
-      actions && /* @__PURE__ */ jsx("div", { className: "fai-panel__actions", children: actions })
-    ] }),
-    /* @__PURE__ */ jsx("div", { ref: scrollRef, className: "fai-panel__stream", children: activity.length === 0 ? /* @__PURE__ */ jsx("p", { className: "fai-panel__empty", children: "No activity yet." }) : activity.map((a) => /* @__PURE__ */ jsx(ActivityRow, { item: a }, a.id)) }),
-    onSubmit && /* @__PURE__ */ jsxs("form", { className: "fai-panel__composer", onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          ref: inputRef,
-          className: "fai-panel__input",
-          placeholder: busy ? "Working\u2026" : "Ask the agent\u2026",
-          disabled: busy,
-          rows: 2,
-          onKeyDown: (e) => {
-            if (e.key === "Enter" && !e.shiftKey) {
-              e.preventDefault();
-              handleSubmit(e);
-            }
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx("button", { type: "submit", className: "fai-panel__send", disabled: busy, children: "Send" })
-    ] })
-  ] });
-}
-function ActivityRow({ item }) {
-  const time = formatTime(item.at);
-  return /* @__PURE__ */ jsxs("div", { className: `fai-row fai-row--${item.kind}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "fai-row__meta", children: [
-      /* @__PURE__ */ jsx("span", { className: "fai-row__source", children: item.source }),
-      /* @__PURE__ */ jsx("span", { className: "fai-row__time", children: time })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "fai-row__text", children: item.text }),
-    item.detail !== void 0 && /* @__PURE__ */ jsxs("details", { className: "fai-row__detail", children: [
-      /* @__PURE__ */ jsx("summary", { children: "details" }),
-      /* @__PURE__ */ jsx("pre", { children: safeJson(item.detail) })
-    ] })
-  ] });
-}
-function formatTime(at) {
-  const d = new Date(at);
-  const hh = d.getHours().toString().padStart(2, "0");
-  const mm = d.getMinutes().toString().padStart(2, "0");
-  const ss = d.getSeconds().toString().padStart(2, "0");
-  return `${hh}:${mm}:${ss}`;
-}
-function safeJson(v) {
-  try {
-    return JSON.stringify(v, null, 2);
-  } catch {
-    return String(v);
-  }
-}
-function AgentCursor({ x, y, name, color = "#a855f7", status, className, style }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: ["fai-cursor", className ?? ""].filter(Boolean).join(" "),
-      style: {
-        position: "absolute",
-        left: x,
-        top: y,
-        pointerEvents: "none",
-        transform: "translate(-2px, -2px)",
-        ...style
-      },
-      children: [
-        /* @__PURE__ */ jsx("svg", { width: "22", height: "22", viewBox: "0 0 22 22", "aria-hidden": true, children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M2 2 L2 17 L7 13 L10 19 L12 18 L9 12 L15 12 Z",
-            fill: color,
-            stroke: "white",
-            strokeWidth: "1.2"
-          }
-        ) }),
-        name && /* @__PURE__ */ jsxs(
-          "span",
-          {
-            className: "fai-cursor__tag",
-            style: { background: color },
-            children: [
-              name,
-              status ? /* @__PURE__ */ jsxs("em", { className: "fai-cursor__status", children: [
-                " \xB7 ",
-                status
-              ] }) : null
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-function AgentActivityHighlight({
-  x,
-  y,
-  width,
-  height,
-  pulseKey,
-  color = "#a855f7",
-  duration = 1200,
-  className,
-  style
-}) {
-  const [visible, setVisible] = useState(false);
-  useEffect(() => {
-    if (pulseKey === void 0) return;
-    setVisible(true);
-    const t = setTimeout(() => setVisible(false), duration);
-    return () => clearTimeout(t);
-  }, [pulseKey, duration]);
-  if (!visible) return null;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: ["fai-highlight", className ?? ""].filter(Boolean).join(" "),
-      style: {
-        position: "absolute",
-        left: x - 4,
-        top: y - 4,
-        width: width + 8,
-        height: height + 8,
-        borderRadius: 8,
-        boxShadow: `0 0 0 2px ${color}, 0 0 16px ${color}66`,
-        pointerEvents: "none",
-        animation: `fai-pulse ${duration}ms ease-out forwards`,
-        ...style
-      }
-    }
-  );
-}
 function BridgedForm({
   id,
   title,
@@ -280,394 +113,7 @@ function ScreensActivityBridge({ system, fadeMs = 1500 }) {
   }, [system, fadeMs]);
   return null;
 }
-function ShareControls({
-  session,
-  onStart,
-  onStop,
-  status,
-  shareBaseUrl,
-  className,
-  style
-}) {
-  const [tab, setTab] = useState("url");
-  if (!session) {
-    return /* @__PURE__ */ jsxs("div", { className: ["fai-share fai-share--idle", className ?? ""].filter(Boolean).join(" "), style, children: [
-      /* @__PURE__ */ jsx("button", { type: "button", className: "fai-share__start", onClick: onStart, children: "Start shared session" }),
-      /* @__PURE__ */ jsx("p", { className: "fai-share__hint", children: "Generates a session id + secret token. Share the URL with humans, or hand the JSON config to an MCP-capable agent." })
-    ] });
-  }
-  const url = buildShareUrl(session, shareBaseUrl);
-  const config = buildShareConfig(session);
-  const curl = buildCurlRecipe(session);
-  return /* @__PURE__ */ jsxs("div", { className: ["fai-share fai-share--active", className ?? ""].filter(Boolean).join(" "), style, children: [
-    /* @__PURE__ */ jsxs("div", { className: "fai-share__header", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("strong", { children: "Sharing" }),
-        /* @__PURE__ */ jsxs("span", { className: "fai-share__id", children: [
-          "session ",
-          /* @__PURE__ */ jsx("code", { children: session.id }),
-          " \xB7 token ",
-          /* @__PURE__ */ jsxs("code", { children: [
-            session.display,
-            "\u2026"
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "fai-share__header-actions", children: [
-        status && /* @__PURE__ */ jsx("span", { className: "fai-share__status", children: status }),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "fai-share__stop", onClick: onStop, children: "Stop" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "fai-share__tabs", role: "tablist", children: [
-      /* @__PURE__ */ jsx(TabButton, { tab: "url", active: tab, setTab, children: "URL" }),
-      /* @__PURE__ */ jsx(TabButton, { tab: "json", active: tab, setTab, children: "JSON" }),
-      /* @__PURE__ */ jsx(TabButton, { tab: "curl", active: tab, setTab, children: "cURL recipe" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "fai-share__panel", children: [
-      tab === "url" && /* @__PURE__ */ jsx(CopyBox, { label: "Open this URL in another tab to join the session", value: url }),
-      tab === "json" && /* @__PURE__ */ jsx(
-        CopyBox,
-        {
-          label: "Paste into Claude Desktop / Cline MCP server config",
-          value: JSON.stringify(config, null, 2)
-        }
-      ),
-      tab === "curl" && /* @__PURE__ */ jsx(
-        CopyBox,
-        {
-          label: "Connect from a terminal (verifies the relay is reachable)",
-          value: curl,
-          multiline: true
-        }
-      )
-    ] })
-  ] });
-}
-function TabButton({ tab, active, setTab, children }) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      role: "tab",
-      "aria-selected": tab === active,
-      className: `fai-share__tab${tab === active ? " is-active" : ""}`,
-      onClick: () => setTab(tab),
-      children
-    }
-  );
-}
-function CopyBox({ label, value, multiline }) {
-  const [copied, setCopied] = useState(false);
-  const copy = async () => {
-    try {
-      await navigator.clipboard.writeText(value);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 1200);
-    } catch {
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("div", { className: "fai-share__panel-label", children: label }),
-    /* @__PURE__ */ jsxs("div", { className: "fai-share__copy", children: [
-      /* @__PURE__ */ jsx("pre", { className: `fai-share__pre${multiline ? " is-multi" : ""}`, children: value }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "fai-share__copy-btn", onClick: copy, children: copied ? "Copied" : "Copy" })
-    ] })
-  ] });
-}
-function buildCurlRecipe(session) {
-  const base = typeof window !== "undefined" ? `${window.location.protocol}//${window.location.host}` : "http://localhost";
-  const inbox = `${base}/whiteboard-share/${session.id}/inbox?token=${session.token}`;
-  const events = `${base}/whiteboard-share/${session.id}/events?token=${session.token}`;
-  return [
-    `# 1) In one terminal, subscribe to server-pushed frames (SSE)`,
-    `curl -N "${events}"`,
-    ``,
-    `# 2) In another terminal, send an initialize handshake`,
-    `curl -X POST "${inbox}" \\`,
-    `  -H 'content-type: application/json' \\`,
-    `  -d '{"jsonrpc":"2.0","id":1,"method":"initialize","params":{}}'`,
-    ``,
-    `# 3) List the tools the bridge exposes`,
-    `curl -X POST "${inbox}" \\`,
-    `  -H 'content-type: application/json' \\`,
-    `  -d '{"jsonrpc":"2.0","id":2,"method":"tools/list"}'`,
-    ``,
-    `# 4) Add a sticky note`,
-    `curl -X POST "${inbox}" \\`,
-    `  -H 'content-type: application/json' \\`,
-    `  -d '{"jsonrpc":"2.0","id":3,"method":"tools/call","params":{"name":"whiteboard_add_sticky","arguments":{"x":300,"y":300,"text":"hello from curl"}}}'`
-  ].join("\n");
-}
-var DEFAULT_AGENT = { id: "agent", name: "Agent", color: "#a855f7" };
-function SharedWhiteboard({
-  initialNotes = [],
-  initialShapes = [],
-  initialConnectors = [],
-  initialStrokes = [],
-  initialViewport = { x: 0, y: 0, zoom: 1 },
-  agent = DEFAULT_AGENT,
-  shareBaseUrl = "/whiteboard-share",
-  onRegisterSession,
-  showAgentPanel = true,
-  showShareControls = true,
-  broadcastEdits = true,
-  height = 640,
-  header,
-  className,
-  style
-}) {
-  const [notes, setNotes] = useState(initialNotes);
-  const [shapes, setShapes] = useState(initialShapes);
-  const [connectors, setConnectors] = useState(initialConnectors);
-  const [strokes, setStrokes] = useState(initialStrokes);
-  const [viewport, setViewport] = useState(initialViewport);
-  const [agentCursor, setAgentCursor] = useState(null);
-  const [activity, setActivity] = useState([]);
-  const [highlight, setHighlight] = useState(null);
-  const stateRefs = useRef({ notes, shapes, connectors, strokes, viewport });
-  useEffect(() => {
-    stateRefs.current = { notes, shapes, connectors, strokes, viewport };
-  }, [notes, shapes, connectors, strokes, viewport]);
-  const serverRef = useRef(null);
-  const inProcRef = useRef(null);
-  const bridgeRef = useRef(null);
-  useEffect(() => {
-    const server = new MicroMcpServer({
-      info: { name: "shared-whiteboard", version: "0.2.0" },
-      instructions: "Collaborative whiteboard. Use whiteboard_* tools to read or modify the board."
-    });
-    bridgeRef.current = registerWhiteboardBridge(server, {
-      adapter: {
-        getNotes: () => stateRefs.current.notes,
-        setNotes: (next) => setNotes(typeof next === "function" ? next : () => next),
-        getShapes: () => stateRefs.current.shapes,
-        setShapes: (next) => setShapes(typeof next === "function" ? next : () => next),
-        getConnectors: () => stateRefs.current.connectors,
-        setConnectors: (next) => setConnectors(typeof next === "function" ? next : () => next),
-        getStrokes: () => stateRefs.current.strokes,
-        setStrokes: (next) => setStrokes(typeof next === "function" ? next : () => next),
-        getViewport: () => stateRefs.current.viewport,
-        setViewport,
-        setAgentCursor
-      },
-      agent
-    });
-    inProcRef.current = attachInProcess(server);
-    serverRef.current = server;
-    const off = inProcRef.current.onServerMessage((msg) => {
-      if (msg?.id !== void 0 && "result" in msg && msg.result?.structuredContent?.id) {
-        const id = msg.result.structuredContent.id;
-        requestAnimationFrame(() => pulseFor(id));
-      }
-    });
-    return () => {
-      off();
-      bridgeRef.current?.dispose();
-      bridgeRef.current = null;
-      if (inProcRef.current) server.detach(inProcRef.current);
-    };
-  }, []);
-  const pulseFor = (id) => {
-    const n = stateRefs.current.notes.find((x) => x.id === id);
-    if (n) return setHighlight({ pulseKey: Date.now(), bounds: { x: n.x, y: n.y, width: n.width, height: n.height } });
-    const s = stateRefs.current.shapes.find((x) => x.id === id);
-    if (s) return setHighlight({ pulseKey: Date.now(), bounds: { x: s.x, y: s.y, width: s.width, height: s.height } });
-  };
-  const log = useCallback((entry) => {
-    setActivity((all) => [...all.slice(-200), { id: `a_${Date.now()}_${all.length}`, at: Date.now(), ...entry }]);
-  }, []);
-  const [session, setSession] = useState(null);
-  const [relayState, setRelayState] = useState("idle");
-  const sseRef = useRef(null);
-  const logEsRef = useRef(null);
-  const startShare = async () => {
-    if (session || !serverRef.current || !shareBaseUrl) return;
-    const desc = createSessionDescriptor();
-    try {
-      if (onRegisterSession) {
-        await onRegisterSession(desc);
-      } else {
-        const csrf = document.querySelector('meta[name="csrf-token"]')?.content ?? "";
-        const reg = await fetch(`${shareBaseUrl}/register`, {
-          method: "POST",
-          headers: { "content-type": "application/json", "x-csrf-token": csrf, accept: "application/json" },
-          body: JSON.stringify({ session: desc.id, token: desc.token })
-        });
-        if (!reg.ok) throw new Error(`registration failed (HTTP ${reg.status})`);
-      }
-    } catch (e) {
-      log({ kind: "error", source: "share", text: e instanceof Error ? e.message : String(e) });
-      return;
-    }
-    const relay = attachSseRelay(serverRef.current, {
-      baseUrl: shareBaseUrl,
-      sessionId: desc.id,
-      token: desc.token
-    });
-    sseRef.current = relay;
-    relay.onStateChange(setRelayState);
-    const es = new EventSource(`${shareBaseUrl}/${desc.id}/events?token=${desc.token}&direction=inbound`);
-    es.addEventListener("mcp", (ev) => {
-      try {
-        const frame = JSON.parse(ev.data);
-        if (frame.method === "notifications/peer_joined") {
-          setAgentCursor((c) => c ?? { userId: agent.id, name: agent.name, color: agent.color, x: 60, y: 60 });
-          log({ kind: "info", source: "presence", text: `${agent.name ?? "Agent"} connected` });
-          return;
-        }
-        if (frame.method === "notifications/peer_left") {
-          setAgentCursor(null);
-          log({ kind: "info", source: "presence", text: `${agent.name ?? "Agent"} disconnected` });
-          return;
-        }
-        if (frame.method === "notifications/agent_message") {
-          log({ kind: "message", source: agent.name ?? "Agent", text: String(frame.params?.text ?? "") });
-        } else if (frame.method === "notifications/agent_status") {
-          log({ kind: "info", source: agent.name ?? "Agent", text: String(frame.params?.text ?? "") });
-        } else if (frame.method?.startsWith("notifications/")) {
-        } else {
-          log({ kind: "tool", source: "remote", text: `\u2190 ${frame.method ?? `id:${frame.id}`}`, detail: frame });
-        }
-      } catch {
-      }
-    });
-    logEsRef.current = es;
-    setSession(desc);
-    log({ kind: "info", source: "share", text: `Sharing started \xB7 session ${desc.id}` });
-  };
-  const stopShare = async () => {
-    if (!session) return;
-    const desc = session;
-    setSession(null);
-    logEsRef.current?.close();
-    logEsRef.current = null;
-    if (sseRef.current && serverRef.current) serverRef.current.detach(sseRef.current);
-    sseRef.current = null;
-    setRelayState("closed");
-    if (shareBaseUrl) {
-      const csrf = document.querySelector('meta[name="csrf-token"]')?.content ?? "";
-      await fetch(`${shareBaseUrl}/${desc.id}/unregister?token=${encodeURIComponent(desc.token)}`, {
-        method: "POST",
-        headers: { "x-csrf-token": csrf, accept: "application/json" }
-      }).catch(() => {
-      });
-    }
-    log({ kind: "info", source: "share", text: "Sharing stopped." });
-  };
-  const lastBroadcastRef = useRef(0);
-  useEffect(() => {
-    if (!broadcastEdits || !sseRef.current || !session) return;
-    const now = Date.now();
-    if (now - lastBroadcastRef.current < 80) return;
-    lastBroadcastRef.current = now;
-    sseRef.current.send({
-      jsonrpc: "2.0",
-      method: "notifications/state_update",
-      params: { notes, shapes, connectors, viewport, ts: now }
-    });
-  }, [notes, shapes, connectors, viewport, session, broadcastEdits]);
-  const handleSubmit = (text) => {
-    if (!sseRef.current) {
-      log({ kind: "error", source: "you", text: "Start a shared session first." });
-      return;
-    }
-    sseRef.current.send({
-      jsonrpc: "2.0",
-      method: "notifications/user_message",
-      params: { text, ts: Date.now() }
-    });
-    log({ kind: "message", source: "You", text });
-  };
-  const cursors = useMemo(() => [], []);
-  const statusText = (() => {
-    switch (relayState) {
-      case "open":
-        return "live";
-      case "connecting":
-        return "connecting\u2026";
-      case "error":
-        return "error";
-      case "closed":
-        return "closed";
-      default:
-        return void 0;
-    }
-  })();
-  return /* @__PURE__ */ jsxs("div", { className: ["fai-shared-whiteboard", className ?? ""].filter(Boolean).join(" "), style, children: [
-    header,
-    showShareControls && shareBaseUrl !== null && /* @__PURE__ */ jsx("div", { className: "fai-shared-whiteboard__controls", children: /* @__PURE__ */ jsx(ShareControls, { session, onStart: startShare, onStop: stopShare, status: statusText }) }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "fai-shared-whiteboard__layout",
-        style: {
-          display: "grid",
-          gap: 16,
-          gridTemplateColumns: showAgentPanel ? "1fr 360px" : "1fr"
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "fai-shared-whiteboard__board",
-              style: {
-                position: "relative",
-                overflow: "hidden",
-                borderRadius: 12,
-                border: "1px solid #e4e4e7",
-                background: "radial-gradient(circle at 1px 1px, rgba(0,0,0,0.07) 1px, transparent 0)",
-                backgroundSize: "20px 20px",
-                height
-              },
-              children: /* @__PURE__ */ jsxs(Board, { viewport, onViewportChange: setViewport, style: { width: "100%", height: "100%" }, children: [
-                connectors.map((c) => {
-                  const a = resolveCenter(c.from, notes, shapes);
-                  const b = resolveCenter(c.to, notes, shapes);
-                  if (!a || !b) return null;
-                  return /* @__PURE__ */ jsx(Connector, { from: a, to: b, color: c.color ?? "#64748b" }, c.id);
-                }),
-                shapes.map((s) => /* @__PURE__ */ jsx(Shape, { item: s, onChange: (next) => setShapes((all) => all.map((x) => x.id === next.id ? next : x)) }, s.id)),
-                notes.map((n) => /* @__PURE__ */ jsx(StickyNote, { item: n, onChange: (next) => setNotes((all) => all.map((x) => x.id === next.id ? next : x)) }, n.id)),
-                /* @__PURE__ */ jsx(CursorLayer, { cursors }),
-                agentCursor && /* @__PURE__ */ jsx(AgentCursor, { x: agentCursor.x, y: agentCursor.y, name: agentCursor.name, color: agentCursor.color }),
-                highlight && /* @__PURE__ */ jsx(
-                  AgentActivityHighlight,
-                  {
-                    x: highlight.bounds.x,
-                    y: highlight.bounds.y,
-                    width: highlight.bounds.width,
-                    height: highlight.bounds.height,
-                    color: agent.color ?? "#a855f7",
-                    pulseKey: highlight.pulseKey
-                  }
-                )
-              ] })
-            }
-          ),
-          showAgentPanel && /* @__PURE__ */ jsx("div", { style: { height }, children: /* @__PURE__ */ jsx(
-            AgentPanel,
-            {
-              agent,
-              activity,
-              onSubmit: handleSubmit
-            }
-          ) })
-        ]
-      }
-    )
-  ] });
-}
-function resolveCenter(ref, notes, shapes) {
-  if (typeof ref === "string") {
-    const n = notes.find((x) => x.id === ref);
-    if (n) return { x: n.x + n.width / 2, y: n.y + n.height / 2 };
-    const s = shapes.find((x) => x.id === ref);
-    if (s) return { x: s.x + s.width / 2, y: s.y + s.height / 2 };
-    return null;
-  }
-  return ref;
-}
 
-export { AgentActivityHighlight, AgentCursor, AgentPanel, BridgedForm, ScreensActivityBridge, ShareControls, SharedWhiteboard };
+export { BridgedForm, ScreensActivityBridge };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map