@particle-academy/agent-integrations 0.13.0 → 0.14.0

package/dist/index.cjs

@@ -2216,6 +2216,459 @@ function registerTerminalBridge(host, options) {
     pending: () => [...staged.values()]
   };
 }
+
+// src/bridges/navigation.ts
+var DEFAULT_AGENT9 = { id: "agent", name: "Agent", color: "#a855f7" };
+function registerNavigationBridge(host, options) {
+  const { adapter } = options;
+  const agent = { ...DEFAULT_AGENT9, ...options.agent ?? {} };
+  const pendingMode = options.pendingMode ?? true;
+  const disposers = [];
+  ensureUndoToolsRegistered(host, { defaultAgentId: agent.id });
+  const target = (label, elementId) => ({
+    kind: "navigation",
+    screenId: adapter.screenId,
+    elementId,
+    label
+  });
+  const reg = (name, description, properties, required, handler, activity) => {
+    const wrapped = async (args) => {
+      try {
+        return await handler(args);
+      } catch (e) {
+        return errorResult(e instanceof Error ? e.message : String(e));
+      }
+    };
+    const final = activity ? wrapToolWithActivity(wrapped, {
+      toolName: name,
+      agent: { id: agent.id, name: agent.name, color: agent.color },
+      kind: "navigation",
+      screenId: adapter.screenId,
+      resolveTarget: ({ args }) => activity(args)
+    }) : wrapped;
+    disposers.push(
+      host.registerTool(
+        {
+          name,
+          description,
+          inputSchema: { type: "object", properties, required, additionalProperties: false }
+        },
+        final
+      )
+    );
+  };
+  reg(
+    "page_describe",
+    "Describe the current page: its URL, title, and the interactive elements you can act on (each with a stable `handle`, role, and label). Call this first, and again after navigating.",
+    {},
+    [],
+    () => {
+      const snap = adapter.describe();
+      const text = [
+        `URL: ${snap.url}`,
+        `Title: ${snap.title}`,
+        "",
+        ...snap.actions.map((a) => `[${a.handle}] ${a.role}: ${a.label}${a.destructive ? " (destructive)" : ""}`)
+      ].join("\n");
+      return textResult(text, snap);
+    },
+    false
+  );
+  reg(
+    "page_read",
+    "Read the page's visible text / heading outline for grounding.",
+    {},
+    [],
+    () => textResult(adapter.read ? adapter.read() : "(host did not provide page text)"),
+    false
+  );
+  reg(
+    "nav_visit",
+    "Navigate to a URL (same-site path or absolute). The human watches the page change.",
+    { url: { type: "string", description: "Path like /packages or an absolute URL." } },
+    ["url"],
+    async (args) => {
+      const url = String(args.url ?? "");
+      if (!url) return errorResult("url is required");
+      const from = adapter.getLocation().url;
+      await adapter.visit(url);
+      fancyAutoCommon.pushUndoEntry(agent.id, {
+        timestamp: Date.now(),
+        bridgeId: "navigation",
+        action: "nav_visit",
+        label: `Navigate to ${url}`,
+        undo: () => {
+          adapter.visit(from);
+        },
+        redo: () => {
+          adapter.visit(url);
+        }
+      });
+      return textResult(`Navigated to ${url}`, { url });
+    },
+    (args) => target(`Navigate \u2192 ${String(args.url ?? "")}`)
+  );
+  reg(
+    "nav_back",
+    "Go back to the previous page.",
+    {},
+    [],
+    async () => {
+      if (!adapter.back) return errorResult("Host did not provide back navigation.");
+      await adapter.back();
+      return textResult("Went back");
+    },
+    () => target("Back")
+  );
+  reg(
+    "nav_forward",
+    "Go forward to the next page.",
+    {},
+    [],
+    async () => {
+      if (!adapter.forward) return errorResult("Host did not provide forward navigation.");
+      await adapter.forward();
+      return textResult("Went forward");
+    },
+    () => target("Forward")
+  );
+  reg(
+    "nav_scroll_to",
+    "Scroll the page to absolute coordinates, or to a specific element by its handle.",
+    {
+      handle: { type: "string", description: "Scroll this element into view." },
+      x: { type: "number" },
+      y: { type: "number" }
+    },
+    [],
+    (args) => {
+      adapter.scrollTo({
+        handle: typeof args.handle === "string" ? args.handle : void 0,
+        x: typeof args.x === "number" ? args.x : void 0,
+        y: typeof args.y === "number" ? args.y : void 0
+      });
+      return textResult("Scrolled");
+    },
+    () => target("Scroll")
+  );
+  reg(
+    "nav_scroll_by",
+    "Scroll the page by a vertical delta in pixels (negative scrolls up).",
+    { dy: { type: "number" } },
+    ["dy"],
+    (args) => {
+      adapter.scrollBy(Number(args.dy ?? 0));
+      return textResult(`Scrolled by ${Number(args.dy ?? 0)}px`);
+    },
+    () => target("Scroll")
+  );
+  reg(
+    "page_set_field",
+    "Set a form field's value by handle. The host updates the controlled input and the human sees it change.",
+    {
+      handle: { type: "string" },
+      value: { description: "Value to set; type matches the field." }
+    },
+    ["handle", "value"],
+    (args) => {
+      const handle = String(args.handle ?? "");
+      const res = adapter.setField(handle, args.value);
+      if (!res.ok) return errorResult(res.error ?? `Could not set ${handle}`);
+      return textResult(`${handle} \u2190 ${JSON.stringify(args.value)}`, { handle, value: args.value });
+    },
+    (args) => target(`Set ${String(args.handle ?? "")}`, String(args.handle ?? ""))
+  );
+  reg(
+    "page_click",
+    "Activate an element by handle (link, button, checkbox\u2026). Destructive elements are staged for the human to confirm.",
+    { handle: { type: "string" } },
+    ["handle"],
+    async (args) => {
+      const handle = String(args.handle ?? "");
+      const action = adapter.describe().actions.find((a) => a.handle === handle);
+      if (pendingMode && action?.destructive && adapter.confirm) {
+        const ok = await adapter.confirm({ action: "click", handle, label: action.label });
+        if (!ok) return errorResult("Declined by user");
+      }
+      const res = adapter.click(handle);
+      if (!res.ok) return errorResult(res.error ?? `Could not click ${handle}`);
+      return textResult(`Clicked ${handle}`, { handle });
+    },
+    (args) => target(`Click ${String(args.handle ?? "")}`, String(args.handle ?? ""))
+  );
+  reg(
+    "page_submit",
+    "Submit a form by handle. Always staged for the human to confirm when pendingMode is on.",
+    { handle: { type: "string" } },
+    ["handle"],
+    async (args) => {
+      const handle = String(args.handle ?? "");
+      if (pendingMode && adapter.confirm) {
+        const ok = await adapter.confirm({ action: "submit", handle, label: handle });
+        if (!ok) return errorResult("Declined by user");
+      }
+      const res = await adapter.submit(handle);
+      if (!res.ok) return errorResult(res.error ?? "Submit failed");
+      return textResult(`Submitted ${handle}`, { handle });
+    },
+    (args) => target(`Submit ${String(args.handle ?? "")}`, String(args.handle ?? ""))
+  );
+  return {
+    id: "navigation",
+    title: "Co-browsing",
+    dispose: () => {
+      for (const d of disposers) d();
+    }
+  };
+}
+
+// src/sharing/token.ts
+var TOKEN_BYTES = 24;
+function createSessionDescriptor() {
+  const id = randomId(8);
+  const token = randomToken();
+  return { id, token, display: token.slice(0, 8) };
+}
+function describeSession(id, token) {
+  return { id, token, display: token.slice(0, 8) };
+}
+function buildShareUrl(descriptor, baseUrl = typeof window !== "undefined" ? window.location.href.split("?")[0] : "") {
+  const u = new URL(baseUrl);
+  u.searchParams.set("session", descriptor.id);
+  u.searchParams.set("token", descriptor.token);
+  return u.toString();
+}
+function buildShareConfig(descriptor, transport = "broadcast-channel") {
+  return {
+    name: `whiteboard-${descriptor.id}`,
+    transport,
+    session: descriptor.id,
+    token: descriptor.token,
+    channel: `fai:share:${descriptor.id}`,
+    protocol_version: "2025-06-18"
+  };
+}
+function readSessionFromUrl() {
+  if (typeof window === "undefined") return null;
+  const params = new URL(window.location.href).searchParams;
+  const id = params.get("session");
+  const token = params.get("token");
+  if (!id || !token) return null;
+  return describeSession(id, token);
+}
+function randomToken() {
+  const bytes = new Uint8Array(TOKEN_BYTES);
+  crypto.getRandomValues(bytes);
+  return base64Url(bytes);
+}
+function randomId(len) {
+  const bytes = new Uint8Array(Math.ceil(len * 3 / 4));
+  crypto.getRandomValues(bytes);
+  return base64Url(bytes).slice(0, len);
+}
+function base64Url(bytes) {
+  let s = "";
+  for (const b of bytes) s += String.fromCharCode(b);
+  return btoa(s).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+}
+function constantTimeEqual(a, b) {
+  if (a.length !== b.length) return false;
+  let diff = 0;
+  for (let i = 0; i < a.length; i++) diff |= a.charCodeAt(i) ^ b.charCodeAt(i);
+  return diff === 0;
+}
+
+// src/sharing/sse-relay.ts
+var SseRelayTransport = class {
+  constructor(options) {
+    this.sendQueue = [];
+    this.connected = false;
+    this.listeners = /* @__PURE__ */ new Set();
+    this.state = "idle";
+    this.opts = options;
+    this.expectedToken = options.token;
+  }
+  bindServer(server) {
+    this.server = server;
+  }
+  /** Open the SSE channel. Idempotent. */
+  start() {
+    if (this.connected || typeof window === "undefined") return;
+    const url = `${this.opts.baseUrl}/${encodeURIComponent(this.opts.sessionId)}/events?token=${encodeURIComponent(this.opts.token)}`;
+    this.setState("connecting");
+    const es = new EventSource(url, { withCredentials: false });
+    this.es = es;
+    es.addEventListener("open", () => {
+      this.connected = true;
+      this.setState("open");
+      const queued = this.sendQueue.splice(0);
+      for (const msg of queued) this.postOut(msg);
+    });
+    es.addEventListener("mcp", (ev) => {
+      const raw = ev.data;
+      this.handleInbound(raw);
+    });
+    es.addEventListener("error", () => {
+      this.setState("error");
+    });
+  }
+  send(message) {
+    if (!this.connected) {
+      this.sendQueue.push(message);
+      return;
+    }
+    this.postOut(message);
+  }
+  close() {
+    this.es?.close();
+    this.es = void 0;
+    this.connected = false;
+    this.setState("closed");
+  }
+  onStateChange(listener) {
+    this.listeners.add(listener);
+    listener(this.state);
+    return () => this.listeners.delete(listener);
+  }
+  /**
+   * For relays that wrap each frame with auth metadata: hosts can call this
+   * directly when a frame arrives via a non-SSE path. The transport will
+   * dispatch it to the bound server.
+   */
+  async deliverFromRemote(payload, token) {
+    if (token !== void 0 && !constantTimeEqual(token, this.expectedToken)) return;
+    if (!this.server) throw new Error("SseRelayTransport has no bound server");
+    const message = typeof payload === "string" ? JSON.parse(payload) : payload;
+    await this.server.receive(this, message);
+  }
+  async postOut(message) {
+    const url = `${this.opts.baseUrl}/${encodeURIComponent(this.opts.sessionId)}/outbox?token=${encodeURIComponent(this.opts.token)}`;
+    const f = this.opts.fetch ?? fetch;
+    try {
+      await f(url, {
+        method: "POST",
+        headers: { "content-type": "application/json", "accept": "application/json" },
+        body: JSON.stringify(message)
+      });
+    } catch {
+    }
+  }
+  async handleInbound(raw) {
+    if (!this.server) return;
+    let message;
+    try {
+      message = JSON.parse(raw);
+    } catch {
+      return;
+    }
+    await this.server.receive(this, message);
+  }
+  setState(state) {
+    this.state = state;
+    for (const l of this.listeners) l(state);
+  }
+};
+function attachSseRelay(server, options) {
+  const transport = new SseRelayTransport(options);
+  transport.bindServer(server);
+  server.attach(transport);
+  transport.start();
+  Promise.resolve().then(() => (init_registry(), registry_exports)).then(({ onActivity: onActivity2 }) => {
+    const off = onActivity2((event) => {
+      transport.send({
+        jsonrpc: "2.0",
+        method: "notifications/agent_activity",
+        params: event
+      });
+    });
+    const origClose = transport.close.bind(transport);
+    transport.close = () => {
+      off();
+      origClose();
+    };
+  }).catch(() => {
+  });
+  return transport;
+}
+
+// src/sharing/use-co-browse-session.ts
+init_registry();
+var DEFAULT_AGENT10 = { id: "agent", name: "Agent", color: "#a855f7" };
+var USER = { id: "human", name: "You" };
+function useCoBrowseSession(options) {
+  const { adapter, extraBridges } = options;
+  const agent = { ...DEFAULT_AGENT10, ...options.agent ?? {} };
+  const relayBaseUrl = options.relayBaseUrl ?? "/whiteboard-share";
+  const serverRef = react.useRef(null);
+  const relayRef = react.useRef(null);
+  const detachInProc = react.useRef(null);
+  const disposeBridge = react.useRef(null);
+  const [session, setSession] = react.useState(null);
+  const [relayState, setRelayState] = react.useState("idle");
+  react.useEffect(() => {
+    const server = new MicroMcpServer({
+      info: options.info ?? { name: "fancy-co-browse", version: "0.1.0" },
+      instructions: options.info?.instructions ?? `Co-browse with a watching human. Call page_describe first; navigate, scroll, and (with confirm) fill/click via stable handles. You receive notifications/agent_activity for the human's actions (source:"user").`
+    });
+    const bridge = registerNavigationBridge(server, { adapter, agent, pendingMode: options.pendingMode });
+    extraBridges?.(server);
+    const inProc = attachInProcess(server);
+    detachInProc.current = () => inProc.close();
+    disposeBridge.current = bridge.dispose;
+    serverRef.current = server;
+    return () => {
+      relayRef.current?.close();
+      relayRef.current = null;
+      disposeBridge.current?.();
+      detachInProc.current?.();
+      serverRef.current = null;
+    };
+  }, []);
+  const startShare = react.useCallback(async () => {
+    const server = serverRef.current;
+    if (!server || relayRef.current) return;
+    const descriptor = createSessionDescriptor();
+    const csrf = options.csrfToken?.() ?? "";
+    await fetch(`${relayBaseUrl}/register`, {
+      method: "POST",
+      headers: { "content-type": "application/json", "x-csrf-token": csrf },
+      body: JSON.stringify({ session: descriptor.id, token: descriptor.token })
+    });
+    const relay = attachSseRelay(server, { baseUrl: relayBaseUrl, sessionId: descriptor.id, token: descriptor.token });
+    relay.onStateChange(setRelayState);
+    relayRef.current = relay;
+    setSession(descriptor);
+  }, [relayBaseUrl, options]);
+  const stopShare = react.useCallback(() => {
+    const current = session;
+    relayRef.current?.close();
+    relayRef.current = null;
+    setRelayState("idle");
+    setSession(null);
+    if (current) {
+      const csrf = options.csrfToken?.() ?? "";
+      void fetch(`${relayBaseUrl}/${current.id}/unregister`, {
+        method: "POST",
+        headers: { "content-type": "application/json", "x-csrf-token": csrf },
+        body: JSON.stringify({ token: current.token })
+      }).catch(() => {
+      });
+    }
+  }, [relayBaseUrl, options, session]);
+  const observeUser = react.useCallback((event) => {
+    const label = event.kind === "navigation" ? `You navigated to ${event.url}` : event.kind === "scroll" ? "You scrolled" : `You edited ${event.handle}${event.masked ? " (hidden)" : ""}`;
+    fancyAutoCommon.emitActivity({
+      agentId: USER.id,
+      agentName: USER.name,
+      source: "user",
+      target: { kind: "navigation", label },
+      action: `user_${event.kind}`,
+      timestamp: Date.now(),
+      meta: event
+    });
+  }, []);
+  return { server: serverRef.current, session, relayState, startShare, stopShare, observeUser };
+}
 function AgentPanel({ agent, activity, onSubmit, busy, actions, className, style }) {
   const scrollRef = react.useRef(null);
   const inputRef = react.useRef(null);
@@ -2474,62 +2927,6 @@ function ScreensActivityBridge({ system, fadeMs = 1500 }) {
   }, [system, fadeMs]);
   return null;
 }
-
-// src/sharing/token.ts
-var TOKEN_BYTES = 24;
-function createSessionDescriptor() {
-  const id = randomId(8);
-  const token = randomToken();
-  return { id, token, display: token.slice(0, 8) };
-}
-function describeSession(id, token) {
-  return { id, token, display: token.slice(0, 8) };
-}
-function buildShareUrl(descriptor, baseUrl = typeof window !== "undefined" ? window.location.href.split("?")[0] : "") {
-  const u = new URL(baseUrl);
-  u.searchParams.set("session", descriptor.id);
-  u.searchParams.set("token", descriptor.token);
-  return u.toString();
-}
-function buildShareConfig(descriptor, transport = "broadcast-channel") {
-  return {
-    name: `whiteboard-${descriptor.id}`,
-    transport,
-    session: descriptor.id,
-    token: descriptor.token,
-    channel: `fai:share:${descriptor.id}`,
-    protocol_version: "2025-06-18"
-  };
-}
-function readSessionFromUrl() {
-  if (typeof window === "undefined") return null;
-  const params = new URL(window.location.href).searchParams;
-  const id = params.get("session");
-  const token = params.get("token");
-  if (!id || !token) return null;
-  return describeSession(id, token);
-}
-function randomToken() {
-  const bytes = new Uint8Array(TOKEN_BYTES);
-  crypto.getRandomValues(bytes);
-  return base64Url(bytes);
-}
-function randomId(len) {
-  const bytes = new Uint8Array(Math.ceil(len * 3 / 4));
-  crypto.getRandomValues(bytes);
-  return base64Url(bytes).slice(0, len);
-}
-function base64Url(bytes) {
-  let s = "";
-  for (const b of bytes) s += String.fromCharCode(b);
-  return btoa(s).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
-}
-function constantTimeEqual(a, b) {
-  if (a.length !== b.length) return false;
-  let diff = 0;
-  for (let i = 0; i < a.length; i++) diff |= a.charCodeAt(i) ^ b.charCodeAt(i);
-  return diff === 0;
-}
 function ShareControls({
   session,
   onStart,
@@ -2649,9 +3046,6 @@ function buildCurlRecipe(session) {
   ].join("\n");
 }
 
-// src/presence/index.ts
-init_registry();
-
 // src/presence/use-agent-activity.ts
 init_registry();
 function useAgentActivity(filter, options = {}) {
@@ -2684,137 +3078,6 @@ function useAgentActivityForScreen(screenId, options = {}) {
   }, [latest, fadeAfter]);
   return { events, latest, isAgentActive };
 }
-function useUndoStack(agentId, intervalMs = 500) {
-  const [history, setHistory] = react.useState(() => fancyAutoCommon.readHistory(agentId));
-  react.useEffect(() => {
-    let cancelled = false;
-    const tick = () => {
-      if (cancelled) return;
-      setHistory(fancyAutoCommon.readHistory(agentId));
-    };
-    const id = setInterval(tick, intervalMs);
-    tick();
-    return () => {
-      cancelled = true;
-      clearInterval(id);
-    };
-  }, [agentId, intervalMs]);
-  const refresh = react.useCallback(() => setHistory(fancyAutoCommon.readHistory(agentId)), [agentId]);
-  return { history, refresh };
-}
-
-// src/sharing/sse-relay.ts
-var SseRelayTransport = class {
-  constructor(options) {
-    this.sendQueue = [];
-    this.connected = false;
-    this.listeners = /* @__PURE__ */ new Set();
-    this.state = "idle";
-    this.opts = options;
-    this.expectedToken = options.token;
-  }
-  bindServer(server) {
-    this.server = server;
-  }
-  /** Open the SSE channel. Idempotent. */
-  start() {
-    if (this.connected || typeof window === "undefined") return;
-    const url = `${this.opts.baseUrl}/${encodeURIComponent(this.opts.sessionId)}/events?token=${encodeURIComponent(this.opts.token)}`;
-    this.setState("connecting");
-    const es = new EventSource(url, { withCredentials: false });
-    this.es = es;
-    es.addEventListener("open", () => {
-      this.connected = true;
-      this.setState("open");
-      const queued = this.sendQueue.splice(0);
-      for (const msg of queued) this.postOut(msg);
-    });
-    es.addEventListener("mcp", (ev) => {
-      const raw = ev.data;
-      this.handleInbound(raw);
-    });
-    es.addEventListener("error", () => {
-      this.setState("error");
-    });
-  }
-  send(message) {
-    if (!this.connected) {
-      this.sendQueue.push(message);
-      return;
-    }
-    this.postOut(message);
-  }
-  close() {
-    this.es?.close();
-    this.es = void 0;
-    this.connected = false;
-    this.setState("closed");
-  }
-  onStateChange(listener) {
-    this.listeners.add(listener);
-    listener(this.state);
-    return () => this.listeners.delete(listener);
-  }
-  /**
-   * For relays that wrap each frame with auth metadata: hosts can call this
-   * directly when a frame arrives via a non-SSE path. The transport will
-   * dispatch it to the bound server.
-   */
-  async deliverFromRemote(payload, token) {
-    if (token !== void 0 && !constantTimeEqual(token, this.expectedToken)) return;
-    if (!this.server) throw new Error("SseRelayTransport has no bound server");
-    const message = typeof payload === "string" ? JSON.parse(payload) : payload;
-    await this.server.receive(this, message);
-  }
-  async postOut(message) {
-    const url = `${this.opts.baseUrl}/${encodeURIComponent(this.opts.sessionId)}/outbox?token=${encodeURIComponent(this.opts.token)}`;
-    const f = this.opts.fetch ?? fetch;
-    try {
-      await f(url, {
-        method: "POST",
-        headers: { "content-type": "application/json", "accept": "application/json" },
-        body: JSON.stringify(message)
-      });
-    } catch {
-    }
-  }
-  async handleInbound(raw) {
-    if (!this.server) return;
-    let message;
-    try {
-      message = JSON.parse(raw);
-    } catch {
-      return;
-    }
-    await this.server.receive(this, message);
-  }
-  setState(state) {
-    this.state = state;
-    for (const l of this.listeners) l(state);
-  }
-};
-function attachSseRelay(server, options) {
-  const transport = new SseRelayTransport(options);
-  transport.bindServer(server);
-  server.attach(transport);
-  transport.start();
-  Promise.resolve().then(() => (init_registry(), registry_exports)).then(({ onActivity: onActivity2 }) => {
-    const off = onActivity2((event) => {
-      transport.send({
-        jsonrpc: "2.0",
-        method: "notifications/agent_activity",
-        params: event
-      });
-    });
-    const origClose = transport.close.bind(transport);
-    transport.close = () => {
-      off();
-      origClose();
-    };
-  }).catch(() => {
-  });
-  return transport;
-}
 
 // src/connectors/targets.ts
 var CLAUDE_CONNECTORS_URL = "https://claude.ai/settings/connectors";
@@ -3092,6 +3355,55 @@ function ManualPopover({
     /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "fai-connect__copy-btn", onClick: onCopy, children: copied ? "Copied" : "Copy snippet" })
   ] });
 }
+function CoBrowsePresence({ session, connectUrl, shareBaseUrl, className }) {
+  const { events } = useAgentActivity(void 0, { capacity: 40 });
+  const lastAgentAction = [...events].reverse().find((e) => (e.source ?? "agent") !== "user");
+  const connected = session.relayState === "open";
+  if (!session.session) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, "data-co-browse-presence": "idle", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void session.startShare(), "data-co-browse-start": true, children: "Let an agent drive" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, "data-co-browse-presence": connected ? "connected" : "waiting", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-co-browse-bar": true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "data-co-browse-dot": true, "data-state": session.relayState }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "data-co-browse-status": true, children: connected ? "Agent is driving" : `Waiting for an agent\u2026 (${session.relayState})` }),
+      lastAgentAction && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-co-browse-last": true, children: lastAgentAction.target?.label ?? lastAgentAction.action }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: session.stopShare, "data-co-browse-stop": true, children: "Stop" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ShareControls,
+      {
+        session: session.session,
+        onStart: () => void session.startShare(),
+        onStop: session.stopShare,
+        status: session.relayState,
+        shareBaseUrl
+      }
+    ),
+    connectUrl && /* @__PURE__ */ jsxRuntime.jsx(ConnectorButtons, { serverName: "Fancy UI co-browse", mcpUrl: connectUrl })
+  ] });
+}
+CoBrowsePresence.displayName = "CoBrowsePresence";
+
+// src/presence/index.ts
+init_registry();
+function useUndoStack(agentId, intervalMs = 500) {
+  const [history, setHistory] = react.useState(() => fancyAutoCommon.readHistory(agentId));
+  react.useEffect(() => {
+    let cancelled = false;
+    const tick = () => {
+      if (cancelled) return;
+      setHistory(fancyAutoCommon.readHistory(agentId));
+    };
+    const id = setInterval(tick, intervalMs);
+    tick();
+    return () => {
+      cancelled = true;
+      clearInterval(id);
+    };
+  }, [agentId, intervalMs]);
+  const refresh = react.useCallback(() => setHistory(fancyAutoCommon.readHistory(agentId)), [agentId]);
+  return { history, refresh };
+}
 
 // src/connectors/mcpb.ts
 var MCPB_MANIFEST_VERSION = "0.2";
@@ -3200,6 +3512,7 @@ exports.CLAUDE_CONNECTORS_URL = CLAUDE_CONNECTORS_URL;
 exports.CONNECTOR_GLYPHS = CONNECTOR_GLYPHS;
 exports.CONNECTOR_TARGETS = CONNECTOR_TARGETS;
 exports.ClaudeMark = ClaudeMark;
+exports.CoBrowsePresence = CoBrowsePresence;
 exports.ConnectorButtons = ConnectorButtons;
 exports.CursorMark = CursorMark;
 exports.DEFAULT_MCPB_ENTRY_POINT = DEFAULT_MCPB_ENTRY_POINT;
@@ -3237,6 +3550,7 @@ exports.readSessionFromUrl = readSessionFromUrl;
 exports.registerChartsBridge = registerChartsBridge;
 exports.registerCodeBridge = registerCodeBridge;
 exports.registerFormBridge = registerFormBridge;
+exports.registerNavigationBridge = registerNavigationBridge;
 exports.registerSceneBridge = registerSceneBridge;
 exports.registerScreensBridge = registerScreensBridge;
 exports.registerSheetsBridge = registerSheetsBridge;
@@ -3248,6 +3562,7 @@ exports.slugifyServerName = slugifyServerName;
 exports.textResult = textResult;
 exports.useAgentActivity = useAgentActivity;
 exports.useAgentActivityForScreen = useAgentActivityForScreen;
+exports.useCoBrowseSession = useCoBrowseSession;
 exports.useSheetsActivityHighlights = useSheetsActivityHighlights;
 exports.useSheetsAdapter = useSheetsAdapter;
 exports.useUndoStack = useUndoStack;