@opentabs-dev/browser-extension 0.0.34

package/dist/types.d.ts

@@ -0,0 +1,82 @@
+import type { TrustTier, WireToolDef } from '@opentabs-dev/shared';
+/** Offscreen → Background: request the MCP server WebSocket URL */
+export interface OffscreenGetUrlMessage {
+    type: 'offscreen:getUrl';
+}
+/** Background → Offscreen: WebSocket connection state changed */
+export interface WsStateMessage {
+    type: 'ws:state';
+    connected: boolean;
+}
+/** Background/Offscreen: relay a JSON-RPC message from the MCP server */
+export interface WsDataMessage {
+    type: 'ws:message';
+    data: Record<string, unknown>;
+}
+/** Offscreen/Side panel → Background → Offscreen: send a JSON-RPC message to the MCP server */
+export interface WsSendMessage {
+    type: 'ws:send';
+    data: unknown;
+}
+/** Background → Offscreen: query WebSocket connection state */
+export interface WsGetStateMessage {
+    type: 'ws:getState';
+}
+/** Background → Offscreen: change the MCP server WebSocket URL */
+export interface WsSetUrlMessage {
+    type: 'ws:setUrl';
+    url: string;
+}
+/** Side panel → Background: send a JSON-RPC message to the MCP server */
+export interface BgSendMessage {
+    type: 'bg:send';
+    data: unknown;
+}
+/** Side panel → Background: query WebSocket connection state */
+export interface BgGetConnectionStateMessage {
+    type: 'bg:getConnectionState';
+}
+/** Background → Offscreen: request log entries from the offscreen LogCollector */
+export interface BgGetLogsMessage {
+    type: 'bg:getLogs';
+    options?: {
+        level?: 'log' | 'warn' | 'error' | 'info';
+        source?: 'background' | 'offscreen' | 'side-panel';
+        since?: number;
+        limit?: number;
+    };
+}
+/** Background → Offscreen: force WebSocket disconnect and immediate reconnect */
+export interface BgForceReconnectMessage {
+    type: 'bg:forceReconnect';
+}
+/** Background → Side panel: request current React state and rendered HTML */
+export interface SpGetStateMessage {
+    type: 'sp:getState';
+}
+/** Background → Side panel: WebSocket connection state update */
+export interface SpConnectionStateMessage {
+    type: 'sp:connectionState';
+    data: {
+        connected: boolean;
+    };
+}
+/** Background → Side panel: forwarded JSON-RPC message from the MCP server */
+export interface SpRelayMessage {
+    type: 'sp:serverMessage';
+    data: Record<string, unknown>;
+}
+/** All internal message types flowing through chrome.runtime.sendMessage */
+export type InternalMessage = OffscreenGetUrlMessage | WsStateMessage | WsDataMessage | WsSendMessage | WsGetStateMessage | WsSetUrlMessage | BgSendMessage | BgGetConnectionStateMessage | BgGetLogsMessage | BgForceReconnectMessage | SpGetStateMessage | SpConnectionStateMessage | SpRelayMessage;
+/** Lightweight plugin metadata stored in the `plugins_meta` index (no IIFE content) */
+export interface PluginMeta {
+    name: string;
+    version: string;
+    displayName: string;
+    urlPatterns: string[];
+    trustTier: TrustTier;
+    sourcePath?: string;
+    adapterHash?: string;
+    tools: WireToolDef[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAUnE,mEAAmE;AACnE,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,kBAAkB,CAAC;CAC1B;AAED,iEAAiE;AACjE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,yEAAyE;AACzE,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAED,+FAA+F;AAC/F,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;CACf;AAED,+DAA+D;AAC/D,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,aAAa,CAAC;CACrB;AAED,kEAAkE;AAClE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,yEAAyE;AACzE,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;CACf;AAED,gEAAgE;AAChE,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,uBAAuB,CAAC;CAC/B;AAED,kFAAkF;AAClF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;QAC1C,MAAM,CAAC,EAAE,YAAY,GAAG,WAAW,GAAG,YAAY,CAAC;QACnD,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,iFAAiF;AACjF,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,mBAAmB,CAAC;CAC3B;AAED,6EAA6E;AAC7E,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,aAAa,CAAC;CACrB;AAED,iEAAiE;AACjE,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,IAAI,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC;CAC9B;AAED,8EAA8E;AAC9E,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,kBAAkB,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAED,4EAA4E;AAC5E,MAAM,MAAM,eAAe,GACvB,sBAAsB,GACtB,cAAc,GACd,aAAa,GACb,aAAa,GACb,iBAAiB,GACjB,eAAe,GACf,aAAa,GACb,2BAA2B,GAC3B,gBAAgB,GAChB,uBAAuB,GACvB,iBAAiB,GACjB,wBAAwB,GACxB,cAAc,CAAC;AAEnB,uFAAuF;AACvF,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/icons/icon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
+  <path fill="#FFDB33" fill-rule="evenodd" d="
+    M 358.4 26 c 53.765 0 80.6476 0 101.1831 10.4634 a 96 96 0 0 1 41.9535 41.9535 c 10.4634 20.5355 10.4634 47.418 10.4634 101.1831 L 512 332.4 c 0 53.765 0 80.6476 -10.4634 101.1831 a 96 96 0 0 1 -41.9535 41.9535 c -20.5355 10.4634 -47.418 10.4634 -101.1831 10.4634 L 153.6 486 c -53.765 0 -80.6476 0 -101.1831 -10.4634 a 96 96 0 0 1 -41.9535 -41.9535 c -10.4634 -20.5355 -10.4634 -47.418 -10.4634 -101.1831 L 0 179.6 c 0 -53.765 0 -80.6476 10.4634 -101.1831 a 96 96 0 0 1 41.9535 -41.9535 c 20.5355 -10.4634 47.418 -10.4634 101.1831 -10.4634 Z
+    M 350.8 231 c 31.923 0 47.8845 0 60.0775 6.2126 a 57 57 0 0 1 24.9099 24.9099 c 6.2126 12.193 6.2126 28.1545 6.2126 60.0775 L 442 333.8 c 0 31.923 0 47.8845 -6.2126 60.0775 a 57 57 0 0 1 -24.9099 24.9099 c -12.193 6.2126 -28.1545 6.2126 -60.0775 6.2126 L 318.2 425 c -31.923 0 -47.8845 0 -60.0775 -6.2126 a 57 57 0 0 1 -24.9099 -24.9099 c -6.2126 -12.193 -6.2126 -28.1545 -6.2126 -60.0775 L 227 322.2 c 0 -31.923 0 -47.8845 6.2126 -60.0775 a 57 57 0 0 1 24.9099 -24.9099 c 12.193 -6.2126 28.1545 -6.2126 60.0775 -6.2126 Z
+  "/>
+</svg>

package/manifest.json

@@ -0,0 +1,38 @@
+{
+  "manifest_version": 3,
+  "name": "OpenTabs",
+  "version": "0.0.1",
+  "description": "Enable AI agents to interact with web applications through browser-authenticated sessions",
+  "icons": {
+    "16": "icons/icon-16.png",
+    "32": "icons/icon-32.png",
+    "48": "icons/icon-48.png",
+    "128": "icons/icon-128.png"
+  },
+  "action": {
+    "default_icon": {
+      "16": "icons/icon-16.png",
+      "32": "icons/icon-32.png",
+      "48": "icons/icon-48.png"
+    }
+  },
+  "background": {
+    "service_worker": "dist/background.js",
+    "type": "module"
+  },
+  "side_panel": {
+    "default_path": "side-panel/side-panel.html"
+  },
+  "permissions": [
+    "offscreen",
+    "storage",
+    "alarms",
+    "tabs",
+    "scripting",
+    "sidePanel",
+    "cookies",
+    "debugger",
+    "notifications"
+  ],
+  "host_permissions": ["<all_urls>"]
+}

package/offscreen/offscreen.html

@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>OpenTabs Offscreen</title>
+  </head>
+  <body>
+    <script type="module" src="../dist/offscreen/index.js"></script>
+  </body>
+</html>

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@opentabs-dev/browser-extension",
+  "version": "0.0.34",
+  "type": "module",
+  "files": [
+    "manifest.json",
+    "dist/",
+    "side-panel/",
+    "offscreen/",
+    "icons/"
+  ],
+  "exports": {
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "tsc --build",
+    "build:bundle": "bun run build-extension.ts",
+    "build:side-panel": "bun run build-side-panel.ts && bun run build:tailwind",
+    "build:tailwind": "npx @tailwindcss/cli -i src/side-panel/styles.css -o dist/side-panel/styles.css --minify",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build -o storybook-static"
+  },
+  "dependencies": {
+    "@opentabs-dev/shared": "0.0.34",
+    "@radix-ui/react-accordion": "^1.2.1",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.2",
+    "@radix-ui/react-switch": "^1.1.3",
+    "@radix-ui/react-tooltip": "^1.2.3",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^2.5.3",
+    "tw-animate-css": "^1.3.7"
+  },
+  "devDependencies": {
+    "@storybook/react": "^10.2.10",
+    "@storybook/react-vite": "^10.2.10",
+    "@tailwindcss/vite": "^4.2.0",
+    "@types/chrome": "^0.1.36",
+    "@vitejs/plugin-react": "^5.1.4",
+    "esbuild": "^0.24.0",
+    "lucide-react": "^0.574.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "storybook": "^10.2.10",
+    "vite": "^7.3.1"
+  }
+}

package/side-panel/dark-mode.js

@@ -0,0 +1,29 @@
+// Apply dark/light theme before first paint to avoid flash.
+// Reads the persisted choice from chrome.storage.local; falls back to
+// the system preference when no stored value exists.
+(function () {
+  var mq = window.matchMedia('(prefers-color-scheme:dark)');
+  function apply(dark) {
+    document.documentElement.classList.toggle('dark', dark);
+  }
+
+  // Synchronous fallback — use system preference immediately so the
+  // page renders with the right theme while storage loads.
+  apply(mq.matches);
+
+  // Async — override with persisted preference once available.
+  chrome.storage.local.get('theme').then(function (result) {
+    if (result.theme === 'dark' || result.theme === 'light') {
+      apply(result.theme === 'dark');
+    }
+  });
+
+  // Keep responding to OS changes only if the user has no stored preference.
+  mq.addEventListener('change', function (e) {
+    chrome.storage.local.get('theme').then(function (result) {
+      if (!result.theme) {
+        apply(e.matches);
+      }
+    });
+  });
+})();

package/side-panel/fonts.css

@@ -0,0 +1,34 @@
+/* Local font faces — bundled with the extension to avoid external network
+   requests that would violate MV3 Content Security Policy. */
+
+@font-face {
+  font-family: 'Archivo Black';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(fonts/archivo-black-latin.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'Space Grotesk';
+  font-style: normal;
+  font-weight: 300 700;
+  font-display: swap;
+  src: url(fonts/space-grotesk-latin.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'Space Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(fonts/space-mono-400-latin.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'Space Mono';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(fonts/space-mono-700-latin.woff2) format('woff2');
+}

package/side-panel/side-panel.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>OpenTabs</title>
+    <link rel="icon" type="image/svg+xml" href="../icons/icon.svg" />
+    <link rel="stylesheet" href="fonts.css" />
+    <script src="dark-mode.js"></script>
+    <link rel="stylesheet" href="../dist/side-panel/styles.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="../dist/side-panel/side-panel.js"></script>
+  </body>
+</html>