opencode-browser-annotation-plugin 0.6.1 → 0.7.0

package/README.md

@@ -177,8 +177,13 @@ The plugin source is `src/plugin.ts`; the extension is plain MV3 in `extension/`
 ## Limits
 
 - Text + element metadata only; no screenshot is sent or seen by the model.
-- The plugin injects into the most recently active session (tracked via the
-  `chat.message` hook). Send a message first so a session is active.
+- The picker lists every recent session across all projects and all running
+  OpenCode processes (the store is shared), with sessions you've touched this
+  run floating to the top. Pick any of them by id; without a `sessionID` the
+  plugin targets the most recently active one.
+- A single server owns the port (default `39517`); the first OpenCode process to
+  bind it serves the extension for every session. Send a message first so a
+  session is active if you rely on the no-`sessionID` fallback.
 
 ## License
 

package/dist/plugin.js

@@ -139,17 +139,19 @@ function sendJson(res, status, body) {
     res.statusCode = status;
     res.end(payload);
 }
-export const BrowserAnnotationPlugin = async ({ client, directory }) => {
+export const BrowserAnnotationPlugin = async ({ client }) => {
     const host = envHost();
     const port = envPort();
     let activeSessionID = null;
     let server = null;
-    // Sessions that showed activity in THIS OpenCode run (created, messaged, or
-    // status/idle events). OpenCode has no open/closed flag, so this approximates
-    // "sessions you're currently working in". Deleted sessions are removed.
+    // Sessions this run has touched (created / messaged / status / idle). Used
+    // only to bias the picker ordering — NOT to filter — so sessions from other
+    // OpenCode processes and other project directories still appear.
     const activeIDs = new Set();
-    const RECENT_FALLBACK_MS = 2 * 60 * 60 * 1000; // 2h
-    const RECENT_FALLBACK_MAX = 8;
+    // The picker shows every recent session across all directories/processes so
+    // one server (whichever wins the port) can target any of them; the shared
+    // OpenCode store makes them all reachable over the single loopback port.
+    const RECENT_MAX = 25;
     const log = (level, message, extra) => {
         void client.app
             .log({ body: { service: "browser-annotation", level, message, extra } })
@@ -157,7 +159,10 @@ export const BrowserAnnotationPlugin = async ({ client, directory }) => {
     };
     async function allSessions() {
         try {
-            const res = (await client.session.list({ query: { directory } }));
+            // No directory filter: list every session in the shared OpenCode store so
+            // the picker spans all projects and all running processes, not just this
+            // plugin instance's own directory.
+            const res = (await client.session.list({}));
             const rows = Array.isArray(res) ? res : Array.isArray(res?.data) ? res.data : [];
             return rows
                 .filter((s) => s && typeof s.id === "string" && !s.parentID)
@@ -169,31 +174,30 @@ export const BrowserAnnotationPlugin = async ({ client, directory }) => {
         }
     }
     /**
-     * The picker list: sessions active in this run (newest first). If none have
-     * been observed yet (e.g. right after a restart), fall back to the most
-     * recently updated few so the picker is not empty. All live in this one
-     * process, so any can be targeted over the single port.
+     * The picker list: all sessions, newest first. Sessions this run has actively
+     * touched sort ahead of the rest (recency within each group), so "what you're
+     * working on" floats to the top without hiding sessions owned by other
+     * OpenCode processes or directories.
      */
     async function listSessions() {
         const all = await allSessions();
-        const byRecent = [...all].sort((a, b) => b.updated - a.updated);
-        // Prune ids that no longer exist.
+        // Prune tracked ids that no longer exist.
         const existing = new Set(all.map((s) => s.id));
         for (const id of activeIDs)
             if (!existing.has(id))
                 activeIDs.delete(id);
-        if (activeIDs.size > 0) {
-            return byRecent.filter((s) => activeIDs.has(s.id));
-        }
-        const now = Date.now();
-        const recent = byRecent.filter((s) => now - s.updated < RECENT_FALLBACK_MS).slice(0, RECENT_FALLBACK_MAX);
-        return recent.length ? recent : byRecent.slice(0, RECENT_FALLBACK_MAX);
+        const byRecent = [...all].sort((a, b) => b.updated - a.updated);
+        // Stable partition: touched-this-run first, everything else after; each
+        // group already in recency order.
+        const touched = byRecent.filter((s) => activeIDs.has(s.id));
+        const rest = byRecent.filter((s) => !activeIDs.has(s.id));
+        return [...touched, ...rest].slice(0, RECENT_MAX);
     }
     async function injectPrompt(sessionID, annotations) {
         try {
+            // No directory scoping: target the session by id wherever it lives.
             await client.session.promptAsync({
                 path: { id: sessionID },
-                query: { directory },
                 body: { parts: [{ type: "text", text: buildPrompt(annotations) }] },
             });
             return { ok: true };

package/extension/icons/icon.svg

@@ -0,0 +1,27 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="0" y2="128" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#22262e"/>
+      <stop offset="1" stop-color="#15171c"/>
+    </linearGradient>
+    <linearGradient id="mint" x1="34" y1="30" x2="94" y2="98" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#7ef0c8"/>
+      <stop offset="1" stop-color="#39c79a"/>
+    </linearGradient>
+  </defs>
+
+  <!-- rounded dark badge -->
+  <rect x="4" y="4" width="120" height="120" rx="28" fill="url(#bg)"/>
+  <rect x="4.5" y="4.5" width="119" height="119" rx="27.5" fill="none" stroke="#3a3f49" stroke-width="1"/>
+
+  <!-- element-picker corner brackets (mint) -->
+  <g stroke="url(#mint)" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <path d="M34 50 V38 A4 4 0 0 1 38 34 H50"/>
+    <path d="M78 34 H90 A4 4 0 0 1 94 38 V50"/>
+    <path d="M34 78 V90 A4 4 0 0 1 38 94 H50"/>
+  </g>
+
+  <!-- cursor / pick arrow, lower-right, on top of brackets -->
+  <path d="M66 60 L98 74 L83 80 L91 98 L82 102 L74 84 L62 92 Z"
+        fill="#ffffff" stroke="#15171c" stroke-width="3" stroke-linejoin="round"/>
+</svg>

package/extension/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "OpenCode Browser Annotation",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "Alt+A to annotate an element, Alt+Shift+A for the annotation list. Sends element metadata to your OpenCode agent.",
   "permissions": [
     "activeTab",
@@ -16,8 +16,20 @@
     "service_worker": "background.js",
     "type": "module"
   },
+  "icons": {
+    "16": "icons/icon-16.png",
+    "32": "icons/icon-32.png",
+    "48": "icons/icon-48.png",
+    "128": "icons/icon-128.png"
+  },
   "action": {
-    "default_title": "OpenCode Annotation — Alt+A to pick, Alt+Shift+A for list"
+    "default_title": "OpenCode Annotation — Alt+A to pick, Alt+Shift+A for list",
+    "default_icon": {
+      "16": "icons/icon-16.png",
+      "32": "icons/icon-32.png",
+      "48": "icons/icon-48.png",
+      "128": "icons/icon-128.png"
+    }
   },
   "options_page": "options.html",
   "commands": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencode-browser-annotation-plugin",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "description": "Select an element in your browser, type an instruction, and send it to your OpenCode agent over a loopback + SSH tunnel. Text and element metadata only (no screenshots).",
   "keywords": [
     "opencode",
@@ -34,6 +34,7 @@
   "scripts": {
     "build": "tsc -p tsconfig.json",
     "typecheck": "tsc -p tsconfig.json --noEmit",
+    "pack:ext": "node scripts/pack-extension.mjs",
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {