@wenathlan/extension 1.1.11

package/extension/dist/sidepanel.js

@@ -0,0 +1,99 @@
+// extension/sidepanel.ts
+var objective = document.querySelector("#objective");
+var localbutton = document.querySelector("#localplan");
+var remotebutton = document.querySelector("#remoteplan");
+var diagnosticbutton = document.querySelector("#diagnostic");
+var planroot = document.querySelector("#plan");
+var auditroot = document.querySelector("#audit");
+var diagnosticroot = document.querySelector("#diagnostics");
+var statusnode = document.querySelector("#status");
+function status(message, error = false) {
+  if (statusnode) {
+    statusnode.textContent = message;
+    statusnode.dataset.state = error ? "error" : "ready";
+  }
+}
+async function request(message) {
+  const response = await chrome.runtime.sendMessage(message);
+  if (!response.ok) throw new Error(response.error);
+  return response.value;
+}
+function button(label, action, disabled = false) {
+  const element = document.createElement("button");
+  element.type = "button";
+  element.textContent = label;
+  element.disabled = disabled;
+  element.addEventListener("click", () => action().catch((error) => status(error instanceof Error ? error.message : String(error), true)));
+  return element;
+}
+function renderplan(plan) {
+  if (!planroot) return;
+  planroot.replaceChildren();
+  if (!plan) {
+    planroot.textContent = "Start a session, then request a local or endpoint plan. No task runs before review.";
+    return;
+  }
+  const title = document.createElement("h2");
+  title.textContent = `${plan.state}: ${plan.objective}`;
+  planroot.append(title);
+  const list = document.createElement("ol");
+  for (const step of plan.steps) {
+    const item = document.createElement("li");
+    item.textContent = `${step.risk} \u2014 ${step.summary}`;
+    if (plan.state === "approved") item.append(" ", button("Run this reviewed step", async () => {
+      const result = await request({ kind: "execute", stepid: step.id });
+      status(result.summary);
+      await refresh();
+    }));
+    list.append(item);
+  }
+  planroot.append(list);
+  if (plan.state === "pending") {
+    planroot.append(button("Approve reviewed plan", async () => {
+      await request({ kind: "approve" });
+      await refresh();
+    }), button("Reject plan", async () => {
+      await request({ kind: "reject" });
+      await refresh();
+    }));
+  }
+}
+function renderaudit(events) {
+  if (!auditroot) return;
+  auditroot.replaceChildren();
+  for (const event of events.slice(0, 12)) {
+    const item = document.createElement("li");
+    item.textContent = `${new Date(event.at).toLocaleTimeString()} \xB7 ${event.kind} \xB7 ${event.summary}`;
+    auditroot.append(item);
+  }
+}
+function renderdiagnostic(report) {
+  if (!diagnosticroot) return;
+  diagnosticroot.replaceChildren();
+  if (!report) {
+    diagnosticroot.textContent = "Run a local diagnostic after starting a session to record bridge and page-shape health.";
+    return;
+  }
+  const values = [`origin: ${report.origin}`, `title: ${report.title || "untitled"}`, `interactive elements: ${report.interactivecount}`, `forms: ${report.formcount}`, `page text length: ${report.textlength}`, `bridge available: ${report.bridgeavailable ? "yes" : "no"}`];
+  for (const value of values) {
+    const item = document.createElement("li");
+    item.textContent = value;
+    diagnosticroot.append(item);
+  }
+}
+async function refresh() {
+  const context = await request({ kind: "context" });
+  renderplan(context.plan);
+  renderdiagnostic(context.diagnostic);
+  renderaudit(context.audit);
+  status(context.session ? "Active session is visible. The extension is waiting for review." : "No active browser session.");
+}
+async function create(kind) {
+  await request({ kind, objective: objective?.value ?? "" });
+  await refresh();
+}
+localbutton?.addEventListener("click", () => create("proposelocal").catch((error) => status(error instanceof Error ? error.message : String(error), true)));
+remotebutton?.addEventListener("click", () => create("proposeremote").catch((error) => status(error instanceof Error ? error.message : String(error), true)));
+diagnosticbutton?.addEventListener("click", () => request({ kind: "diagnostic" }).then(() => refresh()).catch((error) => status(error instanceof Error ? error.message : String(error), true)));
+refresh().catch((error) => status(error instanceof Error ? error.message : String(error), true));
+//# sourceMappingURL=sidepanel.js.map

package/extension/dist/sidepanel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../sidepanel.ts"],
+  "sourcesContent": ["import type { agentplan, auditevent, diagnosticreport } from \"../types.js\";\n\nconst objective = document.querySelector<HTMLTextAreaElement>(\"#objective\");\nconst localbutton = document.querySelector<HTMLButtonElement>(\"#localplan\");\nconst remotebutton = document.querySelector<HTMLButtonElement>(\"#remoteplan\");\nconst diagnosticbutton = document.querySelector<HTMLButtonElement>(\"#diagnostic\");\nconst planroot = document.querySelector<HTMLElement>(\"#plan\");\nconst auditroot = document.querySelector<HTMLElement>(\"#audit\");\nconst diagnosticroot = document.querySelector<HTMLElement>(\"#diagnostics\");\nconst statusnode = document.querySelector<HTMLElement>(\"#status\");\n\nfunction status(message: string, error = false): void { if (statusnode) { statusnode.textContent = message; statusnode.dataset.state = error ? \"error\" : \"ready\"; } }\nasync function request(message: unknown): Promise<unknown> { const response = await chrome.runtime.sendMessage(message) as { ok: boolean; value?: unknown; error?: string }; if (!response.ok) throw new Error(response.error); return response.value; }\nfunction button(label: string, action: () => Promise<void>, disabled = false): HTMLButtonElement { const element = document.createElement(\"button\"); element.type = \"button\"; element.textContent = label; element.disabled = disabled; element.addEventListener(\"click\", () => action().catch(error => status(error instanceof Error ? error.message : String(error), true))); return element; }\nfunction renderplan(plan?: agentplan): void {\n  if (!planroot) return;\n  planroot.replaceChildren();\n  if (!plan) { planroot.textContent = \"Start a session, then request a local or endpoint plan. No task runs before review.\"; return; }\n  const title = document.createElement(\"h2\"); title.textContent = `${plan.state}: ${plan.objective}`; planroot.append(title);\n  const list = document.createElement(\"ol\");\n  for (const step of plan.steps) { const item = document.createElement(\"li\"); item.textContent = `${step.risk} \u2014 ${step.summary}`; if (plan.state === \"approved\") item.append(\" \", button(\"Run this reviewed step\", async () => { const result = await request({ kind: \"execute\", stepid: step.id }) as { summary: string }; status(result.summary); await refresh(); })); list.append(item); }\n  planroot.append(list);\n  if (plan.state === \"pending\") { planroot.append(button(\"Approve reviewed plan\", async () => { await request({ kind: \"approve\" }); await refresh(); }), button(\"Reject plan\", async () => { await request({ kind: \"reject\" }); await refresh(); })); }\n}\nfunction renderaudit(events: auditevent[]): void { if (!auditroot) return; auditroot.replaceChildren(); for (const event of events.slice(0, 12)) { const item = document.createElement(\"li\"); item.textContent = `${new Date(event.at).toLocaleTimeString()} \u00B7 ${event.kind} \u00B7 ${event.summary}`; auditroot.append(item); } }\nfunction renderdiagnostic(report?: diagnosticreport): void { if (!diagnosticroot) return; diagnosticroot.replaceChildren(); if (!report) { diagnosticroot.textContent = \"Run a local diagnostic after starting a session to record bridge and page-shape health.\"; return; } const values = [`origin: ${report.origin}`, `title: ${report.title || \"untitled\"}`, `interactive elements: ${report.interactivecount}`, `forms: ${report.formcount}`, `page text length: ${report.textlength}`, `bridge available: ${report.bridgeavailable ? \"yes\" : \"no\"}`]; for (const value of values) { const item = document.createElement(\"li\"); item.textContent = value; diagnosticroot.append(item); } }\nasync function refresh(): Promise<void> { const context = await request({ kind: \"context\" }) as { plan?: agentplan; diagnostic?: diagnosticreport; audit: auditevent[]; session?: { id: string } }; renderplan(context.plan); renderdiagnostic(context.diagnostic); renderaudit(context.audit); status(context.session ? \"Active session is visible. The extension is waiting for review.\" : \"No active browser session.\"); }\nasync function create(kind: \"proposelocal\" | \"proposeremote\"): Promise<void> { await request({ kind, objective: objective?.value ?? \"\" }); await refresh(); }\nlocalbutton?.addEventListener(\"click\", () => create(\"proposelocal\").catch(error => status(error instanceof Error ? error.message : String(error), true)));\nremotebutton?.addEventListener(\"click\", () => create(\"proposeremote\").catch(error => status(error instanceof Error ? error.message : String(error), true)));\ndiagnosticbutton?.addEventListener(\"click\", () => request({ kind: \"diagnostic\" }).then(() => refresh()).catch(error => status(error instanceof Error ? error.message : String(error), true)));\nrefresh().catch(error => status(error instanceof Error ? error.message : String(error), true));\n"],
+  "mappings": ";AAEA,IAAM,YAAY,SAAS,cAAmC,YAAY;AAC1E,IAAM,cAAc,SAAS,cAAiC,YAAY;AAC1E,IAAM,eAAe,SAAS,cAAiC,aAAa;AAC5E,IAAM,mBAAmB,SAAS,cAAiC,aAAa;AAChF,IAAM,WAAW,SAAS,cAA2B,OAAO;AAC5D,IAAM,YAAY,SAAS,cAA2B,QAAQ;AAC9D,IAAM,iBAAiB,SAAS,cAA2B,cAAc;AACzE,IAAM,aAAa,SAAS,cAA2B,SAAS;AAEhE,SAAS,OAAO,SAAiB,QAAQ,OAAa;AAAE,MAAI,YAAY;AAAE,eAAW,cAAc;AAAS,eAAW,QAAQ,QAAQ,QAAQ,UAAU;AAAA,EAAS;AAAE;AACpK,eAAe,QAAQ,SAAoC;AAAE,QAAM,WAAW,MAAM,OAAO,QAAQ,YAAY,OAAO;AAAuD,MAAI,CAAC,SAAS,GAAI,OAAM,IAAI,MAAM,SAAS,KAAK;AAAG,SAAO,SAAS;AAAO;AACvP,SAAS,OAAO,OAAe,QAA6B,WAAW,OAA0B;AAAE,QAAM,UAAU,SAAS,cAAc,QAAQ;AAAG,UAAQ,OAAO;AAAU,UAAQ,cAAc;AAAO,UAAQ,WAAW;AAAU,UAAQ,iBAAiB,SAAS,MAAM,OAAO,EAAE,MAAM,WAAS,OAAO,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,GAAG,IAAI,CAAC,CAAC;AAAG,SAAO;AAAS;AAChY,SAAS,WAAW,MAAwB;AAC1C,MAAI,CAAC,SAAU;AACf,WAAS,gBAAgB;AACzB,MAAI,CAAC,MAAM;AAAE,aAAS,cAAc;AAAuF;AAAA,EAAQ;AACnI,QAAM,QAAQ,SAAS,cAAc,IAAI;AAAG,QAAM,cAAc,GAAG,KAAK,KAAK,KAAK,KAAK,SAAS;AAAI,WAAS,OAAO,KAAK;AACzH,QAAM,OAAO,SAAS,cAAc,IAAI;AACxC,aAAW,QAAQ,KAAK,OAAO;AAAE,UAAM,OAAO,SAAS,cAAc,IAAI;AAAG,SAAK,cAAc,GAAG,KAAK,IAAI,WAAM,KAAK,OAAO;AAAI,QAAI,KAAK,UAAU,WAAY,MAAK,OAAO,KAAK,OAAO,0BAA0B,YAAY;AAAE,YAAM,SAAS,MAAM,QAAQ,EAAE,MAAM,WAAW,QAAQ,KAAK,GAAG,CAAC;AAA0B,aAAO,OAAO,OAAO;AAAG,YAAM,QAAQ;AAAA,IAAG,CAAC,CAAC;AAAG,SAAK,OAAO,IAAI;AAAA,EAAG;AAC5X,WAAS,OAAO,IAAI;AACpB,MAAI,KAAK,UAAU,WAAW;AAAE,aAAS,OAAO,OAAO,yBAAyB,YAAY;AAAE,YAAM,QAAQ,EAAE,MAAM,UAAU,CAAC;AAAG,YAAM,QAAQ;AAAA,IAAG,CAAC,GAAG,OAAO,eAAe,YAAY;AAAE,YAAM,QAAQ,EAAE,MAAM,SAAS,CAAC;AAAG,YAAM,QAAQ;AAAA,IAAG,CAAC,CAAC;AAAA,EAAG;AACtP;AACA,SAAS,YAAY,QAA4B;AAAE,MAAI,CAAC,UAAW;AAAQ,YAAU,gBAAgB;AAAG,aAAW,SAAS,OAAO,MAAM,GAAG,EAAE,GAAG;AAAE,UAAM,OAAO,SAAS,cAAc,IAAI;AAAG,SAAK,cAAc,GAAG,IAAI,KAAK,MAAM,EAAE,EAAE,mBAAmB,CAAC,SAAM,MAAM,IAAI,SAAM,MAAM,OAAO;AAAI,cAAU,OAAO,IAAI;AAAA,EAAG;AAAE;AAC5T,SAAS,iBAAiB,QAAiC;AAAE,MAAI,CAAC,eAAgB;AAAQ,iBAAe,gBAAgB;AAAG,MAAI,CAAC,QAAQ;AAAE,mBAAe,cAAc;AAA2F;AAAA,EAAQ;AAAE,QAAM,SAAS,CAAC,WAAW,OAAO,MAAM,IAAI,UAAU,OAAO,SAAS,UAAU,IAAI,yBAAyB,OAAO,gBAAgB,IAAI,UAAU,OAAO,SAAS,IAAI,qBAAqB,OAAO,UAAU,IAAI,qBAAqB,OAAO,kBAAkB,QAAQ,IAAI,EAAE;AAAG,aAAW,SAAS,QAAQ;AAAE,UAAM,OAAO,SAAS,cAAc,IAAI;AAAG,SAAK,cAAc;AAAO,mBAAe,OAAO,IAAI;AAAA,EAAG;AAAE;AAC9pB,eAAe,UAAyB;AAAE,QAAM,UAAU,MAAM,QAAQ,EAAE,MAAM,UAAU,CAAC;AAAyG,aAAW,QAAQ,IAAI;AAAG,mBAAiB,QAAQ,UAAU;AAAG,cAAY,QAAQ,KAAK;AAAG,SAAO,QAAQ,UAAU,oEAAoE,4BAA4B;AAAG;AAC5Z,eAAe,OAAO,MAAuD;AAAE,QAAM,QAAQ,EAAE,MAAM,WAAW,WAAW,SAAS,GAAG,CAAC;AAAG,QAAM,QAAQ;AAAG;AAC5J,aAAa,iBAAiB,SAAS,MAAM,OAAO,cAAc,EAAE,MAAM,WAAS,OAAO,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,GAAG,IAAI,CAAC,CAAC;AACxJ,cAAc,iBAAiB,SAAS,MAAM,OAAO,eAAe,EAAE,MAAM,WAAS,OAAO,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,GAAG,IAAI,CAAC,CAAC;AAC1J,kBAAkB,iBAAiB,SAAS,MAAM,QAAQ,EAAE,MAAM,aAAa,CAAC,EAAE,KAAK,MAAM,QAAQ,CAAC,EAAE,MAAM,WAAS,OAAO,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,GAAG,IAAI,CAAC,CAAC;AAC5L,QAAQ,EAAE,MAAM,WAAS,OAAO,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,GAAG,IAAI,CAAC;",
+  "names": []
+}

package/extension/dist/style.css

@@ -0,0 +1,9 @@
+:root { color-scheme: dark; --base: #090d16; --panel: #11192a; --line: #26334b; --text: #eff6ff; --muted: #9aa8bd; --accent: #74e8c1; --danger: #ff7b8e; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
+* { box-sizing: border-box; }
+body { margin: 0; background: radial-gradient(circle at top right, #193b4c 0, transparent 35%), var(--base); color: var(--text); min-width: 360px; }
+main { padding: 20px; max-width: 460px; margin: auto; } main.wide { max-width: 680px; }
+header { border-bottom: 1px solid var(--line); margin-bottom: 18px; } h1 { margin: 3px 0 8px; font-size: 25px; letter-spacing: -0.04em; } h2 { font-size: 15px; margin: 0 0 10px; } p { color: var(--muted); line-height: 1.5; } .eyebrow { color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: 0.14em; margin: 0; }
+label { display: block; font-size: 12px; color: var(--muted); margin: 14px 0 6px; } input, textarea { width: 100%; color: var(--text); background: #0c1321; border: 1px solid var(--line); border-radius: 10px; padding: 11px; font: inherit; } textarea { resize: vertical; }
+button { min-height: 40px; margin-top: 10px; border: 1px solid transparent; border-radius: 9px; padding: 0 12px; color: #06120f; background: var(--accent); font-weight: 750; cursor: pointer; } button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #8fb9ff; outline-offset: 2px; } button:disabled { cursor: not-allowed; opacity: .5; } button.secondary { background: transparent; color: var(--text); border-color: var(--line); } button.danger { background: transparent; color: var(--danger); border-color: color-mix(in srgb, var(--danger) 50%, transparent); }
+.actions { display: flex; flex-wrap: wrap; gap: 8px; } .actions button { flex: 1 1 135px; } #status { min-height: 44px; border-left: 3px solid var(--accent); padding-left: 10px; font-size: 13px; } #status[data-state="error"] { border-color: var(--danger); color: #ffc2cc; }
+section { margin-top: 20px; } .panel, .audit { margin: 0; border: 1px solid var(--line); background: color-mix(in srgb, var(--panel) 88%, transparent); border-radius: 12px; padding: 14px; } ol { padding-left: 24px; } li { color: var(--muted); line-height: 1.5; margin-bottom: 11px; } li button { margin-left: 7px; min-height: 32px; font-size: 12px; } .audit { list-style: none; padding-left: 14px; }

package/extension/manifest.json

@@ -0,0 +1,26 @@
+{
+  "manifest_version": 3,
+  "name": "Devthink",
+  "version": "1.1.11",
+  "description": "A consent-first bridge for reviewed browser-agent tasks.",
+  "permissions": [
+    "activeTab",
+    "storage",
+    "scripting",
+    "sidePanel"
+  ],
+  "optional_host_permissions": [
+    "https://*/*"
+  ],
+  "background": {
+    "service_worker": "background.js",
+    "type": "module"
+  },
+  "action": {
+    "default_title": "Devthink",
+    "default_popup": "popup.html"
+  },
+  "side_panel": {
+    "default_path": "sidepanel.html"
+  }
+}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@wenathlan/extension",
+  "version": "1.1.11",
+  "description": "Consent-first browser agent bridge and Manifest V3 extension.",
+  "type": "module",
+  "license": "GPL-3.0-only",
+  "author": "Nathlan Bros <263045985+wenathlan@users.noreply.github.com>",
+  "homepage": "https://github.com/wenathlan/extension#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/wenathlan/extension.git"
+  },
+  "bugs": {
+    "url": "https://github.com/wenathlan/extension/issues"
+  },
+  "keywords": [
+    "browser-extension",
+    "agent",
+    "automation",
+    "consent",
+    "chromium"
+  ],
+  "engines": {
+    "node": ">=24"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "devthink": "./dist/cli.js"
+  },
+  "files": [
+    "dist",
+    "extension/dist",
+    "extension/manifest.json",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "node tests/build.mjs",
+    "check": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run",
+    "sync:metadata": "node tests/release.mjs sync",
+    "check:metadata": "node tests/release.mjs check",
+    "sync:maintenance": "node tests/maintain.mjs sync",
+    "check:maintenance": "node tests/maintain.mjs check",
+    "dependency:updates": "node tests/dependencyupdates.mjs sync",
+    "workflow:updates": "node tests/workflowupdates.mjs sync",
+    "notes:release": "node tests/release.mjs notes",
+    "validate:workflow": "node tests/workflowcheck.mjs && node tests/npmgate.mjs",
+    "validate": "pnpm check:metadata && pnpm check && pnpm test && pnpm build && node dist/cli.js manifest && node tests/packageextension.mjs && pnpm validate:workflow",
+    "package": "pnpm build && npm pack --dry-run"
+  },
+  "devDependencies": {
+    "@types/chrome": "^0.0.306",
+    "@types/node": "^24.7.0",
+    "esbuild": "^0.25.11",
+    "typescript": "^5.9.3",
+    "vitest": "^2.1.4",
+    "yaml": "^2.9.0"
+  },
+  "packageManager": "pnpm@11.24.0"
+}