@omercnet/paseo-shared-browser 1.1.0-next.198.1 → 1.1.0-next.204.1

package/README.md

@@ -93,15 +93,19 @@ Before upgrading the plugin on Windows, close active Shared Browser sessions and
 daemon; Windows does not allow the installer to replace runtime executables that are still running.
 
 Open a workspace, search the Command Center for **Open Shared Browser**, or tap the **Shared
-Browser** composer pill while a workspace session is open.
+Browser** composer pill while a workspace session is open. On Paseo 0.11 or newer, a **Shared
+Browser (n)** row in the sidebar footer appears while browser sessions are open; it lists them and
+jumps to the chosen workspace's browser panel.
 
 ## Agent MCP access
 
 The plugin automatically injects its stdio MCP adapter only when a new, non-internal agent is
 created with a provider that accepts external MCP servers. Agents that already exist, resumed
-sessions, imported sessions, and Paseo's internal agents are not modified. Paseo's OMP provider
-uses native host-tool injection and rejects external MCP servers, so OMP agents are left unchanged.
-Pi agents continue to receive the adapter, but they require Pi's optional MCP support to launch it.
+sessions, imported sessions, and Paseo's internal agents are not modified. Paseo's built-in OMP
+provider accepts session MCP servers from Paseo 0.11, so new OMP agents receive the adapter there.
+On Paseo 0.9 and 0.10 the built-in OMP adapter rejects external MCP servers, so OMP agents are left
+unchanged. Pi agents continue to receive the adapter, but they require Pi's optional MCP support to
+launch it.
 
 The injected MCP server exposes exactly these tools: `shared_browser_status`,
 `shared_browser_capture`, `shared_browser_acquire_control`, `shared_browser_release_control`,

package/client/sidebar.tsx

@@ -0,0 +1,134 @@
+import {
+  type PluginClientContext,
+  type PluginPopoverProps,
+  type PluginSidebarItemProps,
+  useRpc,
+  useWorkspace,
+} from "@getpaseo/plugin/client";
+import { SidebarRow } from "@getpaseo/plugin/client/ui";
+import { useQuery } from "@tanstack/react-query";
+import { useMemo } from "react";
+import { Pressable, StyleSheet, Text, View } from "react-native";
+import { listOpenBrowserWorkspacesRpc } from "../shared/browser";
+
+const PANEL_ID = "shared-browser";
+const PRESENCE_POLL_MS = 5_000;
+const TOUCH_TARGET = 44;
+const ROW_HEIGHT = 36;
+const RADIUS = 8;
+
+function useOpenBrowserWorkspaceIds(): readonly string[] {
+  const listOpen = useRpc(listOpenBrowserWorkspacesRpc);
+  const query = useQuery({
+    queryKey: ["shared-browser", "presence"],
+    queryFn: async () => (await listOpen({})).workspaceIds,
+    refetchInterval: PRESENCE_POLL_MS,
+    retry: false,
+  });
+  return query.data ?? [];
+}
+
+function SessionRow({
+  workspaceId,
+  theme,
+  compact,
+  onPress,
+}: {
+  workspaceId: string;
+  theme: PluginPopoverProps["theme"];
+  compact: boolean;
+  onPress(): void;
+}) {
+  const name = useWorkspace(workspaceId, (workspace) => workspace.title ?? workspace.name);
+  const styles = useMemo(
+    () =>
+      StyleSheet.create({
+        row: {
+          minHeight: compact ? TOUCH_TARGET : ROW_HEIGHT,
+          justifyContent: "center",
+          paddingHorizontal: 12,
+          borderRadius: RADIUS,
+        },
+        label: { color: theme.colors.foreground, fontSize: 14 },
+      }),
+    [theme, compact],
+  );
+  // A workspace this client has not loaded cannot host the panel; openPanel would throw.
+  if (name === null) return null;
+  return (
+    <Pressable
+      accessibilityRole="button"
+      accessibilityLabel={`Open Shared Browser for ${name}`}
+      onPress={onPress}
+      style={({ pressed }) => [
+        styles.row,
+        pressed ? { backgroundColor: theme.colors.surface1 } : null,
+      ]}
+    >
+      <Text numberOfLines={1} style={styles.label}>
+        {name}
+      </Text>
+    </Pressable>
+  );
+}
+
+function createSessionsPopover(client: PluginClientContext) {
+  return function SessionsPopover({ theme, layout, close }: PluginPopoverProps) {
+    const workspaceIds = useOpenBrowserWorkspaceIds();
+    const styles = useMemo(
+      () =>
+        StyleSheet.create({
+          container: { padding: layout.compact ? 16 : 8, gap: 4, minWidth: 220 },
+          title: {
+            color: theme.colors.foregroundMuted,
+            fontSize: 12,
+            paddingHorizontal: 12,
+            paddingBottom: 4,
+          },
+        }),
+      [theme, layout.compact],
+    );
+    return (
+      <View style={styles.container}>
+        <Text style={styles.title}>Open browser sessions</Text>
+        {workspaceIds.map((workspaceId) => (
+          <SessionRow
+            key={workspaceId}
+            workspaceId={workspaceId}
+            theme={theme}
+            compact={layout.compact}
+            onPress={() => {
+              close();
+              client.openPanel(PANEL_ID, { workspaceId });
+            }}
+          />
+        ))}
+      </View>
+    );
+  };
+}
+
+function createSidebarItem(client: PluginClientContext) {
+  const SessionsPopover = createSessionsPopover(client);
+  return function SharedBrowserSidebarItem({ openPopover }: PluginSidebarItemProps) {
+    const count = useOpenBrowserWorkspaceIds().length;
+    if (count === 0) return null;
+    return (
+      <SidebarRow
+        icon="PanelsTopLeft"
+        label={`Shared Browser (${count})`}
+        onPress={() => openPopover(SessionsPopover)}
+      />
+    );
+  };
+}
+
+/** Sidebar footer row listing open sessions. Hosts before 0.11 lack the API and get no row. */
+export function contributeSharedBrowserSidebar(client: PluginClientContext): () => void {
+  if (typeof client.addSidebarFooterItem !== "function") return () => {};
+  return client.addSidebarFooterItem({
+    id: "shared-browser-sessions",
+    title: "Shared Browser",
+    Component: createSidebarItem(client),
+  });
+}

package/index.client.tsx

@@ -1,5 +1,6 @@
 import type { PluginClientContext } from "@getpaseo/plugin/client";
 import { contributeSharedBrowserClient, SharedBrowserPanel } from "./client/browser";
+import { contributeSharedBrowserSidebar } from "./client/sidebar";
 
 export default function contribute(client: PluginClientContext) {
   client.addWorkspacePanel({
@@ -31,5 +32,10 @@ export default function contribute(client: PluginClientContext) {
     },
   });
 
-  return contributeSharedBrowserClient(client);
+  const removeSidebar = contributeSharedBrowserSidebar(client);
+  const cleanup = contributeSharedBrowserClient(client);
+  return () => {
+    removeSidebar();
+    return cleanup();
+  };
 }

package/index.server.ts

@@ -77,8 +77,12 @@ export default function contribute(server: PluginServerContext) {
   server.handle(resizeBrowserRpc, handleResizeBrowser);
   server.handle(applyDevicePresetRpc, handleApplyDevicePreset);
   server.handle(sendBrowserInputRpc, handleSendBrowserInput);
+  // OMP accepts session MCP servers from Paseo 0.11.0-beta.1, the release that added
+  // registerUsageSource; 0.9/0.10 reject agent creation when an OMP config carries MCP servers.
+  const ompAcceptsMcp = typeof server.registerUsageSource === "function";
   server.before("agent.create", async ({ request }) => {
-    if (request.config.internal || request.config.provider === "omp") return request;
+    if (request.config.internal) return request;
+    if (request.config.provider === "omp" && !ompAcceptsMcp) return request;
     const ticket = randomBytes(32).toString("base64url");
     if (!(await issueTicketWithinDeadline(ticket))) return request;
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omercnet/paseo-shared-browser",
-  "version": "1.1.0-next.198.1",
+  "version": "1.1.0-next.204.1",
   "description": "One real Chromium session per Paseo workspace, shared live across every connected client.",
   "keywords": [
     "browser",
@@ -43,12 +43,12 @@
     "check:write": "biome check --write .",
     "typecheck": "tsc --noEmit",
     "prepare:runtime": "node scripts/prepare-runtime.mjs",
-    "test": "vitest run tests/contracts.test.ts tests/lease.test.ts tests/runtime-lifecycle.test.ts tests/agent-access.test.ts tests/composer-pills.test.ts",
-    "test:unit": "vitest run tests/contracts.test.ts tests/lease.test.ts tests/runtime-lifecycle.test.ts tests/agent-access.test.ts tests/composer-pills.test.ts",
+    "test": "vitest run tests/contracts.test.ts tests/lease.test.ts tests/runtime-lifecycle.test.ts tests/agent-access.test.ts tests/composer-pills.test.ts tests/sidebar.test.ts",
+    "test:unit": "vitest run tests/contracts.test.ts tests/lease.test.ts tests/runtime-lifecycle.test.ts tests/agent-access.test.ts tests/composer-pills.test.ts tests/sidebar.test.ts",
     "test:smoke": "vitest run tests/browser.smoke.test.ts --testTimeout=30000"
   },
   "dependencies": {
-    "@getpaseo/plugin": "0.10.1",
+    "@getpaseo/plugin": "0.11.0-beta.3",
     "@modelcontextprotocol/sdk": "1.30.0",
     "agent-browser": "0.37.1",
     "esbuild": "0.28.2",