@particle-academy/agent-integrations 0.2.4

package/dist/index.js

@@ -0,0 +1,567 @@
+import { attachInProcess } from './chunk-6LTKCNLF.js';
+export { InProcessTransport, RelayTransport, attachInProcess, attachRelay } from './chunk-6LTKCNLF.js';
+import { registerWhiteboardBridge } from './chunk-5ZUHNNLR.js';
+export { registerWhiteboardBridge } from './chunk-5ZUHNNLR.js';
+export { registerFlowBridge } from './chunk-2VOQJKSU.js';
+import { MicroMcpServer } from './chunk-QGCF7YKW.js';
+export { MCP_PROTOCOL_VERSION, MicroMcpServer, errorResult, rpcError, textResult } from './chunk-QGCF7YKW.js';
+import { buildShareUrl, buildShareConfig, createSessionDescriptor, attachSseRelay } from './chunk-FLEOQUKF.js';
+export { SseRelayTransport, attachSseRelay, buildShareConfig, buildShareUrl, createSessionDescriptor, describeSession, readSessionFromUrl } from './chunk-FLEOQUKF.js';
+import { useRef, useEffect, useState, useCallback, useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Board, Connector, Shape, StickyNote, CursorLayer } from '@particle-academy/fancy-whiteboard';
+
+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 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, ShareControls, SharedWhiteboard };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map