From 43761942a604913d03f617543f5ada65ae911fdd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 14:55:16 +0200
Subject: [PATCH 01/51] feat(extension): add browser extension app

---
 apps/extension/.gitignore                    |   28 +
 apps/extension/.oxfmtrc.json                 |    4 +
 apps/extension/.oxlintrc.json                |   56 +
 apps/extension/entrypoints/background.ts     |    3 +
 apps/extension/entrypoints/content/index.tsx |  135 +
 apps/extension/entrypoints/content/style.css |    1 +
 apps/extension/entrypoints/popup/app.tsx     |   90 +
 apps/extension/entrypoints/popup/index.html  |   13 +
 apps/extension/entrypoints/popup/main.tsx    |   16 +
 apps/extension/entrypoints/popup/style.css   |   12 +
 apps/extension/package.json                  |   42 +
 apps/extension/public/icon/128.png           |  Bin 0 -> 3074 bytes
 apps/extension/public/icon/16.png            |  Bin 0 -> 559 bytes
 apps/extension/public/icon/32.png            |  Bin 0 -> 916 bytes
 apps/extension/public/icon/48.png            |  Bin 0 -> 1334 bytes
 apps/extension/public/icon/96.png            |  Bin 0 -> 2366 bytes
 apps/extension/src/shared/messages.test.ts   |   42 +
 apps/extension/src/shared/messages.ts        |   53 +
 apps/extension/src/shared/storage.test.ts    |   33 +
 apps/extension/src/shared/storage.ts         |   24 +
 apps/extension/src/types/css.d.ts            |    1 +
 apps/extension/tsconfig.json                 |   20 +
 apps/extension/vitest.config.ts              |   12 +
 apps/extension/wxt.config.ts                 |   26 +
 pnpm-lock.yaml                               | 2568 +++++++++++++++++-
 pnpm-workspace.yaml                          |    1 +
 26 files changed, 3091 insertions(+), 89 deletions(-)
 create mode 100644 apps/extension/.gitignore
 create mode 100644 apps/extension/.oxfmtrc.json
 create mode 100644 apps/extension/.oxlintrc.json
 create mode 100644 apps/extension/entrypoints/background.ts
 create mode 100644 apps/extension/entrypoints/content/index.tsx
 create mode 100644 apps/extension/entrypoints/content/style.css
 create mode 100644 apps/extension/entrypoints/popup/app.tsx
 create mode 100644 apps/extension/entrypoints/popup/index.html
 create mode 100644 apps/extension/entrypoints/popup/main.tsx
 create mode 100644 apps/extension/entrypoints/popup/style.css
 create mode 100644 apps/extension/package.json
 create mode 100644 apps/extension/public/icon/128.png
 create mode 100644 apps/extension/public/icon/16.png
 create mode 100644 apps/extension/public/icon/32.png
 create mode 100644 apps/extension/public/icon/48.png
 create mode 100644 apps/extension/public/icon/96.png
 create mode 100644 apps/extension/src/shared/messages.test.ts
 create mode 100644 apps/extension/src/shared/messages.ts
 create mode 100644 apps/extension/src/shared/storage.test.ts
 create mode 100644 apps/extension/src/shared/storage.ts
 create mode 100644 apps/extension/src/types/css.d.ts
 create mode 100644 apps/extension/tsconfig.json
 create mode 100644 apps/extension/vitest.config.ts
 create mode 100644 apps/extension/wxt.config.ts

diff --git a/apps/extension/.gitignore b/apps/extension/.gitignore
new file mode 100644
index 0000000000..d264d1531b
--- /dev/null
+++ b/apps/extension/.gitignore
@@ -0,0 +1,28 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.output
+coverage
+stats.html
+stats-*.json
+.wxt
+web-ext.config.ts
+web-ext-artifacts
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/apps/extension/.oxfmtrc.json b/apps/extension/.oxfmtrc.json
new file mode 100644
index 0000000000..8efe730f26
--- /dev/null
+++ b/apps/extension/.oxfmtrc.json
@@ -0,0 +1,4 @@
+{
+  "$schema": "../../node_modules/oxfmt/configuration_schema.json",
+  "ignorePatterns": [".wxt/**", ".output/**", "node_modules/**"]
+}
diff --git a/apps/extension/.oxlintrc.json b/apps/extension/.oxlintrc.json
new file mode 100644
index 0000000000..74fbcfcd90
--- /dev/null
+++ b/apps/extension/.oxlintrc.json
@@ -0,0 +1,56 @@
+{
+  "$schema": "../../node_modules/oxlint/configuration_schema.json",
+  "plugins": [
+    "typescript",
+    "unicorn",
+    "oxc",
+    "import",
+    "react",
+    "react-perf",
+    "jsx-a11y",
+    "promise",
+    "vitest"
+  ],
+  "categories": {
+    "correctness": "error",
+    "suspicious": "error",
+    "pedantic": "error",
+    "perf": "error",
+    "style": "error"
+  },
+  "rules": {
+    "eslint/func-style": "off",
+    "eslint/max-lines-per-function": "off",
+    "eslint/max-statements": "off",
+    "eslint/no-duplicate-imports": "off",
+    "eslint/no-magic-numbers": "off",
+    "eslint/no-ternary": "off",
+    "eslint/no-void": "off",
+    "eslint/sort-imports": "off",
+    "import/exports-last": "off",
+    "import/group-exports": "off",
+    "import/no-default-export": "off",
+    "import/no-named-export": "off",
+    "import/no-unassigned-import": "off",
+    "import/prefer-default-export": "off",
+    "react/jsx-filename-extension": "off",
+    "react/jsx-max-depth": "off",
+    "react/jsx-no-literals": "off",
+    "react/only-export-components": "off",
+    "react/react-in-jsx-scope": "off",
+    "react-perf/jsx-no-new-function-as-prop": "off",
+    "typescript/prefer-readonly-parameter-types": "off",
+    "typescript/strict-void-return": "off",
+    "unicorn/no-null": "off",
+    "vitest/no-importing-vitest-globals": "off",
+    "vitest/prefer-to-be-falsy": "off",
+    "vitest/prefer-to-be-truthy": "off",
+    "vitest/require-hook": "off",
+    "vitest/require-test-timeout": "off"
+  },
+  "env": {
+    "browser": true,
+    "builtin": true,
+    "node": true
+  }
+}
diff --git a/apps/extension/entrypoints/background.ts b/apps/extension/entrypoints/background.ts
new file mode 100644
index 0000000000..a67f570adf
--- /dev/null
+++ b/apps/extension/entrypoints/background.ts
@@ -0,0 +1,3 @@
+export default defineBackground(() => {
+  browser.runtime.onInstalled.addListener(() => {});
+});
diff --git a/apps/extension/entrypoints/content/index.tsx b/apps/extension/entrypoints/content/index.tsx
new file mode 100644
index 0000000000..70593911fb
--- /dev/null
+++ b/apps/extension/entrypoints/content/index.tsx
@@ -0,0 +1,135 @@
+import './style.css';
+import { browser, createShadowRootUi, defineContentScript, storage } from '#imports';
+import React, { useEffect, useState } from 'react';
+import { createRoot } from 'react-dom/client';
+import type { Root } from 'react-dom/client';
+import {
+  createSidebarStateMessage,
+  isGetSidebarStateMessage,
+  isToggleSidebarMessage,
+} from '@/src/shared/messages';
+import {
+  DEFAULT_SIDEBAR_PREFERENCES,
+  SIDEBAR_PREFERENCES_STORAGE_KEY,
+  normalizeSidebarPreferences,
+} from '@/src/shared/storage';
+
+type SidebarSubscriber = (isOpen: boolean) => void;
+type RuntimeMessageListener = Parameters<typeof browser.runtime.onMessage.addListener>[0];
+type SendResponse = Parameters<RuntimeMessageListener>[2];
+
+const subscribers = new Set<SidebarSubscriber>();
+let isSidebarOpen = DEFAULT_SIDEBAR_PREFERENCES.isOpen;
+
+const notifySubscribers = (): void => {
+  for (const subscriber of subscribers) {
+    subscriber(isSidebarOpen);
+  }
+};
+
+const setSidebarOpen = async (nextIsOpen: boolean): Promise<void> => {
+  isSidebarOpen = nextIsOpen;
+  notifySubscribers();
+  await storage.setItem(SIDEBAR_PREFERENCES_STORAGE_KEY, { isOpen: nextIsOpen });
+};
+
+const toggleSidebar = async (): Promise<boolean> => {
+  await setSidebarOpen(!isSidebarOpen);
+  return isSidebarOpen;
+};
+
+const subscribeToSidebarState = (subscriber: SidebarSubscriber): (() => void) => {
+  subscribers.add(subscriber);
+  subscriber(isSidebarOpen);
+
+  return (): void => {
+    subscribers.delete(subscriber);
+  };
+};
+
+const KiloSidebar = (): React.JSX.Element | null => {
+  const [isOpen, setIsOpen] = useState(isSidebarOpen);
+
+  useEffect(() => subscribeToSidebarState(setIsOpen), []);
+
+  if (!isOpen) {
+    return null;
+  }
+
+  return (
+    <aside className="fixed right-4 top-4 z-[2147483647] w-80 rounded-lg border border-zinc-800 bg-zinc-950 p-4 font-sans text-zinc-50 shadow-2xl">
+      <div className="flex items-start justify-between gap-4">
+        <div className="space-y-1">
+          <p className="text-xs font-semibold uppercase tracking-wide text-emerald-300">Kilo</p>
+          <h1 className="text-lg font-semibold">Hello world</h1>
+          <p className="text-sm leading-6 text-zinc-300">
+            This floating sidebar is rendered by the Kilo extension.
+          </p>
+        </div>
+        <button
+          aria-label="Close Kilo sidebar"
+          className="rounded-md border border-zinc-700 px-2 py-1 text-sm font-medium text-zinc-200 transition hover:bg-zinc-800 focus:outline-none focus:ring-2 focus:ring-emerald-300"
+          onClick={() => {
+            void setSidebarOpen(false);
+          }}
+          type="button"
+        >
+          Close
+        </button>
+      </div>
+    </aside>
+  );
+};
+
+const handleSidebarMessage = (message: unknown, sendResponse: SendResponse): boolean => {
+  if (isToggleSidebarMessage(message)) {
+    void (async (): Promise<void> => {
+      const nextIsOpen = await toggleSidebar();
+      sendResponse(createSidebarStateMessage(nextIsOpen));
+    })();
+    return true;
+  }
+
+  if (isGetSidebarStateMessage(message)) {
+    sendResponse(createSidebarStateMessage(isSidebarOpen));
+  }
+
+  return false;
+};
+
+export default defineContentScript({
+  cssInjectionMode: 'ui',
+  async main(ctx): Promise<void> {
+    const storedPreferences = normalizeSidebarPreferences(
+      await storage.getItem(SIDEBAR_PREFERENCES_STORAGE_KEY)
+    );
+    isSidebarOpen = storedPreferences.isOpen;
+
+    browser.runtime.onMessage.addListener((message, _sender, sendResponse) =>
+      handleSidebarMessage(message, sendResponse)
+    );
+
+    const ui = await createShadowRootUi<Root>(ctx, {
+      anchor: 'body',
+      isolateEvents: true,
+      name: 'kilo-sidebar',
+      onMount: container => {
+        const root = createRoot(container);
+        root.render(
+          <React.StrictMode>
+            <KiloSidebar />
+          </React.StrictMode>
+        );
+        return root;
+      },
+      onRemove: root => {
+        root?.unmount();
+      },
+      position: 'overlay',
+      zIndex: 2_147_483_647,
+    });
+
+    ui.mount();
+  },
+  matches: ['<all_urls>'],
+});
diff --git a/apps/extension/entrypoints/content/style.css b/apps/extension/entrypoints/content/style.css
new file mode 100644
index 0000000000..d4b5078586
--- /dev/null
+++ b/apps/extension/entrypoints/content/style.css
@@ -0,0 +1 @@
+@import 'tailwindcss';
diff --git a/apps/extension/entrypoints/popup/app.tsx b/apps/extension/entrypoints/popup/app.tsx
new file mode 100644
index 0000000000..11bd06ef62
--- /dev/null
+++ b/apps/extension/entrypoints/popup/app.tsx
@@ -0,0 +1,90 @@
+import { browser } from '#imports';
+import React, { useEffect, useState } from 'react';
+import {
+  createGetSidebarStateMessage,
+  createToggleSidebarMessage,
+  isSidebarStateMessage,
+} from '@/src/shared/messages';
+import type { GetSidebarStateMessage, ToggleSidebarMessage } from '@/src/shared/messages';
+
+type PopupRequestMessage = GetSidebarStateMessage | ToggleSidebarMessage;
+
+const unavailableStatus = 'Sidebar is unavailable on this page.';
+
+const getSidebarStatus = (isOpen: boolean): string => {
+  if (isOpen) {
+    return 'Sidebar visible';
+  }
+
+  return 'Sidebar hidden';
+};
+
+const getToggleLabel = (isOpen: boolean | undefined): string => {
+  if (isOpen === true) {
+    return 'Hide sidebar';
+  }
+
+  return 'Show sidebar';
+};
+
+export const App = (): React.JSX.Element => {
+  const [isSidebarOpen, setIsSidebarOpen] = useState<boolean | undefined>();
+  const [status, setStatus] = useState('Ready');
+
+  const sendSidebarMessage = async (message: PopupRequestMessage): Promise<void> => {
+    try {
+      setStatus('Connecting to this tab...');
+      const [activeTab] = await browser.tabs.query({
+        active: true,
+        currentWindow: true,
+      });
+
+      if (typeof activeTab?.id !== 'number') {
+        throw new TypeError('No active tab is available.');
+      }
+
+      const response: unknown = await browser.tabs.sendMessage(activeTab.id, message);
+
+      if (!isSidebarStateMessage(response)) {
+        throw new TypeError('The tab returned an unexpected sidebar response.');
+      }
+
+      setIsSidebarOpen(response.isOpen);
+      setStatus(getSidebarStatus(response.isOpen));
+    } catch (error) {
+      setIsSidebarOpen(undefined);
+      setStatus(error instanceof Error ? error.message : unavailableStatus);
+    }
+  };
+
+  useEffect(() => {
+    void sendSidebarMessage(createGetSidebarStateMessage());
+  }, []);
+
+  return (
+    <main className="flex w-80 flex-col gap-5 bg-zinc-950 p-5 text-zinc-50">
+      <div className="space-y-1">
+        <p className="text-xs font-semibold uppercase tracking-wide text-emerald-300">Kilo</p>
+        <h1 className="text-xl font-semibold">Hello world</h1>
+        <p className="text-sm leading-6 text-zinc-300">
+          Toggle the floating sidebar on the current page.
+        </p>
+      </div>
+
+      <div className="rounded-lg border border-zinc-800 bg-zinc-900 p-3">
+        <p className="text-sm font-medium text-zinc-100">Sidebar</p>
+        <p className="mt-1 text-sm text-zinc-400">{status}</p>
+      </div>
+
+      <button
+        className="rounded-md bg-emerald-400 px-4 py-2 text-sm font-semibold text-zinc-950 transition hover:bg-emerald-300 focus:outline-none focus:ring-2 focus:ring-emerald-200"
+        onClick={() => {
+          void sendSidebarMessage(createToggleSidebarMessage());
+        }}
+        type="button"
+      >
+        {getToggleLabel(isSidebarOpen)}
+      </button>
+    </main>
+  );
+};
diff --git a/apps/extension/entrypoints/popup/index.html b/apps/extension/entrypoints/popup/index.html
new file mode 100644
index 0000000000..ed4cb94947
--- /dev/null
+++ b/apps/extension/entrypoints/popup/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Default Popup Title</title>
+    <meta name="manifest.type" content="browser_action" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./main.tsx"></script>
+  </body>
+</html>
diff --git a/apps/extension/entrypoints/popup/main.tsx b/apps/extension/entrypoints/popup/main.tsx
new file mode 100644
index 0000000000..80212b7de5
--- /dev/null
+++ b/apps/extension/entrypoints/popup/main.tsx
@@ -0,0 +1,16 @@
+import './style.css';
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { App } from './app';
+
+const root = document.querySelector('#root');
+
+if (!(root instanceof HTMLElement)) {
+  throw new Error('Popup root element was not found.');
+}
+
+createRoot(root).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
diff --git a/apps/extension/entrypoints/popup/style.css b/apps/extension/entrypoints/popup/style.css
new file mode 100644
index 0000000000..29ec5dc737
--- /dev/null
+++ b/apps/extension/entrypoints/popup/style.css
@@ -0,0 +1,12 @@
+@import 'tailwindcss';
+
+html,
+body,
+#root {
+  min-width: 20rem;
+}
+
+body {
+  margin: 0;
+  overflow: hidden;
+}
diff --git a/apps/extension/package.json b/apps/extension/package.json
new file mode 100644
index 0000000000..1f76a4507b
--- /dev/null
+++ b/apps/extension/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "kilo-extension",
+  "description": "Kilo browser extension.",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "wxt",
+    "dev:firefox": "wxt -b firefox --mv3",
+    "build": "wxt build",
+    "build:firefox": "wxt build -b firefox --mv3",
+    "zip": "wxt zip",
+    "zip:firefox": "wxt zip -b firefox --mv3",
+    "typecheck": "tsc --noEmit",
+    "compile": "pnpm run typecheck",
+    "lint": "pnpm -w exec oxlint --type-aware --type-check --import-plugin --react-plugin --react-perf-plugin --jsx-a11y-plugin --promise-plugin --vitest-plugin --deny-warnings --config apps/extension/.oxlintrc.json apps/extension",
+    "format": "pnpm -w exec oxfmt apps/extension",
+    "format:check": "pnpm -w exec oxfmt --list-different apps/extension",
+    "test": "vitest --run",
+    "test:watch": "vitest",
+    "validate:firefox": "npx --loglevel error -y -p node@22 node ./node_modules/web-ext/bin/web-ext.js lint --source-dir .output/firefox-mv3 --no-input",
+    "verify": "pnpm run typecheck && pnpm run lint && pnpm run format:check && pnpm run test",
+    "postinstall": "wxt prepare"
+  },
+  "dependencies": {
+    "react": "19.2.6",
+    "react-dom": "19.2.6"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "4.3.1",
+    "@types/node": "catalog:",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "@vitest/coverage-v8": "catalog:",
+    "@wxt-dev/module-react": "1.2.2",
+    "tailwindcss": "4.3.1",
+    "typescript": "catalog:",
+    "vitest": "catalog:",
+    "web-ext": "10.4.0",
+    "wxt": "0.20.26"
+  }
+}
diff --git a/apps/extension/public/icon/128.png b/apps/extension/public/icon/128.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e35d130796978714468fa149241172744bf3992
GIT binary patch
literal 3074
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
Q9RL6T07*qoM6N<$g0^9zvj6}9

literal 0
HcmV?d00001

diff --git a/apps/extension/public/icon/16.png b/apps/extension/public/icon/16.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd09f8cfbc020b5a077c6c491e2be5f1cb75fb50
GIT binary patch
literal 559
zcmV+~0?_@5P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0mMl}K~#7FjZ;lB
z15ps}Z^TcPg}H%j{Z(-Saf3L3<k>J*;soIYk(IETZ~(bMj$o8vnQ?<yD672o^)PBE
zL@(xbUUz@_`s;p>Z`K&P@byKnRdgL9BcAPx)vHta#e(k_EN+QtB~a;#B7vY4-MPwd
z0I*M%0Ii$vMXQ0J*IDiEx*HeHO#2~|QUWDPMwmjovlOSF45Is5Q{nqwq^gh#fRPv6
zS}@*-M+8d*2rWit4ITS_^ytbtKuJ{`srD|`y4ycdB$KV&w?aSmH!}7OlPlMt4AEQp
zhZ%K%Z3q@VTd<D;n?+iajP0!F!m>rAraF5Y9z3|}q+%#iwp}*e_69qRYzn6K?6mgj
zj?N1`|7Fpj-nU)JS}?UmCFPhx`KK{A<q?*myV@}|SmafeblQ^&-)RSy?<i(mq99FM
z5N_T{XYKNM5&-w)kQ#&(FP@vnQOPa?)poIXkIO}LCk70hoGr(_A_)7=Hub~*YWstF
z3n~Vdu+h+ae_ebF_U{z$Isct8$o7C*n9sN1j9zCYe+xR~?3#>MERWeC5F}p!vOUOl
x{o{41KG|W@*}t!GLho_Yiov7vl{n4;-T<fJ(%!Ek7=Zu)002ovPDHLkV1jY)`5*uQ

literal 0
HcmV?d00001

diff --git a/apps/extension/public/icon/32.png b/apps/extension/public/icon/32.png
new file mode 100644
index 0000000000000000000000000000000000000000..f51ce1b5c93db65ffd15c7440f98c9ff06e2d498
GIT binary patch
literal 916
zcmV;F18e+=P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH11U*FK~#7F#aB&I
z6G0SyuP0b43*!yK(t=dM2@EG7>?Ii%lIRLgKym_bV-2v#fCmVkAh`iih%Om#5EqsU
zEB$;ulbPxHNiqxxepRVTcfam_)BWD}zDCH1!#lJ1=QkYzLKTQg1TaFtD>Sfey|Nw1
z3Cv>jc4%%Q$sQXQ)5Zy*b+&%lh8&pdK=X%LqOt7p-_p#5NNihWyASt-m}fv^KK5X9
zbks(t8<!|iY;k)K*r988ZzN8jd2N=U5PmJ8?D!5KihXO{wgX%5bnb%1*g5~d5HR|*
zZVw=<1Mj}SsY+?^SJ38E<G*6f+KL8TV_3TbntDAB$A>*DKHMv44r@nJiten<bE1R<
zt;TJ=GtHo&BAiIJ{0;)-^a6)}qqy<YVzN(g9B@iH@qTizjY^Z2d2qY;^=#wwN!$(_
zH}x)GUUkwOJX^)>lQlcBQ64mJYAwD3KR8Dmyf5Q6f}^(*cw^x1qBd8s%9kw)PqOF+
zc-#S<Tpq$`(;&1|)w3%c|Ic_-2c(gt@`wYC+Zw5qQ3L}^07}{A^?UC*^HLq~Kqj->
zwQjUnP-RT=n$z;oa{$o^ej$o%)Kw)I9tuf6Q`Tn+#^dIVS&7sFkK3u|69@r)NF$HD
zn5?fe?w80Fs5B&yA2ly4ut2Ew4a9w|>vbXq1Q}Wd!xyk%#42Pl;Q%w^j@J4G3&z1W
zvl_P0Dd_YlpU67vy~AJ_#T7gd5&C5&WPNcQtPjvH(26c7^r`6R;v+X!sKdcrNe*yU
zu%IoZ&tmCi;5IA?s^k;m?l}i#BnCL@`+N#*F3DTVC`^hA)cVg?aqWB(jFA(tHZEp<
zwF)31XomugC@(-5{jAQilHIq;7k$02kY(b8Kv-7EiXJ9J%oAhjFm3N<5uj<vR1Lj%
zL0TZWC^2pK@)oeU4m5{*CTNcmb%#oRD~aw#vWKE~Lb18*l+=W-lIn4r`By-q?n+GX
zYQt$ctPNaDSaz%0;f`*q;^j*^SL}{uCsbVMq+Js#4FDOD<6RKWjXi37Jc=SBzP4$k
qmMIHzZOUZBUpL_5(mtK>X#EH9TW9YBdNqdt0000<MNUMnLSTZ!iIo8W

literal 0
HcmV?d00001

diff --git a/apps/extension/public/icon/48.png b/apps/extension/public/icon/48.png
new file mode 100644
index 0000000000000000000000000000000000000000..cb7a4494a5eb5d54abdf1903c6895d9fef60f55f
GIT binary patch
literal 1334
zcmV-61<Cq}P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1j|W8K~#7F?OH*0
z+cprL0kuif_o|*C(z3PO$|s0&0^9pWrWcKsZepLn_6e+2BP9z_@c|m2K*|YfH*&f(
zdxEGh&rTK*CIgCcNCG4!T9mZN-`E5J5<|><{22)0j@ZAli#Ip&84}hAsEPnZ0vICT
zIil>g)=nMB5eRp{-n;rUl5nIZozTq{LL5B**?A2)AhQ9D%laV^98KF_fMq|gbh<ES
zWHO*}`Pe4H4$KG(#m1j&&N<8x0y2Onf2g$qD!+G-;1~#v?lK}efjML56)=B&4p<Af
zTR%DOZNGo*5{;<Grj<fHNjz$;JAIfFW?li3Vl&znoxFm&W@g&e#-rSVIYL_jj}|{b
zO$gc~gepWBhKPz0);VieUd2vo@3MZy{#CjiuP7FA80tjeg2z^PHY-~df)`KU{kHY-
zTArYQ68Ue70<~*=4+-E^a4FzMp7Hz<BHg_EQj)zlsJm#fn?+VM4!16(Xi-Y>*W_VK
z1jmlNdOFzMnWnR6z&J3c=k!HD!pQmK(ypfUD~#Df9-3~ld-VB_oA?C8H;_0Hc_u)(
zkPLQNszn=p+I^HX5MyYO{Sc@2!+9Vp?Ft~F`P!l<uaK2?g=7U8Y*4%Dq9;Fr|D{7x
zgLn9cNn?bjB#HimB?2W}gsy>-lx{XHv`YA9z_Otk!1`zN$>8z6qBU3z6!!)@Cylpu
z&2$r4dr<sX*7p`3FLXcnr|yt|I2oboq!bq-n|JBn3ay5wlctFQHK?a#HmnGgPMWw>
z!Ph&1n@}}yZ|UZmlwLZ3yn({y_xC54<f-GZyztslcKD-i7*oo|+xig)b5!6B@7)*W
zX4x6Sf}y@PA$6jLumC(Tx=?HV)sdH+hf%z_9@(%2D2bu;nabvZ?FeEsHU>U@7EOHs
zmS9Ox%wtj5-FXeFu?9FB4(G0#0YAVJ!7g(VX(}eN5NByC!#oOv_#o0Wj5R<dI#H#{
z+0_Ls3FEyenziA%(Et_ol2EIn3Cqf*K$`|X?bQknT%PF`8iSosI!RuBDr<)F$wCqx
zwep-LJ`B!Bj$~D@fTPRXaKFHTVW&TqJF_N&MPS6|41z*h$h2AU*Y`A9A?0yi(UyZ}
z`{k0-OcR(~j@uQ-QU52hkdhg~!i|@6E{SJ_R{@u_`+_&xNt<B>xTHdK#<snlXBGKQ
z;Bq~C!JF^ygVQXZhV~}S0G@oe6|is`cm-jW8C<~n)q9^;z-7u6R(}qG@3z;w+i^Ej
zV;~8BF{;A_VP-8<JLT;?E|zgXO5kiN*Q6+OPW(I9Et%f_217|OjC_-#Oa`dQAjw|J
z>0}VOB}LiJ$VTSLE0$n_c4LN3lA@FuMfFbX^Typ_M);{*DcI)i6`WkWsC0j9uXW3O
zVuOZ!LPg1b(kgf{rMV>i4+)t4j0{Pu7zjk3{An}TrkIRbNlQWFk|JO4^rG#EB2j-C
z$|~4rDvhoAGr1@OO2Pi^N;kHK|71{qA96S36HTf1nb0gBaFKb-q<8q)Wk`U5Mv3!J
zsKJ!Llmig|{?`gPQPn>@48Ai~??4K2FD)WqrXqmSJFT^`-buopHnKdR2ti1B(Eeq*
sU%9M=0p6t5!3M|Pz3;IZ)jLV}0)HJVZ}+VOtN;K207*qoM6N<$f?ddKj{pDw

literal 0
HcmV?d00001

diff --git a/apps/extension/public/icon/96.png b/apps/extension/public/icon/96.png
new file mode 100644
index 0000000000000000000000000000000000000000..c28ad52d56fc409195f52f57c447442326d94b6b
GIT binary patch
literal 2366
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

literal 0
HcmV?d00001

diff --git a/apps/extension/src/shared/messages.test.ts b/apps/extension/src/shared/messages.test.ts
new file mode 100644
index 0000000000..748627927b
--- /dev/null
+++ b/apps/extension/src/shared/messages.test.ts
@@ -0,0 +1,42 @@
+import { describe, expect, it } from 'vitest';
+import {
+  createGetSidebarStateMessage,
+  createSidebarStateMessage,
+  createToggleSidebarMessage,
+  isGetSidebarStateMessage,
+  isSidebarStateMessage,
+  isToggleSidebarMessage,
+} from './messages';
+
+describe('sidebar messages', () => {
+  it('creates a toggle message with the stable extension protocol type', () => {
+    expect.assertions(1);
+    expect(createToggleSidebarMessage()).toStrictEqual({
+      type: 'kilo.sidebar.toggle',
+    });
+  });
+
+  it('creates a state request message with the stable extension protocol type', () => {
+    expect.assertions(1);
+    expect(createGetSidebarStateMessage()).toStrictEqual({
+      type: 'kilo.sidebar.getState',
+    });
+  });
+
+  it('creates a sidebar state response with an explicit boolean state', () => {
+    expect.assertions(1);
+    expect(createSidebarStateMessage(true)).toStrictEqual({
+      isOpen: true,
+      type: 'kilo.sidebar.state',
+    });
+  });
+
+  it('accepts only the known sidebar message shapes', () => {
+    expect.assertions(5);
+    expect(isToggleSidebarMessage({ type: 'kilo.sidebar.toggle' })).toBe(true);
+    expect(isGetSidebarStateMessage({ type: 'kilo.sidebar.getState' })).toBe(true);
+    expect(isSidebarStateMessage({ isOpen: false, type: 'kilo.sidebar.state' })).toBe(true);
+    expect(isSidebarStateMessage({ type: 'kilo.sidebar.state' })).toBe(false);
+    expect(isToggleSidebarMessage({ type: 'kilo.sidebar.unknown' })).toBe(false);
+  });
+});
diff --git a/apps/extension/src/shared/messages.ts b/apps/extension/src/shared/messages.ts
new file mode 100644
index 0000000000..5ddee29a4e
--- /dev/null
+++ b/apps/extension/src/shared/messages.ts
@@ -0,0 +1,53 @@
+const GET_SIDEBAR_STATE_MESSAGE_TYPE = 'kilo.sidebar.getState';
+const SIDEBAR_STATE_MESSAGE_TYPE = 'kilo.sidebar.state';
+const TOGGLE_SIDEBAR_MESSAGE_TYPE = 'kilo.sidebar.toggle';
+
+interface ToggleSidebarMessage {
+  readonly type: typeof TOGGLE_SIDEBAR_MESSAGE_TYPE;
+}
+
+interface GetSidebarStateMessage {
+  readonly type: typeof GET_SIDEBAR_STATE_MESSAGE_TYPE;
+}
+
+interface SidebarStateMessage {
+  readonly isOpen: boolean;
+  readonly type: typeof SIDEBAR_STATE_MESSAGE_TYPE;
+}
+
+export type SidebarRequestMessage = GetSidebarStateMessage | ToggleSidebarMessage;
+
+export const createToggleSidebarMessage = (): ToggleSidebarMessage => ({
+  type: TOGGLE_SIDEBAR_MESSAGE_TYPE,
+});
+
+export const createGetSidebarStateMessage = (): GetSidebarStateMessage => ({
+  type: GET_SIDEBAR_STATE_MESSAGE_TYPE,
+});
+
+export const createSidebarStateMessage = (isOpen: boolean): SidebarStateMessage => ({
+  isOpen,
+  type: SIDEBAR_STATE_MESSAGE_TYPE,
+});
+
+export const isToggleSidebarMessage = (value: unknown): value is ToggleSidebarMessage =>
+  isObjectWithType(value, TOGGLE_SIDEBAR_MESSAGE_TYPE);
+
+export const isGetSidebarStateMessage = (value: unknown): value is GetSidebarStateMessage =>
+  isObjectWithType(value, GET_SIDEBAR_STATE_MESSAGE_TYPE);
+
+export const isSidebarStateMessage = (value: unknown): value is SidebarStateMessage =>
+  isRecord(value) &&
+  value['type'] === SIDEBAR_STATE_MESSAGE_TYPE &&
+  typeof value['isOpen'] === 'boolean';
+
+const isRecord = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null;
+
+const isObjectWithType = <TType extends string>(
+  value: unknown,
+  type: TType
+): value is { readonly type: TType } => isRecord(value) && value['type'] === type;
+
+export type { GetSidebarStateMessage, SidebarStateMessage, ToggleSidebarMessage };
+export { GET_SIDEBAR_STATE_MESSAGE_TYPE, SIDEBAR_STATE_MESSAGE_TYPE, TOGGLE_SIDEBAR_MESSAGE_TYPE };
diff --git a/apps/extension/src/shared/storage.test.ts b/apps/extension/src/shared/storage.test.ts
new file mode 100644
index 0000000000..f911845a7a
--- /dev/null
+++ b/apps/extension/src/shared/storage.test.ts
@@ -0,0 +1,33 @@
+import { describe, expect, it } from 'vitest';
+import {
+  DEFAULT_SIDEBAR_PREFERENCES,
+  SIDEBAR_PREFERENCES_STORAGE_KEY,
+  normalizeSidebarPreferences,
+} from './storage';
+
+describe('sidebar storage', () => {
+  it('uses a local WXT storage key for sidebar preferences', () => {
+    expect.assertions(1);
+    expect(SIDEBAR_PREFERENCES_STORAGE_KEY).toBe('local:sidebarPreferences');
+  });
+
+  it('keeps the sidebar closed by default', () => {
+    expect.assertions(1);
+    expect(DEFAULT_SIDEBAR_PREFERENCES).toStrictEqual({ isOpen: false });
+  });
+
+  it('normalizes valid persisted sidebar preferences', () => {
+    expect.assertions(1);
+    expect(normalizeSidebarPreferences({ isOpen: true })).toStrictEqual({
+      isOpen: true,
+    });
+  });
+
+  it('falls back to defaults for invalid persisted values', () => {
+    expect.assertions(2);
+    expect(normalizeSidebarPreferences()).toStrictEqual(DEFAULT_SIDEBAR_PREFERENCES);
+    expect(normalizeSidebarPreferences({ isOpen: 'yes' })).toStrictEqual(
+      DEFAULT_SIDEBAR_PREFERENCES
+    );
+  });
+});
diff --git a/apps/extension/src/shared/storage.ts b/apps/extension/src/shared/storage.ts
new file mode 100644
index 0000000000..12a3bfc09a
--- /dev/null
+++ b/apps/extension/src/shared/storage.ts
@@ -0,0 +1,24 @@
+export const SIDEBAR_PREFERENCES_STORAGE_KEY = 'local:sidebarPreferences';
+
+export interface SidebarPreferences {
+  readonly isOpen: boolean;
+}
+
+export const DEFAULT_SIDEBAR_PREFERENCES: SidebarPreferences = {
+  isOpen: false,
+};
+
+export const normalizeSidebarPreferences = (value?: unknown): SidebarPreferences => {
+  if (
+    typeof value === 'object' &&
+    value !== null &&
+    'isOpen' in value &&
+    typeof value.isOpen === 'boolean'
+  ) {
+    return {
+      isOpen: value.isOpen,
+    };
+  }
+
+  return DEFAULT_SIDEBAR_PREFERENCES;
+};
diff --git a/apps/extension/src/types/css.d.ts b/apps/extension/src/types/css.d.ts
new file mode 100644
index 0000000000..35306c6fc9
--- /dev/null
+++ b/apps/extension/src/types/css.d.ts
@@ -0,0 +1 @@
+declare module '*.css';
diff --git a/apps/extension/tsconfig.json b/apps/extension/tsconfig.json
new file mode 100644
index 0000000000..e786c0c509
--- /dev/null
+++ b/apps/extension/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "extends": "./.wxt/tsconfig.json",
+  "compilerOptions": {
+    "allowImportingTsExtensions": true,
+    "exactOptionalPropertyTypes": true,
+    "forceConsistentCasingInFileNames": true,
+    "jsx": "react-jsx",
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitOverride": true,
+    "noImplicitReturns": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noUncheckedIndexedAccess": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "strict": true,
+    "useUnknownInCatchVariables": true
+  },
+  "include": ["**/*.ts", "**/*.tsx", ".wxt/types/**/*.d.ts"],
+  "exclude": ["node_modules", ".output"]
+}
diff --git a/apps/extension/vitest.config.ts b/apps/extension/vitest.config.ts
new file mode 100644
index 0000000000..f151238f4e
--- /dev/null
+++ b/apps/extension/vitest.config.ts
@@ -0,0 +1,12 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'html'],
+    },
+    globals: false,
+    include: ['src/**/*.test.ts', 'src/**/*.test.tsx'],
+  },
+});
diff --git a/apps/extension/wxt.config.ts b/apps/extension/wxt.config.ts
new file mode 100644
index 0000000000..e27d36e19f
--- /dev/null
+++ b/apps/extension/wxt.config.ts
@@ -0,0 +1,26 @@
+import { defineConfig } from 'wxt';
+import tailwindcss from '@tailwindcss/vite';
+
+// See https://wxt.dev/api/config.html
+export default defineConfig({
+  manifest: {
+    action: {
+      default_title: 'Kilo',
+    },
+    browser_specific_settings: {
+      gecko: {
+        data_collection_permissions: {
+          required: ['none'],
+        },
+        id: 'kilo-extension@kilocode.ai',
+      },
+    },
+    description: 'Kilo browser extension.',
+    name: 'Kilo Extension',
+    permissions: ['activeTab'],
+  },
+  modules: ['@wxt-dev/module-react'],
+  vite: () => ({
+    plugins: [tailwindcss()],
+  }),
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 840a59e532..44794dbc5b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -163,6 +163,49 @@ importers:
         specifier: 'catalog:'
         version: 5.9.3
 
+  apps/extension:
+    dependencies:
+      react:
+        specifier: 19.2.6
+        version: 19.2.6
+      react-dom:
+        specifier: 19.2.6
+        version: 19.2.6(react@19.2.6)
+    devDependencies:
+      '@tailwindcss/vite':
+        specifier: 4.3.1
+        version: 4.3.1(vite@8.0.10(@types/node@24.12.4)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))
+      '@types/node':
+        specifier: 'catalog:'
+        version: 24.12.4
+      '@types/react':
+        specifier: 19.2.14
+        version: 19.2.14
+      '@types/react-dom':
+        specifier: 19.2.3
+        version: 19.2.3(@types/react@19.2.14)
+      '@vitest/coverage-v8':
+        specifier: 'catalog:'
+        version: 4.1.6(vitest@4.1.6)
+      '@wxt-dev/module-react':
+        specifier: 1.2.2
+        version: 1.2.2(babel-plugin-react-compiler@1.0.0)(vite@8.0.10(@types/node@24.12.4)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))(wxt@0.20.26(@types/node@24.12.4)(eslint@9.39.4(jiti@2.7.0))(jiti@2.7.0)(oxc-parser@0.120.0)(rollup@4.59.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))
+      tailwindcss:
+        specifier: 4.3.1
+        version: 4.3.1
+      typescript:
+        specifier: 'catalog:'
+        version: 5.9.3
+      vitest:
+        specifier: 'catalog:'
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@24.12.4)(@vitest/coverage-v8@4.1.6)(@vitest/ui@4.1.6)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
+      web-ext:
+        specifier: 10.4.0
+        version: 10.4.0(express@5.2.1)(jiti@2.7.0)
+      wxt:
+        specifier: 0.20.26
+        version: 0.20.26(@types/node@24.12.4)(eslint@9.39.4(jiti@2.7.0))(jiti@2.7.0)(oxc-parser@0.120.0)(rollup@4.59.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
+
   apps/mobile:
     dependencies:
       '@expo-google-fonts/jetbrains-mono':
@@ -200,7 +243,7 @@ importers:
         version: 7.11.0(expo@55.0.24)(react-native@0.83.6(@babel/core@7.29.0)(@types/react@19.2.14)(bufferutil@4.1.0)(react@19.2.0)(utf-8-validate@6.0.6))(react@19.2.0)
       '@shopify/flash-list':
         specifier: 2.0.2
-        version: 2.0.2(@babel/runtime@7.29.2)(react-native@0.83.6(@babel/core@7.29.0)(@types/react@19.2.14)(bufferutil@4.1.0)(react@19.2.0)(utf-8-validate@6.0.6))(react@19.2.0)
+        version: 2.0.2(@babel/runtime@7.29.7)(react-native@0.83.6(@babel/core@7.29.0)(@types/react@19.2.14)(bufferutil@4.1.0)(react@19.2.0)(utf-8-validate@6.0.6))(react@19.2.0)
       '@tailwindcss/postcss':
         specifier: 4.2.4
         version: 4.2.4
@@ -375,7 +418,7 @@ importers:
         version: 7.0.0-dev.20260514.1
       eslint-plugin-sonarjs:
         specifier: 4.0.3
-        version: 4.0.3
+        version: 4.0.3(eslint@9.39.4(jiti@2.7.0))
       knip:
         specifier: 6.0.6
         version: 6.0.6
@@ -442,7 +485,7 @@ importers:
         version: 9.1.20(patch_hash=e1857649664eed8f87877c352d277c90d4af5a58d0ad931105f033c8c08165c1)(esbuild@0.27.4)(next@16.2.6(@babel/core@7.29.0)(@opentelemetry/api@1.9.1)(@playwright/test@1.58.2)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)))(type-fest@4.41.0)(typescript@5.9.3)(webpack-hot-middleware@2.26.1)(webpack@5.105.4(esbuild@0.27.4))
       '@storybook/test-runner':
         specifier: 0.23.0
-        version: 0.23.0(@types/node@25.5.2)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)))
+        version: 0.23.0(@types/node@25.5.2)(node-notifier@10.0.1)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)))
       '@tailwindcss/typography':
         specifier: 0.5.19
         version: 0.5.19(tailwindcss@4.2.4)
@@ -962,7 +1005,7 @@ importers:
         version: 6.8.0(@types/react@19.2.14)(bufferutil@4.1.0)(react-devtools-core@6.1.5(bufferutil@4.1.0)(utf-8-validate@6.0.6))(react@19.2.6)(utf-8-validate@6.0.6)
       jest:
         specifier: 30.3.0
-        version: 30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4))
+        version: 30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1)
       knip:
         specifier: 5.86.0
         version: 5.86.0(@types/node@24.12.4)(typescript@5.9.3)
@@ -977,7 +1020,7 @@ importers:
         version: 4.2.4
       ts-jest:
         specifier: 29.4.9
-        version: 29.4.9(@babel/core@7.29.0)(@jest/transform@30.3.0)(@jest/types@30.3.0)(babel-jest@30.3.0(@babel/core@7.29.0))(esbuild@0.27.4)(jest-util@30.3.0)(jest@30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4)))(typescript@5.9.3)
+        version: 29.4.9(@babel/core@7.29.0)(@jest/transform@30.3.0)(@jest/types@30.3.0)(babel-jest@30.3.0(@babel/core@7.29.0))(esbuild@0.27.4)(jest-util@30.3.0)(jest@30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1))(typescript@5.9.3)
       tsconfig-paths:
         specifier: 4.2.0
         version: 4.2.0
@@ -1382,7 +1425,7 @@ importers:
         version: 0.31.10
       jest:
         specifier: 29.7.0
-        version: 29.7.0(@types/node@24.12.4)
+        version: 29.7.0(@types/node@24.12.4)(node-notifier@10.0.1)
       typescript:
         specifier: 'catalog:'
         version: 5.9.3
@@ -1857,10 +1900,10 @@ importers:
         version: 7.0.0-dev.20260514.1
       jest:
         specifier: 30.3.0
-        version: 30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4))
+        version: 30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1)
       ts-jest:
         specifier: 29.4.9
-        version: 29.4.9(@babel/core@7.29.0)(@jest/transform@30.3.0)(@jest/types@30.3.0)(babel-jest@30.3.0(@babel/core@7.29.0))(esbuild@0.27.4)(jest-util@30.3.0)(jest@30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4)))(typescript@5.9.3)
+        version: 29.4.9(@babel/core@7.29.0)(@jest/transform@30.3.0)(@jest/types@30.3.0)(babel-jest@30.3.0(@babel/core@7.29.0))(esbuild@0.27.4)(jest-util@30.3.0)(jest@30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1))(typescript@5.9.3)
       typescript:
         specifier: 'catalog:'
         version: 5.9.3
@@ -1918,10 +1961,10 @@ importers:
         version: 7.0.0-dev.20260514.1
       jest:
         specifier: 29.7.0
-        version: 29.7.0(@types/node@24.12.4)
+        version: 29.7.0(@types/node@24.12.4)(node-notifier@10.0.1)
       ts-jest:
         specifier: 29.4.9
-        version: 29.4.9(@babel/core@7.29.0)(@jest/transform@30.3.0)(@jest/types@30.3.0)(babel-jest@30.3.0(@babel/core@7.29.0))(jest-util@30.3.0)(jest@29.7.0(@types/node@24.12.4))(typescript@5.9.3)
+        version: 29.4.9(@babel/core@7.29.0)(@jest/transform@30.3.0)(@jest/types@30.3.0)(babel-jest@30.3.0(@babel/core@7.29.0))(jest-util@30.3.0)(jest@29.7.0(@types/node@24.12.4)(node-notifier@10.0.1))(typescript@5.9.3)
       tsx:
         specifier: 'catalog:'
         version: 4.21.0
@@ -1970,7 +2013,7 @@ importers:
         version: 7.0.0-dev.20260514.1
       jest:
         specifier: 30.3.0
-        version: 30.3.0(@types/node@25.5.2)(esbuild-register@3.6.0(esbuild@0.27.4))
+        version: 30.3.0(@types/node@25.5.2)(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1)
       typescript:
         specifier: 'catalog:'
         version: 5.9.3
@@ -2920,6 +2963,9 @@ importers:
 
 packages:
 
+  '@1natsu/wait-element@4.2.0':
+    resolution: {integrity: sha512-Om0Q+WE9mNrpY4AwMTvkFiYHv8VM7TML3PvOqXy+w6kAjLjKhGYHYX+305+a6J8RVpds9s7IF2Z5aOPYwULFNw==}
+
   '@adobe/css-tools@4.4.4':
     resolution: {integrity: sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==}
 
@@ -2968,6 +3014,16 @@ packages:
     resolution: {integrity: sha512-Q3BZ27qfpYqnCYGvE3vt+Qi6LGOF9R5Nmzn+9JoM1lCRsD9mYaIhfJLkSunN48nfGXJ6n+XNV0J/XVpqGQl7Dw==}
     engines: {node: '>=18'}
 
+  '@aklinker1/rollup-plugin-visualizer@5.12.0':
+    resolution: {integrity: sha512-X24LvEGw6UFmy0lpGJDmXsMyBD58XmX1bbwsaMLhNoM+UMQfQ3b2RtC+nz4b/NoRK5r6QJSKJHBNVeUdwqybaQ==}
+    engines: {node: '>=14'}
+    hasBin: true
+    peerDependencies:
+      rollup: 2.x || 3.x || 4.x
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
   '@alcalzone/ansi-tokenize@0.2.5':
     resolution: {integrity: sha512-3NX/MpTdroi0aKz134A6RC2Gb2iXVECN4QaAXnvCIxxIm3C3AVB1mkUe8NaaiyvOpDfsrqWhYtj+Q6a62RrTsw==}
     engines: {node: '>=18'}
@@ -3870,10 +3926,18 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
+  '@babel/runtime@7.28.2':
+    resolution: {integrity: sha512-KHp2IflsnGywDjBWDkR9iEqiWSpc8GIi0lgTT3mOElT0PP1tG26P4tmFI2YvAdzgq9RGyoHZQEIEdZy6Ec5xCA==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/runtime@7.29.2':
     resolution: {integrity: sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/runtime@7.29.7':
+    resolution: {integrity: sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/template@7.28.6':
     resolution: {integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==}
     engines: {node: '>=6.9.0'}
@@ -4154,6 +4218,19 @@ packages:
     resolution: {integrity: sha512-Y6+WUMsTFWE5jb20IFP4YGa5IrGY/+a/FbOSjDF/wz9gepU2hwCYSXRHP/vPwBvwcY3SVMASt4yXxbXNXigmZQ==}
     engines: {node: '>=18'}
 
+  '@devicefarmer/adbkit-logcat@2.1.3':
+    resolution: {integrity: sha512-yeaGFjNBc/6+svbDeul1tNHtNChw6h8pSHAt5D+JsedUrMTN7tla7B15WLDyekxsuS2XlZHRxpuC6m92wiwCNw==}
+    engines: {node: '>= 4'}
+
+  '@devicefarmer/adbkit-monkey@1.2.1':
+    resolution: {integrity: sha512-ZzZY/b66W2Jd6NHbAhLyDWOEIBWC11VizGFk7Wx7M61JZRz7HR9Cq5P+65RKWUU7u6wgsE8Lmh9nE4Mz+U2eTg==}
+    engines: {node: '>= 0.10.4'}
+
+  '@devicefarmer/adbkit@3.3.8':
+    resolution: {integrity: sha512-7rBLLzWQnBwutH2WZ0EWUkQdihqrnLYCUMaB44hSol9e0/cdIhuNFcqZO0xNheAU6qqHVA8sMiLofkYTgb+lmw==}
+    engines: {node: '>= 0.10.4'}
+    hasBin: true
+
   '@discordjs/builders@1.13.1':
     resolution: {integrity: sha512-cOU0UDHc3lp/5nKByDxkmRiNZBpdp0kx55aarbiAfakfKJHlxv/yFW1zmIqCAmwH5CRlrH9iMFKJMpvW4DPB+w==}
     engines: {node: '>=16.11.0'}
@@ -4394,10 +4471,44 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@eslint-community/eslint-utils@4.9.1':
+    resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
   '@eslint-community/regexpp@4.12.2':
     resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
+  '@eslint/config-array@0.21.2':
+    resolution: {integrity: sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/config-helpers@0.4.2':
+    resolution: {integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/core@0.17.0':
+    resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/eslintrc@3.3.5':
+    resolution: {integrity: sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.39.4':
+    resolution: {integrity: sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/object-schema@2.1.7':
+    resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/plugin-kit@0.4.1':
+    resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@expo-google-fonts/jetbrains-mono@0.4.1':
     resolution: {integrity: sha512-CslACrtMOcRwoWXCO7OMEI+9w3fukWSoBtvNz46OqPoogEuuoY0tkDY1O8sFumk8t0pC6Cx0Xr95O0TOQhpkug==}
 
@@ -4603,6 +4714,14 @@ packages:
   '@floating-ui/utils@0.2.11':
     resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
 
+  '@fluent/syntax@0.19.0':
+    resolution: {integrity: sha512-5D2qVpZrgpjtqU4eNOcWGp1gnUCgjfM+vKGE2y03kKN6z5EBhtx0qdRFbg8QuNNj8wXNoX93KJoYb+NqoxswmQ==}
+    engines: {node: '>=14.0.0', npm: '>=7.0.0'}
+
+  '@fregante/relaxed-json@2.0.0':
+    resolution: {integrity: sha512-PyUXQWB42s4jBli435TDiYuVsadwRHnMc27YaLouINktvTWsL3FcKrRMGawTayFk46X+n5bE23RjUTWQwrukWw==}
+    engines: {node: '>= 0.10.0'}
+
   '@google/genai@2.7.0':
     resolution: {integrity: sha512-tv0DRtcndt2oEhBYy+5mA0TaXH98+L1Gt0AP9unBfH7DP20KhB7+O3QqAN1Lz+laMARGTHS7BFQSNpLbl4gm1g==}
     engines: {node: '>=20.0.0'}
@@ -4655,6 +4774,26 @@ packages:
       '@trpc/server': ^10.10.0 || >11.0.0-rc
       hono: 4.12.18
 
+  '@humanfs/core@0.19.2':
+    resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.8':
+    resolution: {integrity: sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/types@0.15.0':
+    resolution: {integrity: sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
+    engines: {node: '>=18.18'}
+
   '@img/colour@1.1.0':
     resolution: {integrity: sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==}
     engines: {node: '>=18'}
@@ -5216,6 +5355,9 @@ packages:
   '@marijn/find-cluster-break@1.0.2':
     resolution: {integrity: sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==}
 
+  '@mdn/browser-compat-data@8.0.2':
+    resolution: {integrity: sha512-bT8u6Ll/vuV8qC9tn8cqvxoAtBpKcCwhKMW51qJRK9+G3JUtAx3lc1wjij4GJzGCfqA0keRbJUFetCgwwYaskA==}
+
   '@mdx-js/loader@3.1.1':
     resolution: {integrity: sha512-0TTacJyZ9mDmY+VefuthVshaNIyCGZHJG2fMnGaDttCt8HmjUF7SizlHJpaCDoGnN635nK1wpzfpx/Xx5S4WnQ==}
     peerDependencies:
@@ -6354,6 +6496,9 @@ packages:
   '@paper-design/shaders@0.0.76':
     resolution: {integrity: sha512-AcNDY4J66YQHUfQYFInkCP7M9VOje0od7wLpOR7LtCmc532opJy6ll+h1W9zBovz8tt9U7OADUmJ/qKEXyOX/A==}
 
+  '@pinojs/redact@0.4.0':
+    resolution: {integrity: sha512-k2ENnmBugE/rzQfEcdWHcCY+/FM3VLzH9cYEsbdsoqrvzAKRhUZeRNhAZvB8OitQJ1TBed3yqWtdjzS6wJKBwg==}
+
   '@pkgr/core@0.2.9':
     resolution: {integrity: sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
@@ -6389,6 +6534,18 @@ packages:
       webpack-plugin-serve:
         optional: true
 
+  '@pnpm/config.env-replace@1.1.0':
+    resolution: {integrity: sha512-htyl8TWnKL7K/ESFa1oW2UB5lVDxuF5DpM7tBi6Hu2LNL3mWkIzNLG6N4zoCUP1lCKNxWy/3iu8mS8MvToGd6w==}
+    engines: {node: '>=12.22.0'}
+
+  '@pnpm/network.ca-file@1.0.2':
+    resolution: {integrity: sha512-YcPQ8a0jwYU9bTdJDpXjMi7Brhkr1mXsXrUJvjqM2mQDgkRiz8jFaQGOdaLxgjtUfQgZhKy/O3cG/YwmgKaxLA==}
+    engines: {node: '>=12.22.0'}
+
+  '@pnpm/npm-conf@3.0.3':
+    resolution: {integrity: sha512-//0sR/cow/s4ICQaYoAobOl4aU8cjU6x/V24V7XkKotb9+O+3zySIYp146vpaobYHnxa4pZX8NkV54Z5AwbDKA==}
+    engines: {node: '>=12'}
+
   '@polka/url@1.0.0-next.29':
     resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
 
@@ -7278,6 +7435,9 @@ packages:
   '@rolldown/pluginutils@1.0.0-rc.17':
     resolution: {integrity: sha512-n8iosDOt6Ig1UhJ2AYqoIhHWh/isz0xpicHTzpKBeotdVsTEcxsSA/i3EVM7gQAj0rU27OLAxCjzlj15IWY7bg==}
 
+  '@rolldown/pluginutils@1.0.1':
+    resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==}
+
   '@rollup/plugin-commonjs@28.0.1':
     resolution: {integrity: sha512-+tNWdlWKbpB3WgBN7ijjYkq9X5uhjmcvyjEght4NmH5fAU++zfQzAJ6wumLS+dNcvwEZhKx2Z+skY8m7v0wGSA==}
     engines: {node: '>=16.0.0 || 14 >= 14.17'}
@@ -8469,36 +8629,69 @@ packages:
   '@tailwindcss/node@4.2.4':
     resolution: {integrity: sha512-Ai7+yQPxz3ddrDQzFfBKdHEVBg0w3Zl83jnjuwxnZOsnH9pGn93QHQtpU0p/8rYWxvbFZHneni6p1BSLK4DkGA==}
 
+  '@tailwindcss/node@4.3.1':
+    resolution: {integrity: sha512-6NDaqRoAMSXD1mr/RXu0HBvNE9a2n5tHPsxu9XHLws8o4Twes5rBM2205SUUiJ9goAtadrN6xTGX0UDEwp/N4A==}
+
   '@tailwindcss/oxide-android-arm64@4.2.4':
     resolution: {integrity: sha512-e7MOr1SAn9U8KlZzPi1ZXGZHeC5anY36qjNwmZv9pOJ8E4Q6jmD1vyEHkQFmNOIN7twGPEMXRHmitN4zCMN03g==}
     engines: {node: '>= 20'}
     cpu: [arm64]
     os: [android]
 
+  '@tailwindcss/oxide-android-arm64@4.3.1':
+    resolution: {integrity: sha512-SVlyf61g374l5cHyg8x9kf5xmLcOaxvOTsbsqDnSsDJaKOEFZ7GCvi84VAVGpxojYOs1+3K6M0UjXfqPU8vmOQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [android]
+
   '@tailwindcss/oxide-darwin-arm64@4.2.4':
     resolution: {integrity: sha512-tSC/Kbqpz/5/o/C2sG7QvOxAKqyd10bq+ypZNf+9Fi2TvbVbv1zNpcEptcsU7DPROaSbVgUXmrzKhurFvo5eDg==}
     engines: {node: '>= 20'}
     cpu: [arm64]
     os: [darwin]
 
+  '@tailwindcss/oxide-darwin-arm64@4.3.1':
+    resolution: {integrity: sha512-hVnWLwv+e/l7c4WKyVtHVrIPvYdqWHjRB3MDIqARynzFtnQg85kmQEFCbV9Ja0VVx4xXTIiDWY60Y7iz/iNoDA==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [darwin]
+
   '@tailwindcss/oxide-darwin-x64@4.2.4':
     resolution: {integrity: sha512-yPyUXn3yO/ufR6+Kzv0t4fCg2qNr90jxXc5QqBpjlPNd0NqyDXcmQb/6weunH/MEDXW5dhyEi+agTDiqa3WsGg==}
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [darwin]
 
+  '@tailwindcss/oxide-darwin-x64@4.3.1':
+    resolution: {integrity: sha512-Cf7abu0WVgbhU7ANgPUnSAvm7nCvMweusHb8FnaHlLfv/Caq4GYaEZg7ZImzzmjx4lIAfuS8q+eLIS7A7IzxIg==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [darwin]
+
   '@tailwindcss/oxide-freebsd-x64@4.2.4':
     resolution: {integrity: sha512-BoMIB4vMQtZsXdGLVc2z+P9DbETkiopogfWZKbWwM8b/1Vinbs4YcUwo+kM/KeLkX3Ygrf4/PsRndKaYhS8Eiw==}
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [freebsd]
 
+  '@tailwindcss/oxide-freebsd-x64@4.3.1':
+    resolution: {integrity: sha512-ZZqzX2Y+GXtXXfqSfpJhDm60OoZfvLHLCgm+J7NVqgHHJjG/m9ugZI77RwTsVd4fnBJuCFP6Ae6kTJb71UdS8g==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [freebsd]
+
   '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.4':
     resolution: {integrity: sha512-7pIHBLTHYRAlS7V22JNuTh33yLH4VElwKtB3bwchK/UaKUPpQ0lPQiOWcbm4V3WP2I6fNIJ23vABIvoy2izdwA==}
     engines: {node: '>= 20'}
     cpu: [arm]
     os: [linux]
 
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.1':
+    resolution: {integrity: sha512-/Ah/xik0LaMYfv9DZ0S/t4pBlBNYOcqtRwusjgovHkvT8ixueWCLyJjsaF5kQIckjb4IT8Q6K6p/iPmZMixYgg==}
+    engines: {node: '>= 20'}
+    cpu: [arm]
+    os: [linux]
+
   '@tailwindcss/oxide-linux-arm64-gnu@4.2.4':
     resolution: {integrity: sha512-+E4wxJ0ZGOzSH325reXTWB48l42i93kQqMvDyz5gqfRzRZ7faNhnmvlV4EPGJU3QJM/3Ab5jhJ5pCRUsKn6OQw==}
     engines: {node: '>= 20'}
@@ -8506,6 +8699,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@tailwindcss/oxide-linux-arm64-gnu@4.3.1':
+    resolution: {integrity: sha512-gqdFoVJlw444GvpnheZLHmvTzSxI/cOUUh2KSNejQjTcYkW062SVD+En0rUgD+QV91bz1XGIGtt1HJd48xUGbQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
   '@tailwindcss/oxide-linux-arm64-musl@4.2.4':
     resolution: {integrity: sha512-bBADEGAbo4ASnppIziaQJelekCxdMaxisrk+fB7Thit72IBnALp9K6ffA2G4ruj90G9XRS2VQ6q2bCKbfFV82g==}
     engines: {node: '>= 20'}
@@ -8513,6 +8713,13 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@tailwindcss/oxide-linux-arm64-musl@4.3.1':
+    resolution: {integrity: sha512-Bwv9KwOvE0VKa86xPFif9b9c3Y1NxOV1P0gLti/IYaWEsQYZXDlxfGEtA8mdDZ7SG3wyNXAWYT5SIn3giL57oA==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
   '@tailwindcss/oxide-linux-x64-gnu@4.2.4':
     resolution: {integrity: sha512-7Mx25E4WTfnht0TVRTyC00j3i0M+EeFe7wguMDTlX4mRxafznw0CA8WJkFjWYH5BlgELd1kSjuU2JiPnNZbJDA==}
     engines: {node: '>= 20'}
@@ -8520,6 +8727,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@tailwindcss/oxide-linux-x64-gnu@4.3.1':
+    resolution: {integrity: sha512-Ymi8O8T15HYQdOUWUtTI6ldN0neHP85FC+Qz32xTcZ7iJXtem/x8ITev0o1e9e5rkqj4lONZfTRLvkmin1+tKg==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
   '@tailwindcss/oxide-linux-x64-musl@4.2.4':
     resolution: {integrity: sha512-2wwJRF7nyhOR0hhHoChc04xngV3iS+akccHTGtz965FwF0up4b2lOdo6kI1EbDaEXKgvcrFBYcYQQ/rrnWFVfA==}
     engines: {node: '>= 20'}
@@ -8527,6 +8741,13 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@tailwindcss/oxide-linux-x64-musl@4.3.1':
+    resolution: {integrity: sha512-M+P/91qJ6uILLw4k2G93GMDRAXj61SMvFQYt39AqvUqYgExXpLL5aepfns7sj4HiAQeolirQF9E0lzRvdf4zPQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
   '@tailwindcss/oxide-wasm32-wasi@4.2.4':
     resolution: {integrity: sha512-FQsqApeor8Fo6gUEklzmaa9994orJZZDBAlQpK2Mq+DslRKFJeD6AjHpBQ0kZFQohVr8o85PPh8eOy86VlSCmw==}
     engines: {node: '>=14.0.0'}
@@ -8539,22 +8760,50 @@ packages:
       - '@emnapi/wasi-threads'
       - tslib
 
+  '@tailwindcss/oxide-wasm32-wasi@4.3.1':
+    resolution: {integrity: sha512-zsM8uOeqvVGHsAXsJxsT28ttosFahLJKCLOTUBqRAtKnVgGSRitds9T432QiT8b77Yga7JIBkulIRRlJPtYhRA==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
   '@tailwindcss/oxide-win32-arm64-msvc@4.2.4':
     resolution: {integrity: sha512-L9BXqxC4ToVgwMFqj3pmZRqyHEztulpUJzCxUtLjobMCzTPsGt1Fa9enKbOpY2iIyVtaHNeNvAK8ERP/64sqGQ==}
     engines: {node: '>= 20'}
     cpu: [arm64]
     os: [win32]
 
+  '@tailwindcss/oxide-win32-arm64-msvc@4.3.1':
+    resolution: {integrity: sha512-aiNvSq9BsVk8V513lDKlrCFAgf8qBMPZTpgEhInL+NwQqs97mYmupVMrPrgBBSL8Pv/0zXu9MrMF9rMun1ZeNg==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [win32]
+
   '@tailwindcss/oxide-win32-x64-msvc@4.2.4':
     resolution: {integrity: sha512-ESlKG0EpVJQwRjXDDa9rLvhEAh0mhP1sF7sap9dNZT0yyl9SAG6T7gdP09EH0vIv0UNTlo6jPWyujD6559fZvw==}
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [win32]
 
+  '@tailwindcss/oxide-win32-x64-msvc@4.3.1':
+    resolution: {integrity: sha512-xDEyu1rg290472FEGaKHnzyDyh5QH+AlWvsU5hMoMtPpzmKlRI0jaYKCgSHDYtaQWZOYbMaduSyCwFwY4n1HmA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [win32]
+
   '@tailwindcss/oxide@4.2.4':
     resolution: {integrity: sha512-9El/iI069DKDSXwTvB9J4BwdO5JhRrOweGaK25taBAvBXyXqJAX+Jqdvs8r8gKpsI/1m0LeJLyQYTf/WLrBT1Q==}
     engines: {node: '>= 20'}
 
+  '@tailwindcss/oxide@4.3.1':
+    resolution: {integrity: sha512-yVPyo8RNkabVr3O2EhHEE0Rewu7YKzc1DhIqfL46LKveFrmu9XbDazNOJY7/GRuvw1h6u3utWnR29H/p5JPlgA==}
+    engines: {node: '>= 20'}
+
   '@tailwindcss/postcss@4.2.4':
     resolution: {integrity: sha512-wgAVj6nUWAolAu8YFvzT2cTBIElWHkjZwFYovF+xsqKsW2ADxM/X2opxj5NsF/qVccAOjRNe8X2IdPzMsWyHTg==}
 
@@ -8563,6 +8812,11 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1'
 
+  '@tailwindcss/vite@4.3.1':
+    resolution: {integrity: sha512-hItDHuIIlEV61R+faXu66s1K36aTurO/Qw0e45Vskz57gXl9pWOT6eg3zmcEui6CZXddbN7zd41bwmvag4JGwQ==}
+    peerDependencies:
+      vite: '>=8.0.5 <8.0.11'
+
   '@tanstack/query-core@5.100.10':
     resolution: {integrity: sha512-8UR0yJR+GiQ40m3lPhUr0xbfAupe6GSQiksSBSa9SM2NjezFyxXCIA69/lz8cSoNKZLrw1/PktIyQBJcVeMi3w==}
 
@@ -8705,12 +8959,21 @@ packages:
   '@types/estree@1.0.8':
     resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
+  '@types/filesystem@0.0.36':
+    resolution: {integrity: sha512-vPDXOZuannb9FZdxgHnqSwAG/jvdGM8Wq+6N4D/d80z+D4HWH+bItqsZaVRQykAn6WEVeEkLm2oQigyHtgb0RA==}
+
+  '@types/filewriter@0.0.33':
+    resolution: {integrity: sha512-xFU8ZXTw4gd358lb2jw25nxY9QAgqn2+bKKjKOYfNCzN4DKCFetK7sPtrlpg66Ywe3vWY9FNxprZawAh9wfJ3g==}
+
   '@types/graceful-fs@4.1.9':
     resolution: {integrity: sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==}
 
   '@types/hammerjs@2.0.46':
     resolution: {integrity: sha512-ynRvcq6wvqexJ9brDMS4BnBLzmr0e14d6ZJTEShTBWKymQiHwlAyGu0ZPEFI2Fh1U53F7tN9ufClWM5KvqkKOw==}
 
+  '@types/har-format@1.2.16':
+    resolution: {integrity: sha512-fluxdy7ryD3MV6h8pTfTYpy/xQzCFC7m89nOH9y94cNqJ1mDIDPut7MnRHI3F6qRmh/cT2fUjG1MLdCNb4hE9A==}
+
   '@types/hast@3.0.4':
     resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
 
@@ -8761,6 +9024,9 @@ packages:
   '@types/mdx@2.0.13':
     resolution: {integrity: sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==}
 
+  '@types/minimatch@3.0.5':
+    resolution: {integrity: sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==}
+
   '@types/ms@2.1.0':
     resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
 
@@ -8841,6 +9107,9 @@ packages:
   '@types/wait-on@5.3.4':
     resolution: {integrity: sha512-EBsPjFMrFlMbbUFf9D1Fp+PAB2TwmUn7a3YtHyD9RLuTIk1jDd8SxXVAoez2Ciy+8Jsceo2MYEYZzJ/DvorOKw==}
 
+  '@types/webextension-polyfill@0.12.5':
+    resolution: {integrity: sha512-uKSAv6LgcVdINmxXMKBuVIcg/2m5JZugoZO8x20g7j2bXJkPIl/lVGQcDlbV+aXAiTyXT2RA5U5mI4IGCDMQeg==}
+
   '@types/ws@8.18.1':
     resolution: {integrity: sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==}
 
@@ -9105,6 +9374,19 @@ packages:
       '@opentelemetry/sdk-metrics': '>=2.0.0 <3.0.0'
       '@opentelemetry/sdk-trace-base': '>=2.0.0 <3.0.0'
 
+  '@vitejs/plugin-react@6.0.2':
+    resolution: {integrity: sha512-DlSMqo4WhThw4vB8Mpn0Woe9J+Jfq1geJ61AKW0QEgLzGMNwtIMdxbDUzLxcun8W7NbJO0e2Jg/Nxm3cCSVzzg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      '@rolldown/plugin-babel': ^0.1.7 || ^0.2.0
+      babel-plugin-react-compiler: ^1.0.0
+      vite: '>=8.0.5 <8.0.11'
+    peerDependenciesMeta:
+      '@rolldown/plugin-babel':
+        optional: true
+      babel-plugin-react-compiler:
+        optional: true
+
   '@vitest/coverage-v8@4.1.6':
     resolution: {integrity: sha512-36l628fQ/9a/8ihy97eOtEnvWQEdqULQOJtcaxtoNq0G1w3Mxd4szSahOaMM9/NGyZ+hyKcMtIW/WIxq0XQViQ==}
     peerDependencies:
@@ -9235,6 +9517,15 @@ packages:
   '@webassemblyjs/wast-printer@1.14.1':
     resolution: {integrity: sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==}
 
+  '@webext-core/fake-browser@1.5.2':
+    resolution: {integrity: sha512-nkDQwOJ23X5Q7cEtN6LRuBtVFf1KVOFi5GoQAro0lzqdh59F5E+K350j1isbnqYbzsXRh1NJtboudIcHfZtvOQ==}
+
+  '@webext-core/isolated-element@1.1.5':
+    resolution: {integrity: sha512-4m6oP8Vzm/68YO1QmkUOZqqUcmyBtA53tji2g00/nYXE3E3IceYgeub7eIqvXDV2Z7xU6cm6qO1IMt4XFVwtvQ==}
+
+  '@webext-core/match-patterns@1.0.3':
+    resolution: {integrity: sha512-NY39ACqCxdKBmHgw361M9pfJma8e4AZo20w9AY+5ZjIj1W2dvXC8J31G5fjfOGbulW9w4WKpT8fPooi0mLkn9A==}
+
   '@workflow/serde@4.1.0-beta.2':
     resolution: {integrity: sha512-8kkeoQKLDaKXefjV5dbhBj2aErfKp1Mc4pb6tj8144cF+Em5SPbyMbyLCHp+BVrFfFVCBluCtMx+jjvaFVZGww==}
 
@@ -9242,6 +9533,18 @@ packages:
     resolution: {integrity: sha512-NgQKHpwh8AbT4KvAsW91Y+4f4jja2IvFPQ5atcy5NUxUMVRgXzRFEee3erawfXrTmiCVqJjd9PljHySKBXmHKQ==}
     engines: {node: '>=20.15.0'}
 
+  '@wxt-dev/browser@0.1.43':
+    resolution: {integrity: sha512-RMB0zgfe7uuiTp18s9taLeKXoOCLBV418797dnEggiMWmM1JDJekiLtlvrNc6QeZg+amDBy2/KKYuQB2kh/K9A==}
+
+  '@wxt-dev/module-react@1.2.2':
+    resolution: {integrity: sha512-+lRLi1r9dAXpLySWSIWHLJ1h/nFzR20iQnx3RNrKyA6oJg4+ClOluVXozHjfPg9Okfy/umtffiOopGayASrg6w==}
+    peerDependencies:
+      vite: '>=8.0.5 <8.0.11'
+      wxt: '>=0.19.16'
+
+  '@wxt-dev/storage@1.2.8':
+    resolution: {integrity: sha512-GWCFKgF5+d7eslOxUDFC70ypA9njupmJb1nQM8uZoX0J3sWT2BO5xJLzb1sYahWAfID9p2BMtnUBN1lkWxPsbQ==}
+
   '@xmldom/xmldom@0.8.13':
     resolution: {integrity: sha512-KRYzxepc14G/CEpEGc3Yn+JKaAeT63smlDr+vjB8jRfgTBBI9wRj/nkQEO+ucV8p8I9bfKLWp37uHgFrbntPvw==}
     engines: {node: '>=10.0.0'}
@@ -9308,10 +9611,33 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  addons-linter@10.7.0:
+    resolution: {integrity: sha512-WdfEuL2CUqE4BLzQ3kqVa0rTmnnuRZ8CM9xAP37vpdVqMS2eX0GlBXmC33I6ilkVWTcsW42xEGcLUYirLI4O1A==}
+    engines: {node: '>=20.0.0'}
+    hasBin: true
+
+  addons-moz-compare@1.3.0:
+    resolution: {integrity: sha512-/rXpQeaY0nOKhNx00pmZXdk5Mu+KhVlL3/pSBuAYwrxRrNiTvI/9xfQI8Lmm7DMMl+PDhtfAHY/0ibTpdeoQQQ==}
+
+  addons-scanner-utils@15.2.0:
+    resolution: {integrity: sha512-SkjE3jE7Sfx67KuL8nI5DolqqQ35G1GMcMrgT9LufKnBJUW4YnoBO1sLAILj3N/FLhfSAT0hwWK1MSVLmgbASQ==}
+    peerDependencies:
+      express: 5.2.1
+      safe-compare: 1.1.4
+    peerDependenciesMeta:
+      express:
+        optional: true
+      safe-compare:
+        optional: true
+
   adjust-sourcemap-loader@4.0.0:
     resolution: {integrity: sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==}
     engines: {node: '>=8.9'}
 
+  adm-zip@0.5.17:
+    resolution: {integrity: sha512-+Ut8d9LLqwEvHHJl1+PIHqoyDxFgVN847JTVM3Izi3xHDWPE4UtzzXysMZQs64DMcrJfBeS/uoEP4AD3HQHnQQ==}
+    engines: {node: '>=12.0'}
+
   agent-base@6.0.2:
     resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
     engines: {node: '>= 6.0.0'}
@@ -9361,6 +9687,9 @@ packages:
   anser@2.3.5:
     resolution: {integrity: sha512-vcZjxvvVoxTeR5XBNJB38oTu/7eDCZlwdz32N1eNgpyPF7j/Z7Idf+CUwQOkKKpJ7RJyjxgLHCM7vdIK0iCNMQ==}
 
+  ansi-align@3.0.1:
+    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
+
   ansi-escapes@4.3.2:
     resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
     engines: {node: '>=8'}
@@ -9453,9 +9782,17 @@ packages:
     resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
     engines: {node: '>= 0.4'}
 
+  array-differ@4.0.0:
+    resolution: {integrity: sha512-Q6VPTLMsmXZ47ENG3V+wQyZS1ZxXMxFyYzA+Z/GMrJ6yIutAIEf9wTyroTzmGjNfox9/h3GdGBCVh43GVFx4Uw==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
   array-timsort@1.0.3:
     resolution: {integrity: sha512-/+3GRL7dDAGEfM6TseQk/U+mi18TU2Ms9I3UlLdUMhz2hbvGNTKdj9xniwXfUqgYhHxRx0+8UnKkvlNwVU+cWQ==}
 
+  array-union@3.0.1:
+    resolution: {integrity: sha512-1OvF9IbWwaeiM9VhzYXVQacMibxpXOMYVNIvMtKRyX9SImBXpKcFr8XvFDeEslCyuH/t6KRt7HEO94AlP8Iatw==}
+    engines: {node: '>=12'}
+
   asap@2.0.6:
     resolution: {integrity: sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==}
 
@@ -9487,12 +9824,22 @@ packages:
     resolution: {integrity: sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg==}
     hasBin: true
 
+  async-mutex@0.5.0:
+    resolution: {integrity: sha512-1A94B18jkJ3DYq284ohPxoXbfTA5HsQ7/Mf4DEhcyLx3Bz27Rh59iScbB6EPiP+B+joue6YCxcMXSbFC1tZKwA==}
+
   async@3.2.6:
     resolution: {integrity: sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==}
 
   asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
 
+  atomic-sleep@1.0.0:
+    resolution: {integrity: sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==}
+    engines: {node: '>=8.0.0'}
+
+  atomically@2.1.1:
+    resolution: {integrity: sha512-P4w9o2dqARji6P7MHprklbfiArZAWvo07yW7qs3pdljb3BWr12FIB7W+p0zJiuiVsUpRO0iZn1kFFcpPegg0tQ==}
+
   auto-bind@5.0.1:
     resolution: {integrity: sha512-ooviqdwwgfIfNmDwo94wlshcdzfO64XV0Cg6oDsDYBJfITDz1EngD2z7DkbvCWn+XIMsIqW27sEVF6qcpJrRcg==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -9710,6 +10057,9 @@ packages:
   blake3-wasm@2.1.5:
     resolution: {integrity: sha512-F1+K8EbfOZE49dtoPtmxUQrpXaBIl3ICvasLh+nJta0xkz+9kF/7uet9fLnwKqhDrmj6g+6K3Tw9yQPUg2ka5g==}
 
+  bluebird@3.7.2:
+    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
+
   bn.js@4.12.3:
     resolution: {integrity: sha512-fGTi3gxV/23FTYdAoUtLYp6qySe2KE3teyZitipKNRuVYcBkoP/bB3guXN/XVKUe9mxCHXnc9C4ocyz8OmgN0g==}
 
@@ -9729,6 +10079,10 @@ packages:
   bowser@2.14.1:
     resolution: {integrity: sha512-tzPjzCxygAKWFOJP011oxFHs57HzIhOEracIgAePE4pqB3LikALKnSzUyU4MGs9/iCEUuHlAJTjTc5M+u7YEGg==}
 
+  boxen@8.0.1:
+    resolution: {integrity: sha512-F3PH5k5juxom4xktynS7MoFY+NUWH5LC4CnH11YB8NPew+HLpmBLCybSAEyb2F+4pRXhuhWqFesoQd6DAyc2hw==}
+    engines: {node: '>=18'}
+
   bplist-creator@0.1.0:
     resolution: {integrity: sha512-sXaHZicyEEmY86WyueLTQesbeoH/mquvarJaQNbjuOQO+7gbFcDEWqKmcWA4cOTLzFlfgvkiVxolk1k5bBIpmg==}
 
@@ -9786,6 +10140,9 @@ packages:
   bser@2.1.1:
     resolution: {integrity: sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==}
 
+  buffer-crc32@0.2.13:
+    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
+
   buffer-crc32@1.0.0:
     resolution: {integrity: sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==}
     engines: {node: '>=8.0.0'}
@@ -9819,10 +10176,30 @@ packages:
   bun-types@1.3.14:
     resolution: {integrity: sha512-4N0ig0fEomHt5R0KCFWjovxow98rIoRwKolrYdCcknNwMekCXRnWEUvgu5soYV8QXtVsrUD8B95MBOZGPvr6KQ==}
 
+  bundle-name@4.1.0:
+    resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
+    engines: {node: '>=18'}
+
   bytes@3.1.2:
     resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
     engines: {node: '>= 0.8'}
 
+  c12@3.3.4:
+    resolution: {integrity: sha512-cM0ApFQSBXuourJejzwv/AuPRvAxordTyParRVcHjjtXirtkzM0uK2L9TTn9s0cXZbG7E55jCivRQzoxYmRAlA==}
+    peerDependencies:
+      magicast: '*'
+    peerDependenciesMeta:
+      magicast:
+        optional: true
+
+  cac@6.7.14:
+    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
+    engines: {node: '>=8'}
+
+  cac@7.0.0:
+    resolution: {integrity: sha512-tixWYgm5ZoOD+3g6UTea91eow5z6AAHaho3g0V9CNSNb45gM8SmflpAc+GRd1InC4AqN/07Unrgp56Y94N9hJQ==}
+    engines: {node: '>=20.19.0'}
+
   caching-transform@4.0.0:
     resolution: {integrity: sha512-kpqOvwXnjjN44D89K5ccQC+RUrsy7jB/XLlRrx0D7/2HNcTPqzsb6XgYoErwko6QsV184CA2YgS1fxDiiDZMWA==}
     engines: {node: '>=8'}
@@ -9854,6 +10231,10 @@ packages:
     resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
     engines: {node: '>=10'}
 
+  camelcase@8.0.0:
+    resolution: {integrity: sha512-8WB3Jcas3swSvjIeA2yvCJ+Miyz5l1ZmB6HFb9R1317dt9LCQoswg/BGrmAmkWVEszSrrg4RwmO46qIm2OEnSA==}
+    engines: {node: '>=16'}
+
   caniuse-lite@1.0.30001779:
     resolution: {integrity: sha512-U5og2PN7V4DMgF50YPNtnZJGWVLFjjsN3zb6uMT5VGYIewieDj1upwfuVNXf4Kor+89c3iCRJnSzMD5LmTvsfA==}
 
@@ -9914,6 +10295,13 @@ packages:
     resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
     engines: {node: '>= 16'}
 
+  cheerio-select@2.1.0:
+    resolution: {integrity: sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==}
+
+  cheerio@1.2.0:
+    resolution: {integrity: sha512-WDrybc/gKFpTYQutKIK6UvfcuxijIZfMfXaYm8NMsPQxSYvf+13fXUJ4rztGGbJcBQ/GF55gvrZ0Bc0bj/mqvg==}
+    engines: {node: '>=20.18.1'}
+
   chokidar@3.6.0:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
@@ -9943,6 +10331,11 @@ packages:
     engines: {node: '>=12.13.0'}
     hasBin: true
 
+  chrome-launcher@1.2.0:
+    resolution: {integrity: sha512-JbuGuBNss258bvGil7FT4HKdC3SC2K7UAEUqiPy3ACS3Yxo3hAW6bvFpCu2HsIJLgTqxgEX6BkujvzZfLpUD0Q==}
+    engines: {node: '>=12.13.0'}
+    hasBin: true
+
   chrome-trace-event@1.0.4:
     resolution: {integrity: sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==}
     engines: {node: '>=6.0'}
@@ -9965,6 +10358,9 @@ packages:
     resolution: {integrity: sha512-Mz9QMT5fJe7bKI7MH31UilT5cEK5EHHRCccw/YRFsRY47AuNgaV6HY3rscp0/I4Q+tTW/5zoqpSeRRI54TkDWA==}
     engines: {node: '>= 0.10'}
 
+  citty@0.2.2:
+    resolution: {integrity: sha512-+6vJA3L98yv+IdfKGZHBNiGW5KHn22e/JwID0Strsz8h4S/csAu/OuICwxrg44k5MRiZHWIo8XXuJgQTriRP4w==}
+
   cjs-module-lexer@1.2.3:
     resolution: {integrity: sha512-0TNiGstbQmCFwt4akjjBg5pLRTSyj/PkWQ1ZoO2zntmg9yLqSRxwEa4iCfQLGjqhiqBfOJa7W/E8wfGrTDmlZQ==}
 
@@ -10015,6 +10411,10 @@ packages:
     resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
+  cli-cursor@5.0.0:
+    resolution: {integrity: sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==}
+    engines: {node: '>=18'}
+
   cli-spinners@2.9.2:
     resolution: {integrity: sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==}
     engines: {node: '>=6'}
@@ -10102,6 +10502,10 @@ packages:
   colorjs.io@0.6.0-alpha.1:
     resolution: {integrity: sha512-c/h/8uAmPydQcriRdX8UTAFHj6SpSHFHBA8LvMikvYWAVApPTwg/pyOXNsGmaCBd6L/EeDlRHSNhTtnIFp/qsg==}
 
+  columnify@1.6.0:
+    resolution: {integrity: sha512-lomjuFZKfM6MSAnV9aCZC9sc0qGbmZdfygNv+nCpqVkSKdCxCklLtd16O0EILGkImHw9ZpHkAnHaB+8Zxq5W6Q==}
+    engines: {node: '>=8.0.0'}
+
   combined-stream@1.0.8:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
@@ -10120,6 +10524,10 @@ packages:
   commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
+  commander@2.9.0:
+    resolution: {integrity: sha512-bmkUukX8wAOjHdN26xj5c4ctEV22TQ7dQYhSmuckKhToXrkUn0iIaolHdIxYYqD55nhpSPA9zPQ1yP57GdXP2A==}
+    engines: {node: '>= 0.6.x'}
+
   commander@3.0.2:
     resolution: {integrity: sha512-Gar0ASD4BDyKC4hl4DwHqDrmvjoxWKZigVnAbn5H1owvm4CxCPdb0HQDehwNYMJpla5+M2tPmPARzhtYuwpHow==}
 
@@ -10131,6 +10539,10 @@ packages:
     resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
     engines: {node: '>= 12'}
 
+  commander@9.5.0:
+    resolution: {integrity: sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==}
+    engines: {node: ^12.20.0 || >=14}
+
   comment-json@4.6.2:
     resolution: {integrity: sha512-R2rze/hDX30uul4NZoIZ76ImSJLFxn/1/ZxtKC1L77y2X1k+yYu1joKbAtMA2Fg3hZrTOiw0I5mwVMo0cf250w==}
     engines: {node: '>= 6'}
@@ -10138,6 +10550,10 @@ packages:
   common-path-prefix@3.0.0:
     resolution: {integrity: sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==}
 
+  common-tags@1.8.2:
+    resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
+    engines: {node: '>=4.0.0'}
+
   commondir@1.0.1:
     resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
 
@@ -10156,10 +10572,31 @@ packages:
   compute-scroll-into-view@2.0.4:
     resolution: {integrity: sha512-y/ZA3BGnxoM/QHHQ2Uy49CLtnWPbt4tTPpEEZiEmmiWBFKjej7nEyH8Ryz54jH0MLXflUYA3Er2zUxPSJu5R+g==}
 
+  concat-stream@1.6.2:
+    resolution: {integrity: sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==}
+    engines: {'0': node >= 0.8}
+
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
+  confbox@0.2.4:
+    resolution: {integrity: sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==}
+
+  config-chain@1.1.13:
+    resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
+
+  configstore@7.1.0:
+    resolution: {integrity: sha512-N4oog6YJWbR9kGyXvS7jEykLDXIE2C0ILYqNBZBp9iwiJpoCBWYsuAdW6PPFn6w06jjnC+3JstVvWHO4cZqvRg==}
+    engines: {node: '>=18'}
+
   connect@3.7.0:
     resolution: {integrity: sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==}
     engines: {node: '>= 0.10.0'}
 
+  consola@3.4.2:
+    resolution: {integrity: sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+
   console-browserify@1.2.0:
     resolution: {integrity: sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==}
 
@@ -10394,6 +10831,15 @@ packages:
       supports-color:
         optional: true
 
+  debug@4.3.7:
+    resolution: {integrity: sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
   debug@4.4.3:
     resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
     engines: {node: '>=6.0'}
@@ -10407,6 +10853,10 @@ packages:
     resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
     engines: {node: '>=0.10.0'}
 
+  decamelize@6.0.1:
+    resolution: {integrity: sha512-G7Cqgaelq68XHJNGlZ7lrNQyhZGsFqpwtGFexqUv4IQdjKoSYF7ipZ9UuTJZUSQXFj/XaoBLuEVIVqr8EJngEQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
   decimal.js-light@2.5.1:
     resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
 
@@ -10440,10 +10890,21 @@ packages:
     resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
     engines: {node: '>=4.0.0'}
 
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
   deepmerge@4.3.1:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
     engines: {node: '>=0.10.0'}
 
+  default-browser-id@5.0.1:
+    resolution: {integrity: sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==}
+    engines: {node: '>=18'}
+
+  default-browser@5.5.0:
+    resolution: {integrity: sha512-H9LMLr5zwIbSxrmvikGuI/5KGhZ8E2zH3stkMgM5LpOWDutGM2JZaj460Udnf1a+946zc7YBgrqEWwbk7zHvGw==}
+    engines: {node: '>=18'}
+
   default-require-extensions@3.0.1:
     resolution: {integrity: sha512-eXTJmRbm2TIt9MgWTsOH1wEuhew6XGZcMeGKCtLedIg/NCsg1iBePXkceTdK4Fii7pzmN9tGsZhKzZ4h7O/fxw==}
     engines: {node: '>=8'}
@@ -10459,10 +10920,17 @@ packages:
     resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
     engines: {node: '>=8'}
 
+  define-lazy-prop@3.0.0:
+    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
+    engines: {node: '>=12'}
+
   define-properties@1.2.1:
     resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
     engines: {node: '>= 0.4'}
 
+  defu@6.1.7:
+    resolution: {integrity: sha512-7z22QmUWiQ/2d0KkdYmANbRUVABpZ9SNYyH5vx6PZ+nE5bcC0l7uFvEfHlyld/HcGBFTL536ClDt3DEcSlEJAQ==}
+
   delayed-stream@1.0.0:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
@@ -10488,6 +10956,9 @@ packages:
   des.js@1.1.0:
     resolution: {integrity: sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==}
 
+  destr@2.0.5:
+    resolution: {integrity: sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==}
+
   destroy@1.2.0:
     resolution: {integrity: sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==}
     engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
@@ -10641,6 +11112,10 @@ packages:
   dot-case@3.0.4:
     resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
 
+  dot-prop@9.0.0:
+    resolution: {integrity: sha512-1gxPBJpI/pcjQhKgIU91II6Wkay+dLcN3M6rf2uwP8hRur3HtQXjVrdAK3sjC0piaEuxzMwjXChcETiJl47lAQ==}
+    engines: {node: '>=18'}
+
   dotenv-expand@12.0.3:
     resolution: {integrity: sha512-uc47g4b+4k/M/SeaW1y4OApx+mtLWl92l5LMPP0GNXctZqELk+YGgOPIIC5elYmUH4OuoK3JLhuRUYegeySiFA==}
     engines: {node: '>=12'}
@@ -10816,6 +11291,9 @@ packages:
     resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
     engines: {node: '>= 0.8'}
 
+  encoding-sniffer@0.2.1:
+    resolution: {integrity: sha512-5gvq20T6vfpekVtqrYQsSCFZ1wEg5+wW0/QaZMWkFr6BqD3NfKs0rLCx4rrVlSWJeZb5NBJgVLswK/w2MWU+Gw==}
+
   end-of-stream@1.4.5:
     resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==}
 
@@ -10830,6 +11308,10 @@ packages:
     resolution: {integrity: sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==}
     engines: {node: '>=10.13.0'}
 
+  enhanced-resolve@5.21.6:
+    resolution: {integrity: sha512-aNnGCvbJ/RIyWo1IuhNdVjnNF+EjH9wpzpNHt+ci/m9He9LJvUN8wrCcXjp9cWsGNAuvSpVFTx/vraAFQ8qGjQ==}
+    engines: {node: '>=10.13.0'}
+
   entities@1.1.2:
     resolution: {integrity: sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==}
 
@@ -10840,6 +11322,10 @@ packages:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
 
+  entities@6.0.1:
+    resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
+    engines: {node: '>=0.12'}
+
   entities@7.0.1:
     resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
     engines: {node: '>=0.12'}
@@ -10926,6 +11412,10 @@ packages:
   escape-carriage@1.3.1:
     resolution: {integrity: sha512-GwBr6yViW3ttx1kb7/Oh+gKQ1/TrhYwxKqVmg5gS+BK+Qe2KrOa/Vh7w3HPBvgGf0LfcDGoY9I6NHKoA5Hozhw==}
 
+  escape-goat@4.0.0:
+    resolution: {integrity: sha512-2Sd4ShcWxbx6OY1IHyla/CVNwvg7XwZVoXZHcSu9w9SReNP1EzzD5T8NWKIR38fIqEns9kDWKUQTXXAmlDrdPg==}
+    engines: {node: '>=12'}
+
   escape-html@1.0.3:
     resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
 
@@ -10950,6 +11440,11 @@ packages:
     engines: {node: '>=6.0'}
     hasBin: true
 
+  eslint-plugin-no-unsanitized@4.1.5:
+    resolution: {integrity: sha512-MSB4hXPVFQrI8weqzs6gzl7reP2k/qSjtCoL2vUMSDejIIq9YL1ZKvq5/ORBXab/PvfBBrWO2jWviYpL+4Ghfg==}
+    peerDependencies:
+      eslint: ^9 || ^10
+
   eslint-plugin-sonarjs@4.0.3:
     resolution: {integrity: sha512-5drkJKLC9qQddIiaATV0e8+ygbUc7b0Ti6VB7M2d3jmKNh3X0RaiIJYTs3dr9xnlhlrxo+/s1FoO3Jgv6O/c7g==}
     peerDependencies:
@@ -10959,19 +11454,53 @@ packages:
     resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
     engines: {node: '>=8.0.0'}
 
+  eslint-scope@8.4.0:
+    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   eslint-visitor-keys@5.0.1:
     resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
+  eslint@9.39.4:
+    resolution: {integrity: sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
   esniff@2.0.1:
     resolution: {integrity: sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==}
     engines: {node: '>=0.10'}
 
+  espree@10.4.0:
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  espree@11.2.0:
+    resolution: {integrity: sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
   esprima@4.0.1:
     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
     engines: {node: '>=4'}
     hasBin: true
 
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
+    engines: {node: '>=0.10'}
+
   esrecurse@4.3.0:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
     engines: {node: '>=4.0'}
@@ -11393,6 +11922,9 @@ packages:
     resolution: {integrity: sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==}
     engines: {node: '>= 18'}
 
+  exsolve@1.0.8:
+    resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==}
+
   ext@1.7.0:
     resolution: {integrity: sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==}
 
@@ -11419,9 +11951,19 @@ packages:
   fast-json-parse@1.0.3:
     resolution: {integrity: sha512-FRWsaZRWEJ1ESVNbDWmsAlqDk96gPQezzLghafp5J4GUKjbCz3OkAHuZs5TuPEtkbVQERysLp9xv6c24fBm8Aw==}
 
+  fast-json-patch@3.1.1:
+    resolution: {integrity: sha512-vf6IHUX2SBcA+5/+4883dsIjpBTqmfBjmYiWK1savxQmFk4JfBMLa7ynTYOs1Rolp/T1betJxHiGD3g1Mn8lUQ==}
+
   fast-json-stable-stringify@2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
 
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fast-redact@3.5.0:
+    resolution: {integrity: sha512-dwsoQlS7h9hMeYUq1W++23NDcBLV4KqONnITDV9DjfS3q1SgDGVrBdvvTLUotWtPSD7asWDV9/CmsZPy8Hf70A==}
+    engines: {node: '>=6'}
+
   fast-sha256@1.3.0:
     resolution: {integrity: sha512-n11RGP/lrWEFI/bWdygLxhI+pVeo1ZYIVwvvPkW7azl/rOy+F3HYRZ2K5zeE9mmkhQppyv9sQFx0JM9UabnpPQ==}
 
@@ -11486,6 +12028,10 @@ packages:
   fflate@0.8.2:
     resolution: {integrity: sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==}
 
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
+
   file-type@22.0.1:
     resolution: {integrity: sha512-ww5Mhre0EE+jmBvOXTmXAbEMuZE7uX4a3+oRCQFNj8w++g3ev913N6tXQz0XTXbueQ5TWQfm6BdaViEHHn8bhA==}
     engines: {node: '>=22'}
@@ -11494,6 +12040,10 @@ packages:
     resolution: {integrity: sha512-sJslQKU2uM33qH5nqewAwVB2QgR6w1aMNsYUp3aN5rMRyXEwJGmZvaWzeJFNTOXWlHQyBFCWrdj3fV/fsTOX8w==}
     engines: {node: '>= 10.4.0'}
 
+  filesize@11.0.17:
+    resolution: {integrity: sha512-oHLTvMLw6imZUl1se/RBQrFlyy50nXce4sU7yGR6Qc0JgCwqnfiFsAnEwotdGmfKLD7SArGUk2/5STU0k8LOBQ==}
+    engines: {node: '>= 10.8.0'}
+
   filing-cabinet@5.2.0:
     resolution: {integrity: sha512-eNrCJGdYQY0tV+ACNesQ7vb2aMxD76NM7THayMn0Z5XBt1Tonr4vbVN+FbhHfekKGQG9O5UaciDDR7+dw8P9ZA==}
     engines: {node: '>=18'}
@@ -11558,10 +12108,23 @@ packages:
     resolution: {integrity: sha512-YyZM99iHrqLKjmt4LJDj58KI+fYyufRLBSYcqycxf//KpBk9FoewoGX0450m9nB44qrZnovzC2oeP5hUibxc/g==}
     engines: {node: '>=18'}
 
+  firefox-profile@4.7.0:
+    resolution: {integrity: sha512-aGApEu5bfCNbA4PGUZiRJAIU6jKmghV2UVdklXAofnNtiDjqYw0czLS46W7IfFqVKgKhFB8Ao2YoNGHY4BoIMQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  first-chunk-stream@3.0.0:
+    resolution: {integrity: sha512-LNRvR4hr/S8cXXkIY5pTgVP7L3tq6LlYWcg9nWBuW7o1NMxKZo6oOVa/6GIekMGI0Iw7uC+HWimMe9u/VAeKqw==}
+    engines: {node: '>=8'}
+
   flat-cache@3.2.0:
     resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
     engines: {node: ^10.12.0 || >=12.0.0}
 
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
+
   flatted@3.4.1:
     resolution: {integrity: sha512-IxfVbRFVlV8V/yRaGzk0UVIcsKKHMSfYw66T/u4nTwlWteQePsxe//LjudR1AMX4tZW3WFCh3Zqa/sjlqpbURQ==}
 
@@ -11598,6 +12161,10 @@ packages:
       typescript: '>3.6.0'
       webpack: ^5.11.0
 
+  form-data-encoder@4.1.0:
+    resolution: {integrity: sha512-G6NsmEW15s0Uw9XnCg+33H3ViYRyiM0hMrMhhqQOR8NFc5GhYrI+6I3u7OTw7b91J2g8rtvMBZJDbcGb2YUniw==}
+    engines: {node: '>= 18'}
+
   form-data@4.0.5:
     resolution: {integrity: sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==}
     engines: {node: '>= 6'}
@@ -11611,6 +12178,10 @@ packages:
     engines: {node: '>=18.3.0'}
     hasBin: true
 
+  formdata-node@6.0.3:
+    resolution: {integrity: sha512-8e1++BCiTzUno9v5IZ2J6bv4RU+3UKDmqWUQD0MIMVCd9AdhWkO1gw57oo1mNEX1dMq2EGI+FbWz4B92pscSQg==}
+    engines: {node: '>= 18'}
+
   formdata-polyfill@4.0.10:
     resolution: {integrity: sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==}
     engines: {node: '>=12.20.0'}
@@ -11655,6 +12226,10 @@ packages:
     resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
     engines: {node: '>=12'}
 
+  fs-extra@11.3.5:
+    resolution: {integrity: sha512-eKpRKAovdpZtR1WopLHxlBWvAgPny3c4gX1G5Jhwmmw4XJj0ifSD5qB5TOo8hmA0wlRKDAOAhEE1yVPgs6Fgcg==}
+    engines: {node: '>=14.14'}
+
   fs-monkey@1.1.0:
     resolution: {integrity: sha512-QMUezzXWII9EV5aTFXW1UBVUO77wYPpjqIF8/AviUCThNeSYZykpoTixUeaNNBwmCev0AMDWMAni+f8Hxb1IFw==}
 
@@ -11677,6 +12252,14 @@ packages:
   fuzzysort@3.1.0:
     resolution: {integrity: sha512-sR9BNCjBg6LNgwvxlBd0sBABvQitkLzoVY9MYYROQVX/FvfJ4Mai9LsGhDgd8qYdds0bY77VzYd5iuB+v5rwQQ==}
 
+  fx-runner@1.4.0:
+    resolution: {integrity: sha512-rci1g6U0rdTg6bAaBboP7XdRu01dzTAaKXxFf+PUqGuCv6Xu7o8NZdY1D5MvKGIjb6EdS1g3VlXOgksir1uGkg==}
+    hasBin: true
+
+  fx-runner@1.5.0:
+    resolution: {integrity: sha512-EstfdRQu04tM+SXR3pBmc0+GYKZj9FMHAvA8XAbKPzTvUeHP0v1/F3aQ10bG7EluR6phvFqsvn5Z7SvYJsEgNw==}
+    hasBin: true
+
   gaxios@7.1.4:
     resolution: {integrity: sha512-bTIgTsM2bWn3XklZISBTQX7ZSddGW+IO3bMdGaemHZ3tbqExMENHLx6kKZ/KlejgrMtj8q7wBItt51yegqalrA==}
     engines: {node: '>=18'}
@@ -11724,6 +12307,9 @@ packages:
     resolution: {integrity: sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==}
     engines: {node: '>=8.0.0'}
 
+  get-port-please@3.2.0:
+    resolution: {integrity: sha512-I9QVvBw5U/hw3RmWpYKRumUeaDgxTPd401x364rLmWBJcOQ753eov1eTgzDqRG9bqFIfDc7gfzcQEWrUri3o1A==}
+
   get-proto@1.0.1:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
@@ -11739,6 +12325,10 @@ packages:
     resolution: {integrity: sha512-VilgtJj/ALgGY77fiLam5iD336eSWi96Q15JSAG1zi8NRBysm3LXKdGnHb4m5cuyxvOLQQKWpBZAT6ni4FI2iQ==}
     engines: {node: '>=6'}
 
+  giget@3.3.0:
+    resolution: {integrity: sha512-gzi2D96p+AMfDcmJHGDj3KJ9NRiwvlFAU5yfa3ROwWZmFUjX4P43x3BcyRaOMMLto1vUo7C+86+MFhYTl6Ryiw==}
+    hasBin: true
+
   github-slugger@2.0.0:
     resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
 
@@ -11746,6 +12336,10 @@ packages:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
 
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
   glob-to-regexp@0.4.1:
     resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
 
@@ -11765,6 +12359,10 @@ packages:
     resolution: {integrity: sha512-gOPiyxcD9dJGCEArAhF4Hd0BAqvAe/JzERP7tYumE4yIkmIedPUVXcJFWbV3/p/ovIIvKjkrTk+f1UVkq7vvbw==}
     engines: {node: '>=0.10.0'}
 
+  globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+
   globals@17.4.0:
     resolution: {integrity: sha512-hjrNztw/VajQwOLsMNT1cbJiH2muO3OROCHnbehc8eY5JyD2gqz4AcMHPqgaOR59DjgUjYAYLeH699g/eWi2jw==}
     engines: {node: '>=18'}
@@ -11786,13 +12384,22 @@ packages:
     resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
     engines: {node: '>= 0.4'}
 
+  graceful-fs@4.2.10:
+    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
+
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
+  graceful-readlink@1.0.1:
+    resolution: {integrity: sha512-8tLu60LgxF6XpdbK8OW3FA+IfTNBn1ZHGHKF4KQbEeSkajYw5PlYJcKluntgegDPTg8UkHjpet1T82vk6TQ68w==}
+
   grammy@1.43.0:
     resolution: {integrity: sha512-7dYm06A945mXuIk/5HUlSjeyIYChW8vCEiU2dkOKKqJJzwAWxTkCc91Eqbz7TgODh2rtFFKWI/fekowWHOkmjQ==}
     engines: {node: ^12.20.0 || >=14.13.1}
 
+  growly@1.3.0:
+    resolution: {integrity: sha512-+xGQY0YyAWCnqy7Cd++hc2JqMYzlm0dG30Jd0beaA64sROr8C4nt8Yc9V5Ro3avlSUDTN0ulqP/VBKi1/lLygw==}
+
   gzip-size@6.0.0:
     resolution: {integrity: sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==}
     engines: {node: '>=10'}
@@ -11901,6 +12508,9 @@ packages:
     resolution: {integrity: sha512-RWzP96k/yv0PQfyXnWjs6zot20TqfpfsNXhOnev8d1InAxubW93L11/oNUc3tQqn2G0bSdAOBpX+2uDFHV7kdQ==}
     engines: {node: '>=16.9.0'}
 
+  hookable@6.1.1:
+    resolution: {integrity: sha512-U9LYDy1CwhMCnprUfeAZWZGByVbhd54hwepegYTK7Pi5NvqEj63ifz5z+xukznehT7i6NIZRu89Ay1AZmRsLEQ==}
+
   hosted-git-info@10.1.1:
     resolution: {integrity: sha512-DeOnSPAvOndYKfw075gt8yZzQ7S2hNztw34zBTfhIzLhmBTswIBg5/y+pqu/VD5cYWm5goAFTusDmUEmKZ0PEQ==}
     engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
@@ -11975,6 +12585,10 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+
   iconv-lite@0.7.2:
     resolution: {integrity: sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==}
     engines: {node: '>=0.10.0'}
@@ -12030,6 +12644,9 @@ packages:
     engines: {node: '>=8'}
     hasBin: true
 
+  import-meta-resolve@4.2.0:
+    resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==}
+
   imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
@@ -12042,6 +12659,10 @@ packages:
     resolution: {integrity: sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==}
     engines: {node: '>=12'}
 
+  index-to-position@1.2.0:
+    resolution: {integrity: sha512-Yg7+ztRkqslMAS2iFaU+Oa4KTSidr63OsFGlOrJoW981kIYO3CGCS3wA95P1mUi/IVSJkn0D479KTJpVpvFNuw==}
+    engines: {node: '>=18'}
+
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
@@ -12052,6 +12673,10 @@ packages:
     resolution: {integrity: sha512-QQnnxNyfvmHFIsj7gkPcYymR8Jdw/o7mp5ZFihxn6h8Ci6fh3Dx4E1gPjpQEpIuPo9XVNY/ZUwh4BPMjGyL01g==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
+  ini@4.1.3:
+    resolution: {integrity: sha512-X7rqawQBvfdjS10YU1y1YVreA3SsLrW9dX2CewP2EbBJM4ypVNLDkO5y04gejPwKIY9lR+7r9gn3rFPt/kmWFg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
   ini@6.0.0:
     resolution: {integrity: sha512-IBTdIkzZNOpqm7q3dRqJvMaldXjDHWkEDfrwGEQTs5eaQMWV+djAhR+wahyNNMAa+qpbDUhBMVt4ZKNwpPm7xQ==}
     engines: {node: ^20.17.0 || >=22.9.0}
@@ -12095,6 +12720,10 @@ packages:
     resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
     engines: {node: '>= 0.10'}
 
+  is-absolute@0.1.7:
+    resolution: {integrity: sha512-Xi9/ZSn4NFapG8RP98iNPMOeaV3mXPisxKxzKtHVqr3g56j/fBn+yZmnxSVAA8lmZbl2J9b/a4kJvfU3hqQYgA==}
+    engines: {node: '>=0.10.0'}
+
   is-alphabetical@2.0.1:
     resolution: {integrity: sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==}
 
@@ -12131,6 +12760,11 @@ packages:
     engines: {node: '>=8'}
     hasBin: true
 
+  is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+
   is-electron@2.2.2:
     resolution: {integrity: sha512-FO/Rhvz5tuw4MCWkpMzHFKWD2LsfHzIb7i6MdPYZ/KW7AlxawyLkqdy+jPZP1WubqEADE3O4FUENlJHDfQASRg==}
 
@@ -12165,11 +12799,25 @@ packages:
   is-hexadecimal@2.0.1:
     resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
 
+  is-in-ci@1.0.0:
+    resolution: {integrity: sha512-eUuAjybVTHMYWm/U+vBO1sY/JOCgoPCXRxzdju0K+K0BiGW0SChEL1MLC0PoCIR1OlPo5YAp8HuQoUlsWEICwg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   is-in-ci@2.0.0:
     resolution: {integrity: sha512-cFeerHriAnhrQSbpAxL37W1wcJKUUX07HyLWZCW1URJT/ra3GyUTzBgUnh24TMVfNTV2Hij2HLxkPHFZfOZy5w==}
     engines: {node: '>=20'}
     hasBin: true
 
+  is-in-ssh@1.0.0:
+    resolution: {integrity: sha512-jYa6Q9rH90kR1vKB6NM7qqd1mge3Fx4Dhw5TVlK1MUBqhEOuCagrEHMevNuCcbECmXZ0ThXkRm+Ymr51HwEPAw==}
+    engines: {node: '>=20'}
+
+  is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+
   is-installed-globally@1.0.0:
     resolution: {integrity: sha512-K55T22lfpQ63N4KEN57jZUAaAYqYHEe8veb/TycJRk9DdSCLLcovXz/mL6mOnhQaZsQGwPhuFopdQIlqGSEjiQ==}
     engines: {node: '>=18'}
@@ -12182,6 +12830,10 @@ packages:
     resolution: {integrity: sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==}
     engines: {node: '>= 0.4'}
 
+  is-npm@6.1.0:
+    resolution: {integrity: sha512-O2z4/kNgyjhQwVR1Wpkbfc19JIhggF97NZNCpWTnjH7kVcZMUrnut9XSN7txI7VdyIYk5ZatOq3zvSuWpU8hoA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
   is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
@@ -12198,10 +12850,21 @@ packages:
     resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
     engines: {node: '>=12'}
 
+  is-plain-object@2.0.4:
+    resolution: {integrity: sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==}
+    engines: {node: '>=0.10.0'}
+
   is-plain-object@5.0.0:
     resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
     engines: {node: '>=0.10.0'}
 
+  is-potential-custom-element-name@1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+
+  is-primitive@3.0.1:
+    resolution: {integrity: sha512-GljRxhWvlCNRfZyORiH77FwdFwGcMO620o37EOYC0ORWdq+WYNVqW0w2Juzew4M+L81l6/QS3t5gkkihyRqv9w==}
+    engines: {node: '>=0.10.0'}
+
   is-promise@4.0.0:
     resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==}
 
@@ -12216,6 +12879,10 @@ packages:
     resolution: {integrity: sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==}
     engines: {node: '>=0.10.0'}
 
+  is-relative@0.1.3:
+    resolution: {integrity: sha512-wBOr+rNM4gkAZqoLRJI4myw5WzzIdQosFAAbnvfXP5z1LyzgAI3ivOKehC5KfqlQJZoihVhirgtCBj378Eg8GA==}
+    engines: {node: '>=0.10.0'}
+
   is-stream@2.0.1:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
     engines: {node: '>=8'}
@@ -12238,6 +12905,9 @@ packages:
   is-url@1.2.4:
     resolution: {integrity: sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==}
 
+  is-utf8@0.2.1:
+    resolution: {integrity: sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q==}
+
   is-windows@0.2.0:
     resolution: {integrity: sha512-n67eJYmXbniZB7RF4I/FTjK1s6RPOCTxhYrVYLRaCt3lF0mpWZPKr3T2LSZAqyjQsxR2qMmGYXXzK0YWwcPM1Q==}
     engines: {node: '>=0.10.0'}
@@ -12250,15 +12920,30 @@ packages:
     resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
     engines: {node: '>=8'}
 
+  is-wsl@3.1.1:
+    resolution: {integrity: sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==}
+    engines: {node: '>=16'}
+
   isarray@1.0.0:
     resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
 
   isarray@2.0.5:
     resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
 
+  isexe@1.1.2:
+    resolution: {integrity: sha512-d2eJzK691yZwPHcv1LbeAOa91yMJ9QmfTgSO1oXB65ezVhXQsxBac2vEB4bMVms9cGzaA99n6V2viHMq82VLDw==}
+
   isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
+  isexe@3.1.5:
+    resolution: {integrity: sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==}
+    engines: {node: '>=18'}
+
+  isobject@3.0.1:
+    resolution: {integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==}
+    engines: {node: '>=0.10.0'}
+
   istanbul-lib-coverage@3.2.2:
     resolution: {integrity: sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==}
     engines: {node: '>=8'}
@@ -12603,6 +13288,9 @@ packages:
   jose@5.10.0:
     resolution: {integrity: sha512-s+3Al/p9g32Iq+oqXxkW//7jk2Vig6FF1CFqzVXoTUXt2qz89YWbL+OwS17NFYEvxC35n0FKeGO2LGYSxeM2Gg==}
 
+  jose@5.9.6:
+    resolution: {integrity: sha512-AMlnetc9+CV9asI19zHmrgS/WYsWUwCn2R7RzlbJWD7F9eWYUTGyBmU9o6PxngtLGOiDGPRu+Uc4fhKzbpteZQ==}
+
   jose@6.2.3:
     resolution: {integrity: sha512-YYVDInQKFJfR/xa3ojUTl8c2KoTwiL1R5Wg9YCydwH0x0B9grbzlg5HC7mMjCtUJjbQ/YnGEZIhI5tCgfTb4Hw==}
 
@@ -12642,6 +13330,9 @@ packages:
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
+  js-tokens@9.0.1:
+    resolution: {integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==}
+
   js-yaml@3.14.2:
     resolution: {integrity: sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==}
     hasBin: true
@@ -12664,9 +13355,16 @@ packages:
   json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
+  json-merge-patch@1.0.2:
+    resolution: {integrity: sha512-M6Vp2GN9L7cfuMXiWOmHj9bEFbeC250iVtcKQbqVgEsDVYnIsrNsbU+h/Y/PkbBQCtEa4Bez+Ebv0zfbC8ObLg==}
+
   json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
 
+  json-parse-even-better-errors@3.0.2:
+    resolution: {integrity: sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
   json-schema-to-ts@3.1.1:
     resolution: {integrity: sha512-+DWg8jCJG2TEnpy7kOm/7/AxaYoaRbjVB4LFZLySZlWn8exGs3A4OLJR966cVvU26N7X9TWxl+Jsw7dzAqKT6g==}
     engines: {node: '>=16'}
@@ -12683,6 +13381,9 @@ packages:
   json-schema@0.4.0:
     resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
 
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
   json-with-bigint@3.5.7:
     resolution: {integrity: sha512-7ei3MdAI5+fJPVnKlW77TKNKwQ5ppSzWvhPuSuINT/GYW9ZOC1eRKOuhV9yHG5aEsUPj9BBx5JIekkmoLHxZOw==}
 
@@ -12744,6 +13445,10 @@ packages:
   kubernetes-types@1.30.0:
     resolution: {integrity: sha512-Dew1okvhM/SQcIa2rcgujNndZwU8VnSapDgdxlYoB84ZlpAD43U6KLAFqYo17ykSFGHNPrg0qry0bP+GJd9v7Q==}
 
+  ky@1.14.3:
+    resolution: {integrity: sha512-9zy9lkjac+TR1c2tG+mkNSVlyOpInnWdSMiue4F+kq8TwJSgv6o8jhLRg8Ho6SnZ9wOYUq/yozts9qQCfk7bIw==}
+    engines: {node: '>=18'}
+
   kysely@0.29.2:
     resolution: {integrity: sha512-s6WVJyEZrbm6jhBpiKHsGHyePMrVQKJ85wZCFCr9W4QHv6WTjWIrdvTmO9hDEA3bNK0xkrE2DqrHsXMLWuZpQg==}
     engines: {node: '>=22.0.0'}
@@ -12752,6 +13457,10 @@ packages:
     resolution: {integrity: sha512-ONPnazC96VKDntab9j9JKwIWhZ4ZUceB4A9Epu4Ssg0hYFmtHZSeQ+n15nIwTFmcBUKtExOer8WTJ4GF9MO64A==}
     hasBin: true
 
+  latest-version@9.0.0:
+    resolution: {integrity: sha512-7W0vV3rqv5tokqkBAFV1LbR7HPOWzXQDpDgEuib/aJ1jsZZx6x3c2mBI+TJhJzOhkGeaLbCKEHXEXLfirtG2JA==}
+    engines: {node: '>=18'}
+
   lazystream@1.0.1:
     resolution: {integrity: sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==}
     engines: {node: '>= 0.6.3'}
@@ -12760,6 +13469,10 @@ packages:
     resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==}
     engines: {node: '>=6'}
 
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
   lexical@0.35.0:
     resolution: {integrity: sha512-3VuV8xXhh5xJA6tzvfDvE0YBCMkIZUmxtRilJQDDdCgJCc+eut6qAv2qbN+pbqvarqcQqPN1UF+8YvsjmyOZpw==}
 
@@ -12769,6 +13482,9 @@ packages:
   lighthouse-logger@1.4.2:
     resolution: {integrity: sha512-gPWxznF6TKmUHrOQjlVo2UbaL2EJ71mb2CCeRs/2qBpi4L/g4LUVc9+3lKQ6DTUZwJswfM7ainGrLO1+fOqa2g==}
 
+  lighthouse-logger@2.0.2:
+    resolution: {integrity: sha512-vWl2+u5jgOQuZR55Z1WM0XDdrJT6mzMP8zHUct7xTlWhuQs+eV0g+QL0RQdFjT54zVmbhLCP8vIVpy1wGn/gCg==}
+
   lightningcss-darwin-arm64@1.30.1:
     resolution: {integrity: sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==}
     engines: {node: '>= 12.0.0'}
@@ -12840,6 +13556,10 @@ packages:
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
+  lines-and-columns@2.0.4:
+    resolution: {integrity: sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
   linkedom@0.18.12:
     resolution: {integrity: sha512-jalJsOwIKuQJSeTvsgzPe9iJzyfVaEJiEXl+25EkKevsULHvMJzpNqwvj1jOESWdmgKDiXObyjOYwlUqG7wo1Q==}
     engines: {node: '>=16'}
@@ -12852,6 +13572,10 @@ packages:
   linkify-it@5.0.0:
     resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}
 
+  listr2@10.2.1:
+    resolution: {integrity: sha512-7I5knELsJKTUjXG+A6BkKAiGkW1i25fNa/xlUl9hFtk15WbE9jndA89xu5FzQKrY5llajE1hfZZFMILXkDHk/Q==}
+    engines: {node: '>=22.13.0'}
+
   loader-runner@4.3.1:
     resolution: {integrity: sha512-IWqP2SCPhyVFTBtRcgMHdzlf9ul25NwaFx4wCEH/KjAXuuHY4yNjvPXsBokp8jCB936PyWRaPKUNh8NvylLp2Q==}
     engines: {node: '>=6.11.5'}
@@ -12864,6 +13588,10 @@ packages:
     resolution: {integrity: sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==}
     engines: {node: '>= 12.13.0'}
 
+  local-pkg@1.2.1:
+    resolution: {integrity: sha512-++gUqRDEvcnN6Zhqrr+y/CkVEHhlrR96vZn3nZZPYzMcBUyBtTKzB9NadClFIsIVSsu+3i9tfk/erqy9kAmt7Q==}
+    engines: {node: '>=14'}
+
   locate-path@5.0.0:
     resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
     engines: {node: '>=8'}
@@ -12929,6 +13657,10 @@ packages:
     resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
     engines: {node: '>=10'}
 
+  log-update@6.1.0:
+    resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
+    engines: {node: '>=18'}
+
   loglevel@1.9.2:
     resolution: {integrity: sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg==}
     engines: {node: '>= 0.6.0'}
@@ -13016,6 +13748,10 @@ packages:
   makeerror@1.0.12:
     resolution: {integrity: sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==}
 
+  many-keys-map@3.0.3:
+    resolution: {integrity: sha512-1DiZmDHPXMBgMRjeUtHy1q1VYmeJscHxhIAexX9z/zjRMP80+0ETuPfssi8z+kMY4DwUgsKuHqpjxgmeA9gBNA==}
+    engines: {node: '>=18'}
+
   map-or-similar@1.5.0:
     resolution: {integrity: sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==}
 
@@ -13345,6 +14081,10 @@ packages:
     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
     engines: {node: '>=6'}
 
+  mimic-function@5.0.1:
+    resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
+    engines: {node: '>=18'}
+
   mimic-response@3.1.0:
     resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
     engines: {node: '>=10'}
@@ -13398,6 +14138,9 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  mlly@1.8.2:
+    resolution: {integrity: sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==}
+
   module-definition@6.0.1:
     resolution: {integrity: sha512-FeVc50FTfVVQnolk/WQT8MX+2WVcDnTGiq6Wo+/+lJ2ET1bRVi3HG3YlJUfqagNMc/kUlFSoR96AJkxGpKz13g==}
     engines: {node: '>=18'}
@@ -13455,17 +14198,28 @@ packages:
   msgpackr@1.11.12:
     resolution: {integrity: sha512-RBdJ1Un7yGlXWajrkxcSa93nvQ0w4zBf60c0yYv7YtBelP8H2FA7XsfBbMHtXKXUMUxH7zV3Zuozh+kUQWhHvg==}
 
+  multimatch@6.0.0:
+    resolution: {integrity: sha512-I7tSVxHGPlmPN/enE3mS1aOSo6bWBfls+3HmuEeCUBCE7gWnm3cBXCBkpurzFjVRwC6Kld8lLaZ1Iv5vOcjvcQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
   multipasta@0.2.7:
     resolution: {integrity: sha512-KPA58d68KgGil15oDqXjkUBEBYc00XvbPj5/X+dyzeo/lWm9Nc25pQRlf1D+gv4OpK7NM0J1odrbu9JNNGvynA==}
 
   multitars@1.0.0:
     resolution: {integrity: sha512-H/J4fMLedtudftaYMOg7ajzLYgT3/rwbWVJbqr/iUgB8DQztn38ys5HOqI1CzSxx8QhXXwOOnnBvd4v3jG5+Mg==}
 
+  nano-spawn@2.1.0:
+    resolution: {integrity: sha512-yTW+2okrElHiH4fsiz/+/zc0EDo9BDDoC3iKk8dpv1GeRc9nUWzUZHx6TofMWErchhUQR8hY9/Eu1Uja9x1nqA==}
+    engines: {node: '>=20.17'}
+
   nanoid@3.3.11:
     resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
+  nanospinner@1.2.2:
+    resolution: {integrity: sha512-Zt/AmG6qRU3e+WnzGGLuMCEAO/dAu45stNbHY223tUxldaDAeE+FxSPsd9Q+j+paejmm0ZbrNVs5Sraqy3dRxA==}
+
   napi-postinstall@0.3.4:
     resolution: {integrity: sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
@@ -13557,6 +14311,9 @@ packages:
     resolution: {integrity: sha512-Z3lTE9pLaJF47NyMhd4ww1yFTAP8YhYI8SleJiHzM46Fgpm5cnNzSl9XfzFNqbaz+VlJrIj3fXQ4DeN1Rjm6cw==}
     engines: {node: '>=18'}
 
+  node-fetch-native@1.6.7:
+    resolution: {integrity: sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==}
+
   node-fetch@2.6.7:
     resolution: {integrity: sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==}
     engines: {node: 4.x || >=6.0.0}
@@ -13601,6 +14358,9 @@ packages:
   node-int64@0.4.0:
     resolution: {integrity: sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==}
 
+  node-notifier@10.0.1:
+    resolution: {integrity: sha512-YX7TSyDukOZ0g+gmzjB6abKu+hTGvO8+8+gIFDsRCU2t8fLV/P2unmt+LGFaIa4y64aX98Qksa97rgz4vMNeLQ==}
+
   node-polyfill-webpack-plugin@2.0.1:
     resolution: {integrity: sha512-ZUMiCnZkP1LF0Th2caY6J/eKKoA0TefpoVa68m/LQU1I/mE8rGt4fNYGgNuCcK+aG8P8P43nbeJ2RqJMOL/Y1A==}
     engines: {node: '>=12'}
@@ -13641,6 +14401,11 @@ packages:
     engines: {node: '>=8.9'}
     hasBin: true
 
+  nypm@0.6.7:
+    resolution: {integrity: sha512-s3ds97SD5pd1dULE+tHUk1DrV0cSHOnsfpcdGATJ8JpBo21DoKqN9exTH4/2nhPQNOLomBdTFMicN94S4DrZrQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   oauth@0.9.15:
     resolution: {integrity: sha512-a5ERWK1kh38ExDEfoO6qUHJb32rd7aYmPHuyCu3Fta/cnICvYmgd2uhuKXvPD+PXB+gCEYYEaQdIRAjCOwAKNA==}
 
@@ -13678,10 +14443,20 @@ packages:
   obug@2.1.1:
     resolution: {integrity: sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==}
 
+  ofetch@1.5.1:
+    resolution: {integrity: sha512-2W4oUZlVaqAPAil6FUg/difl6YhqhUR7x2eZY4bQCko22UXg3hptq9KLQdqFClV+Wu85UX7hNtdGTngi/1BxcA==}
+
+  ohash@2.0.11:
+    resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
+
   oidc-token-hash@5.2.0:
     resolution: {integrity: sha512-6gj2m8cJZ+iSW8bm0FXdGF0YhIQbKrfP4yWTNzxc31U6MOjfEmB1rHvlYvxI1B7t7BCi1F2vYTT6YhtQRG4hxw==}
     engines: {node: ^10.13.0 || >=12.0.0}
 
+  on-exit-leak-free@2.1.2:
+    resolution: {integrity: sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==}
+    engines: {node: '>=14.0.0'}
+
   on-finished@2.3.0:
     resolution: {integrity: sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==}
     engines: {node: '>= 0.8'}
@@ -13705,6 +14480,14 @@ packages:
     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
     engines: {node: '>=6'}
 
+  onetime@7.0.0:
+    resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
+    engines: {node: '>=18'}
+
+  open@11.0.0:
+    resolution: {integrity: sha512-smsWv2LzFjP03xmvFoJ331ss6h+jixfA4UUV/Bsiyuu4YJPfN+FIQGOIiv4w9/+MoHkfkJ22UIaQWRVFRfH6Vw==}
+    engines: {node: '>=20'}
+
   open@7.4.2:
     resolution: {integrity: sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==}
     engines: {node: '>=8'}
@@ -13749,6 +14532,10 @@ packages:
   openid-client@5.7.1:
     resolution: {integrity: sha512-jDBPgSVfTnkIh71Hg9pRvtJc6wTwqjRkN88+gCFtYWrlP4Yx2Dsrow8uPi3qLr/aeymPF3o2+dS+wOpglK04ew==}
 
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
   ora@3.4.0:
     resolution: {integrity: sha512-eNwHudNbO1folBP3JsZ19v9azXWtQZjICdr3Q0TDPIaeBQ3mXLrh54wM+er0+hSp+dWKf+Z8KM58CYzEyIYxYg==}
     engines: {node: '>=6'}
@@ -13764,6 +14551,10 @@ packages:
     resolution: {integrity: sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==}
     engines: {node: '>=0.10.0'}
 
+  os-shim@0.1.3:
+    resolution: {integrity: sha512-jd0cvB8qQ5uVt0lvCIexBaROw1KyKm5sbulg2fWOHjETisuCzWyt+eTZKEMs8v6HwzoGs8xik26jg7eCM6pS+A==}
+    engines: {node: '>= 0.4.0'}
+
   outvariant@1.4.0:
     resolution: {integrity: sha512-AlWY719RF02ujitly7Kk/0QlV+pXGFDHrHf9O2OKqyqgBieaPOIeuSkL8sRK6j2WK+/ZAURq2kZsY0d8JapUiw==}
 
@@ -13857,6 +14648,10 @@ packages:
   package-json-from-dist@1.0.1:
     resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
 
+  package-json@10.0.1:
+    resolution: {integrity: sha512-ua1L4OgXSBdsu1FPb7F3tYH0F48a6kxvod4pLUlGY9COeJAJQNX/sNH2IiEmsxw7lqYiAwrdHMjz1FctOsyDQg==}
+    engines: {node: '>=18'}
+
   pako@1.0.11:
     resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
 
@@ -13878,6 +14673,14 @@ packages:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
     engines: {node: '>=8'}
 
+  parse-json@7.1.1:
+    resolution: {integrity: sha512-SgOTCX/EZXtZxBE5eJ97P4yGM5n37BwRU+YMsH4vNzFqJV/oWFXXCmwFlgWUM4PrakybVOueJJ6pwHqSVhTFDw==}
+    engines: {node: '>=16'}
+
+  parse-json@8.3.0:
+    resolution: {integrity: sha512-ybiGyvspI+fAoRQbIPRddCcSTV9/LsJbf0e/S85VLowVGzRmokfneg2kwVW/KU5rOXrPSbF1qAKPMgNTqqROQQ==}
+    engines: {node: '>=18'}
+
   parse-ms@2.1.0:
     resolution: {integrity: sha512-kHt7kzLoS9VBZfUsiKjv43mr91ea+U05EyKkEtqp7vNbHxmaVuEqN7XxeEVnGrMtYOAxGrDElSi96K7EgO1zCA==}
     engines: {node: '>=6'}
@@ -13890,6 +14693,15 @@ packages:
     resolution: {integrity: sha512-Nt/a5SfCLiTnQAjx3fHlqp8hRgTL3z7kTQZzvIMS9uCAepnCyjpdEc6M/sz69WqMBdaDBw9sF1F1UaHROYzGkQ==}
     engines: {node: '>=10'}
 
+  parse5-htmlparser2-tree-adapter@7.1.0:
+    resolution: {integrity: sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==}
+
+  parse5-parser-stream@7.1.2:
+    resolution: {integrity: sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==}
+
+  parse5@7.3.0:
+    resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
+
   parseurl@1.3.3:
     resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
     engines: {node: '>= 0.8'}
@@ -13948,6 +14760,12 @@ packages:
     resolution: {integrity: sha512-Q3CG/cYvCO1ye4QKkuH7EXxs3VC/rI1/trd+qX2+PolbaKG0H+bgcZzrTt96mMyRtejk+JMCiLUn3y29W8qmFQ==}
     engines: {node: '>= 0.10'}
 
+  pend@1.2.0:
+    resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==}
+
+  perfect-debounce@2.1.0:
+    resolution: {integrity: sha512-LjgdTytVFXeUgtHZr9WYViYSM/g8MkcTPYDlPa3cDqMirHjKiSZPYd6DoL7pK8AJQr+uWkQvCjHNdiMqsrJs+g==}
+
   pg-cloudflare@1.3.0:
     resolution: {integrity: sha512-6lswVVSztmHiRtD6I8hw4qP/nDm1EJbKMRhf3HCYaqud7frGysPv7FYJ5noZQdhQtN2xJnimfMtvQq21pdbzyQ==}
 
@@ -13997,6 +14815,23 @@ packages:
     resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
     engines: {node: '>=6'}
 
+  pino-abstract-transport@2.0.0:
+    resolution: {integrity: sha512-F63x5tizV6WCh4R6RHyi2Ml+M70DNRXt/+HANowMflpgGFMAym/VKm6G7ZOQRjqN7XbGxK1Lg9t6ZrtzOaivMw==}
+
+  pino-abstract-transport@3.0.0:
+    resolution: {integrity: sha512-wlfUczU+n7Hy/Ha5j9a/gZNy7We5+cXp8YL+X+PG8S0KXxw7n/JXA3c46Y0zQznIJ83URJiwy7Lh56WLokNuxg==}
+
+  pino-std-serializers@7.1.0:
+    resolution: {integrity: sha512-BndPH67/JxGExRgiX1dX0w1FvZck5Wa4aal9198SrRhZjH3GxKQUKIBnYJTdj2HDN3UQAS06HlfcSbQj2OHmaw==}
+
+  pino@10.3.1:
+    resolution: {integrity: sha512-r34yH/GlQpKZbU1BvFFqOjhISRo1MNx1tWYsYvmj6KIRHSPMT2+yHOEb1SG6NMvRoHRF0a07kCOox/9yakl1vg==}
+    hasBin: true
+
+  pino@9.7.0:
+    resolution: {integrity: sha512-vnMCM6xZTb1WDmLvtG2lE/2p+t9hDEIvTWJsu6FejkE62vB7gDhvzrpFR4Cw2to+9JNQxVnkAKVPA1KPB98vWg==}
+    hasBin: true
+
   pirates@4.0.7:
     resolution: {integrity: sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==}
     engines: {node: '>= 6'}
@@ -14013,6 +14848,12 @@ packages:
     resolution: {integrity: sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==}
     engines: {node: '>=14.16'}
 
+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
+  pkg-types@2.3.1:
+    resolution: {integrity: sha512-y+ichcgc2LrADuhLNAx8DFjVfgz91pRxfZdI3UDhxHvcVEZsenLO+7XaU5vOp0u/7V/wZ+plyuQxtrDlZJ+yeg==}
+
   playwright-core@1.58.2:
     resolution: {integrity: sha512-yZkEtftgwS8CsfYo7nm0KE8jsvm6i/PTgVtB8DL726wNf6H2IMsDuxCpJj59KDaxCtSnrWan2AeDqM7JBaultg==}
     engines: {node: '>=18'}
@@ -14136,6 +14977,10 @@ packages:
     resolution: {integrity: sha512-sy020/Q4mt18eCkVo/cGEJD+wgdxeg5DTgNUaA85awBCbuEP43BOdCTOOw/K2Tvgw2oZfag3PFyhkVuQ6nJfBg==}
     engines: {node: '>=20'}
 
+  powershell-utils@0.1.0:
+    resolution: {integrity: sha512-dM0jVuXJPsDN6DvRpea484tCUaMiXWjuCn++HGTqUWzGDjv5tZkEZldAJ/UMlqRYGFrD/etByo4/xOuC/snX2A==}
+    engines: {node: '>=20'}
+
   preact-render-to-string@5.2.6:
     resolution: {integrity: sha512-JyhErpYOvBV1hEPwIxc/fHWXPfnEGdRKxc8gFdAZ7XV4tlzyzG847XAyEZqoDnynP88akM4eaHcSOzNcLWFguw==}
     peerDependencies:
@@ -14149,6 +14994,10 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
   pretty-error@4.0.0:
     resolution: {integrity: sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==}
 
@@ -14182,6 +15031,9 @@ packages:
     resolution: {integrity: sha512-JOnOPQ/8TZgjs1JIH/m9ni7FfimjNa/PRx7y/Wb5qdItsnhO0jE4AT7fC0HjC28DUQWDr50dwSYZLdRMlqDq3Q==}
     engines: {node: '>=8'}
 
+  process-warning@5.0.0:
+    resolution: {integrity: sha512-a39t9ApHNx2L4+HBnQKqxxHNs1r7KF+Intd8Q/g1bUh6q0WIp9voPXJ/x0j+ZL45KF1pJd9+q2jLIRMfvEshkA==}
+
   process@0.11.10:
     resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
     engines: {node: '>= 0.6.0'}
@@ -14197,6 +15049,10 @@ packages:
     resolution: {integrity: sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==}
     engines: {node: '>=10'}
 
+  promise-toolbox@0.21.0:
+    resolution: {integrity: sha512-NV8aTmpwrZv+Iys54sSFOBx3tuVaOBvvrft5PNppnxy9xpU/akHbaWIril22AB22zaPgrgwKdD0KsrM0ptUtpg==}
+    engines: {node: '>=6'}
+
   promise@8.3.0:
     resolution: {integrity: sha512-rZPNPKTOYVNEEKFaq1HqTgOwZD+4/YHS5ukLzQCypkj+OkYx7iv0mA91lJlpPPZ8vMau3IIGj5Qlwrx+8iiSmg==}
 
@@ -14213,6 +15069,9 @@ packages:
   property-information@7.1.0:
     resolution: {integrity: sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==}
 
+  proto-list@1.2.4:
+    resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
+
   protobufjs@8.0.3:
     resolution: {integrity: sha512-LBYnMWkKLB8fE/ljROPDbCl7mgLSlI+oBe1fAAr5MTqFg4TIi0tYrVVurJvQggOjnUYMQtEZBjrej59ojMNTHQ==}
     engines: {node: '>=12.0.0'}
@@ -14231,6 +15090,11 @@ packages:
   public-encrypt@4.0.3:
     resolution: {integrity: sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==}
 
+  publish-browser-extension@4.0.5:
+    resolution: {integrity: sha512-EePAn3VIHJS/jqCuvs1NgPgoecCT8+RsES76hbgYe2Ze1dyvB0tX60C1PCrV8Z8fv56mW3E59s9Gd/GwWiw7dw==}
+    engines: {node: '>=18.0.0'}
+    hasBin: true
+
   pump@3.0.4:
     resolution: {integrity: sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==}
 
@@ -14241,6 +15105,10 @@ packages:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
 
+  pupa@3.3.0:
+    resolution: {integrity: sha512-LjgDO2zPtoXP2wJpDjZrGdojii1uqO0cnwKoIoUzkfS98HDmbeiGmYiXo3lXeFlq2xvne1QFQhwYXSUCLKtEuA==}
+    engines: {node: '>=12.20'}
+
   pure-rand@6.1.0:
     resolution: {integrity: sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA==}
 
@@ -14259,6 +15127,9 @@ packages:
     resolution: {integrity: sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==}
     engines: {node: '>=0.6'}
 
+  quansync@0.2.11:
+    resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
+
   query-selector-shadow-dom@1.0.1:
     resolution: {integrity: sha512-lT5yCqEBgfoMYpf3F2xQRK7zEr1rhIIZuceDK6+xRkJQ4NMbHTwXqk4NkwDwQMNqXgG9r9fyHnzwNVs6zV5KRw==}
 
@@ -14276,6 +15147,9 @@ packages:
   queue@6.0.2:
     resolution: {integrity: sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==}
 
+  quick-format-unescaped@4.0.4:
+    resolution: {integrity: sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==}
+
   quickjs-wasi@3.0.0:
     resolution: {integrity: sha512-X7ouKC4ZVf9bXQ8rsE7+L6TeBbesejAJH61x16xRaGAQGfBHHRcniWgzJZZVtHc8rS9yVsY+Tvk8/usAosg4bg==}
 
@@ -14304,6 +15178,9 @@ packages:
     resolution: {integrity: sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==}
     engines: {node: '>= 0.10'}
 
+  rc9@3.0.1:
+    resolution: {integrity: sha512-gMDyleLWVE+i6Sgtc0QbbY6pEKqYs97NGi6isHQPqYlLemPoO8dxQ3uGi0f4NiP98c+jMW6cG1Kx9dDwfvqARQ==}
+
   rc@1.2.8:
     resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
     hasBin: true
@@ -14328,11 +15205,6 @@ packages:
     resolution: {integrity: sha512-hlSJDQ2synMPKFZOsKo9Hi8WWZTC7POR8EmWvTSjow+VDgKzkmjQvFm2fk0tmRw+f0vTOIYKlarR0iL4996pdg==}
     engines: {node: '>=16.14.0'}
 
-  react-dom@19.2.4:
-    resolution: {integrity: sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==}
-    peerDependencies:
-      react: ^19.2.4
-
   react-dom@19.2.6:
     resolution: {integrity: sha512-0prMI+hvBbPjsWnxDLxlCGyM8PN6UuWjEUCYmZhO67xIV9Xasa/r/vDnq+Xyq4Lo27g8QSbO5YzARu0D1Sps3g==}
     peerDependencies:
@@ -14551,6 +15423,13 @@ packages:
     resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
     engines: {node: '>= 20.19.0'}
 
+  real-require@0.2.0:
+    resolution: {integrity: sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==}
+    engines: {node: '>= 12.13.0'}
+
+  real-require@1.0.0:
+    resolution: {integrity: sha512-P4nbQYQfePJxRSmY+v/KINxVucm4NF3p3s7pJveMTtom52FR4YGltUQLB8idDXwDDWW+eYrWDFbuzUnjoWHF7g==}
+
   recast@0.23.11:
     resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
     engines: {node: '>= 4'}
@@ -14626,6 +15505,14 @@ packages:
     resolution: {integrity: sha512-0ghuzq67LI9bLXpOX/ISfve/Mq33a4aFRzoQYhnnok1JOFpmE/A2TBGkNVenOGEeSBCjIiWcc6MVOG5HEQv0sA==}
     engines: {node: '>=4'}
 
+  registry-auth-token@5.1.1:
+    resolution: {integrity: sha512-P7B4+jq8DeD2nMsAcdfaqHbssgHtZ7Z5+++a5ask90fvmJ8p5je4mOa+wzu+DB4vQ5tdJV/xywY+UnVFeQLV5Q==}
+    engines: {node: '>=14'}
+
+  registry-url@6.0.1:
+    resolution: {integrity: sha512-+crtS5QjFRqFCoQmvGduwYWEBng99ZvmFvF+cUJkGYF1L1BfU8C6Zp9T7f5vPAwyLkUExpvK+ANVZmGU49qi4Q==}
+    engines: {node: '>=12'}
+
   regjsgen@0.8.0:
     resolution: {integrity: sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==}
 
@@ -14743,6 +15630,10 @@ packages:
     resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
+  restore-cursor@5.1.0:
+    resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==}
+    engines: {node: '>=18'}
+
   ret@0.2.2:
     resolution: {integrity: sha512-M0b3YWQs7R3Z917WRQy1HHA7Ba7D8hvZg6UE5mLykJxQVE2ju0IXbGlaHPPlkY+WN7wFP+wUMXmBFA0aV6vYGQ==}
     engines: {node: '>=4'}
@@ -14759,6 +15650,9 @@ packages:
     resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+
   rimraf@3.0.2:
     resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
     deprecated: Rimraf versions prior to v4 are no longer supported
@@ -14799,6 +15693,10 @@ packages:
     resolution: {integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==}
     engines: {node: '>= 18'}
 
+  run-applescript@7.1.0:
+    resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==}
+    engines: {node: '>=18'}
+
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
@@ -14825,6 +15723,10 @@ packages:
   safe-regex@2.1.1:
     resolution: {integrity: sha512-rx+x8AMzKb5Q5lQ95Zoi6ZbJqwCLkqi3XuJXp5P3rT8OEc6sZCJG5AE5dU3lsgRr/F4Bs31jSlVN+j5KrsGu9A==}
 
+  safe-stable-stringify@2.5.0:
+    resolution: {integrity: sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==}
+    engines: {node: '>=10'}
+
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
@@ -14873,6 +15775,9 @@ packages:
     resolution: {integrity: sha512-3A6sD0WYP7+QrjbfNA2FN3FsOaGGFoekCVgTyypy53gPxhbkCIjtO6YWgdrfM+n/8sI8JeXZOIxsHjMTNxQ4nQ==}
     engines: {node: ^14.0.0 || >=16.0.0}
 
+  scule@1.3.0:
+    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
+
   seedrandom@3.0.5:
     resolution: {integrity: sha512-8OwmbklUNzwezjGInmZ+2clQmExQPvomqjL7LFqOYqtmuxRgQYqOD3mHaU+MvZn5FLUeVxVfQjwLZW/n/JFuqg==}
 
@@ -14895,6 +15800,11 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  semver@7.8.2:
+    resolution: {integrity: sha512-c8jsqUZm3omBOI66G90z1Dyw5z622G8oLG+omfsHBJf3CWQTlOcwOjvOG6wtiNfW6anKm/eA39LMwMtMez2TiQ==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   send@0.19.2:
     resolution: {integrity: sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==}
     engines: {node: '>= 0.8.0'}
@@ -14925,6 +15835,10 @@ packages:
     resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
     engines: {node: '>= 0.4'}
 
+  set-value@4.1.0:
+    resolution: {integrity: sha512-zTEg4HL0RwVrqcWs3ztF+x1vkxfm0lP+MQQFPiMJTKVceBwEV0A569Ou8l9IYQG8jOZdMVI1hGsc0tmeD2o/Lw==}
+    engines: {node: '>=11.0'}
+
   setimmediate@1.0.5:
     resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
 
@@ -14959,6 +15873,9 @@ packages:
     resolution: {integrity: sha512-VsC6n6vz1ihYYyZZwX7YZSF5l5x36ca17OC+a69h94YqB7X6XLwf+5MOgynYir2SLFUbl8gIYvBo8K8RoNQ6bQ==}
     engines: {node: '>= 0.4'}
 
+  shellwords@0.1.1:
+    resolution: {integrity: sha512-vFwSUfQvqybiICwZY5+DAWIPLKsWO31Q91JSKl3UYv+K5c2QRPzn0qzec6QPu1Qc9eHYItiP3NdJqNVqetYAww==}
+
   side-channel-list@1.0.0:
     resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
     engines: {node: '>= 0.4'}
@@ -15020,6 +15937,10 @@ packages:
     resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
     engines: {node: '>=14.16'}
 
+  slice-ansi@7.1.2:
+    resolution: {integrity: sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==}
+    engines: {node: '>=18'}
+
   slice-ansi@8.0.0:
     resolution: {integrity: sha512-stxByr12oeeOyY2BlviTNQlYV5xOj47GirPr4yA1hE9JCtxfQN0+tVbkxwCtYDQWhEKWFHsEK48ORg5jrouCAg==}
     engines: {node: '>=20'}
@@ -15032,6 +15953,9 @@ packages:
     resolution: {integrity: sha512-4zemZi0HvTnYwLfrpk/CF9LOd9Lt87kAt50GnqhMpyF9U3poDAP2+iukq2bZsO/ufegbYehBkqINbsWxj4l4cw==}
     engines: {node: '>= 18'}
 
+  sonic-boom@4.2.1:
+    resolution: {integrity: sha512-w6AxtubXa2wTXAUsZMMWERrsIRAdrK0Sc+FUytWvYAhBJLyuI4llrMIC1DtlNSdI99EI86KZum2MMq3EAZlF9Q==}
+
   sonner-native@0.23.1:
     resolution: {integrity: sha512-p4WRxVoTjLTeuLcvuyMNzgd81tEUS0ayoqXEFhi5GNU1okbvBpqU5GiUjv14DgiLUYXPUQ0qq+OdrFJM2j4j+w==}
     peerDependencies:
@@ -15074,6 +15998,9 @@ packages:
   space-separated-tokens@2.0.2:
     resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
 
+  spawn-sync@1.0.15:
+    resolution: {integrity: sha512-9DWBgrgYZzNghseho0JOuh+5fg9u6QWhAWa51QC7+U5rCheZ/j1DrEZnyE0RBBRqZ9uEXGPgSSM0nky6burpVw==}
+
   spawn-wrap@2.0.0:
     resolution: {integrity: sha512-EeajNjfN9zMnULLwhZZQU3GWBoFNkbngTUPfaawT4RkMiviTxcX0qfhVbGey39mfctfDHkWtuecgQ8NJcyQWHg==}
     engines: {node: '>=8'}
@@ -15089,6 +16016,9 @@ packages:
     resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
     engines: {node: '>= 10.x'}
 
+  split@1.0.1:
+    resolution: {integrity: sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==}
+
   sprintf-js@1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
 
@@ -15231,6 +16161,14 @@ packages:
     resolution: {integrity: sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==}
     engines: {node: '>=12'}
 
+  strip-bom-buf@2.0.0:
+    resolution: {integrity: sha512-gLFNHucd6gzb8jMsl5QmZ3QgnUJmp7qn4uUSHNwEXumAp7YizoGYw19ZUVfuq4aBOQUtyn2k8X/CwzWB73W2lQ==}
+    engines: {node: '>=8'}
+
+  strip-bom-stream@4.0.0:
+    resolution: {integrity: sha512-0ApK3iAkHv6WbgLICw/J4nhwHeDZsBxIIsOD+gHgZICL6SeJ0S9f/WZqemka9cjkTyMN5geId6e8U5WGFAn3cQ==}
+    engines: {node: '>=8'}
+
   strip-bom@3.0.0:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
     engines: {node: '>=4'}
@@ -15239,6 +16177,10 @@ packages:
     resolution: {integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==}
     engines: {node: '>=8'}
 
+  strip-bom@5.0.0:
+    resolution: {integrity: sha512-p+byADHF7SzEcVnLvc/r3uognM1hUhObuHXxJcgLCfD194XAkaLbjq3Wzb0N5G2tgIjH0dgT708Z51QxMeu60A==}
+    engines: {node: '>=12'}
+
   strip-final-newline@2.0.0:
     resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
     engines: {node: '>=6'}
@@ -15259,10 +16201,17 @@ packages:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
+  strip-json-comments@5.0.2:
+    resolution: {integrity: sha512-4X2FR3UwhNUE9G49aIsJW5hRRR3GXGTBTZRMfv568O60ojM8HcWjV/VxAxCDW3SUND33O6ZY66ZuRcdkj73q2g==}
+    engines: {node: '>=14.16'}
+
   strip-json-comments@5.0.3:
     resolution: {integrity: sha512-1tB5mhVo7U+ETBKNf92xT4hrQa3pm0MZ0PQvuDnWgAAGHDsfp4lPSpiS6psrSiet87wyGPh9ft6wmhOMQ0hDiw==}
     engines: {node: '>=14.16'}
 
+  strip-literal@3.1.0:
+    resolution: {integrity: sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==}
+
   stripe@19.3.1:
     resolution: {integrity: sha512-5NXhLxTZ+4uO1wnsmNysILVuyeZ1Xia7niz/8ykBkGJkCcrY2WyQZwcfYuWZmZEJtWr2+0j49JXwNC6y9CHL7Q==}
     engines: {node: '>=16'}
@@ -15283,6 +16232,12 @@ packages:
   structured-headers@0.4.1:
     resolution: {integrity: sha512-0MP/Cxx5SzeeZ10p/bZI0S6MpgD+yxAhi1BOQ34jgnMXsCq3j1t6tQnZu+KdlL7dvJTLT3g9xN8tl10TqgFMcg==}
 
+  stubborn-fs@2.0.0:
+    resolution: {integrity: sha512-Y0AvSwDw8y+nlSNFXMm2g6L51rBGdAQT20J3YSOqxC53Lo3bjWRtr2BKcfYoAf352WYpsZSTURrA0tqhfgudPA==}
+
+  stubborn-utils@1.0.2:
+    resolution: {integrity: sha512-zOh9jPYI+xrNOyisSelgym4tolKTJCQd5GBhK0+0xJvcYDcwlOoxF/rnFKQ2KRZknXSG9jWAp66fwP6AxN9STg==}
+
   style-loader@3.3.4:
     resolution: {integrity: sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==}
     engines: {node: '>= 12.13.0'}
@@ -15388,10 +16343,17 @@ packages:
   tailwindcss@4.2.4:
     resolution: {integrity: sha512-HhKppgO81FQof5m6TEnuBWCZGgfRAWbaeOaGT00KOy/Pf/j6oUihdvBpA7ltCeAvZpFhW3j0PTclkxsd4IXYDA==}
 
+  tailwindcss@4.3.1:
+    resolution: {integrity: sha512-hk+TB1m+K8CYNrP6rjQaq/Y+4Zylwpa87mLYBKCunwnnQ9p+fHb7kmSfGqyEJoxF/O6CDyABWVFEafNSYKll+Q==}
+
   tapable@2.3.0:
     resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
     engines: {node: '>=6'}
 
+  tapable@2.3.3:
+    resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
+    engines: {node: '>=6'}
+
   tar-stream@3.1.8:
     resolution: {integrity: sha512-U6QpVRyCGHva435KoNWy9PRoi2IFYCgtEhq9nmrPPpbRacPs9IH4aJ3gbrFC8dPcXvdSZ4XXfXT5Fshbp2MtlQ==}
 
@@ -15448,9 +16410,19 @@ packages:
   third-party-capital@1.0.20:
     resolution: {integrity: sha512-oB7yIimd8SuGptespDAZnNkzIz+NWaJCu2RMsbs4Wmp9zSDUM8Nhi3s2OOcqYuv3mN4hitXc8DVx+LyUmbUDiA==}
 
+  thread-stream@3.2.0:
+    resolution: {integrity: sha512-zLBvqpwr4Esa0kRjcrzGU6zL25lePWaCLMx0RQFrmteozIfeNdaMLpG5U7PeHzvlFkAWaRKA9/KVW4F60iB+qw==}
+
+  thread-stream@4.2.0:
+    resolution: {integrity: sha512-e2zZ96wSChazBsbENf/Pcm/4swHt2cEKQ92rhUjkL9GCKiTDJIaTBenjE/m9DXi0QBmTMDkFDdOomUy20A1tDQ==}
+    engines: {node: '>=20'}
+
   throat@5.0.0:
     resolution: {integrity: sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA==}
 
+  through@2.3.8:
+    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
+
   timers-browserify@2.0.12:
     resolution: {integrity: sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==}
     engines: {node: '>=0.6.0'}
@@ -15465,6 +16437,10 @@ packages:
     resolution: {integrity: sha512-u9r3uZC0bdpGOXtlxUIdwf9pkmvhqJdrVCH9fapQtgy/OeTTMZ1nqH7agtvEfmGui6e1XxjcdrlxvxJvc3sMqw==}
     engines: {node: '>=18'}
 
+  tinyexec@1.2.4:
+    resolution: {integrity: sha512-SHf/r48b7vOrjve9PxJo3MN5v5yuyjHvdUcrQffT3WXMUfnGmHDVbC4k3sHJaJTgZCwpUplIaAo5ANtMyp3YHg==}
+    engines: {node: '>=18'}
+
   tinyglobby@0.2.16:
     resolution: {integrity: sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==}
     engines: {node: '>=12.0.0'}
@@ -15492,6 +16468,14 @@ packages:
     resolution: {integrity: sha512-ELrFxuqsDdHUwoh0XxDbxuLD3Wnz49Z57IFvTtvWy1hJdcMZjXLIuonjilCiWHlT2GbE4Wlv1wKVTzDFnXH1aw==}
     hasBin: true
 
+  tmp@0.2.5:
+    resolution: {integrity: sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==}
+    engines: {node: '>=14.14'}
+
+  tmp@0.2.7:
+    resolution: {integrity: sha512-e0votIpp4Uo2AJYSzVHV6xCcawuiez3DzqDAbrTc3YxBkplN6e+dM13ZeIcZnDg/QpSuU2zfZ3rzwY8ukEnaXw==}
+    engines: {node: '>=14.14'}
+
   tmpl@1.0.5:
     resolution: {integrity: sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==}
 
@@ -15630,6 +16614,10 @@ packages:
   tw-animate-css@1.4.0:
     resolution: {integrity: sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==}
 
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
   type-detect@4.0.8:
     resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
     engines: {node: '>=4'}
@@ -15650,6 +16638,10 @@ packages:
     resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
     engines: {node: '>=12.20'}
 
+  type-fest@3.13.1:
+    resolution: {integrity: sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==}
+    engines: {node: '>=14.16'}
+
   type-fest@4.41.0:
     resolution: {integrity: sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==}
     engines: {node: '>=16'}
@@ -15675,6 +16667,9 @@ packages:
   typedarray-to-buffer@3.1.5:
     resolution: {integrity: sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==}
 
+  typedarray@0.0.6:
+    resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
+
   typescript@5.9.3:
     resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
     engines: {node: '>=14.17'}
@@ -15688,6 +16683,9 @@ packages:
   uc.micro@2.1.0:
     resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
 
+  ufo@1.6.4:
+    resolution: {integrity: sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA==}
+
   uglify-js@3.19.3:
     resolution: {integrity: sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==}
     engines: {node: '>=0.8.0'}
@@ -15765,6 +16763,18 @@ packages:
   unified@11.0.5:
     resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
 
+  unimport@6.3.0:
+    resolution: {integrity: sha512-M+Dxk5W9WRd+8j56W9tp8lGW/dmMc7g5zj7BWQnEjKQhryBstqsi1V0izb0zHwSkEN8cSYV7K75/bykairV2tA==}
+    engines: {node: '>=18.12.0'}
+    peerDependencies:
+      oxc-parser: '*'
+      rolldown: ^1.0.0
+    peerDependenciesMeta:
+      oxc-parser:
+        optional: true
+      rolldown:
+        optional: true
+
   unist-util-is@6.0.1:
     resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
 
@@ -15797,19 +16807,35 @@ packages:
     resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
     engines: {node: '>= 0.8'}
 
+  unplugin-utils@0.3.1:
+    resolution: {integrity: sha512-5lWVjgi6vuHhJ526bI4nlCOmkCIF3nnfXkCMDeMJrtdvxTs6ZFCM8oNufGTsDbKv/tJ/xj8RpvXjRuPBZJuJog==}
+    engines: {node: '>=20.19.0'}
+
   unplugin@1.16.1:
     resolution: {integrity: sha512-4/u/j4FrCKdi17jaxuJA0jClGxB1AvU2hw/IuayPc4ay1XGaJs/rbb4v5WKwAjNifjmXK9PIFyuPiaK8azyR9w==}
     engines: {node: '>=14.0.0'}
 
+  unplugin@3.0.0:
+    resolution: {integrity: sha512-0Mqk3AT2TZCXWKdcoaufeXNukv2mTrEZExeXlHIOZXdqYoHHr4n51pymnwV8x2BOVxwXbK2HLlI7usrqMpycdg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
   unrs-resolver@1.11.1:
     resolution: {integrity: sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==}
 
+  upath@3.0.7:
+    resolution: {integrity: sha512-VjBBquch25nUGMuVBpOb2Cj3gc8Kb7lJBqbsXR/0anZ/5uJsL14Kpth9JKfnBsckxCfgIp6hPvcvvmZ97R9X7g==}
+    engines: {node: '>=20'}
+
   update-browserslist-db@1.2.3:
     resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
 
+  update-notifier@7.3.1:
+    resolution: {integrity: sha512-+dwUY4L35XFYEzE+OAL3sarJdUioVovq+8f7lcIJ7wnmnYQV5UD1Y/lcwaMSyaQ6Bj3JMj1XSTjZbNLHn/19yA==}
+    engines: {node: '>=18'}
+
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
@@ -15922,6 +16948,11 @@ packages:
   victory-vendor@37.3.6:
     resolution: {integrity: sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ==}
 
+  vite-node@6.0.0:
+    resolution: {integrity: sha512-oj4PVrT+pDh6GYf5wfUXkcZyekYS8kKPfLPXVl8qe324Ec6l4K2DUKNadRbZ3LQl0qGcDz+PyOo7ZAh00Y+JjQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
   vite@8.0.10:
     resolution: {integrity: sha512-rZuUu9j6J5uotLDs+cAA4O5H4K1SfPliUlQwqa6YEwSrWDZzP4rhm00oJR5snMewjxF5V/K3D4kctsUTsIU9Mw==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -16038,6 +17069,10 @@ packages:
   warn-once@0.1.1:
     resolution: {integrity: sha512-VkQZJbO8zVImzYFteBXvBOZEl1qL175WH8VmZcxF2fZAoudNhNDvHi+doCaAEdU2l2vtcIwa2zn0QK5+I1HQ3Q==}
 
+  watchpack@2.4.4:
+    resolution: {integrity: sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==}
+    engines: {node: '>=10.13.0'}
+
   watchpack@2.5.1:
     resolution: {integrity: sha512-Zn5uXdcFNIA1+1Ei5McRd+iRzfhENPCe7LeABkJtNulSxjma+l7ltNx55BWZkRlwRnpOgHqxnjyaDgJnNXnqzg==}
     engines: {node: '>=10.13.0'}
@@ -16050,6 +17085,15 @@ packages:
   wcwidth@1.0.1:
     resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
 
+  web-ext-run@0.2.4:
+    resolution: {integrity: sha512-rQicL7OwuqWdQWI33JkSXKcp7cuv1mJG8u3jRQwx/8aDsmhbTHs9ZRmNYOL+LX0wX8edIEQX8jj4bB60GoXtKA==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+
+  web-ext@10.4.0:
+    resolution: {integrity: sha512-8QXl8qrGl1IMsFphOnKHHDciGo6B9cnuJ4KPzZu1xHZaAhIV2o+NH1CItQtpapJvNkJ8Iu4Ikmse579O8oJcjA==}
+    engines: {node: '>=20.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
   web-push@3.6.7:
     resolution: {integrity: sha512-OpiIUe8cuGjrj3mMBFWY+e4MMIkW3SVT+7vEIjvD9kejGUypv8GPDf84JdPWskK8zMRIJ6xYGm+Kxr8YkPyA0A==}
     engines: {node: '>= 16'}
@@ -16106,9 +17150,18 @@ packages:
       webpack-cli:
         optional: true
 
+  whatwg-encoding@3.1.1:
+    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
+    engines: {node: '>=18'}
+    deprecated: Use @exodus/bytes instead for a more spec-conformant and faster implementation
+
   whatwg-fetch@3.6.20:
     resolution: {integrity: sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==}
 
+  whatwg-mimetype@4.0.0:
+    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
+    engines: {node: '>=18'}
+
   whatwg-url-minimum@0.1.2:
     resolution: {integrity: sha512-XPEm0XFQWNVG292lII1PrRRJl3sItrs7CettZ4ncYxuDVpLyy+NwlGyut2hXI0JswcJUxeCH+CyOJK0ZzAXD6A==}
 
@@ -16119,6 +17172,12 @@ packages:
   whatwg-url@5.0.0:
     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
 
+  when-exit@2.1.5:
+    resolution: {integrity: sha512-VGkKJ564kzt6Ms1dbgPP/yuIoQCrsFAnRbptpC5wOEsDaNsbCB2bnfnaA8i/vRs5tjUSEOtIuvl9/MyVsvQZCg==}
+
+  when@3.7.7:
+    resolution: {integrity: sha512-9lFZp/KHoqH6bPKjbWqa+3Dg/K/r2v0X/3/G2x4DBGchVS2QX2VXL3cZV994WQVnTM1/PD71Az25nAzryEUugw==}
+
   which-module@2.0.1:
     resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
 
@@ -16126,6 +17185,10 @@ packages:
     resolution: {integrity: sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==}
     engines: {node: '>= 0.4'}
 
+  which@1.2.4:
+    resolution: {integrity: sha512-zDRAqDSBudazdfM9zpiI30Fu9ve47htYXcGi3ln0wfKu2a7SmrT6F3VDoYONu//48V8Vz4TdCRNPjtvyRO3yBA==}
+    hasBin: true
+
   which@1.3.1:
     resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
     hasBin: true
@@ -16135,15 +17198,31 @@ packages:
     engines: {node: '>= 8'}
     hasBin: true
 
+  which@4.0.0:
+    resolution: {integrity: sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==}
+    engines: {node: ^16.13.0 || >=18.0.0}
+    hasBin: true
+
   why-is-node-running@2.3.0:
     resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
     engines: {node: '>=8'}
     hasBin: true
 
+  widest-line@5.0.0:
+    resolution: {integrity: sha512-c9bZp7b5YtRj2wOe6dlj32MK+Bx/M/d+9VB2SHM1OtsUHR0aV0tdP6DWh/iMt0kWi1t5g1Iudu6hQRNd1A4PVA==}
+    engines: {node: '>=18'}
+
   widest-line@6.0.0:
     resolution: {integrity: sha512-U89AsyEeAsyoF0zVJBkG9zBgekjgjK7yk9sje3F4IQpXBJ10TF6ByLlIfjMhcmHMJgHZI4KHt4rdNfktzxIAMA==}
     engines: {node: '>=20'}
 
+  winreg@0.0.12:
+    resolution: {integrity: sha512-typ/+JRmi7RqP1NanzFULK36vczznSNN8kWVA9vIqXyv8GhghUlwhGp1Xj3Nms1FsPcNnsQrJOR10N58/nQ9hQ==}
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
   wordwrap@1.0.0:
     resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
 
@@ -16165,6 +17244,10 @@ packages:
       '@cloudflare/workers-types':
         optional: true
 
+  wrap-ansi@10.0.0:
+    resolution: {integrity: sha512-SGcvg80f0wUy2/fXES19feHMz8E0JoXv2uNgHOu4Dgi2OrCy1lqwFYEJz1BLbDI0exjPMe/ZdzZ/YpGECBG/aQ==}
+    engines: {node: '>=20'}
+
   wrap-ansi@6.2.0:
     resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
     engines: {node: '>=8'}
@@ -16239,14 +17322,36 @@ packages:
       utf-8-validate:
         optional: true
 
+  wsl-utils@0.3.1:
+    resolution: {integrity: sha512-g/eziiSUNBSsdDJtCLB8bdYEUMj4jR7AGeUo96p/3dTafgjHhpF4RiCFPiRILwjQoDXx5MqkBr4fwWtR3Ky4Wg==}
+    engines: {node: '>=20'}
+
+  wxt@0.20.26:
+    resolution: {integrity: sha512-PMGz7sAlONJgwBkOriInXOoEU6/jlGKrhSFvZfiBPHZocyYPfnw1lod9rGDra957H83WO+TnGjYwJiGYciSIqA==}
+    engines: {bun: '>=1.2.0', node: '>=20.12.0'}
+    hasBin: true
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+    peerDependenciesMeta:
+      eslint:
+        optional: true
+
   xcode@3.0.1:
     resolution: {integrity: sha512-kCz5k7J7XbJtjABOvkc5lJmkiDh8VhjVCGNiqdKCscmVpdVUpEAyXv1xmCLkQJ5dsHqx3IPO4XW+NTDhU/fatA==}
     engines: {node: '>=10.0.0'}
 
+  xdg-basedir@5.1.0:
+    resolution: {integrity: sha512-GCPAHLvrIH13+c0SuacwvRYj2SxJXQ4kaVTT5xgL3kPrz56XxkF21IGhjSE1+W0aw7gpBWRGXLCPnPby6lSpmQ==}
+    engines: {node: '>=12'}
+
   xml2js@0.6.0:
     resolution: {integrity: sha512-eLTh0kA8uHceqesPqSE+VvO1CDDJWMwlQfB6LuN6T8w6MaDJ8Txm8P7s5cHD0miF0V+GGTZrDQfxPZQVsur33w==}
     engines: {node: '>=4.0.0'}
 
+  xml2js@0.6.2:
+    resolution: {integrity: sha512-T4rieHaC1EXcES0Kxxj4JWgaUQHDk+qwHcYOCFHfiwKz7tOVPLq7Hjq9dM1WCMhylqMEfP7hMcOIChvotiZegA==}
+    engines: {node: '>=4.0.0'}
+
   xml@1.0.1:
     resolution: {integrity: sha512-huCv9IH9Tcf95zuYCsQraZtWnJvBtLVE0QHMOs8bWyZAFZNDcYjsPq1nEx8jKA9y+Beo9v+7OBPRisQTjinQMw==}
 
@@ -16304,6 +17409,14 @@ packages:
     resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
     engines: {node: '>=12'}
 
+  yauzl@3.3.0:
+    resolution: {integrity: sha512-PtGEvEP30p7sbIBJKUBjUnqgTVOyMURc4dLo9iNyAJnNIEz9pm88cCXF21w94Kg3k6RXkeZh5DHOGS0qEONvNQ==}
+    engines: {node: '>=12'}
+
+  yauzl@3.3.2:
+    resolution: {integrity: sha512-Md9ankxxN23wncAN8s7+Tn3Co52zLUPMtnrLAbVCnfG5d2tKBFfmygYSgXlqFgXObtzIgqkx7aNgDBpso9+4qA==}
+    engines: {node: '>=12'}
+
   yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
@@ -16321,6 +17434,9 @@ packages:
   youch@4.1.0-beta.10:
     resolution: {integrity: sha512-rLfVLB4FgQneDr0dv1oddCVZmKjcJ6yX6mS4pU82Mq/Dt9a3cLZQ62pDBL4AUO+uVrCvtWz3ZFUL2HFAFJ/BXQ==}
 
+  zip-dir@2.0.0:
+    resolution: {integrity: sha512-uhlsJZWz26FLYXOD6WVuq+fIcZ3aBPGo/cFdiLlv3KNwpa52IF3ISV8fLhQLiqVu5No3VhlqlgthN6gehil1Dg==}
+
   zip-stream@6.0.1:
     resolution: {integrity: sha512-zK7YHHz4ZXpW89AHXUPbQVGKI7uvkd3hzusTdotCg1UxyaVtg0zFJSTfW/Dq5f7OBBVnq6cZIaC8Ti4hb6dtCA==}
     engines: {node: '>= 14'}
@@ -16365,6 +17481,11 @@ packages:
 
 snapshots:
 
+  '@1natsu/wait-element@4.2.0':
+    dependencies:
+      defu: 6.1.7
+      many-keys-map: 3.0.3
+
   '@adobe/css-tools@4.4.4': {}
 
   '@agentclientprotocol/sdk@0.22.1(zod@4.4.3)':
@@ -16413,6 +17534,15 @@ snapshots:
     dependencies:
       json-schema: 0.4.0
 
+  '@aklinker1/rollup-plugin-visualizer@5.12.0(rollup@4.59.1)':
+    dependencies:
+      open: 8.4.2
+      picomatch: 2.3.2
+      source-map: 0.7.6
+      yargs: 17.7.2
+    optionalDependencies:
+      rollup: 4.59.1
+
   '@alcalzone/ansi-tokenize@0.2.5':
     dependencies:
       ansi-styles: 6.2.3
@@ -17807,8 +18937,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/runtime@7.28.2': {}
+
   '@babel/runtime@7.29.2': {}
 
+  '@babel/runtime@7.29.7': {}
+
   '@babel/template@7.28.6':
     dependencies:
       '@babel/code-frame': 7.29.0
@@ -18347,6 +19481,22 @@ snapshots:
       gonzales-pe: 4.3.0
       node-source-walk: 7.0.1
 
+  '@devicefarmer/adbkit-logcat@2.1.3': {}
+
+  '@devicefarmer/adbkit-monkey@1.2.1': {}
+
+  '@devicefarmer/adbkit@3.3.8':
+    dependencies:
+      '@devicefarmer/adbkit-logcat': 2.1.3
+      '@devicefarmer/adbkit-monkey': 1.2.1
+      bluebird: 3.7.2
+      commander: 9.5.0
+      debug: 4.3.7
+      node-forge: 1.4.0
+      split: 1.0.1
+    transitivePeerDependencies:
+      - supports-color
+
   '@discordjs/builders@1.13.1':
     dependencies:
       '@discordjs/formatters': 0.6.2
@@ -18542,8 +19692,52 @@ snapshots:
   '@esbuild/win32-x64@0.27.4':
     optional: true
 
+  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.4(jiti@2.7.0))':
+    dependencies:
+      eslint: 9.39.4(jiti@2.7.0)
+      eslint-visitor-keys: 3.4.3
+
   '@eslint-community/regexpp@4.12.2': {}
 
+  '@eslint/config-array@0.21.2':
+    dependencies:
+      '@eslint/object-schema': 2.1.7
+      debug: 4.4.3
+      minimatch: 3.1.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/config-helpers@0.4.2':
+    dependencies:
+      '@eslint/core': 0.17.0
+
+  '@eslint/core@0.17.0':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/eslintrc@3.3.5':
+    dependencies:
+      ajv: 6.14.0
+      debug: 4.4.3
+      espree: 10.4.0
+      globals: 14.0.0
+      ignore: 5.3.2
+      import-fresh: 3.3.1
+      js-yaml: 4.1.1
+      minimatch: 3.1.5
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/js@9.39.4': {}
+
+  '@eslint/object-schema@2.1.7': {}
+
+  '@eslint/plugin-kit@0.4.1':
+    dependencies:
+      '@eslint/core': 0.17.0
+      levn: 0.4.1
+
   '@expo-google-fonts/jetbrains-mono@0.4.1': {}
 
   '@expo-google-fonts/material-symbols@0.4.27': {}
@@ -18935,6 +20129,10 @@ snapshots:
 
   '@floating-ui/utils@0.2.11': {}
 
+  '@fluent/syntax@0.19.0': {}
+
+  '@fregante/relaxed-json@2.0.0': {}
+
   '@google/genai@2.7.0(@modelcontextprotocol/sdk@1.29.0(zod@4.4.3))(bufferutil@4.1.0)(utf-8-validate@6.0.6)':
     dependencies:
       google-auth-library: 10.6.2
@@ -18986,6 +20184,22 @@ snapshots:
       '@trpc/server': 11.17.0(typescript@5.9.3)
       hono: 4.12.18
 
+  '@humanfs/core@0.19.2':
+    dependencies:
+      '@humanfs/types': 0.15.0
+
+  '@humanfs/node@0.16.8':
+    dependencies:
+      '@humanfs/core': 0.19.2
+      '@humanfs/types': 0.15.0
+      '@humanwhocodes/retry': 0.4.3
+
+  '@humanfs/types@0.15.0': {}
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.4.3': {}
+
   '@img/colour@1.1.0': {}
 
   '@img/sharp-darwin-arm64@0.34.5':
@@ -19116,10 +20330,10 @@ snapshots:
       jest-util: 30.3.0
       slash: 3.0.0
 
-  '@jest/core@29.7.0':
+  '@jest/core@29.7.0(node-notifier@10.0.1)':
     dependencies:
       '@jest/console': 29.7.0
-      '@jest/reporters': 29.7.0
+      '@jest/reporters': 29.7.0(node-notifier@10.0.1)
       '@jest/test-result': 29.7.0
       '@jest/transform': 29.7.0
       '@jest/types': 29.6.3
@@ -19146,16 +20360,18 @@ snapshots:
       pretty-format: 29.7.0
       slash: 3.0.0
       strip-ansi: 6.0.1
+    optionalDependencies:
+      node-notifier: 10.0.1
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
       - ts-node
 
-  '@jest/core@30.3.0(esbuild-register@3.6.0(esbuild@0.27.4))':
+  '@jest/core@30.3.0(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1)':
     dependencies:
       '@jest/console': 30.3.0
       '@jest/pattern': 30.0.1
-      '@jest/reporters': 30.3.0
+      '@jest/reporters': 30.3.0(node-notifier@10.0.1)
       '@jest/test-result': 30.3.0
       '@jest/transform': 30.3.0
       '@jest/types': 30.3.0
@@ -19180,6 +20396,8 @@ snapshots:
       jest-watcher: 30.3.0
       pretty-format: 30.3.0
       slash: 3.0.0
+    optionalDependencies:
+      node-notifier: 10.0.1
     transitivePeerDependencies:
       - babel-plugin-macros
       - esbuild-register
@@ -19275,7 +20493,7 @@ snapshots:
       '@types/node': 24.12.4
       jest-regex-util: 30.0.1
 
-  '@jest/reporters@29.7.0':
+  '@jest/reporters@29.7.0(node-notifier@10.0.1)':
     dependencies:
       '@bcoe/v8-coverage': 0.2.3
       '@jest/console': 29.7.0
@@ -19301,10 +20519,12 @@ snapshots:
       string-length: 4.0.2
       strip-ansi: 6.0.1
       v8-to-istanbul: 9.3.0
+    optionalDependencies:
+      node-notifier: 10.0.1
     transitivePeerDependencies:
       - supports-color
 
-  '@jest/reporters@30.3.0':
+  '@jest/reporters@30.3.0(node-notifier@10.0.1)':
     dependencies:
       '@bcoe/v8-coverage': 0.2.3
       '@jest/console': 30.3.0
@@ -19329,6 +20549,8 @@ snapshots:
       slash: 3.0.0
       string-length: 4.0.2
       v8-to-istanbul: 9.3.0
+    optionalDependencies:
+      node-notifier: 10.0.1
     transitivePeerDependencies:
       - supports-color
 
@@ -19793,6 +21015,8 @@ snapshots:
 
   '@marijn/find-cluster-break@1.0.2': {}
 
+  '@mdn/browser-compat-data@8.0.2': {}
+
   '@mdx-js/loader@3.1.1(webpack@5.105.4(@swc/core@1.15.18)(esbuild@0.27.4))':
     dependencies:
       '@mdx-js/mdx': 3.1.1
@@ -20891,6 +22115,8 @@ snapshots:
 
   '@paper-design/shaders@0.0.76': {}
 
+  '@pinojs/redact@0.4.0': {}
+
   '@pkgr/core@0.2.9': {}
 
   '@playwright/test@1.58.2':
@@ -20912,6 +22138,18 @@ snapshots:
       type-fest: 4.41.0
       webpack-hot-middleware: 2.26.1
 
+  '@pnpm/config.env-replace@1.1.0': {}
+
+  '@pnpm/network.ca-file@1.0.2':
+    dependencies:
+      graceful-fs: 4.2.10
+
+  '@pnpm/npm-conf@3.0.3':
+    dependencies:
+      '@pnpm/config.env-replace': 1.1.0
+      '@pnpm/network.ca-file': 1.0.2
+      config-chain: 1.1.13
+
   '@polka/url@1.0.0-next.29': {}
 
   '@poppinss/colors@4.1.6':
@@ -22012,6 +23250,8 @@ snapshots:
 
   '@rolldown/pluginutils@1.0.0-rc.17': {}
 
+  '@rolldown/pluginutils@1.0.1': {}
+
   '@rollup/plugin-commonjs@28.0.1(rollup@4.59.0)':
     dependencies:
       '@rollup/pluginutils': 5.3.0(rollup@4.59.0)
@@ -22522,9 +23762,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@shopify/flash-list@2.0.2(@babel/runtime@7.29.2)(react-native@0.83.6(@babel/core@7.29.0)(@types/react@19.2.14)(bufferutil@4.1.0)(react@19.2.0)(utf-8-validate@6.0.6))(react@19.2.0)':
+  '@shopify/flash-list@2.0.2(@babel/runtime@7.29.7)(react-native@0.83.6(@babel/core@7.29.0)(@types/react@19.2.14)(bufferutil@4.1.0)(react@19.2.0)(utf-8-validate@6.0.6))(react@19.2.0)':
     dependencies:
-      '@babel/runtime': 7.29.2
+      '@babel/runtime': 7.29.7
       react: 19.2.0
       react-native: 0.83.6(@babel/core@7.29.0)(@types/react@19.2.14)(bufferutil@4.1.0)(react@19.2.0)(utf-8-validate@6.0.6)
       tslib: 2.8.1
@@ -23023,11 +24263,11 @@ snapshots:
   '@storybook/addon-docs@8.5.8(@types/react@19.2.14)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6))':
     dependencies:
       '@mdx-js/react': 3.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@storybook/blocks': 8.5.8(react-dom@19.2.4(react@19.2.6))(react@19.2.6)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6))
+      '@storybook/blocks': 8.5.8(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6))
       '@storybook/csf-plugin': 8.5.8(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6))
-      '@storybook/react-dom-shim': 8.5.8(react-dom@19.2.4(react@19.2.6))(react@19.2.6)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6))
+      '@storybook/react-dom-shim': 8.5.8(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6))
       react: 19.2.6
-      react-dom: 19.2.4(react@19.2.6)
+      react-dom: 19.2.6(react@19.2.6)
       storybook: 9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))
       ts-dedent: 2.2.0
     transitivePeerDependencies:
@@ -23037,10 +24277,10 @@ snapshots:
     dependencies:
       '@mdx-js/react': 3.1.1(@types/react@19.2.14)(react@19.2.6)
       '@storybook/csf-plugin': 9.1.20(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)))
-      '@storybook/icons': 1.6.0(react-dom@19.2.4(react@19.2.6))(react@19.2.6)
-      '@storybook/react-dom-shim': 9.1.20(react-dom@19.2.4(react@19.2.6))(react@19.2.6)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)))
+      '@storybook/icons': 1.6.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      '@storybook/react-dom-shim': 9.1.20(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)))
       react: 19.2.6
-      react-dom: 19.2.4(react@19.2.6)
+      react-dom: 19.2.6(react@19.2.6)
       storybook: 9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))
       ts-dedent: 2.2.0
     transitivePeerDependencies:
@@ -23100,15 +24340,15 @@ snapshots:
       memoizerific: 1.11.3
       storybook: 9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))
 
-  '@storybook/blocks@8.5.8(react-dom@19.2.4(react@19.2.6))(react@19.2.6)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6))':
+  '@storybook/blocks@8.5.8(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6))':
     dependencies:
       '@storybook/csf': 0.1.12
-      '@storybook/icons': 1.6.0(react-dom@19.2.4(react@19.2.6))(react@19.2.6)
+      '@storybook/icons': 1.6.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       storybook: 9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))
       ts-dedent: 2.2.0
     optionalDependencies:
       react: 19.2.6
-      react-dom: 19.2.4(react@19.2.6)
+      react-dom: 19.2.6(react@19.2.6)
 
   '@storybook/builder-webpack5@8.5.8(@swc/core@1.15.18)(esbuild@0.27.4)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6))(typescript@5.9.3)':
     dependencies:
@@ -23244,10 +24484,10 @@ snapshots:
 
   '@storybook/global@5.0.0': {}
 
-  '@storybook/icons@1.6.0(react-dom@19.2.4(react@19.2.6))(react@19.2.6)':
+  '@storybook/icons@1.6.0(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
     dependencies:
       react: 19.2.6
-      react-dom: 19.2.4(react@19.2.6)
+      react-dom: 19.2.6(react@19.2.6)
 
   '@storybook/manager-api@8.5.8(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6))':
     dependencies:
@@ -23365,16 +24605,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@storybook/react-dom-shim@8.5.8(react-dom@19.2.4(react@19.2.6))(react@19.2.6)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6))':
-    dependencies:
-      react: 19.2.6
-      react-dom: 19.2.4(react@19.2.6)
-      storybook: 9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))
-
-  '@storybook/react-dom-shim@9.1.20(react-dom@19.2.4(react@19.2.6))(react@19.2.6)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)))':
+  '@storybook/react-dom-shim@8.5.8(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6))':
     dependencies:
       react: 19.2.6
-      react-dom: 19.2.4(react@19.2.6)
+      react-dom: 19.2.6(react@19.2.6)
       storybook: 9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))
 
   '@storybook/react-dom-shim@9.1.20(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)))':
@@ -23434,7 +24668,7 @@ snapshots:
       ts-dedent: 2.2.0
       yaml: 2.8.4
 
-  '@storybook/test-runner@0.23.0(@types/node@25.5.2)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)))':
+  '@storybook/test-runner@0.23.0(@types/node@25.5.2)(node-notifier@10.0.1)(storybook@9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/generator': 7.29.1
@@ -23444,14 +24678,14 @@ snapshots:
       '@swc/core': 1.15.18
       '@swc/jest': 0.2.39(@swc/core@1.15.18)
       expect-playwright: 0.8.0
-      jest: 29.7.0(@types/node@25.5.2)
+      jest: 29.7.0(@types/node@25.5.2)(node-notifier@10.0.1)
       jest-circus: 29.7.0
       jest-environment-node: 29.7.0
       jest-junit: 16.0.0
-      jest-playwright-preset: 4.0.0(jest-circus@29.7.0)(jest-environment-node@29.7.0)(jest-runner@29.7.0)(jest@29.7.0(@types/node@25.5.2))
+      jest-playwright-preset: 4.0.0(jest-circus@29.7.0)(jest-environment-node@29.7.0)(jest-runner@29.7.0)(jest@29.7.0(@types/node@25.5.2)(node-notifier@10.0.1))
       jest-runner: 29.7.0
       jest-serializer-html: 7.1.0
-      jest-watch-typeahead: 2.2.2(jest@29.7.0(@types/node@25.5.2))
+      jest-watch-typeahead: 2.2.2(jest@29.7.0(@types/node@25.5.2)(node-notifier@10.0.1))
       nyc: 15.1.0
       playwright: 1.58.2
       storybook: 9.1.20(bufferutil@4.1.0)(utf-8-validate@6.0.6)(vite@8.0.10(@types/node@25.5.2)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))
@@ -23545,42 +24779,88 @@ snapshots:
       source-map-js: 1.2.1
       tailwindcss: 4.2.4
 
+  '@tailwindcss/node@4.3.1':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.21.6
+      jiti: 2.7.0
+      lightningcss: 1.30.1
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.3.1
+
   '@tailwindcss/oxide-android-arm64@4.2.4':
     optional: true
 
+  '@tailwindcss/oxide-android-arm64@4.3.1':
+    optional: true
+
   '@tailwindcss/oxide-darwin-arm64@4.2.4':
     optional: true
 
+  '@tailwindcss/oxide-darwin-arm64@4.3.1':
+    optional: true
+
   '@tailwindcss/oxide-darwin-x64@4.2.4':
     optional: true
 
+  '@tailwindcss/oxide-darwin-x64@4.3.1':
+    optional: true
+
   '@tailwindcss/oxide-freebsd-x64@4.2.4':
     optional: true
 
+  '@tailwindcss/oxide-freebsd-x64@4.3.1':
+    optional: true
+
   '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.4':
     optional: true
 
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.1':
+    optional: true
+
   '@tailwindcss/oxide-linux-arm64-gnu@4.2.4':
     optional: true
 
+  '@tailwindcss/oxide-linux-arm64-gnu@4.3.1':
+    optional: true
+
   '@tailwindcss/oxide-linux-arm64-musl@4.2.4':
     optional: true
 
+  '@tailwindcss/oxide-linux-arm64-musl@4.3.1':
+    optional: true
+
   '@tailwindcss/oxide-linux-x64-gnu@4.2.4':
     optional: true
 
+  '@tailwindcss/oxide-linux-x64-gnu@4.3.1':
+    optional: true
+
   '@tailwindcss/oxide-linux-x64-musl@4.2.4':
     optional: true
 
+  '@tailwindcss/oxide-linux-x64-musl@4.3.1':
+    optional: true
+
   '@tailwindcss/oxide-wasm32-wasi@4.2.4':
     optional: true
 
+  '@tailwindcss/oxide-wasm32-wasi@4.3.1':
+    optional: true
+
   '@tailwindcss/oxide-win32-arm64-msvc@4.2.4':
     optional: true
 
+  '@tailwindcss/oxide-win32-arm64-msvc@4.3.1':
+    optional: true
+
   '@tailwindcss/oxide-win32-x64-msvc@4.2.4':
     optional: true
 
+  '@tailwindcss/oxide-win32-x64-msvc@4.3.1':
+    optional: true
+
   '@tailwindcss/oxide@4.2.4':
     optionalDependencies:
       '@tailwindcss/oxide-android-arm64': 4.2.4
@@ -23596,6 +24876,21 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.2.4
       '@tailwindcss/oxide-win32-x64-msvc': 4.2.4
 
+  '@tailwindcss/oxide@4.3.1':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.3.1
+      '@tailwindcss/oxide-darwin-arm64': 4.3.1
+      '@tailwindcss/oxide-darwin-x64': 4.3.1
+      '@tailwindcss/oxide-freebsd-x64': 4.3.1
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.3.1
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.3.1
+      '@tailwindcss/oxide-linux-arm64-musl': 4.3.1
+      '@tailwindcss/oxide-linux-x64-gnu': 4.3.1
+      '@tailwindcss/oxide-linux-x64-musl': 4.3.1
+      '@tailwindcss/oxide-wasm32-wasi': 4.3.1
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.3.1
+      '@tailwindcss/oxide-win32-x64-msvc': 4.3.1
+
   '@tailwindcss/postcss@4.2.4':
     dependencies:
       '@alloc/quick-lru': 5.2.0
@@ -23609,6 +24904,13 @@ snapshots:
       postcss-selector-parser: 6.0.10
       tailwindcss: 4.2.4
 
+  '@tailwindcss/vite@4.3.1(vite@8.0.10(@types/node@24.12.4)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))':
+    dependencies:
+      '@tailwindcss/node': 4.3.1
+      '@tailwindcss/oxide': 4.3.1
+      tailwindcss: 4.3.1
+      vite: 8.0.10(@types/node@24.12.4)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
+
   '@tanstack/query-core@5.100.10': {}
 
   '@tanstack/react-query@5.100.10(react@19.2.0)':
@@ -23774,12 +25076,20 @@ snapshots:
 
   '@types/estree@1.0.8': {}
 
+  '@types/filesystem@0.0.36':
+    dependencies:
+      '@types/filewriter': 0.0.33
+
+  '@types/filewriter@0.0.33': {}
+
   '@types/graceful-fs@4.1.9':
     dependencies:
       '@types/node': 24.12.4
 
   '@types/hammerjs@2.0.46': {}
 
+  '@types/har-format@1.2.16': {}
+
   '@types/hast@3.0.4':
     dependencies:
       '@types/unist': 3.0.3
@@ -23832,6 +25142,8 @@ snapshots:
 
   '@types/mdx@2.0.13': {}
 
+  '@types/minimatch@3.0.5': {}
+
   '@types/ms@2.1.0': {}
 
   '@types/mysql@2.15.27':
@@ -23920,6 +25232,8 @@ snapshots:
     dependencies:
       '@types/node': 24.12.4
 
+  '@types/webextension-polyfill@0.12.5': {}
+
   '@types/ws@8.18.1':
     dependencies:
       '@types/node': 24.12.4
@@ -24114,6 +25428,13 @@ snapshots:
       '@opentelemetry/sdk-metrics': 2.6.1(@opentelemetry/api@1.9.1)
       '@opentelemetry/sdk-trace-base': 2.6.0(@opentelemetry/api@1.9.1)
 
+  '@vitejs/plugin-react@6.0.2(babel-plugin-react-compiler@1.0.0)(vite@8.0.10(@types/node@24.12.4)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))':
+    dependencies:
+      '@rolldown/pluginutils': 1.0.1
+      vite: 8.0.10(@types/node@24.12.4)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
+    optionalDependencies:
+      babel-plugin-react-compiler: 1.0.0
+
   '@vitest/coverage-v8@4.1.6(vitest@4.1.6)':
     dependencies:
       '@bcoe/v8-coverage': 1.0.2
@@ -24126,7 +25447,7 @@ snapshots:
       obug: 2.1.1
       std-env: 4.0.0
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.5.2)(@vitest/coverage-v8@4.1.6)(@vitest/ui@4.1.6)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@24.12.4)(@vitest/coverage-v8@4.1.6)(@vitest/ui@4.1.6)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
 
   '@vitest/expect@3.2.4':
     dependencies:
@@ -24212,7 +25533,7 @@ snapshots:
       sirv: 3.0.2
       tinyglobby: 0.2.16
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.5.2)(@vitest/coverage-v8@4.1.6)(@vitest/ui@4.1.6)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@24.12.4)(@vitest/coverage-v8@4.1.6)(@vitest/ui@4.1.6)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
 
   '@vitest/utils@3.2.4':
     dependencies:
@@ -24336,12 +25657,43 @@ snapshots:
       '@webassemblyjs/ast': 1.14.1
       '@xtuc/long': 4.2.2
 
+  '@webext-core/fake-browser@1.5.2':
+    dependencies:
+      '@types/webextension-polyfill': 0.12.5
+      lodash.merge: 4.6.2
+
+  '@webext-core/isolated-element@1.1.5':
+    dependencies:
+      is-potential-custom-element-name: 1.0.1
+
+  '@webext-core/match-patterns@1.0.3': {}
+
   '@workflow/serde@4.1.0-beta.2': {}
 
   '@workos-inc/node@8.13.0':
     dependencies:
       eventemitter3: 5.0.4
 
+  '@wxt-dev/browser@0.1.43':
+    dependencies:
+      '@types/filesystem': 0.0.36
+      '@types/har-format': 1.2.16
+
+  '@wxt-dev/module-react@1.2.2(babel-plugin-react-compiler@1.0.0)(vite@8.0.10(@types/node@24.12.4)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))(wxt@0.20.26(@types/node@24.12.4)(eslint@9.39.4(jiti@2.7.0))(jiti@2.7.0)(oxc-parser@0.120.0)(rollup@4.59.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))':
+    dependencies:
+      '@vitejs/plugin-react': 6.0.2(babel-plugin-react-compiler@1.0.0)(vite@8.0.10(@types/node@24.12.4)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))
+      vite: 8.0.10(@types/node@24.12.4)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
+      wxt: 0.20.26(@types/node@24.12.4)(eslint@9.39.4(jiti@2.7.0))(jiti@2.7.0)(oxc-parser@0.120.0)(rollup@4.59.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
+    transitivePeerDependencies:
+      - '@rolldown/plugin-babel'
+      - babel-plugin-react-compiler
+
+  '@wxt-dev/storage@1.2.8':
+    dependencies:
+      '@wxt-dev/browser': 0.1.43
+      async-mutex: 0.5.0
+      dequal: 2.0.3
+
   '@xmldom/xmldom@0.8.13': {}
 
   '@xterm/addon-clipboard@0.2.0':
@@ -24396,11 +25748,58 @@ snapshots:
 
   acorn@8.16.0: {}
 
+  addons-linter@10.7.0(express@5.2.1)(jiti@2.7.0):
+    dependencies:
+      '@fluent/syntax': 0.19.0
+      '@fregante/relaxed-json': 2.0.0
+      '@mdn/browser-compat-data': 8.0.2
+      addons-moz-compare: 1.3.0
+      addons-scanner-utils: 15.2.0(express@5.2.1)
+      ajv: 8.20.0
+      cheerio: 1.2.0
+      columnify: 1.6.0
+      common-tags: 1.8.2
+      deepmerge: 4.3.1
+      eslint: 9.39.4(jiti@2.7.0)
+      eslint-plugin-no-unsanitized: 4.1.5(eslint@9.39.4(jiti@2.7.0))
+      eslint-visitor-keys: 5.0.1
+      espree: 11.2.0
+      esprima: 4.0.1
+      fast-json-patch: 3.1.1
+      image-size: 2.0.2
+      json-merge-patch: 1.0.2
+      pino: 10.3.1
+      semver: 7.8.2
+      source-map-support: 0.5.21
+      upath: 3.0.7
+      yargs: 17.7.2
+      yauzl: 3.3.2
+    transitivePeerDependencies:
+      - express
+      - jiti
+      - safe-compare
+      - supports-color
+
+  addons-moz-compare@1.3.0: {}
+
+  addons-scanner-utils@15.2.0(express@5.2.1):
+    dependencies:
+      common-tags: 1.8.2
+      first-chunk-stream: 3.0.0
+      jsonwebtoken: 9.0.3
+      strip-bom-stream: 4.0.0
+      upath: 3.0.7
+      yauzl: 3.3.0
+    optionalDependencies:
+      express: 5.2.1
+
   adjust-sourcemap-loader@4.0.0:
     dependencies:
       loader-utils: 2.0.4
       regex-parser: 2.3.1
 
+  adm-zip@0.5.17: {}
+
   agent-base@6.0.2:
     dependencies:
       debug: 4.4.3
@@ -24464,6 +25863,10 @@ snapshots:
 
   anser@2.3.5: {}
 
+  ansi-align@3.0.1:
+    dependencies:
+      string-width: 4.2.3
+
   ansi-escapes@4.3.2:
     dependencies:
       type-fest: 0.21.3
@@ -24549,8 +25952,12 @@ snapshots:
 
   aria-query@5.3.2: {}
 
+  array-differ@4.0.0: {}
+
   array-timsort@1.0.3: {}
 
+  array-union@3.0.1: {}
+
   asap@2.0.6: {}
 
   asn1.js@4.10.1:
@@ -24590,10 +25997,21 @@ snapshots:
 
   astring@1.9.0: {}
 
+  async-mutex@0.5.0:
+    dependencies:
+      tslib: 2.8.1
+
   async@3.2.6: {}
 
   asynckit@0.4.0: {}
 
+  atomic-sleep@1.0.0: {}
+
+  atomically@2.1.1:
+    dependencies:
+      stubborn-fs: 2.0.0
+      when-exit: 2.1.5
+
   auto-bind@5.0.1: {}
 
   available-typed-arrays@1.0.7:
@@ -24867,6 +26285,8 @@ snapshots:
 
   blake3-wasm@2.1.5: {}
 
+  bluebird@3.7.2: {}
+
   bn.js@4.12.3: {}
 
   bn.js@5.2.3: {}
@@ -24891,6 +26311,17 @@ snapshots:
 
   bowser@2.14.1: {}
 
+  boxen@8.0.1:
+    dependencies:
+      ansi-align: 3.0.1
+      camelcase: 8.0.0
+      chalk: 5.6.2
+      cli-boxes: 3.0.0
+      string-width: 7.2.0
+      type-fest: 4.41.0
+      widest-line: 5.0.0
+      wrap-ansi: 9.0.2
+
   bplist-creator@0.1.0:
     dependencies:
       stream-buffers: 2.2.0
@@ -24975,6 +26406,8 @@ snapshots:
     dependencies:
       node-int64: 0.4.0
 
+  buffer-crc32@0.2.13: {}
+
   buffer-crc32@1.0.0: {}
 
   buffer-equal-constant-time@1.0.1: {}
@@ -25005,8 +26438,33 @@ snapshots:
     dependencies:
       '@types/node': 24.12.4
 
+  bundle-name@4.1.0:
+    dependencies:
+      run-applescript: 7.1.0
+
   bytes@3.1.2: {}
 
+  c12@3.3.4(magicast@0.5.2):
+    dependencies:
+      chokidar: 5.0.0
+      confbox: 0.2.4
+      defu: 6.1.7
+      dotenv: 17.3.1
+      exsolve: 1.0.8
+      giget: 3.3.0
+      jiti: 2.7.0
+      ohash: 2.0.11
+      pathe: 2.0.3
+      perfect-debounce: 2.1.0
+      pkg-types: 2.3.1
+      rc9: 3.0.1
+    optionalDependencies:
+      magicast: 0.5.2
+
+  cac@6.7.14: {}
+
+  cac@7.0.0: {}
+
   caching-transform@4.0.0:
     dependencies:
       hasha: 5.2.2
@@ -25042,6 +26500,8 @@ snapshots:
 
   camelcase@6.3.0: {}
 
+  camelcase@8.0.0: {}
+
   caniuse-lite@1.0.30001779: {}
 
   capnweb@0.8.0: {}
@@ -25099,6 +26559,29 @@ snapshots:
 
   check-error@2.1.3: {}
 
+  cheerio-select@2.1.0:
+    dependencies:
+      boolbase: 1.0.0
+      css-select: 5.2.2
+      css-what: 6.2.2
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.2.2
+
+  cheerio@1.2.0:
+    dependencies:
+      cheerio-select: 2.1.0
+      dom-serializer: 2.0.0
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      encoding-sniffer: 0.2.1
+      htmlparser2: 10.1.0
+      parse5: 7.3.0
+      parse5-htmlparser2-tree-adapter: 7.1.0
+      parse5-parser-stream: 7.1.2
+      undici: 7.25.0
+      whatwg-mimetype: 4.0.0
+
   chokidar@3.6.0:
     dependencies:
       anymatch: 3.1.3
@@ -25130,6 +26613,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  chrome-launcher@1.2.0:
+    dependencies:
+      '@types/node': 24.12.4
+      escape-string-regexp: 4.0.0
+      is-wsl: 2.2.0
+      lighthouse-logger: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
   chrome-trace-event@1.0.4: {}
 
   chromium-edge-launcher@0.2.0:
@@ -25155,6 +26647,8 @@ snapshots:
       safe-buffer: 5.2.1
       to-buffer: 1.2.2
 
+  citty@0.2.2: {}
+
   cjs-module-lexer@1.2.3: {}
 
   cjs-module-lexer@1.4.3: {}
@@ -25193,6 +26687,10 @@ snapshots:
     dependencies:
       restore-cursor: 4.0.0
 
+  cli-cursor@5.0.0:
+    dependencies:
+      restore-cursor: 5.1.0
+
   cli-spinners@2.9.2: {}
 
   cli-truncate@5.2.0:
@@ -25285,6 +26783,11 @@ snapshots:
 
   colorjs.io@0.6.0-alpha.1: {}
 
+  columnify@1.6.0:
+    dependencies:
+      strip-ansi: 6.0.1
+      wcwidth: 1.0.1
+
   combined-stream@1.0.8:
     dependencies:
       delayed-stream: 1.0.0
@@ -25297,12 +26800,18 @@ snapshots:
 
   commander@2.20.3: {}
 
+  commander@2.9.0:
+    dependencies:
+      graceful-readlink: 1.0.1
+
   commander@3.0.2: {}
 
   commander@7.2.0: {}
 
   commander@8.3.0: {}
 
+  commander@9.5.0: {}
+
   comment-json@4.6.2:
     dependencies:
       array-timsort: 1.0.3
@@ -25310,6 +26819,8 @@ snapshots:
 
   common-path-prefix@3.0.0: {}
 
+  common-tags@1.8.2: {}
+
   commondir@1.0.1: {}
 
   compress-commons@6.0.2:
@@ -25338,6 +26849,29 @@ snapshots:
 
   compute-scroll-into-view@2.0.4: {}
 
+  concat-stream@1.6.2:
+    dependencies:
+      buffer-from: 1.1.2
+      inherits: 2.0.4
+      readable-stream: 2.3.8
+      typedarray: 0.0.6
+
+  confbox@0.1.8: {}
+
+  confbox@0.2.4: {}
+
+  config-chain@1.1.13:
+    dependencies:
+      ini: 1.3.8
+      proto-list: 1.2.4
+
+  configstore@7.1.0:
+    dependencies:
+      atomically: 2.1.1
+      dot-prop: 9.0.0
+      graceful-fs: 4.2.11
+      xdg-basedir: 5.1.0
+
   connect@3.7.0:
     dependencies:
       debug: 2.6.9
@@ -25347,6 +26881,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  consola@3.4.2: {}
+
   console-browserify@1.2.0: {}
 
   constants-browserify@1.0.0: {}
@@ -25612,12 +27148,18 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
+  debug@4.3.7:
+    dependencies:
+      ms: 2.1.3
+
   debug@4.4.3:
     dependencies:
       ms: 2.1.3
 
   decamelize@1.2.0: {}
 
+  decamelize@6.0.1: {}
+
   decimal.js-light@2.5.1: {}
 
   decode-named-character-reference@1.3.0:
@@ -25638,8 +27180,17 @@ snapshots:
 
   deep-extend@0.6.0: {}
 
+  deep-is@0.1.4: {}
+
   deepmerge@4.3.1: {}
 
+  default-browser-id@5.0.1: {}
+
+  default-browser@5.5.0:
+    dependencies:
+      bundle-name: 4.1.0
+      default-browser-id: 5.0.1
+
   default-require-extensions@3.0.1:
     dependencies:
       strip-bom: 4.0.0
@@ -25656,12 +27207,16 @@ snapshots:
 
   define-lazy-prop@2.0.0: {}
 
+  define-lazy-prop@3.0.0: {}
+
   define-properties@1.2.1:
     dependencies:
       define-data-property: 1.1.4
       has-property-descriptors: 1.0.2
       object-keys: 1.1.1
 
+  defu@6.1.7: {}
+
   delayed-stream@1.0.0: {}
 
   depd@2.0.0: {}
@@ -25703,6 +27258,8 @@ snapshots:
       inherits: 2.0.4
       minimalistic-assert: 1.0.1
 
+  destr@2.0.5: {}
+
   destroy@1.2.0: {}
 
   detect-libc@2.1.2: {}
@@ -25887,6 +27444,10 @@ snapshots:
       no-case: 3.0.4
       tslib: 2.8.1
 
+  dot-prop@9.0.0:
+    dependencies:
+      type-fest: 4.41.0
+
   dotenv-expand@12.0.3:
     dependencies:
       dotenv: 16.6.1
@@ -25982,6 +27543,11 @@ snapshots:
 
   encodeurl@2.0.0: {}
 
+  encoding-sniffer@0.2.1:
+    dependencies:
+      iconv-lite: 0.6.3
+      whatwg-encoding: 3.1.1
+
   end-of-stream@1.4.5:
     dependencies:
       once: 1.4.0
@@ -26002,12 +27568,19 @@ snapshots:
       graceful-fs: 4.2.11
       tapable: 2.3.0
 
+  enhanced-resolve@5.21.6:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.3
+
   entities@1.1.2: {}
 
   entities@2.2.0: {}
 
   entities@4.5.0: {}
 
+  entities@6.0.1: {}
+
   entities@7.0.1: {}
 
   env-paths@2.2.1: {}
@@ -26121,6 +27694,8 @@ snapshots:
 
   escape-carriage@1.3.1: {}
 
+  escape-goat@4.0.0: {}
+
   escape-html@1.0.3: {}
 
   escape-string-regexp@1.0.5: {}
@@ -26139,11 +27714,16 @@ snapshots:
     optionalDependencies:
       source-map: 0.6.1
 
-  eslint-plugin-sonarjs@4.0.3:
+  eslint-plugin-no-unsanitized@4.1.5(eslint@9.39.4(jiti@2.7.0)):
+    dependencies:
+      eslint: 9.39.4(jiti@2.7.0)
+
+  eslint-plugin-sonarjs@4.0.3(eslint@9.39.4(jiti@2.7.0)):
     dependencies:
       '@eslint-community/regexpp': 4.12.2
       builtin-modules: 3.3.0
       bytes: 3.1.2
+      eslint: 9.39.4(jiti@2.7.0)
       functional-red-black-tree: 1.0.1
       globals: 17.4.0
       jsx-ast-utils-x: 0.1.0
@@ -26151,16 +27731,66 @@ snapshots:
       minimatch: 10.2.5
       scslre: 0.3.0
       semver: 7.7.4
-      ts-api-utils: 2.5.0(typescript@5.9.3)
-      typescript: 5.9.3
+      ts-api-utils: 2.5.0(typescript@6.0.3)
+      typescript: 6.0.3
 
   eslint-scope@5.1.1:
     dependencies:
       esrecurse: 4.3.0
       estraverse: 4.3.0
 
+  eslint-scope@8.4.0:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@4.2.1: {}
+
   eslint-visitor-keys@5.0.1: {}
 
+  eslint@9.39.4(jiti@2.7.0):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4(jiti@2.7.0))
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.21.2
+      '@eslint/config-helpers': 0.4.2
+      '@eslint/core': 0.17.0
+      '@eslint/eslintrc': 3.3.5
+      '@eslint/js': 9.39.4
+      '@eslint/plugin-kit': 0.4.1
+      '@humanfs/node': 0.16.8
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.8
+      ajv: 6.14.0
+      chalk: 4.1.2
+      cross-spawn: 7.0.6
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      esquery: 1.7.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 8.0.0
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      json-stable-stringify-without-jsonify: 1.0.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.5
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+    optionalDependencies:
+      jiti: 2.7.0
+    transitivePeerDependencies:
+      - supports-color
+
   esniff@2.0.1:
     dependencies:
       d: 1.0.2
@@ -26168,8 +27798,24 @@ snapshots:
       event-emitter: 0.3.5
       type: 2.7.3
 
+  espree@10.4.0:
+    dependencies:
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
+      eslint-visitor-keys: 4.2.1
+
+  espree@11.2.0:
+    dependencies:
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
+      eslint-visitor-keys: 5.0.1
+
   esprima@4.0.1: {}
 
+  esquery@1.7.0:
+    dependencies:
+      estraverse: 5.3.0
+
   esrecurse@4.3.0:
     dependencies:
       estraverse: 5.3.0
@@ -26680,6 +28326,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  exsolve@1.0.8: {}
+
   ext@1.7.0:
     dependencies:
       type: 2.7.3
@@ -26706,8 +28354,14 @@ snapshots:
 
   fast-json-parse@1.0.3: {}
 
+  fast-json-patch@3.1.1: {}
+
   fast-json-stable-stringify@2.1.0: {}
 
+  fast-levenshtein@2.0.6: {}
+
+  fast-redact@3.5.0: {}
+
   fast-sha256@1.3.0: {}
 
   fast-string-truncated-width@3.0.3: {}
@@ -26768,6 +28422,10 @@ snapshots:
 
   fflate@0.8.2: {}
 
+  file-entry-cache@8.0.0:
+    dependencies:
+      flat-cache: 4.0.1
+
   file-type@22.0.1:
     dependencies:
       '@tokenizer/inflate': 0.4.1
@@ -26779,11 +28437,13 @@ snapshots:
 
   filesize@10.1.6: {}
 
+  filesize@11.0.17: {}
+
   filing-cabinet@5.2.0:
     dependencies:
       app-module-path: 2.2.0
       commander: 12.1.0
-      enhanced-resolve: 5.20.0
+      enhanced-resolve: 5.20.1
       module-definition: 6.0.1
       module-lookup-amd: 9.1.1
       resolve: 1.22.11
@@ -26873,12 +28533,27 @@ snapshots:
       path-exists: 5.0.0
       unicorn-magic: 0.1.0
 
+  firefox-profile@4.7.0:
+    dependencies:
+      adm-zip: 0.5.17
+      fs-extra: 11.3.5
+      ini: 4.1.3
+      minimist: 1.2.8
+      xml2js: 0.6.2
+
+  first-chunk-stream@3.0.0: {}
+
   flat-cache@3.2.0:
     dependencies:
       flatted: 3.4.1
       keyv: 4.5.4
       rimraf: 3.0.2
 
+  flat-cache@4.0.1:
+    dependencies:
+      flatted: 3.4.2
+      keyv: 4.5.4
+
   flatted@3.4.1: {}
 
   flatted@3.4.2: {}
@@ -26932,6 +28607,8 @@ snapshots:
       typescript: 5.9.3
       webpack: 5.105.4(esbuild@0.27.4)
 
+  form-data-encoder@4.1.0: {}
+
   form-data@4.0.5:
     dependencies:
       asynckit: 0.4.0
@@ -26946,6 +28623,8 @@ snapshots:
     dependencies:
       fd-package-json: 2.0.0
 
+  formdata-node@6.0.3: {}
+
   formdata-polyfill@4.0.10:
     dependencies:
       fetch-blob: 3.2.0
@@ -26978,6 +28657,12 @@ snapshots:
       jsonfile: 6.2.0
       universalify: 2.0.1
 
+  fs-extra@11.3.5:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.2.0
+      universalify: 2.0.1
+
   fs-monkey@1.1.0: {}
 
   fsevents@2.3.2:
@@ -26992,6 +28677,22 @@ snapshots:
 
   fuzzysort@3.1.0: {}
 
+  fx-runner@1.4.0:
+    dependencies:
+      commander: 2.9.0
+      shell-quote: 1.8.4
+      spawn-sync: 1.0.15
+      when: 3.7.7
+      which: 1.2.4
+      winreg: 0.0.12
+
+  fx-runner@1.5.0:
+    dependencies:
+      commander: 12.1.0
+      shell-quote: 1.8.4
+      which: 4.0.0
+      winreg: 0.0.12
+
   gaxios@7.1.4:
     dependencies:
       extend: 3.0.2
@@ -27042,6 +28743,8 @@ snapshots:
 
   get-package-type@0.1.0: {}
 
+  get-port-please@3.2.0: {}
+
   get-proto@1.0.1:
     dependencies:
       dunder-proto: 1.0.1
@@ -27055,12 +28758,18 @@ snapshots:
 
   getenv@2.0.0: {}
 
+  giget@3.3.0: {}
+
   github-slugger@2.0.0: {}
 
   glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
 
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
   glob-to-regexp@0.4.1: {}
 
   glob@13.0.6:
@@ -27085,6 +28794,8 @@ snapshots:
       is-windows: 0.2.0
       which: 1.3.1
 
+  globals@14.0.0: {}
+
   globals@17.4.0: {}
 
   gonzales-pe@4.3.0:
@@ -27106,8 +28817,12 @@ snapshots:
 
   gopd@1.2.0: {}
 
+  graceful-fs@4.2.10: {}
+
   graceful-fs@4.2.11: {}
 
+  graceful-readlink@1.0.1: {}
+
   grammy@1.43.0:
     dependencies:
       '@grammyjs/types': 3.27.3
@@ -27118,6 +28833,8 @@ snapshots:
       - encoding
       - supports-color
 
+  growly@1.3.0: {}
+
   gzip-size@6.0.0:
     dependencies:
       duplexer: 0.1.2
@@ -27260,6 +28977,8 @@ snapshots:
 
   hono@4.12.18: {}
 
+  hookable@6.1.1: {}
+
   hosted-git-info@10.1.1:
     dependencies:
       lru-cache: 11.2.7
@@ -27359,6 +29078,10 @@ snapshots:
 
   husky@9.1.7: {}
 
+  iconv-lite@0.6.3:
+    dependencies:
+      safer-buffer: 2.1.2
+
   iconv-lite@0.7.2:
     dependencies:
       safer-buffer: 2.1.2
@@ -27404,18 +29127,24 @@ snapshots:
       pkg-dir: 4.2.0
       resolve-cwd: 3.0.0
 
+  import-meta-resolve@4.2.0: {}
+
   imurmurhash@0.1.4: {}
 
   indent-string@4.0.0: {}
 
   indent-string@5.0.0: {}
 
+  index-to-position@1.2.0: {}
+
   inherits@2.0.4: {}
 
   ini@1.3.8: {}
 
   ini@4.1.1: {}
 
+  ini@4.1.3: {}
+
   ini@6.0.0: {}
 
   ink@6.8.0(@types/react@19.2.14)(bufferutil@4.1.0)(react-devtools-core@6.1.5(bufferutil@4.1.0)(utf-8-validate@6.0.6))(react@19.2.6)(utf-8-validate@6.0.6):
@@ -27469,6 +29198,10 @@ snapshots:
 
   ipaddr.js@1.9.1: {}
 
+  is-absolute@0.1.7:
+    dependencies:
+      is-relative: 0.1.3
+
   is-alphabetical@2.0.1: {}
 
   is-alphanumerical@2.0.1:
@@ -27499,6 +29232,8 @@ snapshots:
 
   is-docker@2.2.1: {}
 
+  is-docker@3.0.0: {}
+
   is-electron@2.2.2: {}
 
   is-extglob@2.1.1: {}
@@ -27527,8 +29262,16 @@ snapshots:
 
   is-hexadecimal@2.0.1: {}
 
+  is-in-ci@1.0.0: {}
+
   is-in-ci@2.0.0: {}
 
+  is-in-ssh@1.0.0: {}
+
+  is-inside-container@1.0.0:
+    dependencies:
+      is-docker: 3.0.0
+
   is-installed-globally@1.0.0:
     dependencies:
       global-directory: 4.0.1
@@ -27541,6 +29284,8 @@ snapshots:
       call-bind: 1.0.8
       define-properties: 1.2.1
 
+  is-npm@6.1.0: {}
+
   is-number@7.0.0: {}
 
   is-obj@1.0.1: {}
@@ -27549,8 +29294,16 @@ snapshots:
 
   is-plain-obj@4.1.0: {}
 
+  is-plain-object@2.0.4:
+    dependencies:
+      isobject: 3.0.1
+
   is-plain-object@5.0.0: {}
 
+  is-potential-custom-element-name@1.0.1: {}
+
+  is-primitive@3.0.1: {}
+
   is-promise@4.0.0: {}
 
   is-reference@1.2.1:
@@ -27566,6 +29319,8 @@ snapshots:
 
   is-regexp@1.0.0: {}
 
+  is-relative@0.1.3: {}
+
   is-stream@2.0.1: {}
 
   is-typed-array@1.1.15:
@@ -27580,6 +29335,8 @@ snapshots:
 
   is-url@1.2.4: {}
 
+  is-utf8@0.2.1: {}
+
   is-windows@0.2.0: {}
 
   is-windows@1.0.2: {}
@@ -27588,12 +29345,22 @@ snapshots:
     dependencies:
       is-docker: 2.2.1
 
+  is-wsl@3.1.1:
+    dependencies:
+      is-inside-container: 1.0.0
+
   isarray@1.0.0: {}
 
   isarray@2.0.5: {}
 
+  isexe@1.1.2: {}
+
   isexe@2.0.0: {}
 
+  isexe@3.1.5: {}
+
+  isobject@3.0.1: {}
+
   istanbul-lib-coverage@3.2.2: {}
 
   istanbul-lib-hook@3.0.0:
@@ -27733,9 +29500,9 @@ snapshots:
       - babel-plugin-macros
       - supports-color
 
-  jest-cli@29.7.0(@types/node@24.12.4):
+  jest-cli@29.7.0(@types/node@24.12.4)(node-notifier@10.0.1):
     dependencies:
-      '@jest/core': 29.7.0
+      '@jest/core': 29.7.0(node-notifier@10.0.1)
       '@jest/test-result': 29.7.0
       '@jest/types': 29.6.3
       chalk: 4.1.2
@@ -27746,15 +29513,17 @@ snapshots:
       jest-util: 29.7.0
       jest-validate: 29.7.0
       yargs: 17.7.2
+    optionalDependencies:
+      node-notifier: 10.0.1
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
       - supports-color
       - ts-node
 
-  jest-cli@29.7.0(@types/node@25.5.2):
+  jest-cli@29.7.0(@types/node@25.5.2)(node-notifier@10.0.1):
     dependencies:
-      '@jest/core': 29.7.0
+      '@jest/core': 29.7.0(node-notifier@10.0.1)
       '@jest/test-result': 29.7.0
       '@jest/types': 29.6.3
       chalk: 4.1.2
@@ -27765,15 +29534,17 @@ snapshots:
       jest-util: 29.7.0
       jest-validate: 29.7.0
       yargs: 17.7.2
+    optionalDependencies:
+      node-notifier: 10.0.1
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
       - supports-color
       - ts-node
 
-  jest-cli@30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4)):
+  jest-cli@30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1):
     dependencies:
-      '@jest/core': 30.3.0(esbuild-register@3.6.0(esbuild@0.27.4))
+      '@jest/core': 30.3.0(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1)
       '@jest/test-result': 30.3.0
       '@jest/types': 30.3.0
       chalk: 4.1.2
@@ -27783,6 +29554,8 @@ snapshots:
       jest-util: 30.3.0
       jest-validate: 30.3.0
       yargs: 17.7.2
+    optionalDependencies:
+      node-notifier: 10.0.1
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -27790,9 +29563,9 @@ snapshots:
       - supports-color
       - ts-node
 
-  jest-cli@30.3.0(@types/node@25.5.2)(esbuild-register@3.6.0(esbuild@0.27.4)):
+  jest-cli@30.3.0(@types/node@25.5.2)(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1):
     dependencies:
-      '@jest/core': 30.3.0(esbuild-register@3.6.0(esbuild@0.27.4))
+      '@jest/core': 30.3.0(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1)
       '@jest/test-result': 30.3.0
       '@jest/types': 30.3.0
       chalk: 4.1.2
@@ -27802,6 +29575,8 @@ snapshots:
       jest-util: 30.3.0
       jest-validate: 30.3.0
       yargs: 17.7.2
+    optionalDependencies:
+      node-notifier: 10.0.1
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -28090,10 +29865,10 @@ snapshots:
       '@types/node': 24.12.4
       jest-util: 30.3.0
 
-  jest-playwright-preset@4.0.0(jest-circus@29.7.0)(jest-environment-node@29.7.0)(jest-runner@29.7.0)(jest@29.7.0(@types/node@25.5.2)):
+  jest-playwright-preset@4.0.0(jest-circus@29.7.0)(jest-environment-node@29.7.0)(jest-runner@29.7.0)(jest@29.7.0(@types/node@25.5.2)(node-notifier@10.0.1)):
     dependencies:
       expect-playwright: 0.8.0
-      jest: 29.7.0(@types/node@25.5.2)
+      jest: 29.7.0(@types/node@25.5.2)(node-notifier@10.0.1)
       jest-circus: 29.7.0
       jest-environment-node: 29.7.0
       jest-process-manager: 0.4.0
@@ -28369,11 +30144,11 @@ snapshots:
       leven: 3.1.0
       pretty-format: 30.3.0
 
-  jest-watch-typeahead@2.2.2(jest@29.7.0(@types/node@25.5.2)):
+  jest-watch-typeahead@2.2.2(jest@29.7.0(@types/node@25.5.2)(node-notifier@10.0.1)):
     dependencies:
       ansi-escapes: 6.2.1
       chalk: 5.6.2
-      jest: 29.7.0(@types/node@25.5.2)
+      jest: 29.7.0(@types/node@25.5.2)(node-notifier@10.0.1)
       jest-regex-util: 29.6.3
       jest-watcher: 29.7.0
       slash: 5.1.0
@@ -28423,36 +30198,42 @@ snapshots:
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
-  jest@29.7.0(@types/node@24.12.4):
+  jest@29.7.0(@types/node@24.12.4)(node-notifier@10.0.1):
     dependencies:
-      '@jest/core': 29.7.0
+      '@jest/core': 29.7.0(node-notifier@10.0.1)
       '@jest/types': 29.6.3
       import-local: 3.2.0
-      jest-cli: 29.7.0(@types/node@24.12.4)
+      jest-cli: 29.7.0(@types/node@24.12.4)(node-notifier@10.0.1)
+    optionalDependencies:
+      node-notifier: 10.0.1
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
       - supports-color
       - ts-node
 
-  jest@29.7.0(@types/node@25.5.2):
+  jest@29.7.0(@types/node@25.5.2)(node-notifier@10.0.1):
     dependencies:
-      '@jest/core': 29.7.0
+      '@jest/core': 29.7.0(node-notifier@10.0.1)
       '@jest/types': 29.6.3
       import-local: 3.2.0
-      jest-cli: 29.7.0(@types/node@25.5.2)
+      jest-cli: 29.7.0(@types/node@25.5.2)(node-notifier@10.0.1)
+    optionalDependencies:
+      node-notifier: 10.0.1
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
       - supports-color
       - ts-node
 
-  jest@30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4)):
+  jest@30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1):
     dependencies:
-      '@jest/core': 30.3.0(esbuild-register@3.6.0(esbuild@0.27.4))
+      '@jest/core': 30.3.0(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1)
       '@jest/types': 30.3.0
       import-local: 3.2.0
-      jest-cli: 30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4))
+      jest-cli: 30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1)
+    optionalDependencies:
+      node-notifier: 10.0.1
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -28460,12 +30241,14 @@ snapshots:
       - supports-color
       - ts-node
 
-  jest@30.3.0(@types/node@25.5.2)(esbuild-register@3.6.0(esbuild@0.27.4)):
+  jest@30.3.0(@types/node@25.5.2)(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1):
     dependencies:
-      '@jest/core': 30.3.0(esbuild-register@3.6.0(esbuild@0.27.4))
+      '@jest/core': 30.3.0(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1)
       '@jest/types': 30.3.0
       import-local: 3.2.0
-      jest-cli: 30.3.0(@types/node@25.5.2)(esbuild-register@3.6.0(esbuild@0.27.4))
+      jest-cli: 30.3.0(@types/node@25.5.2)(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1)
+    optionalDependencies:
+      node-notifier: 10.0.1
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -28491,6 +30274,8 @@ snapshots:
 
   jose@5.10.0: {}
 
+  jose@5.9.6: {}
+
   jose@6.2.3: {}
 
   jotai-minidb@0.0.8(jotai@2.18.1(@babel/core@7.29.0)(@babel/template@7.28.6)(@types/react@19.2.14)(react@19.2.6)):
@@ -28521,6 +30306,8 @@ snapshots:
 
   js-tokens@4.0.0: {}
 
+  js-tokens@9.0.1: {}
+
   js-yaml@3.14.2:
     dependencies:
       argparse: 1.0.10
@@ -28540,8 +30327,14 @@ snapshots:
 
   json-buffer@3.0.1: {}
 
+  json-merge-patch@1.0.2:
+    dependencies:
+      fast-deep-equal: 3.1.3
+
   json-parse-even-better-errors@2.3.1: {}
 
+  json-parse-even-better-errors@3.0.2: {}
+
   json-schema-to-ts@3.1.1:
     dependencies:
       '@babel/runtime': 7.29.2
@@ -28555,6 +30348,8 @@ snapshots:
 
   json-schema@0.4.0: {}
 
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
   json-with-bigint@3.5.7: {}
 
   json5@2.2.3: {}
@@ -28648,16 +30443,27 @@ snapshots:
 
   kubernetes-types@1.30.0: {}
 
+  ky@1.14.3: {}
+
   kysely@0.29.2: {}
 
   lan-network@0.2.1: {}
 
+  latest-version@9.0.0:
+    dependencies:
+      package-json: 10.0.1
+
   lazystream@1.0.1:
     dependencies:
       readable-stream: 2.3.8
 
   leven@3.1.0: {}
 
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
   lexical@0.35.0: {}
 
   lie@3.3.0:
@@ -28671,6 +30477,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  lighthouse-logger@2.0.2:
+    dependencies:
+      debug: 4.4.3
+      marky: 1.3.0
+    transitivePeerDependencies:
+      - supports-color
+
   lightningcss-darwin-arm64@1.30.1:
     optional: true
 
@@ -28718,6 +30531,8 @@ snapshots:
 
   lines-and-columns@1.2.4: {}
 
+  lines-and-columns@2.0.4: {}
+
   linkedom@0.18.12:
     dependencies:
       css-select: 5.2.2
@@ -28730,6 +30545,14 @@ snapshots:
     dependencies:
       uc.micro: 2.1.0
 
+  listr2@10.2.1:
+    dependencies:
+      cli-truncate: 5.2.0
+      eventemitter3: 5.0.4
+      log-update: 6.1.0
+      rfdc: 1.4.1
+      wrap-ansi: 10.0.0
+
   loader-runner@4.3.1: {}
 
   loader-utils@2.0.4:
@@ -28740,6 +30563,12 @@ snapshots:
 
   loader-utils@3.3.1: {}
 
+  local-pkg@1.2.1:
+    dependencies:
+      mlly: 1.8.2
+      pkg-types: 2.3.1
+      quansync: 0.2.11
+
   locate-path@5.0.0:
     dependencies:
       p-locate: 4.1.0
@@ -28791,6 +30620,14 @@ snapshots:
       chalk: 4.1.2
       is-unicode-supported: 0.1.0
 
+  log-update@6.1.0:
+    dependencies:
+      ansi-escapes: 7.3.0
+      cli-cursor: 5.0.0
+      slice-ansi: 7.1.2
+      strip-ansi: 7.2.0
+      wrap-ansi: 9.0.2
+
   loglevel@1.9.2: {}
 
   long@5.3.2: {}
@@ -28885,6 +30722,8 @@ snapshots:
     dependencies:
       tmpl: 1.0.5
 
+  many-keys-map@3.0.3: {}
+
   map-or-similar@1.5.0: {}
 
   markdown-extensions@2.0.0: {}
@@ -29611,6 +31450,8 @@ snapshots:
 
   mimic-fn@2.1.0: {}
 
+  mimic-function@5.0.1: {}
+
   mimic-response@3.1.0: {}
 
   min-indent@1.0.1: {}
@@ -29661,6 +31502,13 @@ snapshots:
 
   mkdirp@1.0.4: {}
 
+  mlly@1.8.2:
+    dependencies:
+      acorn: 8.16.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.6.4
+
   module-definition@6.0.1:
     dependencies:
       ast-module-types: 6.0.1
@@ -29718,12 +31566,25 @@ snapshots:
     optionalDependencies:
       msgpackr-extract: 3.0.3
 
+  multimatch@6.0.0:
+    dependencies:
+      '@types/minimatch': 3.0.5
+      array-differ: 4.0.0
+      array-union: 3.0.1
+      minimatch: 3.1.5
+
   multipasta@0.2.7: {}
 
   multitars@1.0.0: {}
 
+  nano-spawn@2.1.0: {}
+
   nanoid@3.3.11: {}
 
+  nanospinner@1.2.2:
+    dependencies:
+      picocolors: 1.1.1
+
   napi-postinstall@0.3.4: {}
 
   nativewind@5.0.0-preview.3(react-native-css@3.0.7(@expo/metro-config@55.0.21(bufferutil@4.1.0)(expo@55.0.24)(typescript@5.9.3)(utf-8-validate@6.0.6))(lightningcss@1.30.1)(react-native@0.83.6(@babel/core@7.29.0)(@types/react@19.2.14)(bufferutil@4.1.0)(react@19.2.0)(utf-8-validate@6.0.6))(react@19.2.0))(tailwindcss@4.2.4):
@@ -29814,6 +31675,8 @@ snapshots:
       emojilib: 2.4.0
       skin-tone: 2.0.0
 
+  node-fetch-native@1.6.7: {}
+
   node-fetch@2.6.7:
     dependencies:
       whatwg-url: 5.0.0
@@ -29848,6 +31711,15 @@ snapshots:
 
   node-int64@0.4.0: {}
 
+  node-notifier@10.0.1:
+    dependencies:
+      growly: 1.3.0
+      is-wsl: 2.2.0
+      semver: 7.7.4
+      shellwords: 0.1.1
+      uuid: 8.3.2
+      which: 2.0.2
+
   node-polyfill-webpack-plugin@2.0.1(webpack@5.105.4(esbuild@0.27.4)):
     dependencies:
       assert: 2.1.0
@@ -29938,6 +31810,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  nypm@0.6.7:
+    dependencies:
+      citty: 0.2.2
+      pathe: 2.0.3
+      tinyexec: 1.2.4
+
   oauth@0.9.15: {}
 
   ob1@0.83.7:
@@ -29970,8 +31848,18 @@ snapshots:
 
   obug@2.1.1: {}
 
+  ofetch@1.5.1:
+    dependencies:
+      destr: 2.0.5
+      node-fetch-native: 1.6.7
+      ufo: 1.6.4
+
+  ohash@2.0.11: {}
+
   oidc-token-hash@5.2.0: {}
 
+  on-exit-leak-free@2.1.2: {}
+
   on-finished@2.3.0:
     dependencies:
       ee-first: 1.1.1
@@ -29994,6 +31882,19 @@ snapshots:
     dependencies:
       mimic-fn: 2.1.0
 
+  onetime@7.0.0:
+    dependencies:
+      mimic-function: 5.0.1
+
+  open@11.0.0:
+    dependencies:
+      default-browser: 5.5.0
+      define-lazy-prop: 3.0.0
+      is-in-ssh: 1.0.0
+      is-inside-container: 1.0.0
+      powershell-utils: 0.1.0
+      wsl-utils: 0.3.1
+
   open@7.4.2:
     dependencies:
       is-docker: 2.2.1
@@ -30092,6 +31993,15 @@ snapshots:
       object-hash: 2.2.0
       oidc-token-hash: 5.2.0
 
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
   ora@3.4.0:
     dependencies:
       chalk: 2.4.2
@@ -30117,6 +32027,8 @@ snapshots:
 
   os-homedir@1.0.2: {}
 
+  os-shim@0.1.3: {}
+
   outvariant@1.4.0: {}
 
   oxc-parser@0.120.0:
@@ -30287,6 +32199,13 @@ snapshots:
 
   package-json-from-dist@1.0.1: {}
 
+  package-json@10.0.1:
+    dependencies:
+      ky: 1.14.3
+      registry-auth-token: 5.1.1
+      registry-url: 6.0.1
+      semver: 7.7.4
+
   pako@1.0.11: {}
 
   param-case@3.0.4:
@@ -30323,6 +32242,20 @@ snapshots:
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
 
+  parse-json@7.1.1:
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      error-ex: 1.3.4
+      json-parse-even-better-errors: 3.0.2
+      lines-and-columns: 2.0.4
+      type-fest: 3.13.1
+
+  parse-json@8.3.0:
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      index-to-position: 1.2.0
+      type-fest: 4.41.0
+
   parse-ms@2.1.0: {}
 
   parse-passwd@1.0.0: {}
@@ -30331,6 +32264,19 @@ snapshots:
     dependencies:
       pngjs: 3.4.0
 
+  parse5-htmlparser2-tree-adapter@7.1.0:
+    dependencies:
+      domhandler: 5.0.3
+      parse5: 7.3.0
+
+  parse5-parser-stream@7.1.2:
+    dependencies:
+      parse5: 7.3.0
+
+  parse5@7.3.0:
+    dependencies:
+      entities: 6.0.1
+
   parseurl@1.3.3: {}
 
   partial-json@0.1.7: {}
@@ -30376,6 +32322,10 @@ snapshots:
       sha.js: 2.4.12
       to-buffer: 1.2.2
 
+  pend@1.2.0: {}
+
+  perfect-debounce@2.1.0: {}
+
   pg-cloudflare@1.3.0:
     optional: true
 
@@ -30419,6 +32369,44 @@ snapshots:
 
   pify@4.0.1: {}
 
+  pino-abstract-transport@2.0.0:
+    dependencies:
+      split2: 4.2.0
+
+  pino-abstract-transport@3.0.0:
+    dependencies:
+      split2: 4.2.0
+
+  pino-std-serializers@7.1.0: {}
+
+  pino@10.3.1:
+    dependencies:
+      '@pinojs/redact': 0.4.0
+      atomic-sleep: 1.0.0
+      on-exit-leak-free: 2.1.2
+      pino-abstract-transport: 3.0.0
+      pino-std-serializers: 7.1.0
+      process-warning: 5.0.0
+      quick-format-unescaped: 4.0.4
+      real-require: 0.2.0
+      safe-stable-stringify: 2.5.0
+      sonic-boom: 4.2.1
+      thread-stream: 4.2.0
+
+  pino@9.7.0:
+    dependencies:
+      atomic-sleep: 1.0.0
+      fast-redact: 3.5.0
+      on-exit-leak-free: 2.1.2
+      pino-abstract-transport: 2.0.0
+      pino-std-serializers: 7.1.0
+      process-warning: 5.0.0
+      quick-format-unescaped: 4.0.4
+      real-require: 0.2.0
+      safe-stable-stringify: 2.5.0
+      sonic-boom: 4.2.1
+      thread-stream: 3.2.0
+
   pirates@4.0.7: {}
 
   pkce-challenge@5.0.1: {}
@@ -30431,6 +32419,18 @@ snapshots:
     dependencies:
       find-up: 6.3.0
 
+  pkg-types@1.3.1:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.8.2
+      pathe: 2.0.3
+
+  pkg-types@2.3.1:
+    dependencies:
+      confbox: 0.2.4
+      exsolve: 1.0.8
+      pathe: 2.0.3
+
   playwright-core@1.58.2: {}
 
   playwright-core@1.60.0: {}
@@ -30548,6 +32548,8 @@ snapshots:
     dependencies:
       '@posthog/core': 1.4.0
 
+  powershell-utils@0.1.0: {}
+
   preact-render-to-string@5.2.6(preact@10.28.4):
     dependencies:
       preact: 10.28.4
@@ -30575,6 +32577,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  prelude-ls@1.2.1: {}
+
   pretty-error@4.0.0:
     dependencies:
       lodash: 4.18.1
@@ -30608,6 +32612,8 @@ snapshots:
     dependencies:
       fromentries: 1.3.2
 
+  process-warning@5.0.0: {}
+
   process@0.11.10: {}
 
   progress@2.0.3: {}
@@ -30619,6 +32625,10 @@ snapshots:
       err-code: 2.0.3
       retry: 0.12.0
 
+  promise-toolbox@0.21.0:
+    dependencies:
+      make-error: 1.3.6
+
   promise@8.3.0:
     dependencies:
       asap: 2.0.6
@@ -30642,6 +32652,8 @@ snapshots:
 
   property-information@7.1.0: {}
 
+  proto-list@1.2.4: {}
+
   protobufjs@8.0.3:
     dependencies:
       '@types/node': 24.12.4
@@ -30665,6 +32677,18 @@ snapshots:
       randombytes: 2.1.0
       safe-buffer: 5.2.1
 
+  publish-browser-extension@4.0.5:
+    dependencies:
+      cac: 6.7.14
+      consola: 3.4.2
+      dotenv: 17.3.1
+      form-data-encoder: 4.1.0
+      formdata-node: 6.0.3
+      jsonwebtoken: 9.0.3
+      listr2: 10.2.1
+      ofetch: 1.5.1
+      zod: 4.4.3
+
   pump@3.0.4:
     dependencies:
       end-of-stream: 1.4.5
@@ -30674,6 +32698,10 @@ snapshots:
 
   punycode@2.3.1: {}
 
+  pupa@3.3.0:
+    dependencies:
+      escape-goat: 4.0.0
+
   pure-rand@6.1.0: {}
 
   pure-rand@7.0.1: {}
@@ -30690,6 +32718,8 @@ snapshots:
     dependencies:
       side-channel: 1.1.0
 
+  quansync@0.2.11: {}
+
   query-selector-shadow-dom@1.0.1: {}
 
   query-string@7.1.3:
@@ -30707,6 +32737,8 @@ snapshots:
     dependencies:
       inherits: 2.0.4
 
+  quick-format-unescaped@4.0.4: {}
+
   quickjs-wasi@3.0.0: {}
 
   quote-unquote@1.0.0: {}
@@ -30738,6 +32770,11 @@ snapshots:
       iconv-lite: 0.7.2
       unpipe: 1.0.0
 
+  rc9@3.0.1:
+    dependencies:
+      defu: 6.1.7
+      destr: 2.0.5
+
   rc@1.2.8:
     dependencies:
       deep-extend: 0.6.0
@@ -30781,11 +32818,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  react-dom@19.2.4(react@19.2.6):
-    dependencies:
-      react: 19.2.6
-      scheduler: 0.27.0
-
   react-dom@19.2.6(react@19.2.0):
     dependencies:
       react: 19.2.0
@@ -31097,6 +33129,10 @@ snapshots:
 
   readdirp@5.0.0: {}
 
+  real-require@0.2.0: {}
+
+  real-require@1.0.0: {}
+
   recast@0.23.11:
     dependencies:
       ast-types: 0.16.1
@@ -31209,6 +33245,14 @@ snapshots:
       unicode-match-property-ecmascript: 2.0.0
       unicode-match-property-value-ecmascript: 2.2.1
 
+  registry-auth-token@5.1.1:
+    dependencies:
+      '@pnpm/npm-conf': 3.0.3
+
+  registry-url@6.0.1:
+    dependencies:
+      rc: 1.2.8
+
   regjsgen@0.8.0: {}
 
   regjsparser@0.13.0:
@@ -31352,6 +33396,11 @@ snapshots:
       onetime: 5.1.2
       signal-exit: 3.0.7
 
+  restore-cursor@5.1.0:
+    dependencies:
+      onetime: 7.0.0
+      signal-exit: 4.1.0
+
   ret@0.2.2: {}
 
   retry@0.12.0: {}
@@ -31360,6 +33409,8 @@ snapshots:
 
   reusify@1.1.0: {}
 
+  rfdc@1.4.1: {}
+
   rimraf@3.0.2:
     dependencies:
       glob: 13.0.6
@@ -31478,6 +33529,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  run-applescript@7.1.0: {}
+
   run-parallel@1.2.0:
     dependencies:
       queue-microtask: 1.2.3
@@ -31506,6 +33559,8 @@ snapshots:
     dependencies:
       regexp-tree: 0.1.27
 
+  safe-stable-stringify@2.5.0: {}
+
   safer-buffer@2.1.2: {}
 
   sass-loader@16.0.7(webpack@5.105.4(esbuild@0.27.4)):
@@ -31517,7 +33572,7 @@ snapshots:
   sass-lookup@6.1.0:
     dependencies:
       commander: 12.1.0
-      enhanced-resolve: 5.20.0
+      enhanced-resolve: 5.20.1
 
   sax@1.6.0: {}
 
@@ -31542,6 +33597,8 @@ snapshots:
       refa: 0.12.1
       regexp-ast-analysis: 0.7.1
 
+  scule@1.3.0: {}
+
   seedrandom@3.0.5: {}
 
   semver@6.3.1: {}
@@ -31552,6 +33609,8 @@ snapshots:
 
   semver@7.7.4: {}
 
+  semver@7.8.2: {}
+
   send@0.19.2:
     dependencies:
       debug: 2.6.9
@@ -31619,6 +33678,11 @@ snapshots:
       gopd: 1.2.0
       has-property-descriptors: 1.0.2
 
+  set-value@4.1.0:
+    dependencies:
+      is-plain-object: 2.0.4
+      is-primitive: 3.0.1
+
   setimmediate@1.0.5: {}
 
   setprototypeof@1.2.0: {}
@@ -31672,6 +33736,8 @@ snapshots:
 
   shell-quote@1.8.4: {}
 
+  shellwords@0.1.1: {}
+
   side-channel-list@1.0.0:
     dependencies:
       es-errors: 1.3.0
@@ -31746,6 +33812,11 @@ snapshots:
 
   slash@5.1.0: {}
 
+  slice-ansi@7.1.2:
+    dependencies:
+      ansi-styles: 6.2.3
+      is-fullwidth-code-point: 5.1.0
+
   slice-ansi@8.0.0:
     dependencies:
       ansi-styles: 6.2.3
@@ -31755,6 +33826,10 @@ snapshots:
 
   smol-toml@1.6.0: {}
 
+  sonic-boom@4.2.1:
+    dependencies:
+      atomic-sleep: 1.0.0
+
   sonner-native@0.23.1(87a488248bd28430641b1320077ef29b):
     dependencies:
       react: 19.2.0
@@ -31790,6 +33865,11 @@ snapshots:
 
   space-separated-tokens@2.0.2: {}
 
+  spawn-sync@1.0.15:
+    dependencies:
+      concat-stream: 1.6.2
+      os-shim: 0.1.3
+
   spawn-wrap@2.0.0:
     dependencies:
       foreground-child: 2.0.0
@@ -31812,6 +33892,10 @@ snapshots:
 
   split2@4.2.0: {}
 
+  split@1.0.1:
+    dependencies:
+      through: 2.3.8
+
   sprintf-js@1.0.3: {}
 
   sqlite-vec-darwin-arm64@0.1.9:
@@ -31981,10 +34065,21 @@ snapshots:
     dependencies:
       ansi-regex: 6.2.2
 
+  strip-bom-buf@2.0.0:
+    dependencies:
+      is-utf8: 0.2.1
+
+  strip-bom-stream@4.0.0:
+    dependencies:
+      first-chunk-stream: 3.0.0
+      strip-bom-buf: 2.0.0
+
   strip-bom@3.0.0: {}
 
   strip-bom@4.0.0: {}
 
+  strip-bom@5.0.0: {}
+
   strip-final-newline@2.0.0: {}
 
   strip-indent@3.0.0:
@@ -31997,8 +34092,14 @@ snapshots:
 
   strip-json-comments@3.1.1: {}
 
+  strip-json-comments@5.0.2: {}
+
   strip-json-comments@5.0.3: {}
 
+  strip-literal@3.1.0:
+    dependencies:
+      js-tokens: 9.0.1
+
   stripe@19.3.1(@types/node@24.12.4):
     dependencies:
       qs: 6.15.0
@@ -32019,6 +34120,12 @@ snapshots:
 
   structured-headers@0.4.1: {}
 
+  stubborn-fs@2.0.0:
+    dependencies:
+      stubborn-utils: 1.0.2
+
+  stubborn-utils@1.0.2: {}
+
   style-loader@3.3.4(webpack@5.105.4(@swc/core@1.15.18)(esbuild@0.27.4)):
     dependencies:
       webpack: 5.105.4(@swc/core@1.15.18)(esbuild@0.27.4)
@@ -32103,8 +34210,12 @@ snapshots:
 
   tailwindcss@4.2.4: {}
 
+  tailwindcss@4.3.1: {}
+
   tapable@2.3.0: {}
 
+  tapable@2.3.3: {}
+
   tar-stream@3.1.8:
     dependencies:
       b4a: 1.8.0
@@ -32207,8 +34318,18 @@ snapshots:
 
   third-party-capital@1.0.20: {}
 
+  thread-stream@3.2.0:
+    dependencies:
+      real-require: 0.2.0
+
+  thread-stream@4.2.0:
+    dependencies:
+      real-require: 1.0.0
+
   throat@5.0.0: {}
 
+  through@2.3.8: {}
+
   timers-browserify@2.0.12:
     dependencies:
       setimmediate: 1.0.5
@@ -32219,6 +34340,8 @@ snapshots:
 
   tinyexec@1.0.4: {}
 
+  tinyexec@1.2.4: {}
+
   tinyglobby@0.2.16:
     dependencies:
       fdir: 6.5.0(picomatch@4.0.4)
@@ -32238,6 +34361,10 @@ snapshots:
     dependencies:
       tldts-core: 7.0.30
 
+  tmp@0.2.5: {}
+
+  tmp@0.2.7: {}
+
   tmpl@1.0.5: {}
 
   to-buffer@1.2.2:
@@ -32289,9 +34416,9 @@ snapshots:
     dependencies:
       typescript: 5.9.3
 
-  ts-api-utils@2.5.0(typescript@5.9.3):
+  ts-api-utils@2.5.0(typescript@6.0.3):
     dependencies:
-      typescript: 5.9.3
+      typescript: 6.0.3
 
   ts-dedent@2.2.0: {}
 
@@ -32302,12 +34429,12 @@ snapshots:
       '@ts-graphviz/common': 2.1.5
       '@ts-graphviz/core': 2.0.7
 
-  ts-jest@29.4.9(@babel/core@7.29.0)(@jest/transform@30.3.0)(@jest/types@30.3.0)(babel-jest@30.3.0(@babel/core@7.29.0))(esbuild@0.27.4)(jest-util@30.3.0)(jest@30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4)))(typescript@5.9.3):
+  ts-jest@29.4.9(@babel/core@7.29.0)(@jest/transform@30.3.0)(@jest/types@30.3.0)(babel-jest@30.3.0(@babel/core@7.29.0))(esbuild@0.27.4)(jest-util@30.3.0)(jest@30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1))(typescript@5.9.3):
     dependencies:
       bs-logger: 0.2.6
       fast-json-stable-stringify: 2.1.0
       handlebars: 4.7.9
-      jest: 30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4))
+      jest: 30.3.0(@types/node@24.12.4)(esbuild-register@3.6.0(esbuild@0.27.4))(node-notifier@10.0.1)
       json5: 2.2.3
       lodash.memoize: 4.1.2
       make-error: 1.3.6
@@ -32323,12 +34450,12 @@ snapshots:
       esbuild: 0.27.4
       jest-util: 30.3.0
 
-  ts-jest@29.4.9(@babel/core@7.29.0)(@jest/transform@30.3.0)(@jest/types@30.3.0)(babel-jest@30.3.0(@babel/core@7.29.0))(jest-util@30.3.0)(jest@29.7.0(@types/node@24.12.4))(typescript@5.9.3):
+  ts-jest@29.4.9(@babel/core@7.29.0)(@jest/transform@30.3.0)(@jest/types@30.3.0)(babel-jest@30.3.0(@babel/core@7.29.0))(jest-util@30.3.0)(jest@29.7.0(@types/node@24.12.4)(node-notifier@10.0.1))(typescript@5.9.3):
     dependencies:
       bs-logger: 0.2.6
       fast-json-stable-stringify: 2.1.0
       handlebars: 4.7.9
-      jest: 29.7.0(@types/node@24.12.4)
+      jest: 29.7.0(@types/node@24.12.4)(node-notifier@10.0.1)
       json5: 2.2.3
       lodash.memoize: 4.1.2
       make-error: 1.3.6
@@ -32373,6 +34500,10 @@ snapshots:
 
   tw-animate-css@1.4.0: {}
 
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
   type-detect@4.0.8: {}
 
   type-fest@0.21.3: {}
@@ -32383,6 +34514,8 @@ snapshots:
 
   type-fest@2.19.0: {}
 
+  type-fest@3.13.1: {}
+
   type-fest@4.41.0: {}
 
   type-fest@5.5.0:
@@ -32409,12 +34542,16 @@ snapshots:
     dependencies:
       is-typedarray: 1.0.0
 
+  typedarray@0.0.6: {}
+
   typescript@5.9.3: {}
 
   typescript@6.0.3: {}
 
   uc.micro@2.1.0: {}
 
+  ufo@1.6.4: {}
+
   uglify-js@3.19.3:
     optional: true
 
@@ -32473,6 +34610,25 @@ snapshots:
       trough: 2.2.0
       vfile: 6.0.3
 
+  unimport@6.3.0(oxc-parser@0.120.0):
+    dependencies:
+      acorn: 8.16.0
+      escape-string-regexp: 5.0.0
+      estree-walker: 3.0.3
+      local-pkg: 1.2.1
+      magic-string: 0.30.21
+      mlly: 1.8.2
+      pathe: 2.0.3
+      picomatch: 4.0.4
+      pkg-types: 2.3.1
+      scule: 1.3.0
+      strip-literal: 3.1.0
+      tinyglobby: 0.2.16
+      unplugin: 3.0.0
+      unplugin-utils: 0.3.1
+    optionalDependencies:
+      oxc-parser: 0.120.0
+
   unist-util-is@6.0.1:
     dependencies:
       '@types/unist': 3.0.3
@@ -32508,11 +34664,22 @@ snapshots:
 
   unpipe@1.0.0: {}
 
+  unplugin-utils@0.3.1:
+    dependencies:
+      pathe: 2.0.3
+      picomatch: 4.0.4
+
   unplugin@1.16.1:
     dependencies:
       acorn: 8.16.0
       webpack-virtual-modules: 0.6.2
 
+  unplugin@3.0.0:
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      picomatch: 4.0.4
+      webpack-virtual-modules: 0.6.2
+
   unrs-resolver@1.11.1:
     dependencies:
       napi-postinstall: 0.3.4
@@ -32537,12 +34704,27 @@ snapshots:
       '@unrs/resolver-binding-win32-ia32-msvc': 1.11.1
       '@unrs/resolver-binding-win32-x64-msvc': 1.11.1
 
+  upath@3.0.7: {}
+
   update-browserslist-db@1.2.3(browserslist@4.28.1):
     dependencies:
       browserslist: 4.28.1
       escalade: 3.2.0
       picocolors: 1.1.1
 
+  update-notifier@7.3.1:
+    dependencies:
+      boxen: 8.0.1
+      chalk: 5.6.2
+      configstore: 7.1.0
+      is-in-ci: 1.0.0
+      is-installed-globally: 1.0.0
+      is-npm: 6.1.0
+      latest-version: 9.0.0
+      pupa: 3.3.0
+      semver: 7.7.4
+      xdg-basedir: 5.1.0
+
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.1
@@ -32686,6 +34868,27 @@ snapshots:
       d3-time: 3.1.0
       d3-timer: 3.0.1
 
+  vite-node@6.0.0(@types/node@24.12.4)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4):
+    dependencies:
+      cac: 7.0.0
+      es-module-lexer: 2.0.0
+      obug: 2.1.1
+      pathe: 2.0.3
+      vite: 8.0.10(@types/node@24.12.4)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
+    transitivePeerDependencies:
+      - '@types/node'
+      - '@vitejs/devtools'
+      - esbuild
+      - jiti
+      - less
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - terser
+      - tsx
+      - yaml
+
   vite@8.0.10(@types/node@22.19.19)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4):
     dependencies:
       lightningcss: 1.30.1
@@ -32892,6 +35095,11 @@ snapshots:
 
   warn-once@0.1.1: {}
 
+  watchpack@2.4.4:
+    dependencies:
+      glob-to-regexp: 0.4.1
+      graceful-fs: 4.2.11
+
   watchpack@2.5.1:
     dependencies:
       glob-to-regexp: 0.4.1
@@ -32903,6 +35111,65 @@ snapshots:
     dependencies:
       defaults: 1.0.4
 
+  web-ext-run@0.2.4:
+    dependencies:
+      '@babel/runtime': 7.28.2
+      '@devicefarmer/adbkit': 3.3.8
+      chrome-launcher: 1.2.0
+      debounce: 1.2.1
+      es6-error: 4.1.1
+      firefox-profile: 4.7.0
+      fx-runner: 1.4.0
+      multimatch: 6.0.0
+      node-notifier: 10.0.1
+      parse-json: 7.1.1
+      pino: 9.7.0
+      promise-toolbox: 0.21.0
+      set-value: 4.1.0
+      source-map-support: 0.5.21
+      strip-bom: 5.0.0
+      strip-json-comments: 5.0.2
+      tmp: 0.2.5
+      update-notifier: 7.3.1
+      watchpack: 2.4.4
+      zip-dir: 2.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  web-ext@10.4.0(express@5.2.1)(jiti@2.7.0):
+    dependencies:
+      '@babel/runtime': 7.29.7
+      '@devicefarmer/adbkit': 3.3.8
+      addons-linter: 10.7.0(express@5.2.1)(jiti@2.7.0)
+      camelcase: 8.0.0
+      chrome-launcher: 1.2.0
+      debounce: 1.2.1
+      decamelize: 6.0.1
+      es6-error: 4.1.1
+      firefox-profile: 4.7.0
+      fx-runner: 1.5.0
+      https-proxy-agent: 7.0.6
+      jose: 5.9.6
+      jszip: 3.10.1
+      multimatch: 6.0.0
+      open: 11.0.0
+      parse-json: 8.3.0
+      pino: 10.3.1
+      promise-toolbox: 0.21.0
+      source-map-support: 0.5.21
+      strip-bom: 5.0.0
+      strip-json-comments: 5.0.3
+      tmp: 0.2.7
+      update-notifier: 7.3.1
+      watchpack: 2.5.1
+      yargs: 17.7.2
+      zip-dir: 2.0.0
+    transitivePeerDependencies:
+      - express
+      - jiti
+      - safe-compare
+      - supports-color
+
   web-push@3.6.7:
     dependencies:
       asn1.js: 5.4.1
@@ -33068,8 +35335,14 @@ snapshots:
       - esbuild
       - uglify-js
 
+  whatwg-encoding@3.1.1:
+    dependencies:
+      iconv-lite: 0.6.3
+
   whatwg-fetch@3.6.20: {}
 
+  whatwg-mimetype@4.0.0: {}
+
   whatwg-url-minimum@0.1.2: {}
 
   whatwg-url@14.2.0:
@@ -33082,6 +35355,10 @@ snapshots:
       tr46: 0.0.3
       webidl-conversions: 3.0.1
 
+  when-exit@2.1.5: {}
+
+  when@3.7.7: {}
+
   which-module@2.0.1: {}
 
   which-typed-array@1.1.20:
@@ -33094,6 +35371,11 @@ snapshots:
       gopd: 1.2.0
       has-tostringtag: 1.0.2
 
+  which@1.2.4:
+    dependencies:
+      is-absolute: 0.1.7
+      isexe: 1.1.2
+
   which@1.3.1:
     dependencies:
       isexe: 2.0.0
@@ -33102,15 +35384,27 @@ snapshots:
     dependencies:
       isexe: 2.0.0
 
+  which@4.0.0:
+    dependencies:
+      isexe: 3.1.5
+
   why-is-node-running@2.3.0:
     dependencies:
       siginfo: 2.0.0
       stackback: 0.0.2
 
+  widest-line@5.0.0:
+    dependencies:
+      string-width: 7.2.0
+
   widest-line@6.0.0:
     dependencies:
       string-width: 8.2.0
 
+  winreg@0.0.12: {}
+
+  word-wrap@1.2.5: {}
+
   wordwrap@1.0.0: {}
 
   workerd@1.20260603.1:
@@ -33144,6 +35438,12 @@ snapshots:
       - bufferutil
       - utf-8-validate
 
+  wrap-ansi@10.0.0:
+    dependencies:
+      ansi-styles: 6.2.3
+      string-width: 8.2.0
+      strip-ansi: 7.2.0
+
   wrap-ansi@6.2.0:
     dependencies:
       ansi-styles: 4.3.0
@@ -33201,16 +35501,92 @@ snapshots:
       bufferutil: 4.1.0
       utf-8-validate: 6.0.6
 
+  wsl-utils@0.3.1:
+    dependencies:
+      is-wsl: 3.1.1
+      powershell-utils: 0.1.0
+
+  wxt@0.20.26(@types/node@24.12.4)(eslint@9.39.4(jiti@2.7.0))(jiti@2.7.0)(oxc-parser@0.120.0)(rollup@4.59.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4):
+    dependencies:
+      '@1natsu/wait-element': 4.2.0
+      '@aklinker1/rollup-plugin-visualizer': 5.12.0(rollup@4.59.1)
+      '@webext-core/fake-browser': 1.5.2
+      '@webext-core/isolated-element': 1.1.5
+      '@webext-core/match-patterns': 1.0.3
+      '@wxt-dev/browser': 0.1.43
+      '@wxt-dev/storage': 1.2.8
+      async-mutex: 0.5.0
+      c12: 3.3.4(magicast@0.5.2)
+      cac: 7.0.0
+      chokidar: 5.0.0
+      ci-info: 4.4.0
+      consola: 3.4.2
+      defu: 6.1.7
+      dotenv-expand: 12.0.3
+      esbuild: 0.27.4
+      filesize: 11.0.17
+      get-port-please: 3.2.0
+      giget: 3.3.0
+      hookable: 6.1.1
+      import-meta-resolve: 4.2.0
+      is-wsl: 3.1.1
+      json5: 2.2.3
+      jszip: 3.10.1
+      linkedom: 0.18.12
+      magicast: 0.5.2
+      nano-spawn: 2.1.0
+      nanospinner: 1.2.2
+      normalize-path: 3.0.0
+      nypm: 0.6.7
+      ohash: 2.0.11
+      open: 11.0.0
+      perfect-debounce: 2.1.0
+      picomatch: 4.0.4
+      prompts: 2.4.2
+      publish-browser-extension: 4.0.5
+      scule: 1.3.0
+      tinyglobby: 0.2.16
+      unimport: 6.3.0(oxc-parser@0.120.0)
+      vite: 8.0.10(@types/node@24.12.4)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
+      vite-node: 6.0.0(@types/node@24.12.4)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
+      web-ext-run: 0.2.4
+    optionalDependencies:
+      eslint: 9.39.4(jiti@2.7.0)
+    transitivePeerDependencies:
+      - '@types/node'
+      - '@vitejs/devtools'
+      - canvas
+      - jiti
+      - less
+      - oxc-parser
+      - rolldown
+      - rollup
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - yaml
+
   xcode@3.0.1:
     dependencies:
       simple-plist: 1.3.1
       uuid: 7.0.3
 
+  xdg-basedir@5.1.0: {}
+
   xml2js@0.6.0:
     dependencies:
       sax: 1.6.0
       xmlbuilder: 11.0.1
 
+  xml2js@0.6.2:
+    dependencies:
+      sax: 1.6.0
+      xmlbuilder: 11.0.1
+
   xml@1.0.1: {}
 
   xmlbuilder@11.0.1: {}
@@ -33268,6 +35644,15 @@ snapshots:
       y18n: 5.0.8
       yargs-parser: 21.1.1
 
+  yauzl@3.3.0:
+    dependencies:
+      buffer-crc32: 0.2.13
+      pend: 1.2.0
+
+  yauzl@3.3.2:
+    dependencies:
+      pend: 1.2.0
+
   yocto-queue@0.1.0: {}
 
   yocto-queue@1.2.2: {}
@@ -33287,6 +35672,11 @@ snapshots:
       cookie: 1.1.1
       youch-core: 0.3.3
 
+  zip-dir@2.0.0:
+    dependencies:
+      async: 3.2.6
+      jszip: 3.10.1
+
   zip-stream@6.0.1:
     dependencies:
       archiver-utils: 5.0.2
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 0189b9f384..3718a9331d 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -134,4 +134,5 @@ allowBuilds:
   koffi: false
   openclaw: false
   '@openrouter/sdk': false
+  spawn-sync: false
   tree-sitter-bash: false

From c1a07cbaa3de80f4c34306f9817ebad68896f216 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 15:01:14 +0200
Subject: [PATCH 02/51] chore(extension): update extension icon

---
 apps/extension/public/icon/128.png  | Bin 3074 -> 18291 bytes
 apps/extension/public/icon/16.png   | Bin 559 -> 1272 bytes
 apps/extension/public/icon/32.png   | Bin 916 -> 535 bytes
 apps/extension/public/icon/48.png   | Bin 1334 -> 3523 bytes
 apps/extension/public/icon/96.png   | Bin 2366 -> 8780 bytes
 apps/extension/public/icon/icon.svg |  13 +++++++++++++
 6 files changed, 13 insertions(+)
 create mode 100644 apps/extension/public/icon/icon.svg

diff --git a/apps/extension/public/icon/128.png b/apps/extension/public/icon/128.png
index 9e35d130796978714468fa149241172744bf3992..40341f2bc246f635a6011e5c30ea16065a1b5f89 100644
GIT binary patch
literal 18291
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

literal 3074
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
Q9RL6T07*qoM6N<$g0^9zvj6}9

diff --git a/apps/extension/public/icon/16.png b/apps/extension/public/icon/16.png
index cd09f8cfbc020b5a077c6c491e2be5f1cb75fb50..6d2f02ff761a12a0ebcd1e774921840854d82911 100644
GIT binary patch
literal 1272
zcmeAS@N?(olHy`uVBq!ia0vp^0w65F1SAhIZYc#)3dtTpz6=aiY77hwEes65fI<x~
z7#K<o7#Ln9FfdrnU|<k0n6oR;1}MRn<n8VPq=De4^X_^e#a`m+>&pI$O^nA{^PBR+
z=|CaX64!{5l*E!$tK_0oAjM#0U}UCiV5Vzi6k=#(Wol_<VyJCkU}a$Nh%v+tMMG|W
zN@iLmZVi)T-ZTL<XuxeK$;?eHE=kNSz^&(q=h;{W2Id={E{-7<r?*bY4!9C3(LVqG
zyG^?tbvAHwZ;1)gE@qqkP{_cod3sQLpu{A*1YeFbEJ`zuHVBBT25_pladq+^HR0(^
zu)6g`BT7YKQ*)Eiq-6qZ+)T^vurwa9tv#@`aR2W*%k*<kzgOS?Zd2^g*z{buY!An!
zM={rwX0uPv_{*SSx9KPAjxIr$=|6Z?<TIHK&hJ;?a@F$?Ut%Vp-6GcFrgI=^QP8>)
z4mEy%kwaIa`>*Ls?x@;%xAoP{;EM}B1dBBMWG@uhvU1mHgQ!mhydDo-8oie3HDz9%
zB5zS*(brVFaGA&%&Lra-7Me*9I?hk`4Jh1sWk*P_;^oaEQbz0j8t%J1DE)9>>Iu8<
zEIsKD-+4qH*bAmKO?k7Wtl;LN{rrNF@5K+CRd=3fu+foY2A3$)rSxz5ny2UW6^R(k
z-?N}~p>Ol;2Vn)%%|mKpX0erL{d>buyyhqG0T1I2$;771%O3yT@V%}`&d1H?JHt1I
z9h^(AR_lZn#O3p_IX6Fln_ixK=G1wG`~^D%t?s{!W;LDdSKjzd`)=|DRm<5Aoa%3T
zNf@1xYyR@7R`eR%&3W<8e-{Muy*t<@noxZ}Psq+jvYsz)NBVE&JwiK!*fn2Y@;dM{
zSlrmd?^5=G_@1WARk@NfM$>j4e7^pfdh`_Cj<`qV0X7r1H?^+~x2t%uXOZH@qVsV(
zY|D!6J+2z@c5HX$Kk@F=(+7d?bNMeZ&PwpJFP8{d#3D9hyOF?ACH|1zSECgzbe`~Z
z2$(gzRoz|4!NqlxlcmeRgXhNL_8C7~Oan@nJz|!4FL|4D-&)2<f!g%r${N;@B78rB
ze%5yv*`8i_?}in_I?s3e9?W{UPwbrTmQ{}1@BU<aVHJC?`Bc-as}sH`T;;nW_^PnG
z$;>akW!JmS^$yD(b{AxKov~ruvouvfdSa%-vgxf&=bWcAzvTNpWrE?H<qg^D>v|3a
zKA)7y(ZzAHeQVwOti&(B+Yc73{n;h7B<N+!)`Pmc9Pa5}Z~Qf-O1URr(%2#N)%G}p
zNZUZ3NuINq$|h#*)TvbtZS)Y^=)Km$i*v!0kT8+GDbEv`=RW`4=NNgn{OtnH(vGTc
zJ)alYad+`eyWLneeck0v>vRHdIv?8RU-RJ2-f3|sI?kQmxGY0-wWI0Eb1gFt?uaXR
zSL)dy&3iptcW3r3+3APB%`Zzie0u9?(F=mtzL{IByZp>yP4ptJIgdn6FDU$XJ+Zs-
zkEZK!SKc#EZ1UQ+B_=EXd2C|DcIkDHM#3?k;@#=H7j9i=Dd%R!m)fM`GmoiwcKY9i
zPtSHU7Hr(VQf$^DsjLHEitoR<wES1hA!hv_{Cm$toI2}K^%z(#FnGH9xvX<aXaWFq
C4<Ba$

delta 546
zcmV+-0^R-i39kf@7=H)`0000V^Z#K0000SaNLh0L01FcU01FcV0GgZ_00001b5ch_
z0Itp)=>Px#1ZP1_K>z@;j|==^1poj6#7RU!RCoc6Q%y1hQ4sEL#7~ulxq)o`RdE7w
zgE)ZX*)Ue(1mOgcm9Uy{0J%YqV3c5)af4VWtGxF0Fls17FMsBBUUz@_`s;p>Z`K&P
z@byKnRdgL9BcAPx)vHta#e(k_EN+QtB~a;#B7vY4-MPwd0I*M%0Ii$vMXQ0J*IDiE
zx*HeHO#2~|QUWDPMwmjovlOSF45Is5Q{nqwq^gh#fRPv6S}@*-M+8d*2rWit4ITS_
z^ytbtKuJ{`sekq^*1Fq2Q6!VC+_yqM_BS&24U;R^pbXJl`G*;GfNcmCK3lMl0-Hrz
zlZ@@G=fbi@q^3H18y-Bk>ZD>QQnp<--S!4Mjcf|0_UyFw>5k3|J^y9Vpx(D#$yzYA
zMJ45!LiwjLH{}tQqPyBLHCW_Tm2}#Z3g2l5mhUKLTz{e<O<NFd-brWe@^}&e_vDZo
zgcL8Ho5xYfE(6tev3QTmMRX?y44j-T$Gsv5`_4A?!~bgggL(@p29~hV(0hMfd<*vP
z6z@6zoiWJvfLfT(x8RIkXC;3NI^^t{j8`m=*&z@lUjVW_$aekXb*VntVbj^auW>@}
kanp*yqZ{*;IL-my0H@*7-mfAUfdBvi07*qoM6N<$g5$CJmH+?%

diff --git a/apps/extension/public/icon/32.png b/apps/extension/public/icon/32.png
index f51ce1b5c93db65ffd15c7440f98c9ff06e2d498..8845cadfab85d4660442c92ae510c49290937e06 100644
GIT binary patch
literal 535
zcmeAS@N?(olHy`uVBq!ia0vp^3Lq@N1SHpV7(M`Tl0AZa85pY67#JE_7#My5g&JNk
zFq9fFFuY1&V6d9Oz#v{QXIG#NP=YPV+ua371Hn({-St3<y~NYkmHic)7>~8)H|2-Z
zfkLV!t`Q|Ei6yC4$wjF^iowXh$V}J3OxMUL#L&pf)Y8htP}{)3%D~_eV~8D!hTQy=
z%(P0}8YaiQX##4{fZI@#nVVW%l9*e7Th9^Cv#~%u-#uL%Ln00*CrGd^PDo*PixJAd
z|L?#3g}%cqhYs~*=%q<zs0VUIocL_cqHtWO&U8mg{<b}jQW6ACiu`q3$IfQKb|w4B
zK4XJDGyl!X?x<=g$`_d0S*Xg8#PCn0<$j!x!*U-U&zmRw8aGVz%wn8X(eP=CFRR1a
z3yY?4?l`khgDqpCiU(`+A`z*JauT0%6|GEFJIsZdI`WfvE~&V*HqDqJ)K+0Sg+WSe
zaWkX9RQ3+WC#@z=b=OUlWj@j(xpJ*{5M!WW!HaK4pH7K%wsx4pzNPhxlE!DYB{Ax3
z6K;J_Q{)eL#OpEDWsi9WyYoIx!zbPg0}Z$|SQrAsH=MY#(TpD$1Pq?8elF{r5}E)&
CZ>~oG

delta 906
zcmV;519kkD1e6Dm7=H)`0001UdV2H#000SaNLh0L01FcU01FcV0GgZ_00001b5ch_
z0Itp)=>Px#1ZP1_K>z@;j|==^1poj8DM>^@RCoc!S4~nAK@@(kCs-;A;|;>nf>gl?
z3@0G$B^efy=n79jasqH;4Y0_72MC@ZxdBm#E*WnS7nTbv{eOHtlbPxHNiqxxepRVT
zcfam_)BWD}zDCH1!#lJ1=QkYzLKTQg1TaFtD>Sfey|Nw13Cv>jc4%%Q$sQXQ)5Zy*
zb+&%lh8&pdK=X%LqOt7p-_p#5NNihWyASt-m}fv^KK5X9bks(t8<!|iY;k)K*r988
zZzN8jd2N=U5PyCxq3rk$Ac}o!-L?Z;?{w~h#n?IjzYs9`v~CX|s{`-8zo|-T@K@00
zRO7#5&Dx3vTw_?f1Dbk04#$T*D?Z#SXbx*fQi|@Z&2yrJ1g*wxy)(_Apdy?|w)_qP
z<n#iEf1|kZ(_*qua2#+-I`MvTuZ>ERmU(cy_w{V!^M6U)4jVW1E?-`C(i}Wn#qE<d
zJF!t7G;eAxz5+iuM;yE_<2Hh$w-R_`;O?R}SFp;LEecPv=mvP)0i9eP!f4YVv{coz
zD;)pNcvJ_Zk)-m71C84nsgzL!14{r(+2!?n?>X~Q9q>RVv)i?9v{+DOO!Au3^3Zbt
z(FuMbihpd>RV5f63Q0dx)@KUF<K~T7iPQp*+o|Uh2myUaBagh8tgkcfm&g^UG$fE8
zH7_f$K&bT%#C@&nbs`1?8CnIy7qDQ&Dr7O?05ju`*7^kt#=$qU8n)0W==3O`$U5u2
z!(bT26+93T`ei0$eQ_MD56~~riY_Shsp#n9BY!tmsKdcrNe*yUu%IoZ&tmCi;5IA?
zs^k;m?l}i#BnCL@`+N#*F3DTVC`^hA)cVg?aqWB(jFA(tHZEp<wF)31XomugC@(-5
z{jAQilHIq;7k$02kY(b8Kv-7EiXJ9J%oAhjFm3N<5uj<vR1Lj%L0TZWC^2pK@)oeU
z4u3R<dnRa)5_N}4ek+OYMzV*ZcS5nb?3C1mu9E6;oB3BjqV7se@M^<pIjjv_OjvfS
z+To6Fs^aBKI#=wDWhYcz=%if}Dh&V`k>gzu&W$~4d_0OGBEGh1q?RcQa&5|F!(TVx
g;?h2y@o4=A@LOl^19~-w00000NkvXXt^-0~f?80QJ^%m!

diff --git a/apps/extension/public/icon/48.png b/apps/extension/public/icon/48.png
index cb7a4494a5eb5d54abdf1903c6895d9fef60f55f..22722b22fd367c1b8a036d68f3f6f9bdce0919a7 100644
GIT binary patch
literal 3523
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

delta 1327
zcmV+~1<?A#8@39N7=H)`000120{Mpk000SaNLh0L01FcU01FcV0GgZ_00001b5ch_
z0Itp)=>Px#1ZP1_K>z@;j|==^1poj9%Sl8*RCodHT0wT(HV~ZwwMo<Ws-7UyvbEgG
zCx~(a+xteQ7mbx}VxPeF39MBkB@0pU0UDn`$_Z*Wa=J8of`6zl&rTK*CIgCcNCG4!
zT9mZN-`E5J5<|><{22)0j@ZAli#Ip&84}hAsEPnZ0vICTIil>g)=nMB5eRp{-n;rU
zl5nIZozTq{LL5B**?A2)AhQ9D%laV^98KF_fMq|gbh<ESWHO*}`Pe4H4$KG(#m1j&
z&N<8x0y2One}Aa80V=<Dkl+{yjqWlcI)OQ3<`po1eGXU)w_86s?rpz+?GlZs$EKA+
zJxM%jtvh{~6J}lkl43L37M;9;x@KnD)yAXTf;mE40go0xKurkRB!ntN7>0<75!N|t
zS6;<VYVWds#r{>g9j_=BaTw}E;DX0ics46r6@nK}-+%qK_3>JspnwwjZ;Jx8YkUt0
z;8k!b;6|SD{1GDEy!%p;y*H@4XtA3`Rx}Q`E~IEtO7Yj^VM_$Zj=Xw0*xi|?vuD6K
zFsJAAML@#H`Qy^Aru8d~*+L$gZnAsy`H!3U1jILxI1za!K)8?$c3G-L8-3b+lr#`y
zXp#L8r+@atc_1t83Lv5R+M*|~kd=0YWCa;)P`l}(CqIGzr9)DKcld`%V}zz8iT;Bn
z0wr98u7Q%2ZZ<8nO892LvY{Ek`e*aW;PJkqHCPQ4_XayBjkk8qbQ4*7Q2bcd_ZA*6
zbU*l~?vQ{u8KLQ<6c-|!cj?{=t%jzPrilSHsDGzqHmnGgPMWw>!Ph&1n@}}yZ|UZm
zlwLZ3yn({y_xC54<f-GZyztslcKD-i7*oo|+xig)b5!6B@7)*WX4x6Sf}y@PA$6jL
zumC(Tx=?HV)sdH+hf%z_9@(%2D2bu;nabvZ?FeEsHU>U@7EOHsmS9Ox%wtj5-FXeF
zv3~|Q8xH5LngKt+62UHW5oszWvJhu!E5kerg!mxRG>kPsB|1^1%GuQgED7ViD4Mn5
zxzPX>^^#Dlq6y2&r9hhoKkd~D4qTq;78-+{P&!FoekyB*^2tIH9kueDB|Z$!M~-Aw
zuYjY=+i<_YfnldVmOHa1f<<7&=L~{ET7Ss2S@GBRG+H6$abD4ugJ=8YlG02Qm|TwA
z6~|HkC$f-|8N$Mimvb(OXN6Y*m$dtWH`+;?VFkFPLUhKqy`E<k`A*<+J$u2M@9u-s
zET4w<Cd~kze76;_a2j|8VU`(O!1~pDpI5+T$`w|B4uS8s*Sp(sH&bIE34SrE!+!-~
zW-U}Z<?TH#mT^Ez;A|?_q$qPv{5#hzncn^eLrE}<e3PO~2B^s($zICoWDvO}McK~C
zM&`*YmSBQ*V}?zVqLdj$^-k>b#@%5?_^Dhe*yimOoLs!9bboBGb<2EWgNA%UMah2B
zDtIxaxg`A$37Gwi3`wgP2t=OzX@4`=rkIRbNlQWFk|JO4^rG#EB2j-C$|~4rDvhoA
zGr1@OO2Pi^N;kHK|71{qA96S36HTf1nb0gBaFKb-q<8q)Wk`U5Mv3!JsKJ!Llmig|
z{?`gPQPn>@48Ai~??4K2FD)WqrXqmSJFT^`-buopHnKdR2ti1B(Eeq*Unse(gaO{9
l)xieG-o5X!8Pz*U_yT_&D{uF$1FQf5002ovPDHLkV1g|KZ?*sc

diff --git a/apps/extension/public/icon/96.png b/apps/extension/public/icon/96.png
index c28ad52d56fc409195f52f57c447442326d94b6b..2cf7916eb282b93ae30b3392063a19154d32390a 100644
GIT binary patch
literal 8780
zcmZ{K1yoeu_wSh*x;sQ*KuSsJo{{eE97LoPkdz)2kq!l<Q@TqUM!wQglA=f{ozngI
z{@(xn*ZZ&a-d*e7z1F#R$K7Y2yZ2|`6QQG}OiXZx002O&s-mEGOHu!xWH`6iTD&s<
zTLQOL(bELLj{^X7C;;cTL+CXCyaWK)Kmj0`0syUBMvJcW?G2pA>dFeY^!7NDZw<aB
zxSpz-intp%G(=MOkMAvhxE*5mR5bB?V&iEiY3puxOMsw&peV0^D6gQP!9zhw5eZ4*
zhui`Jk^%xt5Chr&!SLMmiQ`k>|3AZfi>+6;3|#-M!PD`%orkB*bGQFL&llApO8{7S
zR23c>yqw+6^hHrA&fXyAWRzd2!hgf#`&eFK(IhJ(b-!cpBWbHFrHyo^-y0f3ye3ce
zjg73KmAJ*+zj_Inid&gp^0GGl72*mfsCs#i0FMpgo)iC7<K#kla$EwH@<dPw-=^cn
z!0(%-;hd%6)r3a?GYs5)%l2-D)aH{n?mLw{k%SDOx;3q$g=RZ;X5&OsT!_4*ghyQ6
z>Bo=%5)|_rOXYE=(jX_2lmv=`cRFpSt3F1AMI-3rG((HJiS0+p(Rba=FX-87nC}hj
z+ZVHjB`-9dkzs_!>nJb>{H{({wzlXO!eIU{H6T1S=9Z~tn-%QYmjZs{w3xH6zPRw0
zmTq{+J)e-wqd1AM#WCUWzx>E$f+OTehg2gj^3iZeZ|O3h7&xUplLy0YMf_-)=?)g%
z5#fkH+!d)6AJD^U%Yq!r6}iFT8u{+di3y|Lq=hDG^IGDQvC$by)no&|?hhe|uG6D+
z0E@&O!s(-%T=xX67+E5?Fi%Qmby3<ES(tNH(Ory%QxMQGwAh!%*!Pr<L)5~qPkhml
zwc7{a)%tTgXp=Q)SQ^A29t0l}g6~o8G|<q>YFBK$uN9g>kasi0zwTO-qZ|4RxC2jW
zl@B{PK!D|;9Vr;m7&%R@r#!%i3wDG{*4|1O@%<@=gON>t2tvM5dCeJkwKqrL^oD7~
zJ+KU7&V|W%rsfjZxA5&670fj()(Dm8-Y`F#3Ho_1q<B*FT2^cFXm?`!x;)Na@w-b1
z-?-ORo!42d%L!eewDE`YYm=(Mc)s9o1>cLKg#x;HAOiDah`X8jOv@=+z0gy{UuzOn
z^q9X|3Ztgf!)#F7>}3}~?sXW+4?}pSO3DbEBt6Y~5Od;nR#C}cl)7y%+@dwTyvF-3
zFqAJiKX`X?&wV)*>!>JuN0~X0hf-TxWqFh4QyH$TX^TbCkFk?gi>e<do6EgNzRsTX
zqjm*+b_=~hU$)3|9na%f125k(A?%!_B^V}7-IMO?vK}|)H%QhtQ`1{3Fq-b$ElgV#
zc<<JxlV;?5pRfdO1r&MT<Pk5(RWOE+c1Y7LKW~sTF%v!zol>)`syBk#D?L76KKnUN
zh`EUNAw&CC9{GR^*W6Bkg@bDZ!HQY%(QUY3wt}G;ogvY|cLE{hHdB)u*X<ray2yVA
zS0HTD^{ZDj432%IxuI0(XVda4jjLDD<3;WRIpY#R9W!$xvNXC35)^;q<TsIobzVn~
zM+eO$l@7VaCiD(}^wm3YX9V<icf?#$Npyq?d!Pcc!W~cn&NTman+t~{RK~;DfCt*J
zKE6$N5#(osF||J=5S7gDd*oXhI>GLoza;>6@Y)z7e7QY32^b2Mkw9lqK{qhu`m3S0
zN|QU{{s1jxRB?7~fB6P{H}~L#c}f*5+%7k6pS$Sb%qj%9(V3RIDdQfP_)`=Ubfa2k
zNmQZMSZyZ2V@8ah4JtJ%6bVgj>~fOCoqTRg$4dKwq58zm{Lh?v$dr2lBi`FltfTIl
zIKAwFXx0W?`UN6CCe#;#f~1X<_Yx5J)m~T}e3bX$)!Cme7F&q)h~F=;SGoTTcjj`x
zM-0e{Z{Bp`?>UYQh~+z-xPDFm$EejtKyUrDjX-C{f1ww=jgieGf>%feilcX*%##55
zuzgm`toh={XPq$>R%;#GTH{XEAmO=UeLS@h&g{3Cs9soN+<hq;Ov`i|K1OP+aXN`#
zrx1~3`>f&HO}t0K^|Ulvw)<@WDcJyN2Uz$%xp%Ikb{hei3)`?!*FH26I)mKT7V;@M
zu@k?#(9KH}^DU0HNO5w9GK3QHOn+NYu*m0{VxcH8+Xd2>k(!D<x~`pBh3)o9>IC+&
zBTW*5Sw8T_u70|<{gT#lKkgZ>nYM7`Lka{$Aw5^ji}l9<r<IYU?_$WKhA05_)0}Pa
zHvY(=1QAeSOsskU%W=|uLuYUeS>VyzzQZZheBC|F9kH%`M4sddCbY_A=rLK$E#x^<
z#qAV1=UoHFV8EKUm9NzMLRas`ZE#7`7?jKGY#sokj-+-941GU62xNY6Nr*hD^E-z2
z?f-Fs?foqD>93WLwI;pvX1&860Bv%T4*50FTw4*abfiXGd_kv-y=h<=mzuvJLSP`Z
z^YrfzC0e#(M34MRFo;%;IRQ;koRH|UXzq<0>tR>N*60--v}V4j6+!hSKRYetS^LMI
z(3xZRvq=!W%!IBV|JDdjrOs~fP>0h;&&KSe$YUtxRmZHWrV5VF$i^E@KznmXo{2E$
zQB$(wT<oTEEi#+S?$!Bn>dtKfNU^(Qz`PtyF~2dnW-jyg4QT`qJ{Ww3oc`?)8G)3)
zY<t3o8L0a(kGpqdn2i9{>)SEez<{UpB@{IsBhm`wWS=*u<ZjMYs*}e^F2WYjMkW^d
z7}>FY8kV2vsbr-Q<ADX%y-GJu4b7{~pZIm<xejAbb^DN@R;Q9<S)${*Gm~744{56E
zcpo$CoU~~3r*;bl#52mk`Qd|0O61A>(H1mbKfM(n<IzDAlQn&`Etk3{UFlY@jmkdN
zXuyk6OtWuL$ybc(aZ}_7%(7UG)VLt<cChi__MfEbSD2XyUfu_TMadbs)q4qId@z$w
z3+>#Hpi`H*D<GvkD?y4$7^>pQbuDo%4p-|5skj1ZVcs{`WMXFf98^UQ_IdY7`d#6V
z6MgtMiM`V2)AG{#Te3vkQ-2U|-jh`43U?6hSbB*reK(+oey%^5#1kw_36Zpp59CL#
z91b5qqH&{z(G!&=16Nm;yPjZ~a+v}h*xlbgrwyh@3+EiV)5*3CCVg$E*3MU52j^Sp
z7V2sZ55Pc?%NY~ggeC(Q^PG26J16g$55182c?b+s58nsF&+Hk|LfsO0@R#y?5@<|8
z!_ubU0}j&P8p9Awnca~}-dJ`g2_)br=MP+z^jBgKI8Mk3@eFP-CP5BsTk^qFN{&kX
zIM&WTjTeqxbD~Ky$ZlS|$ftJgn)soQJB<ilZID8Qw1n_atIF^yI)unDV(1+au!Wx+
zckwZDe_9qY)}pc8_-f){c<oNyyP1z3`oWi$;DY{iO?e3pF|qvg(CUW5OI7st%}fv>
zdR1??3JCUkXAz?+^eK_1G8iU`{GeX^?O^CcvuJs!<iE;AjM7gg5%Z}wH}o4umvgLf
zG@?$(D6%PmkxB5&R@wvbY}-;wvp9emscmgg`{7Rpi0>#|_5<@y^Z8&Ucgg`+N9<~%
z4^N~jp?%jT^uu3*;Qmy`QdCuaB}#d^f0iQSz^C0=BSJS!BW@eaO+|6B5#;{Km4bW)
zjleCk(mwFLnX^cJCqDf17{$F(>m~)FZ5r{KRuv)txK92jaeEpEZKUy;sjb*KKh&{*
z0C%kcMk3VJ>;W-a=vNj|d{*Wdea_9yBN(JMYk&`1g?=@d0A6N%Yz(eO?leK*0;1Jq
z8$`a3N2*u+T+nn%T8g80A{cEhjDK9?>3BVzoCYFqCp4gLzdRFb7uW-X+$n#m6}vOO
zq=b&J?fw9k{;Spm0+(s`TwrV2h-xup&mTq~;6^|Ve%W;VfV5boozNktX%AenRNBk`
zd4g`U_GTb)OY!>chqmf&?|qbsZBFF7QXS?rN29E@Ju{@xteo=cI|C*opOu=ZmkTGS
z=&9{Ysdl;6Z}V`bZC7YO)z4r`?7B_~COEI5saC6OMldIGK8mmi=6UqHlQ3S8rQr^S
zVb6+mq3SRjYhmbk4i`0*(g>bto(x0#P8EBrz&Vq}DfUFOOVh?ovy;%By1o()r<k_j
z!wwSE&=C=iz}wX9$=$e3!5WqXR~Elp&&Q)?oVRE}X>8eD;_AhD#8=RFe}@8VFJSFE
z7?tUqo(GbKJ}r2dBAC0}?mh$^SSNWLHo>jx-|HcbUR7j|Y?4)9YI&$gUCE+NDz3X3
z>8&n$wqsTF#;jZ=OfllOJIt)!I(WHHe1EBtT~E8USE}ytMr>2B&~DYFqe1evt|lZ8
z5O5>H^u%sj!%Uv?UO{sXY0Y`iwF}8_z;Wua7$_n2Uc+0EXqRV4A4HcbpFMt+%ZYQ~
zb@teK-sWDojqa|5!r?pqc!n;n1PjR=#d?#lLZqA4WGA95E^eY=)GWdy6Ypt1{-`MV
zrSl#h`tN?hIJnJ)Nzi8!8_EoDx1enW^x-7^3G}Xj%yU^}<2b=Ew#rqFJU03$CJ9Q`
zHcO91b_(AUM+&gJu}}Dxw6KoyG*GlwGMGuRg-O@ghnpGKn=8;uafd%KNu067w@Fmt
zi>!Cta$uyNwp8AbsasW%u`){V>nUkjELuLeo}I@cbCR|xHy`SKSb<Oq`zWu5Qx4XA
zFCP7X2%dXMQ=oePOrAi?Z_eKapuZJ~#k}1kx2YWYMt5LRT!-o%jHm6d=6bYA(YhHX
zAS$HC&#q0Z8NnPudn-3w%+NNPNOe-#$QlywZsSCZp5B!rK#lK;$rA5<&MUA5vb<)^
z(<;Ko#2Z3ka+#Y-ZA88aL{VK+@P7sV_^BeZd0z%1+Wm*O#UYq7XFrlTqICaUAgo%P
z;hkh=qAwJAlNe$T`yD$hMU2{f^yd$7CNa&#srEDtRS|v|8nb9pd|>KS%TkpZ?qG6v
zJp5b_w?a%zZ)BpLw~uzgeCgG(805}83ahkdBBaE2GrRL(Hj^KDNvt}VZ4^kN^P}n$
z1ty4J7&qrr>9GZRL+Al5NbJ-V#XhDWrx})!%3#@bn5z<03+ZEh>_Hs0ctV$tE>zyQ
zDsQl|JKrFTAe_Cy3P(;hr3+cqc!x#RvGk|d6!%p-_TYi*;n$#tZCM&D+Y}f^m@1?o
zaf0-T!(IsTC`C`a@2lgGnOwX5G9zzIt28|mx;5>-ovrJYy#=u<Qzs`tN$21Dyz`I=
zTVO}X3VZMJa~%~XebXFIGg8LoPFfjN_<NhNm<h@cB+tKl6FccIjcx2WoKV6k3~g75
zBTKZ%xcW@7YKj)r^PcC;X`@vPVn*GdU!q>|M|_GnW~R7r5Th(+&>IoLQ4C`&@VtMj
z@Vux>o#U@Vw#p?IS$2F#OSAyeJTe^Smm#Y=fOW+AQr=Dc-+V-jN&T%+9?WwSXW06j
zn0!7eI*v)#;1>~F5Oixe`KOM8gnASge>1CE)Iy|ii<M(9wd0dP?%P`A9=SCIghrH=
zM``<$h(Z9rpsZkCaT~qLDHHN^zq^{{S^wiZw1l~IYF$clZ$esY*Km1``c|f`x3Y;*
zL;?n-g(G*Yc3skze=<j${tet|#l_sUiFw1t+I37We9<1xQto0CNqAc#7Ov?XEE8%r
zRkIU1mb=*#yvY$L@GbO@oio4sEb*BU467b9=!nIik1&YSz<n~DdWEzb817E*`Hj5#
za%evq(P@Skf92xBiB3Gw`viH?o^i#Byovf3#qf~?U@zY5vJfelnr0BAYlPD26I16k
zeb>MhC`|Dwz436qI><NjpmA7av#b~!ex{i8r|lU6pqTRmgI6RQVOYjkIItP^;R`^2
zPih51v?j2of!>m8p#mnpSsswBA_Jiw?w0oV`5Sf$YynUeB`Q@SmdjH)O1@|Pa(B3Y
zrpmE6Nav@FcYRJODY~yKXEal8Uq_17*DBa4g+8I&HA7=!h^tP1C8u2XVRpS=2Dzdq
z&KOBxeVe1(I_Q5$#NBC;RZG7<$e)G_*e6YGe&B|Ec)<|`(J=3(GoLqk1P(+!gwgw-
zaxFLqGV}nan*F2vcxw<}5K3KSqAN8!x8*!}K^%i!9q28BTq_+l2eB1;A*c4G=$tKc
zcOgJPBC|&acH0Ns=)Xm1d=>Ad;=Crz(TAx1&llNrw;z7EveR(gdbc6ZG1W{VDpBNG
z8R*S#R@Vl#9wXk6BR*e^ad!{}%yY~$gIWR)ChR_y%|j@19<`WBCd>MD&F0eTMiz>>
zw!Uyfk9y_Gp)rasui`Agsxqf}cJKq>!OAv^_ckc)t}ca}^eV@KPPD&||1NH|R^u(!
ztkXCeLZrxpXnATxQ&C(I6-H?O2Q$W_tOyI!p)O*(hEDZfCgGK+W}}XOqLA=~tSgRR
zc(E&a>s`-qWYZE8mRGuJLP_1ZeHC^eLn;CbzA1Txz1K0yg}|I*9Vtisr>~$*?<7Mw
znw!70D44u<*J+n)o=zERXH?SFmdXqv%3Li}x&TRYZ54Dmp4}^rkbyFTuDCRP=K)Cc
zpEgpIMJaFfQ0PHgAPw3>5(X|uPRl^;{764!O>`d<fF4fGY=NHgPqKdC(5m-Zh^m0u
z$fa4$73iK-xY*;oP+X#XqViWP6Q-{BfBAlA;ODF&{BEd@T0Pee(?WU3CWJ&N?h*pG
ztu|X6m)$=s559_3I8q)wW!>nD+$9O%J(yi0;;8={JXzq~Ca|)ur))IIgHH@hf{$B#
z0sF9j3CKP(4#d*&weH3RD|IUjEjRuJT15WVKKEN_R|Qw?(TD8x<AA{b<}n;&b8=UL
z27Z(_F#?gk+19~B^<j+;`^Fa1*`@N4ju-qERp+c!xuiuU^Bq-MxuaAc!283OIKoCR
zPmk)E{k_(xIYd|zDR|WuW-#fXJ<>lLj5Y=@`hYAE;wsW(ZJpr56{9D&?UN_B9VTn@
zmXp=>_gn9aO5N>GviTvWHBaS9FujW09attUFZPMhf4%GmaP5@_>s3SA(6pGKepv>1
zU5*D1QgPrI8#ta6T+u9`qs9wi6IKb?#77iv<&*g0PDk&Gje}NMh6DriuZ{3{{SC&2
z1>fNdn%#e-G-*ps3YmE6?1JOwC(#KJ(AHl~trbbC&Ju9cYoC>v{3b;|A{bX|9zgC#
zhw9ZdY=k|tv^=IkE?hi42_A89fyOEmR^hJ6*4SGgo!_h0@IS%|7rN&x_(+MHy-z?a
z-4#L?Bp;z8_CgBHvaZIg_eMfFDJ>9J*+{M(x7u^Gx#0E25XELTSaI6q1$C`<Af>GQ
zHt}hl(6Q=4V~q!@U<*%nU@B7guf#!cUobs-EZi>bn(Lh<%giiA4X!RrDm=e|;>qEj
z7LEXCdK^T&JwpqKJouJU%9+Gt{j1$i6uCZTSOgNO4X?0s%3DgYat^mF^MP93<Uq&K
z-`Z`R#=nCfF#0PJJbLqHp(^;|TBfp;3uT0eY)G}^P>(x$z~jL<a7v!4gt%pS3J=zo
zPEA6)@wew0>SMY@3>*X7i+L6O@1>h0{Q04#(-yVDvEaZlSnr$3`dx%$gCJe$_}8=B
z+Ku}WPyOR!ivRQU%qI$}-Mk2Lx3OA{bfH76m-5CFoU*$t5)d=|r8GE=*+YYf4y%de
z%HzTqtnSuuL5T8u(?UXq8jUJPJ?9}Mcc^gT7U3$1<w^^CoRg|YrT&clBSOqs|1D<B
zveAYWpXpRA7>;urfm?7WMfjMGikVxbI>0tNkFG|8;bvl$@cYh3x)baCE8H&%a@@`K
zQk=6_AS27^fLmaSo*MLQuF#UnelRVQH(?EZt2+AS=aVCoLTi}7FR?^xmsh5RCl~z4
zvS#~}4Ph$GP3VmdIIu2s_hxWB#Hz-5$v1gaBv15eiLyJ6iaUAzK5y$>A*%$WK5b~M
zYMg=wU-LWXS33u2QMF6I4Otr5A#5fpao_rK9``p<8i)_{+R*~s-E{yHq>!*CS+~{e
zNln_lBum*7S0887nGL*+EuBuxSsbY=)pEBeS8CmE#ca}QeKoVkp1=<B6e1V^f8R2l
z-UGq<wSjAR-El7I-WrH&{AK0Y-s*X6a0Z=8OK$t6CV{ol^x#b`e}=iciAwY)YXfmo
zc#%Qy+qdA-$2=SIEZx*s8f|&k3}-=lwHWd}A-AS!By|7YwynbrC0tGp*R@h@4Hc9(
z(y87*(51!0R?%g+u6G>a7^L>)nED|7cqfre!y~`6cWP&7g@paJ)N4b593fTCJAujk
zw)=DnJ+!*YMgjDvnZ|!@UK57>Cans#`bzn{p1l4BpX`3_>(gHrl?3Mg)&#tbga1lj
z%DQVm(7{IW+8Y63<?s|oXvn?oAuDQLc~>8acNnQfl>2%||DXZSvw|XIiy>*Mn@cnq
zLO0^5eM1+4%$rOYs^~kdEY3F$2)SgcQeb$F9dX;&9#>7{n>S2HwDx7;k)87$vLOYe
znx0i19X@(9bM;ZA8&Ug0yGSv8l*I_|16`iE;b&Jsk}-GS1uFGb-+T?4TGd(Q{$eXl
z85N}9N7DNI)e$DHRa=+)-aaJ~rz4i=@#}94QnZpEfcW$*E^OxQj~i?h#GeGe|C!lT
zu>+;#7lK6!`OA&-+_xZwyF3##cMj@rj4FGQU3`A3VVlb;gPX9AUAxpfS5%yoaGLW{
zb*ZH8&Yc_EkKi=OC}`2~-uNoi^YVF7I#6@{8KC%@fa%-f*atUn{n;qdT={Y`zK5Yz
zUwvdSEczE^DGSlh?8q1#nee<i<l30hb1>l}HePh{CT)R{X7sntuwFwL6!Mk}bHj2x
zRE-Fb+0N%Npt#A)9~a%A9q2)XT(3!I#+^wpZa=yEyK|Kke9Xf$$<tmV<Bo=U$KhQl
zb+1hQ)X7(<);-P#!-T`wAQ$C^k6egA6GW`j_N*!gxPHNY#8We*`Ru=td#}U7biR^7
zSl3($dD1b@@IYAT1ysVgOz`8lqZzl1CFC!ScP75T%g>_-$lZp3!vgTSjHI18XE3FW
z5%e(jT(*m%HsCFpml<pR&IDiHbiEuhsJ(6siwtQn=*;YhUHYDyL-BUDu-!*X_=Tjp
zvjQuZmXn=A_yZTlt;UJ);~%A-hs1u8X7-RL#Qn_xv-LcaWOT6`R*Ai!X-|#pZvSBn
zGl(wN3A;D23KO3ew+BNsF=m7=p|ft<yy%)fIwDk-GY#Za{Ynb*?ZcCwFt5)m6dv5a
z5|^H~r8gG9wIX;~&#8zV*z`82WmIFhbf5&W$<JbNhr}Ry{3`7@m;fm$YRuXD0eUM-
zvq|clze@xnnCxX~^zL+k7*)>UNO}>}z*?{2BxGKpLN{+g56|g8>C}obmzF#k8(;JT
zhGM^pG|DYcmyo=_NQEMy=~unSHbV}+tgesGIt2CSB?nTfP|4G3vcPDE-j!hx!jo<P
z0DXg6mPBivJT-zIZcLh&%=HK|<=DO`#ID}Rit`5ne&fp8(5<HYmPOj!hiSzkYE+?8
z`dnCVR5kGmLXDNz6hrMEy&5W0dqCZg8{0HX%zCGrE+HWD392<hB~0Wa!gY(19oC5|
zE*<grkt$O9?O{ofIl-0)aj2N}H2sGM7w)C-wg~*qT06dv+<0BG3;md#{g4RFJsD}F
zTmKvz+0EaGz`uxfVEb6pm3g1)Ro6$3P`$3QdxxxigIyEu3>%MK<|4>cg`HSf&!|*4
z?)PITQ_RZ(3c5}e`fvZjSZ}!APVP?fv&@dqi;}bYxX2WB0npZYoCQP8Wf&1GXdYZ6
z0F%80^5|pfJTS;=wp4vf%3V3Q%WRzvt+qQ@IU2>P(0#SY(Kq_v6+D-QlN=X&n<QU*
z-<d{e3+jL)N{LrNfV0>__1u&e_Hi!l1ut?6ld%kOS3d0lp;<;HMNZoK3f5HI6|uRU
z>a5To`3Cggs3MNRTs+Ae&!r3|wtY&BlZj+Qsj%>$Y>yaOS$R#Y1Fte7OmN;!Fp&I}
za7KmXuWS4}eo~UuzFe=B4vZ|5n`su_zhTZKt-kk*MR6#!>}vGi8kgr|&0{zf!6O?z
zO1b-slj{MGj@xy5YvKQf<EBfpEzw0~d>%hDo!+l9MCe`MA5ZbeK!HE>OQRZPU~_H}
zh3v-)-cMg_f3MHmuj^qo9T#GEm8lO=@cLQVr#&DZidqinn+8e=d5facPGf!JEVS_5
zESDQ>m1YSqCgeGcUTr+6To+46r2MZvnlamWo>1rPad!n+5v(J^=<i5KlQ%LLUF4qa
zzu~Z$d1v{}q{5Z<e;Zr!bv<)cp0PcAur}xQ5c`Ue94R}rtl(<ooQ0DT&TCz9X;dS^
z08h#P+3ig0A&#!VZ|c&M(!xJz{m4U=&7CU#!mM{TR>-0x?~BLOef5|zkKMck37%~&
zFk&(C2=tWnYy(8_(Krq|ZNL%%^Yr6AU_~<ymQ8ZLtd)RaHtaG#g#REYyNdrpmd0%D
z(DjDbRK@nqztL{V(Qw-zE?%A__anD4jYoNS#6Gr78vQ5b2$6C8G_hqkRw&o7eAJr*
zO;_z1#~PtDrRL0m?wmr<zz+(BM_`Bj;=doF4=;o|AanvtA1EPC+NI6Rn3vz_NKsif
zvMK*jJ4&z1_AqqsU)(#G%;UKzDR8S<zqK$3&+ES;zN;1`9%(QZ(;Q=X^N*wJ6X>c)
zXT=oqM=FpFAdbBkt|VRlB=~@ClM+qxUh*eo;fIbJ0=W|}&5T^D&@l$9K>2wddxQ2z
zl}ZzqjAQvC=(}hxm&bVYdue?-|Cx%R%yr*sDaMVIiCc*A(ks;Ji=AosaZq|$dxGW`
zk7cZ*pMC{I9`TgZh`Mk-dEW;;*4%pr8RimSbwrOzY=}3C+u<Wss<uKpm5Ox&Nab6$
zN(S=}i5*PGM+Nh8C(DzEH~H4NiS|#wR}NM!pXe|kzXcL7eA>Hqooe(__{Ub2Xz}mz
z=7r~pRvMp0laS_Bw}2Nb{(<t<O;4L-UQn#h&6_?o(VEwJ&QoQyvg#iS6eD3?FTMvm
zffd)68_&?)1shH0O5Lfm7GJIj$?ikdFF=GS+|w}h9NLnI4}Y31XGoXFJQXH_Z>eBT
zaeuUc=#uea=W@HPkLa^W*XN5=@^NdebJ1K&um_i?c`{Pfi)US#>w0(tAey>L%j1II
zNqy{>Lh7n9PDjaRUF=l(Y#Pk482*Nw-|WjJVZ68P`IBOy=nS&}KY96xsaFco7`4Zp
zVVgn)nYiq)T-STLmmyXU{DR!CmKhrjmH$jK9PlHZl~L?tvhiF~n={&IqgaeuULahz
zeEK16NS@aRP1Xn;vMJ~GA}aUSPxVEVkhfb0mizL3>V=FbRM{w$omUa~!09n`FF6WH
z;hU&HQGri?I&?R#hBoA#%423ZLB#)a2SU#c<PFmIo;iy={q0^0psJ{)P$`Fc^}hfk
CYBb6K

literal 2366
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

diff --git a/apps/extension/public/icon/icon.svg b/apps/extension/public/icon/icon.svg
new file mode 100644
index 0000000000..e47ccc6f03
--- /dev/null
+++ b/apps/extension/public/icon/icon.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Kilo_Extension_Icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#EDFF00" />
+  <g fill="#000000">
+    <path d="M23,26v-2h3v-5l-2-2h-4v2h-3v5l2,2h4ZM20,20h3v3h-3v-3Z" />
+    <rect x="12" y="17" width="3" height="3" />
+    <polygon points="26 12 23 12 23 9 20 6 17 6 17 9 20 9 20 12 17 12 17 15 26 15 26 12" />
+    <path d="M0,0v32h32V0H0ZM29,29H3V3h26v26Z" />
+    <polygon points="15 26 15 23 9 23 9 17 6 17 6 23.1875 8.8125 26 15 26" />
+    <rect x="12" y="6" width="3" height="3" />
+    <polygon points="9 12 12 12 12 15 15 15 15 12 12 9 9 9 9 6 6 6 6 15 9 15 9 12" />
+  </g>
+</svg>

From c288663deb2f128b8df7b7e893aa737ccec05971 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 15:02:35 +0200
Subject: [PATCH 03/51] chore(extension): refine extension logo icon

---
 apps/extension/public/icon/128.png  | Bin 18291 -> 8384 bytes
 apps/extension/public/icon/16.png   | Bin 1272 -> 1219 bytes
 apps/extension/public/icon/32.png   | Bin 535 -> 2679 bytes
 apps/extension/public/icon/48.png   | Bin 3523 -> 3860 bytes
 apps/extension/public/icon/96.png   | Bin 8780 -> 5458 bytes
 apps/extension/public/icon/icon.svg |  18 ++++++------------
 6 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/apps/extension/public/icon/128.png b/apps/extension/public/icon/128.png
index 40341f2bc246f635a6011e5c30ea16065a1b5f89..8dbb8fbcc2cbe55b1ff9ee20c40e81964f1eae68 100644
GIT binary patch
literal 8384
zcmb7p2T)W^w{4#p7&3z(h>`{n5Rfc6jRXZGN|Y>7Kr%x{&L^S>N)Sm(5+!GloQ6*_
z2q;OCAQB|!oF2Zv>Q&uWb>FRbs?OO}-MzcJ_CC9MtzIv+HSbc8ULyqnP^hXX-M_H#
z-<Jw?@r^BN2)i&CYnA&N0QhrWv_Avj=x_fY0C0i;ELj2|l?cEUx8zzKnTrmT)xEn)
z7xv;gRICfWFhpLe8p=dVC^`xRdD+A7W*1EyUdl#ZHV?gQrK~+{FANYC6c*zX6yp;X
z))Nwu5)_sa66O^YloAx|yV1M<UmToWZ5-_U{(FZ;ocFy8ha3NA1uq9@TTict&Tjv`
z&!VN_TL4(nRh4e*`Hroo_`sKy$6ll@rKV`iRugn$p29GE!xDQ*iBM1J@}+1D7fL;m
zaQh#KR`7$Bg2cx4Kzc20Jwf;MS&nk*>wG0ICsP)W&T^KNB`vdk?2#h7C#4l4le)T-
zvb*^^!^fl`nmVMJ3TMP&211&(J?J4p`V4w@fKt3{O@Oxyvw8*S$#q^`0wJv7LI_Ji
zC85wOpgSzAS=*|G+AuMSEbdt|RgRP>SP9v?3arw70c<n;c7;ipo(;~^BZ`i46UVyw
zO>+R0yT-$^-O&6%msS>P`7KtMZoQJ3AX-FlfeN^X>hgrJ@^oUD@S0`E2u4QlX(G5Y
z*4+29B})KlT+j~!yz}N{_>@Ry-(Ar7uCWnpxgTQPr=&xE>D}$2vp`66htNQ8PM5DC
z>j!o#$iBn`U%0F;)$ui&Y<AlwOp;(k!q>B|lE*xa>v0ATu8xuc59%^`A~(5MLy+^2
zPcumxsQy#bI6hNHYk>-1cz!YTnfic(_~<1#w15a(z3mhFrDvMqzeeH?Ab)<NjTmmG
zYW<(X_P+;np1l7@?H%Se;ITpySKttviE`$K*^%vmX1U3E)PAv=?Q~`J4{Q)&=GQ@(
z)X{01)Yr|#w8DX)+Q3bzpxaGpxy7c**pp1THN*B+zoWAne(R#1Zm#<3Ox2OrN5vLV
z--<_;791DMKCqH2rGh`<eT<Eu!}+oidOG>HIzhBg$9qWWYL{Q9K~^lv(#$#&@xx@r
z5yXF9gYd(3<qEWP4GH%?>(EXmvB@JkPDS>)!KmRLpsL8Fv5L$~CQ>D&5*H-EiwoKb
z!4(sZgjn8p$mpP_<W@NSi8e~Gz*obBaWizG01J0G{4!{r$&SJzP1e+fff7+KvgGbj
zCGrQ~>OROxPvvs>bz-2{LIVE{`FR~bSsKv~-_;`@s7%b34@ni<QWh;d$d@s}GmaQ6
zGS8;PcH5hrL;X43iw{7?%e;=QC@QjdIn?=0YWo!93CIoArlfL6n7{V`;NRJV8faEk
z56rrN^C#zbU>Bdg6@+%N=a*w><>hc7I2<Eco1%)7BH8kW2LsT_6dQ-g?dQmq2j>fS
zK)`)p1}i@!bJFSM#bd_wfdjHT;8so1s381o`>i7Pg8UJ(CPz*+v9k3JZwwcx&0nuP
zaA`d+Xsdq-g4HL^Xkc7CE=c9-5^Jb#YcAy0T%NFl%8@PaH3!~{n*Nd;fHgrk&3TdE
zWhotr19ld|vP_oeA^|K!CDI3LyKjnhyI&$zcDN`J65H7POt70J?#lq*-R_)bjO+N|
zA%m@zcjm%pYxO~vt6KR-$d-xUQ!9(jv+beepyZvgA#~C|KW+y`hUlxWrnfiqii4KN
zkvbtCKjh7H``JKLcLR;OX*iUULA7;Y)qgfWwd23#5;RYiy2aFb4}2B>tfv_MQ_~q_
zMI)yDY_5HzF4fJvo5kD-{pb&#i~>aVnUzRO<7OAd6?S(KAk5$Qh!o}+#Bpu(#XiwS
zzfxj%m%>h0;WdCso=YBC32wlSqm-S@peXS0^(a`j=dmbz5FxSvwN!@HF{O7WTwy|l
zX}ydhq|(X@7hstuwhYwrzrJMv?a)s!{f<~~QQPRBSqKsRYD|Dd`{xSq*gVgzt*2>a
z0DGk4ERh~#0jtk}Rp<`{wvu^wVc~pKb}dJmyJ+4YEVBj}NOaA`xz?T76W~3Y<YFjF
zR^rpR5TBaj8_D3qqcgK;!%dBx0Q5zv(6fcmS4Dj?`gP*Zgg>2hIYwIgEfueVNIkiX
zXNz1x8A&u7&n^MQ#p?;C;9Z`6#57CuRj`c6M<Zn<_nXN8UBmg1IH-~JL_@??M+qaj
zbvGYN@W+S~S%%#lF1-fdxdpk!ORhsFWskXmYo)I(6?QroD+)&_M>PX?zTfd6Ea-$1
zGZMcO`c_jNjdyb_iLsduR`?dQJ!m)p=Eah5D6H|yFC|dZsYCiL^AnkQtq?-nx5eU&
zPKNKq%j(;VZ)M8OVUMt*TL|J;9ehL>c_qF81D-`hf=dq-o>$Ue>@=_z5$2}{EK{X!
z&W9#O1)OC{nRVF!$8C+5=4rf&k>rRD0eT9IwAAiy%to7kfr38RE3Fb7?Z^xy!o1%W
z1uWYb%Xig*f{5u$ERE*ipXdK@gMjw+QDW?K?W{_Z*{o<`wNK>O9?f7<e6v)pJS1W0
zaE#E}3qHTsJ16-bB+I9uz~ea#(BC>tKW<QLkq6XQI2%d(cfYL#fNOFC)d;xQzDGKh
zRL`6w(^plU&}gr-j{&NznkuVsGt5)fu8hkltF%cp?h4S$Bwz>3qwytkG_b(%R~Cv5
z-Pm;>pna$6)vm(h&QIY>kGKxzp_RQ=2?mUh_ZkQIiYzQb<=m?9xQ1OzsyQc&mW&i;
z>gqSx9G=pMPL8mVg`W|U_&|D&hBXW@{nt@IKEP$(xp}D0k@4<;B7Gu=wg^-o#Vt1>
zI({UIp|N@ubOE*QI0t|k4mSkfSpxid@!pj?H{KB05|do)?QkwM(;9k`RIB%Z`sl3D
zd^M@c>t0+ZJ7^TJUP5}k!`(K4DT`D0g|IW9gk!;pz`+y|#>AvCvxK&T1|g~NgvfG#
zR|9(Fb(^Mww=4$756-{y&ZC)|B(|FT&iSD*pP3NA_oC9^_D|HZt?2DKs$y*rmQ_oX
zerG;#!)DhAn3MN;3SA~=2OnmxC4O@M<LZz|a*`Opg0ExxX+#$7hhYbTk4D3Ifu@$j
z9s=HFITi$UgGI7FCPKLrq?j=eGT7DSRaqi$wjGm=#;J16p?NWzxof_hnNOivL_qPL
zcZ%281AB{xl81a0zwpG^oDMcIq1}(hEdg)iPA@gI+cv-Vv;wp0qeRmzyX$!*{k|>(
zN8l{G5Do39u*hbj_`FJSWbdnv1-M$wyw--6oWFP|{^Hk4{&4;vcl(~LJeKuX>$!pz
zLHg%t&mPJkXUNC$N8=D6i|<o~Hbh@?BL#h1`D%bhowzGGRo!S6gps(-d-p`B?)Su>
zo;JPVjVnEDst&Cc@PI<}nE$ykd^O^y20>!d_D>Dq)MRqVjNRM)hZPtEnQcz)t^-cN
zx?j)ep&P5!3h9ztcMRz8?;9+V5F0v8K2t!&yvAD|yH<63?(+(A9)w-XO0bs@ns0Z{
zqsm_(p3gnqS~E{VuRoEdz<lY-Ar;(uC+!Jc3!d<jfr}f>ImrK@FMALDOQk~(5!3oK
zOmb&U+7@l!^AUevmo`-qI>K4HxanXE$uS7p(}Jn)ZE)w)L@81FW^z^qWF=yC2Hcp3
z4y$7$4=u#OzoHnA23p?~YUe!N22xgP)9gnN72|H)Nhm>8fE^1ZzNnhT?3?8~%R5a?
zEZlz=G}~-7&qu)Yy{kZzA-i5~&3~K%_eSH?vU_Q+0?7!bl~YleQ-U>tsESb6z8Y{W
z|HFq9U$0pnfV_TFC6LJS(f2}L=$f-jM)-)Le&FFQiQ1euUtVtN(}M>Ms{@T>%5UWQ
zmh-S8aYiGHw|eF71zQ-E92;wa7WG{%f(?tJdOl;aU6Q8fi8{)09qv*?`Mk~Fj&?cx
zM~7$=br~<pCD&hfC<v%ZJ3S$#vfzIx9c>@3CiZ~U_EX(VMuI3c=6Cn!ufWOGWQYl~
zp`MOYIXo#K_nugnKRNv%3D${zPLR1ZKfNc1%8{@6)(7@(EWeJm<+_&V(K(Vt7Ck9$
ze+A#>VKR=eS?yRtV5B0tWhSdpUEgX%Rb_}vf~Vy;++x3Mo8D)U?kBYT+A-CH`cd&|
ziyrWH)>6T}^;gy8JU%l*RJvUA-mphhLK>;|+?JygI5~fPl@i0=65dP<-|b}{*mQya
zL8IT3_wS`KnIox~-b!oK#Or^UW%nYR3Fvi27Cf#Dl)~fn4P~Ke{@54l!&9=m5qSn8
zK<IwXe&4(u=Dg_GD6YeB?hB~%U#BN?vw#0<5*Wxe)T7{Y!}HA4F8k#v<10^)DpM(y
zrYyP3+-Wo=5)Qw#VOxzSwe;9q6_rq!x0Hec9c!F;wM;c_de@%g0ObF8S(MtcMY<{q
zl5h@lJYctVXua65RaFZmVNSG(J2$psGfuztU5=J7zw74!kI(nM(>Dn(7Vg}cBLW5L
zzg#%gNV!=OtSRCg-LHYW+L2v~Oz-~i3-Zni!_x`Pbl})z#f%`j@~~uF<f=|OL-ktX
z2u0jSwAkY5nYp9}iHc^zN-^-zUbL{2$nx#dLOaiT4x&^7&iVsDb6p56Xem6ZACZ|e
zb`-ieTWW5f0jhfboV_%QT%^0#ef_&d<a{hX_q)E2KMhF<$wTxQn5|QPNqHDX;|{D4
z7SIpRAaT0RecI16b)QNKZ-mb=*q;N-6xV#_)<@r{U@xCKJsZoF{|8=Y(*mCt>lipq
zP<o$Dv$JB&H`JqMUU@!8Y{2!3K{~7=H}eNNxBP&8Rr!sZb0=nm-=iC5mGL@6$U|9o
zpHe}?dC-wmkH#!ZU$P?z@JMdxwE~h;I?r{<aK0W|td{rWW2(q=dgT7%=g8-snimKU
z6&7^eg_H4hN`iok*ED;tE7%PBT@DIDDm~mw6-{0Q;NGp0wlDCMqDFrM>biJ8W(>Q~
zZvea2x~3&Oo(#9hx;^Rv8h7PzDSU&qm6W#rR;HdAwHXjx@nwl5+Re!-08E)q#ep+2
z>!vN=)@*`i<L1k7ON=cGBJ9*~LIvnp<fP{nCwP&3xp#rY2VDdMk=Arbuex&kD-zc@
z$6v?u-uLS72^7)O*QZRVg02T?Tcfcla=UTOed9JjrOJwlvNXBYn8+??=d;hU9aO(F
zJSYc7?U|Dx%r)Z$-`cZ)xsPt2XVOFqR}aCkkAWdD?UUgmjXQd#*5V~ZhFL7S)(L(a
zYx;s|?S;WzFnnqJz2USj!2@$K#75Mv1*P_C#S#<5Gn7|Pfca7S=^nlL-$aF`{3Rd%
zf%HonuIUpxwGYeQ|IW24RjS(Y;pvu&;cg^~M3t&<zh$s-dRU`@tL;|589<0l7^utB
zJhDnfVE#Ev-7?FpJF0E<;ccu|#+}WndF&*$zgAdbzQXhePz65>B!WE~SG`!^6>cJA
z^lYhVHf7gy!O$eI1+Sni_bU=Whk#nG?=OxS0$6?Ws%xgq;tv`=TI`WdkPI{w7qOpM
zEG_orLG~E4dhL^)hF-!)1Ew|lt1oCMY9Ra*Q}lPO0otDBj&Y{nb+XixGYk5G@?2>7
zqNr}$Be{5eNn`6!5B@Q|sW8FS8D3m<-y!v>w4YJanE@eN0=M5dV9QujYEeF+_>d1T
z_XtmjjR$!h*(7ca$P(8ygsruID{7n?STJouc3qX&`pL#KmHV%?-?_40%FBBF3!+aY
z{2xA=Q7ZyeWW8VO&v2ra_a{fk%lsDnzA!P=#&}Lh!sq@y3q~H>^I*_s#^|)Mj;|`+
z6RdfprVgR~DDhPK7r6NVNBg5q6J);<{t@$KjsSd9Nv33^4cB%L+NRL?M_LI-D~;C9
zhl;SiwDFF9%)WZFsUvgj;3O+k*|nP@iP09XC|eOJkQI>xGLWmk1Y!f?7f-LUX@eF&
z9^6lZ0moc4(;wn!9sX5-b#b&LfUD=9@%{?FYxw9e^c|t*NtEy)w@>gPv)e82R0f6R
z#0_SyHe6+H(3<Uj_b5fl@)1)Xf}n}K5=qsUTQc&2&0d%kuU1-wP^qnGL%|1RzsHe&
z<wt9?=B2;8G~Hit#c-*7Ozxlor<TZ%p0PkK*zKn!tmT@B#K*h8&qErCte7ZtX-gyH
z3iUS%i=w>Gk<&{rN77LJTXwX!241IJaU|v&=`LD+>}h>iSO~2>madn^pT!3>K_&LS
zo-M4)+_96-OlZcTS586?$?=j?UbRG#{0p?>1&w02>FjeuM`WU;_L)pJ*p8kUx_RBS
z9=)CI$JxjFTrEPIO%qI%jP$<txQS221-lR!)p_X$!-em~^5e|bbsP+#TY-7*lJKk7
z4qcvom<eWBd`D$sw`^Hz-1M+z>pJ|I?}Z87yx76n>N1I2PDI&6x5%`Eaeb3#eoC##
z=nIc5<jF1nPEt6e0iE+8a?^?$>^{;?7wCv0*&>0TG0?mRgI^upc(Ji)hG4{Wi$lPx
z2>ojBy!(YluG%Cteu#9gCMDi6#E)3LKACyub2}jVR6wFJRcIZA<;6SdP6&>gn+Wa)
zPFlM)temxu+BFBRIh<VKHaV4vH5>6LPNeWva*ea&vdKo=tUuTm1H1`^^u*C3(%CYw
z(U*S_LAT{PO7n_i+^iM&U~hElu`G7#gLnb>%dV}!G5d#!`hCT#GRmquGZzU|T(rti
zds_Zf5^$$f?m`E1Gb~K-XW<uvMPcF0De2F{>#BtHTg`qLaXhFwJ@e_g4(D_2S`ccp
ze;CdO!>v|)a6v|Zw+kFkd~r^Gc;tSUagC?TKu>Gs?qP#m2HhhZA)jNVOob59bYXHQ
z&z*17wofM){&}Jcmb{BUh6i8`Pf8xM2{c?>3|;11({6WGjrAHiB44`fB>6^9Tllah
zkZ3w;cRU2FKRIfv0lhQR+n^zBeFT~QYvw2oA~;^`Hp&%$(CU}E$~|;3i4sv=oLLxy
z!0l9iXPECX!L-Fphzs!eWXw{NH;Su+md@_Wli-)qc^bEKf7;EpnMt$?wPBwBv3gO2
zZ-2Eq(m9j_L=x(Q`SD!)=ga=^YR$MDVFwPu4XiwE^a8K21CH0ycjPkI2s&+spL0y%
z3Q!o00G{YjQwN{pa3MnV$&%R&yjbin4&Olb<=IFl0YcyNSaA!YgTRp!9q=NLQHH?M
zFCxrnNk|cX)5fIJo4|tXAh)l0VsG`Z4CjL5CyM_1sf;Tz!s8jW|B99PL?xh-sx2OA
zxSWxEwxHOHvP@~Tx?1+tW|OM8;dGHc!l9c|0Qp18NtXy_k7Ch5Xq%-lPZ)hCq(t8V
zYQ#x--z{z9hPz}|ePDZj-$ORI;I7CEMA%(r6&>g8oXjU3LgMXj2_?3R3?Sh2Mw9^_
zlQJ+*qY0EtXEYDHH|VMuIp+iya7CFSr)3ydNU#>70jVtBWo9Ipe8Vh{%<nO&K+`E(
zwRGZ7xE^B5!d8N_I&V;OysWP)l>$SgiaVE5j_1965jN%Lj*1}>Z@INIp|~;R#KtVe
zBAAg4`Z>V79i(y|ZJ(C_H8Aw&;(vp!^7?r3Jzth9lekv-gm2)54^tjdiDeJh0%GM1
zXD9}nefvqH=3byWtOxfTCdnfnUyDCs#;#6C1pw-G-jDt~lQscW#HmI5TDH~J!PfQ&
z8}-fuLd@ZjXcdCMp72~Jx?K@%tIN|x%3-?jyAAc~#w+ml@|sa~OnBt-$)}&ao!{Gw
z`E1VC#2!^ONR8P>$u2H<;bQhB`j9IDw(DO&Z0q(uC~&S_VhfsotTpGyw%$Y!zxSt<
zCvf}KkWhr|I2Fr&&7YlJ0|`AiVZc-?))<;?A9QsB6VAthv=|BA?t9)kFD}8~pB|U{
z@IJ0q-y?I(SfP;v-(m>CjOcQgo4HHGaj!Ab%`aAN2r9GaF)u2XZ@*WwYPfm{yf6N-
zfrfDoPHzW>x5L{$OMDkZXd83$jq6+QRAx#I4y+fD-m7%7szYA?OhW{%6jzLgoUfK9
zU#_cCJ3T&eq%M|jLT&`d*p}$(U6jmQV&OYkki^*c-m5ui-^*Z`ZQqN@;TIK={`1T`
z3im|YDF5&KZBJl6+G_yZBPFijeLn0>jq9^C<zQ=`qkUqu#%WMKIeN8pfyW=M)9P4n
zy#l^1hTp`AG25rFR6*yl_yiii?kJm<!sBhJ%4#pdgg^SKMwDY9mn(;zk$g#wEzmK4
zH8=d`W+o4h+n}hi-)UC6DwgNZEja<Vs-%-`_!5ZvR3tA5O)v1qe})bowp29%%=Y8e
zdxJHfO!-A1tM+zI#7@me3r;M1T_+p(mhbiIs9@6y1&f+Cd0UIuYW6Fd5&kK<U)ov*
zweWnS!}i+J0X|YA{GvKCJ!y~j&mY@<VoxSV0z7*JZ=fu&?5u39f&_JXZ!QX-#!Y)<
zb7DtTZI{94xYc8DD=@dS{OEFVTdVTFF@|OLA<CwtZ6rQsJ!%kv-=r&U*4!~8jeauv
z%MVB@meW85vhiEe6HkZ1%oV5L8;6||_R?^i9S0N^;N{!zq+R*0?Q-?oj|>vI;yxX4
zJt?fY!>iX=n&;e=k`%x?OSl8+U7oog!n|y+Ue=2wPG-^5<d+{Bf6ANS1<~q0338Xj
zw};59L2mQX`ebjS4iqX5lFkz(DKV?1iu*`CM?F7!Y-<89cb}rj55z3P)y|rMB$W0;
z#nvG(Y-6&T6&P0w3IrCVul&W2202QPsg6NcRFNPfzUh1LOF8Q^As_6jE_$}So7ZG@
zL|(td;6WG5dGU-sc;{4%=MYu!esO2+2D+r8Eo%g-EK_AVua7=-dYCW9>VU>?G*?v-
zsQBl%@qs;_I&PRTuIk=Qb%&FUGdTA+e*jbqo!%1OX!<zQ4w~g;3>ADzRKg^nXn&E2
z)6xct^uzS{a%e1QV3Pxu9Y0G3B~@!_Jhz^kY${HQU0bYnLLSeV14%X9hm_Xl#UmB_
z>74P$4GaPn6B=?wndX;tB=fuYK*H+E5YzOlLAyC{;_q@>uCP)(Et>R5hDlr@PZlOH
z_*khpUc~Nm?aCbP@|BB=>nr(#a^tC_{f(WHbHFOE^@MynKy3aY{J>f658BOl{euli
zVoO+*rZ$ek+;`94mJovQ`ys`Q*h4gr%tqC=Lg7K{EA`m-kjH=r7h*OrO&W!La+QV*
zgMN{y6RFvBkj8#VXVdHgvJn4?&w4{Sl&NT0;k#Y%0U)y`Olk0E#;Yu8?o)MuQBAU1
zJy=ePw=p91bro-zJ(PD#PjQ<!%dC)%f=Mosvc#o-iP$reHsx)k=m)o%NKu?<{FlL5
z!=52;NjOXERxovX@W^cv5F|~Wh}7O~U-CKOOS|!s-1DYK!WQxMb-m)>KG*BX`+4(S
zIq?*I6juq|?9L6^St<;()Ko1(SiLU(h{()>cURDqoL4a}hCMv+{E&$$%I);zwid$l
z%peW=n?W9v+WTXz6mgcT(=4FuHFIm5BSZ7aaB0vOdp{60sB#Qfhil0kElAy3bMlJ`
z{_G#)V}O02d)8R6yxK1PkEpS@5y7(Bt{Amh3P@8)(Kh!A<41o2Z;m1MN3tJQ%|NfN
z|K9ZZGjQ;EEqN3C!}AXdM9)4{8%#lKnelmM#k~=!!f3j88=UK&F@u$U=0N^mX{@$-
z<{B?lWl_CD-FXxSBSDwa_ZLU95FMjibnw2s|27Bw)xyP}3iE?6owJ)-g#c6Df_THA
zsjx!~N331y5L(J)Y<ma~^Y%U=1tygsr?fl^S+Wp0X$F$%?-sIK-1L9D!;ws0)9Q!B
z><v{rL3xd)4YF|0+b+AcUkJMb4QHfOwPRstMK)ww=Z4n=lEx&nFA^FmkeDQ#BeDJj
zt%bCxD609xr69!gn~%Y4w1YMucA1&LyP*CV2p(&cS_G0TbIE9Y`B?tsh*Z3pgKh2#
z8Z-7_{DSorpYXzyJqEH#t`$rz)`Z>W{P!!}GDvMfUQdp<G`>Qb$P~iJ(L_LYJ^uU7
zu&8SR<Nf3WmU^Ka#>A-``b&xrz*uJ8g28>IVo)6$DkbyGGcBB+CXIHV9BXA(;Z{KR
z1?F*Nsva!9RNdT~y-9`LVBGz_+SPq|Qh{z~G(m^f!bR8f`Y?r+820r)Jk{%QXbYMP
zI<xH%0*Otgo^Zew9b*P>6PPYHXM!P**ctF9e&~n*A89CuyqcxOXz?~vVmHhjlAvQ+
z*1)B2+C@Kcyp(ERWT<MRTw%4gqRUyi%P{;Ek<(DG833<{-DM`2#tBub6g$S~DTs_0
zp{A#PrIBGAxsd{g>gLxm<rGH(e*q<>vx&gDp1|Z<s9Q@EaM!HQ&zz!jki1rFQ84di
z8ceiRRWG96Do=UA@st${%&oi!GE(1qCWudZ|D3FO$cfYnzfdy1MF*%m-iT9bWQ}gN
zlwke;5;K2Q5%lzrE8CM*NU|r51HD_mA<ff-?g^Um)Ll-v<j9m+A-L-$aT?Iel!8-i
z_6gnMiMS9pwl)GFdeUa`=UrF9w+a*CX~!mOH^8yi)P1nYd_J6=Y?65Lg%fODT0==l
ztl-h0^9=VIx=?E4wmU*&=yY2xZ=k#))(uW%1H64u#EmTE5g%zAUZ~MM=^MN?=UJpy
z?zj!8YdLKoiO#KnQ;kb>2H*a=7*73_kDIdh*6IMlg5dcT&f|Z{;K(GOywKhYq57%+
xEnvy}o@{G#V;7L4zHq;IfV%ZRsNm=5@qcxEE$-)GFZ6w&s;sG0q+t2<e*p^zAN2qL

literal 18291
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

diff --git a/apps/extension/public/icon/16.png b/apps/extension/public/icon/16.png
index 6d2f02ff761a12a0ebcd1e774921840854d82911..bdcbc1a9b17624807c76b348776271863fdad1a3 100644
GIT binary patch
delta 1117
zcmeytd6;uTc0Df>&!)snu?!3hswJ)wB`Jv|saDBFsX&Us$iT=<*T78I$SB0n*vi1j
z%FsyLz`)AD;Jn7U?<g8_^HVa@DsgMrS6b!`)Sv;kp(HamwYVfPw_xHc-g*?XUnYc4
zVPIfh?CIhdVsU!zlzN{lr4q;EzdtQGo_S}Y_)~rrP0hWtbP59(+}NdZ;6j*D;UU%(
z7oL-Iyh^g0L#6*oOnc2?x<c%%>ZXlR|0J4Z5)~F%@UU*oY-2ps^?RYv_r1&Q_0n{%
z$=m#|{a3ly{`~L1^>5ZHaxiDC(~`On^Qinl@9dR*e6k72+CPqzb8e|C*_QvAwd0=9
zY~HLcDZ9{pi$c#_h`x52bLslJ2yP9&r+hUVw^+&A)OR+l_F}PVRC>@O&R9O1V@HkB
zgHwWx=Su|(_`4g7gIL`D2{871viRlYtY$wPe2jO&SLsLpx2|VeP+Onq&i3V7>3(j{
zpV{&)R;Mp28ML;AG$!u5$n^EvW513KI!1?2@y8i7nVBtMkYEd_zS69~JBK0lP*Wkp
z*=xbm6R-bybhJQkldiOu)Tv7gRNo)h*b(;8o2TZfRRN#b@-$Va^y@!m0-_iv{GVa=
z(3EXK49A6oSNF^-JMl;JD5JA>J^O0KV<O)TBQ6Q&1iaG8Xa5=Hm0(c6fVbu&!<irT
zjLZ#DuVQ(Nrv@<BnC$v)7$99+wnE!_7w4==ud*NfJ(FvlsF6}2FCs4T<<RrwZ^jEM
zB^Y!sADeiq{&TG(L!jx!---qE>ZDa<qBb+XTeo{M7k}xQl`Mz9J=pr;O|<qJ0rC28
zdpM6x>zSGO?a|K74rL4zD$lRtWD;RwvCXXDODjM7lPyAZ|3T)xik<>rmL<yRtnTt^
zab<qCwqWVD-7F=oyJmjyh&tl)!1fb^{yk6Kpdv=8zPTAqldgANI*?l~-+b%z)xQP5
zINiB>@&dj$JpMQN<%EkH-&yRrw0{+6R+tPIOZ`&*1_maz^A3y?-cI74q@~|DY2il4
zkH7AwRqVAem)N)c`j$icw!|*nu>0mb&V}~vnGZ`AJocVY{_mr!^-c%dhKpi<bnpCl
z62<kTXPLO;x{Fm@bsMhUYq|Y*p8G=WuaAT>a#jm-{Lf3|a+!X-tV!kf;UngmY*{uA
zhwhmQ7HHQmsF$v@t^TXj5iI0jZ>B6Y?_8HB%jsj{+zTs%9}DD2>fPaAtvu;J%NGWn
z&+>cfTdR(;POavXXY2Q4ar@<RKvb3KT##UaoIvA5F~Nei?gMM3v#jszDKh77lNUGc
zInvQ!?Zfiw)Onu9#70B8E&rZ<z8-w~=jP20wUM?QKJMHyJA=i=wX_lrabNkwwjm~%
zQ^m{j!ilN?uBrYDUvKu)u87`i?ReN&hyCw_e;hu$^MBobENis&qRXZdncC_`b;*Bh
Y7q-{8i)XHQ56s{Up00i_>zopr0CW%M4*&oF

delta 1171
zcmX@i`Ga#pc0G@^<~QYs(-{~TR7+eVN>UO_QmvAUQh^kMk%5t!u7R1Zkx_`Dk(H^X
zm5HIYfq|8Q!6U{HI}{DM`6-!cmAExbj(O7r)Sv;kp(HamwYVfPw_xHc-g*?Xk9eMq
zWnf^w;pyTSVsU!wl<a^jp%U%$|G(R`+fio&H}{s9Anjtd*$;&b+?uBcwFgQ}vP<yg
zIK!ee<7k6`xM~2WiW^ra|4|d3-UO>#Pc))b6gD+C8BJOyz{btA><&xg0o&RGOAGh^
zuCq)(_w;-9{qHvQ#SV>4&xOnOa9ny6b4_VB`}B;z3>tQuezNZ95_FmVgI7g9liA?>
zeg!U9JrD6EW&+wRVl8eu2a*;Att;VB<M$UibS1j~n!e<Ys-1URU)>D8xZp#uNW)L|
zLV+zScbztf`c%N{@zABwYnfhC=G7_k79|#aO|=V`iJaj~GQMG<S)cTv<NS2rfWn<u
zc7*gQUfwJsWwhR};l9g*(hv8gp0MlA(v$x1ok!$>y<keyls8+-3T`gi&o3DHUi`pW
zb?1o&8yz`jaEUTqO8=&>d3s)7k%+<kJqubF`ZnKw5LPhVJftRO7F&7Nzc&oUYku+`
z@G$O>Ol-Qm?D5|X-|LFxeB6BMzcYMe*ulB<YPC*SL0mo$n{)H?x9R1%XHK10$X~ES
z(CYrnXjaqNe&vndwC^TgP_>->z^VSWmxR$7x#lmQYDKTH-JBQi{C7bh-@Aitq6yUp
z^n~neB<uO&cBKDS-XpX#h+XsbC9eZNgT;+K{4Ql5i0^5-T$L*+V>E5&!RPCrsn<tO
z(d~$PR32b6VS7{i+Hkvy7kd^dZY(+<x5Kuq*xuu+5pTzKSN;?4PCb1P_&%5a6634{
zKl^ftfJH1~GqxKE997~E*?l!y(L(15Plte6!&}weg&bU5H#u3l3_N&lEN-9iqs26!
zblD?jiT9GXIrpt)j1;I%Kd!7{9Vx>1Bj{&+eRq-V>4o=hSTU^ge7EnxtcUx=&gpJh
z<+%OsPqr6UvG<x!HO;y@;fummzAJ*S3cH)k{L))?z1v*xu<T)XL3Y;}8^%3LQx&8q
zW;!gJ-r97|c{=k;zTZ<O7|vPVkgdM1=TPADNtqm794Fhi*1gY4{PMf~V8Pm-T|!HO
zUbbvKsJpA);hygG#$QvalzZ|ejU7T?ZI3gEv<>8$<T;C}Y+}|<om%D4Mh~%#-fJzq
zI2TL_2@~0y@;s4w?(^S$j*)lE-!9-R?Wp?J^Lc?CcNgEZ+l^(@*InMUPABlD^Pz42
zH4onGofdbZ<J{?u%Q8e)JDRRM*D~Yaj<|w%rJfDayw|gJch+a$lAV6|+x)VW!>6~N
z7QG;N?VGv9y35ZT)<iGjn)68H^n${F*Au%N|7f}%cjZ0v#3rw8TVk^EpT{OfY?odK
zX(SxuDc+sFd*Rk~mU3=pe5p-3KJ%E0XQ%&N`1EWyW5LG#E5&9llFB;prTG4vOUr-7
f9Aei0!N2!R#Hq6$RgZzC0w;r~tDnm{r-UW|5rhyK

diff --git a/apps/extension/public/icon/32.png b/apps/extension/public/icon/32.png
index 8845cadfab85d4660442c92ae510c49290937e06..6ff801a3d1955342dd9113a06318d0920c6f5387 100644
GIT binary patch
delta 2601
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
LNkvXXu0mjfp|lhz

delta 440
zcmew^GM#0DBnJ}%1H+mQ!v_-;z3O?aHNPo8oDLLGEpd$~Nl7e8wMs5Z1yT$~21aJO
z24=cOMj?hqR;HF#CWhJu237_Jj~GMjP&DM`r(~v8;?^)Z=1mh&g9hA&lFZ!H;*!MN
zf{Cwq>ru=;;(0a}sPwz1i(^Q{;p7Af*2M`a%x*D4`S<_*x4+PLnB~x+o(#P-sSNc%
zu80$#%~=$V3)PwKNXg%}=TS<6z)6w6ZtK|DEZDAOAK7PYuxIAKS=k*`4Mq6^Q#%V)
z8Il<OskGdW^Kn@2!{d4LgkR%^iS?dYjI$~lK27muby$00(KOB-XBKL(WlU7@U~OI`
zB6U$t;#01om8oinxiC{leiF|m6_?hg88d|1Dom#^NQo_OW)zsp-of~!)#Rz}x{0#P
zM_MFTuJsOL3^Xiw@$Kl-DUr_B4pZ2-w0=?2_{_E>MxAZKtq*F7`~i=6J*K+sG4D`f
mciyLI_{4i*paGW#3qxS|h7(sdn(+ezfx*+&&t;ucLK6U|_?~Y7

diff --git a/apps/extension/public/icon/48.png b/apps/extension/public/icon/48.png
index 22722b22fd367c1b8a036d68f3f6f9bdce0919a7..7b60547e109372549b8d4e0bdcc4ad04dd6c39c0 100644
GIT binary patch
delta 3779
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

delta 3439
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

diff --git a/apps/extension/public/icon/96.png b/apps/extension/public/icon/96.png
index 2cf7916eb282b93ae30b3392063a19154d32390a..3894322e18f20f3435f96b8a323114999f19dc86 100644
GIT binary patch
literal 5458
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
ZJ*E9gQg<bC=g@Hkmvl{ZO3pjo`yT=R=xqQ1

literal 8780
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
CYBb6K

diff --git a/apps/extension/public/icon/icon.svg b/apps/extension/public/icon/icon.svg
index e47ccc6f03..e0603dabc2 100644
--- a/apps/extension/public/icon/icon.svg
+++ b/apps/extension/public/icon/icon.svg
@@ -1,13 +1,7 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="Kilo_Extension_Icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <rect width="32" height="32" fill="#EDFF00" />
-  <g fill="#000000">
-    <path d="M23,26v-2h3v-5l-2-2h-4v2h-3v5l2,2h4ZM20,20h3v3h-3v-3Z" />
-    <rect x="12" y="17" width="3" height="3" />
-    <polygon points="26 12 23 12 23 9 20 6 17 6 17 9 20 9 20 12 17 12 17 15 26 15 26 12" />
-    <path d="M0,0v32h32V0H0ZM29,29H3V3h26v26Z" />
-    <polygon points="15 26 15 23 9 23 9 17 6 17 6 23.1875 8.8125 26 15 26" />
-    <rect x="12" y="6" width="3" height="3" />
-    <polygon points="9 12 12 12 12 15 15 15 15 12 12 9 9 9 9 6 6 6 6 15 9 15 9 12" />
-  </g>
+<svg id="Kilo_Extension_Icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <rect width="100" height="100" fill="#EDFF00" />
+  <path
+    fill="#000000"
+    d="M0,0v100h100V0H0ZM92.5925926,92.5925926H7.4074074V7.4074074h85.1851852v85.1851852ZM61.1111044,71.9096084h9.2592593v7.4074074h-11.6402116l-5.026455-5.026455v-11.6402116h7.4074074v9.2592593ZM77.7777711,71.9096084h-7.4074074v-9.2592593h-9.2592593v-7.4074074h11.6402116l5.026455,5.026455v11.6402116ZM46.2962963,61.1114207h-7.4074074v-7.4074074h7.4074074v7.4074074ZM22.2222222,53.7040133h7.4074074v16.6666667h16.6666667v7.4074074h-19.047619l-5.026455-5.026455v-19.047619ZM77.7777711,38.8888889v7.4074074h-24.0740741v-7.4074074h8.2781918v-9.2592593h-8.2781918v-7.4074074h10.6591442l5.026455,5.026455v11.6402116h8.3884749ZM29.6296296,30.5555556h9.2592593l7.4074074,7.4074074v8.3333333h-7.4074074v-8.3333333h-9.2592593v8.3333333h-7.4074074v-24.0740741h7.4074074v8.3333333ZM46.2962963,30.5555556h-7.4074074v-8.3333333h7.4074074v8.3333333Z"
+  />
 </svg>

From 9ef105542ca80337698cbb4ef3f1e41914352245 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 15:11:06 +0200
Subject: [PATCH 04/51] feat(extension): make sidebar toggle reliable

---
 apps/extension/entrypoints/content/index.tsx  | 37 +++++++++++---
 apps/extension/entrypoints/popup/app.tsx      | 48 ++++++++++++++++---
 .../src/shared/runtime-errors.test.ts         | 20 ++++++++
 apps/extension/src/shared/runtime-errors.ts   |  4 ++
 apps/extension/wxt.config.ts                  |  2 +-
 5 files changed, 96 insertions(+), 15 deletions(-)
 create mode 100644 apps/extension/src/shared/runtime-errors.test.ts
 create mode 100644 apps/extension/src/shared/runtime-errors.ts

diff --git a/apps/extension/entrypoints/content/index.tsx b/apps/extension/entrypoints/content/index.tsx
index 70593911fb..141f9d8970 100644
--- a/apps/extension/entrypoints/content/index.tsx
+++ b/apps/extension/entrypoints/content/index.tsx
@@ -17,9 +17,22 @@ import {
 type SidebarSubscriber = (isOpen: boolean) => void;
 type RuntimeMessageListener = Parameters<typeof browser.runtime.onMessage.addListener>[0];
 type SendResponse = Parameters<RuntimeMessageListener>[2];
+interface KiloContentScriptState {
+  isStarted?: boolean;
+}
 
 const subscribers = new Set<SidebarSubscriber>();
 let isSidebarOpen = DEFAULT_SIDEBAR_PREFERENCES.isOpen;
+const KILO_CONTENT_SCRIPT_STATE_KEY = '__kiloContentScriptState__';
+
+const getContentScriptState = (): KiloContentScriptState => {
+  const scope = globalThis as typeof globalThis & {
+    [KILO_CONTENT_SCRIPT_STATE_KEY]?: KiloContentScriptState;
+  };
+
+  scope[KILO_CONTENT_SCRIPT_STATE_KEY] ??= {};
+  return scope[KILO_CONTENT_SCRIPT_STATE_KEY];
+};
 
 const notifySubscribers = (): void => {
   for (const subscriber of subscribers) {
@@ -57,18 +70,15 @@ const KiloSidebar = (): React.JSX.Element | null => {
   }
 
   return (
-    <aside className="fixed right-4 top-4 z-[2147483647] w-80 rounded-lg border border-zinc-800 bg-zinc-950 p-4 font-sans text-zinc-50 shadow-2xl">
-      <div className="flex items-start justify-between gap-4">
+    <aside className="fixed right-0 top-0 z-[2147483647] flex h-dvh w-[min(380px,100vw)] flex-col border-l border-zinc-800 bg-zinc-950 font-sans text-zinc-50 shadow-2xl">
+      <div className="flex items-start justify-between gap-4 border-b border-zinc-800 p-4">
         <div className="space-y-1">
-          <p className="text-xs font-semibold uppercase tracking-wide text-emerald-300">Kilo</p>
+          <p className="text-xs font-semibold uppercase tracking-wide text-[#EDFF00]">Kilo</p>
           <h1 className="text-lg font-semibold">Hello world</h1>
-          <p className="text-sm leading-6 text-zinc-300">
-            This floating sidebar is rendered by the Kilo extension.
-          </p>
         </div>
         <button
           aria-label="Close Kilo sidebar"
-          className="rounded-md border border-zinc-700 px-2 py-1 text-sm font-medium text-zinc-200 transition hover:bg-zinc-800 focus:outline-none focus:ring-2 focus:ring-emerald-300"
+          className="rounded-md border border-zinc-700 px-2 py-1 text-sm font-medium text-zinc-200 transition hover:bg-zinc-800 focus:outline-none focus:ring-2 focus:ring-[#EDFF00]"
           onClick={() => {
             void setSidebarOpen(false);
           }}
@@ -77,6 +87,11 @@ const KiloSidebar = (): React.JSX.Element | null => {
           Close
         </button>
       </div>
+      <div className="flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-4">
+        <p className="text-sm leading-6 text-zinc-300">
+          This full-height sidebar is rendered by the Kilo extension.
+        </p>
+      </div>
     </aside>
   );
 };
@@ -100,6 +115,14 @@ const handleSidebarMessage = (message: unknown, sendResponse: SendResponse): boo
 export default defineContentScript({
   cssInjectionMode: 'ui',
   async main(ctx): Promise<void> {
+    const contentScriptState = getContentScriptState();
+
+    if (contentScriptState.isStarted === true) {
+      return;
+    }
+
+    contentScriptState.isStarted = true;
+
     const storedPreferences = normalizeSidebarPreferences(
       await storage.getItem(SIDEBAR_PREFERENCES_STORAGE_KEY)
     );
diff --git a/apps/extension/entrypoints/popup/app.tsx b/apps/extension/entrypoints/popup/app.tsx
index 11bd06ef62..85ffacc67d 100644
--- a/apps/extension/entrypoints/popup/app.tsx
+++ b/apps/extension/entrypoints/popup/app.tsx
@@ -6,10 +6,12 @@ import {
   isSidebarStateMessage,
 } from '@/src/shared/messages';
 import type { GetSidebarStateMessage, ToggleSidebarMessage } from '@/src/shared/messages';
+import { isMissingContentScriptConnectionError } from '@/src/shared/runtime-errors';
 
 type PopupRequestMessage = GetSidebarStateMessage | ToggleSidebarMessage;
 
 const unavailableStatus = 'Sidebar is unavailable on this page.';
+const sidebarContentScriptPath = '/content-scripts/content.js';
 
 const getSidebarStatus = (isOpen: boolean): string => {
   if (isOpen) {
@@ -27,6 +29,21 @@ const getToggleLabel = (isOpen: boolean | undefined): string => {
   return 'Show sidebar';
 };
 
+const getErrorMessage = (error: unknown): string => {
+  if (error instanceof Error) {
+    return error.message;
+  }
+
+  return unavailableStatus;
+};
+
+const injectSidebarContentScript = async (tabId: number): Promise<void> => {
+  await browser.scripting.executeScript({
+    files: [sidebarContentScriptPath],
+    target: { tabId },
+  });
+};
+
 export const App = (): React.JSX.Element => {
   const [isSidebarOpen, setIsSidebarOpen] = useState<boolean | undefined>();
   const [status, setStatus] = useState('Ready');
@@ -43,7 +60,24 @@ export const App = (): React.JSX.Element => {
         throw new TypeError('No active tab is available.');
       }
 
-      const response: unknown = await browser.tabs.sendMessage(activeTab.id, message);
+      const tabId = activeTab.id;
+      const response: unknown = await (async (): Promise<unknown> => {
+        try {
+          return await browser.tabs.sendMessage(tabId, message);
+        } catch (error) {
+          if (!isMissingContentScriptConnectionError(error)) {
+            throw error;
+          }
+
+          try {
+            await injectSidebarContentScript(tabId);
+          } catch {
+            throw new Error(unavailableStatus);
+          }
+
+          return browser.tabs.sendMessage(tabId, message);
+        }
+      })();
 
       if (!isSidebarStateMessage(response)) {
         throw new TypeError('The tab returned an unexpected sidebar response.');
@@ -53,7 +87,9 @@ export const App = (): React.JSX.Element => {
       setStatus(getSidebarStatus(response.isOpen));
     } catch (error) {
       setIsSidebarOpen(undefined);
-      setStatus(error instanceof Error ? error.message : unavailableStatus);
+      setStatus(
+        isMissingContentScriptConnectionError(error) ? unavailableStatus : getErrorMessage(error)
+      );
     }
   };
 
@@ -64,11 +100,9 @@ export const App = (): React.JSX.Element => {
   return (
     <main className="flex w-80 flex-col gap-5 bg-zinc-950 p-5 text-zinc-50">
       <div className="space-y-1">
-        <p className="text-xs font-semibold uppercase tracking-wide text-emerald-300">Kilo</p>
+        <p className="text-xs font-semibold uppercase tracking-wide text-[#EDFF00]">Kilo</p>
         <h1 className="text-xl font-semibold">Hello world</h1>
-        <p className="text-sm leading-6 text-zinc-300">
-          Toggle the floating sidebar on the current page.
-        </p>
+        <p className="text-sm leading-6 text-zinc-300">Toggle the sidebar on the current page.</p>
       </div>
 
       <div className="rounded-lg border border-zinc-800 bg-zinc-900 p-3">
@@ -77,7 +111,7 @@ export const App = (): React.JSX.Element => {
       </div>
 
       <button
-        className="rounded-md bg-emerald-400 px-4 py-2 text-sm font-semibold text-zinc-950 transition hover:bg-emerald-300 focus:outline-none focus:ring-2 focus:ring-emerald-200"
+        className="rounded-md bg-[#EDFF00] px-4 py-2 text-sm font-semibold text-zinc-950 transition hover:bg-[#d9ea00] focus:outline-none focus:ring-2 focus:ring-[#EDFF00]"
         onClick={() => {
           void sendSidebarMessage(createToggleSidebarMessage());
         }}
diff --git a/apps/extension/src/shared/runtime-errors.test.ts b/apps/extension/src/shared/runtime-errors.test.ts
new file mode 100644
index 0000000000..77aa81cc7d
--- /dev/null
+++ b/apps/extension/src/shared/runtime-errors.test.ts
@@ -0,0 +1,20 @@
+import { describe, expect, it } from 'vitest';
+import { isMissingContentScriptConnectionError } from './runtime-errors';
+
+describe('runtime errors', () => {
+  it('recognizes browser errors raised when a tab has no content script receiver', () => {
+    expect.assertions(3);
+
+    expect(
+      isMissingContentScriptConnectionError(
+        new Error('Could not establish connection. Receiving end does not exist.')
+      )
+    ).toBe(true);
+    expect(
+      isMissingContentScriptConnectionError(
+        new Error('Could not establish connection. Receiving end does not exist')
+      )
+    ).toBe(true);
+    expect(isMissingContentScriptConnectionError(new Error('Permission denied.'))).toBe(false);
+  });
+});
diff --git a/apps/extension/src/shared/runtime-errors.ts b/apps/extension/src/shared/runtime-errors.ts
new file mode 100644
index 0000000000..ee8908ad83
--- /dev/null
+++ b/apps/extension/src/shared/runtime-errors.ts
@@ -0,0 +1,4 @@
+const MISSING_CONTENT_SCRIPT_CONNECTION_ERROR = 'Receiving end does not exist';
+
+export const isMissingContentScriptConnectionError = (error: unknown): boolean =>
+  error instanceof Error && error.message.includes(MISSING_CONTENT_SCRIPT_CONNECTION_ERROR);
diff --git a/apps/extension/wxt.config.ts b/apps/extension/wxt.config.ts
index e27d36e19f..f7381ee52e 100644
--- a/apps/extension/wxt.config.ts
+++ b/apps/extension/wxt.config.ts
@@ -17,7 +17,7 @@ export default defineConfig({
     },
     description: 'Kilo browser extension.',
     name: 'Kilo Extension',
-    permissions: ['activeTab'],
+    permissions: ['activeTab', 'scripting'],
   },
   modules: ['@wxt-dev/module-react'],
   vite: () => ({

From c9619782780b41e1258d4d11abe88833c359d204 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 15:32:44 +0200
Subject: [PATCH 05/51] test(extension): add browser debug harness

---
 apps/extension/.gitignore                   |   2 +
 apps/extension/entrypoints/popup/app.tsx    |  86 +++++++++++++---
 apps/extension/package.json                 |   4 +
 apps/extension/playwright.config.ts         |  16 +++
 apps/extension/scripts/debug-chrome.ts      |  97 ++++++++++++++++++
 apps/extension/src/shared/runtime-errors.ts |   2 +-
 apps/extension/src/shared/tabs.test.ts      |  48 +++++++++
 apps/extension/src/shared/tabs.ts           |  32 ++++++
 apps/extension/tests/e2e/sidebar.test.ts    | 107 ++++++++++++++++++++
 apps/extension/wxt.config.ts                |   3 +-
 pnpm-lock.yaml                              |   5 +-
 11 files changed, 385 insertions(+), 17 deletions(-)
 create mode 100644 apps/extension/playwright.config.ts
 create mode 100644 apps/extension/scripts/debug-chrome.ts
 create mode 100644 apps/extension/src/shared/tabs.test.ts
 create mode 100644 apps/extension/src/shared/tabs.ts
 create mode 100644 apps/extension/tests/e2e/sidebar.test.ts

diff --git a/apps/extension/.gitignore b/apps/extension/.gitignore
index d264d1531b..8f202d3469 100644
--- a/apps/extension/.gitignore
+++ b/apps/extension/.gitignore
@@ -10,6 +10,8 @@ lerna-debug.log*
 node_modules
 .output
 coverage
+playwright-report
+test-results
 stats.html
 stats-*.json
 .wxt
diff --git a/apps/extension/entrypoints/popup/app.tsx b/apps/extension/entrypoints/popup/app.tsx
index 85ffacc67d..e8ce0bb90f 100644
--- a/apps/extension/entrypoints/popup/app.tsx
+++ b/apps/extension/entrypoints/popup/app.tsx
@@ -7,11 +7,22 @@ import {
 } from '@/src/shared/messages';
 import type { GetSidebarStateMessage, ToggleSidebarMessage } from '@/src/shared/messages';
 import { isMissingContentScriptConnectionError } from '@/src/shared/runtime-errors';
+import { selectPopupTargetTabId } from '@/src/shared/tabs';
 
 type PopupRequestMessage = GetSidebarStateMessage | ToggleSidebarMessage;
+interface ChromeScriptingApi {
+  executeScript(injection: {
+    files: string[];
+    target: {
+      tabId: number;
+    };
+  }): Promise<unknown>;
+}
 
 const unavailableStatus = 'Sidebar is unavailable on this page.';
-const sidebarContentScriptPath = '/content-scripts/content.js';
+const sidebarContentScriptPath = 'content-scripts/content.js';
+const sidebarMessageRetryDelayMs = 50;
+const sidebarMessageRetryLimit = 20;
 
 const getSidebarStatus = (isOpen: boolean): string => {
   if (isOpen) {
@@ -38,12 +49,68 @@ const getErrorMessage = (error: unknown): string => {
 };
 
 const injectSidebarContentScript = async (tabId: number): Promise<void> => {
-  await browser.scripting.executeScript({
+  const chromeScripting = (
+    globalThis as typeof globalThis & { chrome?: { scripting?: ChromeScriptingApi } }
+  ).chrome?.scripting;
+
+  if (!chromeScripting) {
+    throw new Error('Chrome scripting API is unavailable.');
+  }
+
+  await chromeScripting.executeScript({
     files: [sidebarContentScriptPath],
     target: { tabId },
   });
 };
 
+const delay = (delayMs: number): Promise<void> =>
+  // eslint-disable-next-line promise/avoid-new -- Browser timers are callback based.
+  new Promise(resolve => {
+    setTimeout(resolve, delayMs);
+  });
+
+const sendSidebarMessageToTab = async (
+  tabId: number,
+  message: PopupRequestMessage,
+  retryLimit: number
+): Promise<unknown> => {
+  let lastMissingConnectionError = new Error('Sidebar content script is unavailable.');
+
+  for (let attempt = 0; attempt < retryLimit; attempt += 1) {
+    try {
+      // eslint-disable-next-line no-await-in-loop -- Each retry depends on the previous missing-receiver result.
+      const response: unknown = await browser.tabs.sendMessage(tabId, message);
+      return response;
+    } catch (error) {
+      if (!isMissingContentScriptConnectionError(error)) {
+        throw error;
+      }
+
+      lastMissingConnectionError = error;
+      // eslint-disable-next-line no-await-in-loop -- Backoff is intentional between receiver checks.
+      await delay(sidebarMessageRetryDelayMs);
+    }
+  }
+
+  throw lastMissingConnectionError;
+};
+
+const getTargetTabId = async (): Promise<number> => {
+  const [activeTab] = await browser.tabs.query({
+    active: true,
+    currentWindow: true,
+  });
+  const tabs = await browser.tabs.query({ currentWindow: true });
+  const extensionOrigin = new URL(browser.runtime.getURL('/')).origin;
+  const tabId = selectPopupTargetTabId(activeTab, tabs, extensionOrigin);
+
+  if (typeof tabId !== 'number') {
+    throw new TypeError('No active tab is available.');
+  }
+
+  return tabId;
+};
+
 export const App = (): React.JSX.Element => {
   const [isSidebarOpen, setIsSidebarOpen] = useState<boolean | undefined>();
   const [status, setStatus] = useState('Ready');
@@ -51,19 +118,10 @@ export const App = (): React.JSX.Element => {
   const sendSidebarMessage = async (message: PopupRequestMessage): Promise<void> => {
     try {
       setStatus('Connecting to this tab...');
-      const [activeTab] = await browser.tabs.query({
-        active: true,
-        currentWindow: true,
-      });
-
-      if (typeof activeTab?.id !== 'number') {
-        throw new TypeError('No active tab is available.');
-      }
-
-      const tabId = activeTab.id;
+      const tabId = await getTargetTabId();
       const response: unknown = await (async (): Promise<unknown> => {
         try {
-          return await browser.tabs.sendMessage(tabId, message);
+          return await sendSidebarMessageToTab(tabId, message, 1);
         } catch (error) {
           if (!isMissingContentScriptConnectionError(error)) {
             throw error;
@@ -75,7 +133,7 @@ export const App = (): React.JSX.Element => {
             throw new Error(unavailableStatus);
           }
 
-          return browser.tabs.sendMessage(tabId, message);
+          return sendSidebarMessageToTab(tabId, message, sidebarMessageRetryLimit);
         }
       })();
 
diff --git a/apps/extension/package.json b/apps/extension/package.json
index 1f76a4507b..90983e7d1b 100644
--- a/apps/extension/package.json
+++ b/apps/extension/package.json
@@ -7,8 +7,11 @@
   "scripts": {
     "dev": "wxt",
     "dev:firefox": "wxt -b firefox --mv3",
+    "debug:chrome": "pnpm run build && tsx scripts/debug-chrome.ts",
     "build": "wxt build",
     "build:firefox": "wxt build -b firefox --mv3",
+    "e2e": "pnpm run build && playwright test -c playwright.config.ts",
+    "e2e:debug": "pnpm run build && playwright test -c playwright.config.ts --debug",
     "zip": "wxt zip",
     "zip:firefox": "wxt zip -b firefox --mv3",
     "typecheck": "tsc --noEmit",
@@ -27,6 +30,7 @@
     "react-dom": "19.2.6"
   },
   "devDependencies": {
+    "@playwright/test": "1.58.2",
     "@tailwindcss/vite": "4.3.1",
     "@types/node": "catalog:",
     "@types/react": "19.2.14",
diff --git a/apps/extension/playwright.config.ts b/apps/extension/playwright.config.ts
new file mode 100644
index 0000000000..f06539e9d7
--- /dev/null
+++ b/apps/extension/playwright.config.ts
@@ -0,0 +1,16 @@
+import { defineConfig } from '@playwright/test';
+
+const isCi = process.env['CI'] !== undefined && process.env['CI'] !== '';
+
+export default defineConfig({
+  forbidOnly: isCi,
+  reporter: isCi ? 'html' : 'list',
+  testDir: './tests/e2e',
+  timeout: 30_000,
+  use: {
+    screenshot: 'only-on-failure',
+    trace: 'retain-on-failure',
+    video: 'retain-on-failure',
+  },
+  workers: 1,
+});
diff --git a/apps/extension/scripts/debug-chrome.ts b/apps/extension/scripts/debug-chrome.ts
new file mode 100644
index 0000000000..447d342728
--- /dev/null
+++ b/apps/extension/scripts/debug-chrome.ts
@@ -0,0 +1,97 @@
+/* eslint-disable import/no-nodejs-modules, promise/avoid-new, promise/prefer-await-to-callbacks */
+import { chromium } from '@playwright/test';
+import { access, mkdtemp, rm } from 'node:fs/promises';
+import { createServer } from 'node:http';
+import { tmpdir } from 'node:os';
+import { join, resolve as resolvePath } from 'node:path';
+
+const extensionPath = resolvePath(import.meta.dirname, '../.output/chrome-mv3');
+
+const startFixtureServer = async (): Promise<{ close: () => Promise<void>; url: string }> => {
+  const server = createServer((_request, response) => {
+    response.writeHead(200, { 'content-type': 'text/html; charset=utf-8' });
+    response.end(`
+      <!doctype html>
+      <html>
+        <head><title>Kilo extension debug fixture</title></head>
+        <body>
+          <main>
+            <h1>Kilo extension debug fixture</h1>
+            <p>This page exists so content scripts run in a normal HTTP tab.</p>
+          </main>
+        </body>
+      </html>
+    `);
+  });
+
+  await new Promise<void>((resolve, reject) => {
+    server.once('error', reject);
+    server.listen(0, '127.0.0.1', () => {
+      server.off('error', reject);
+      resolve();
+    });
+  });
+
+  const address = server.address();
+
+  if (address === null || typeof address === 'string') {
+    throw new Error('Fixture server did not start on a TCP port.');
+  }
+
+  return {
+    close: () =>
+      new Promise<void>((resolve, reject) => {
+        server.close(error => {
+          if (error) {
+            reject(error);
+            return;
+          }
+
+          resolve();
+        });
+      }),
+    url: `http://127.0.0.1:${address.port}`,
+  };
+};
+
+const userDataDir = await mkdtemp(join(tmpdir(), 'kilo-extension-debug-'));
+const fixture = await startFixtureServer();
+await access(join(extensionPath, 'manifest.json'));
+
+const context = await chromium.launchPersistentContext(userDataDir, {
+  args: [`--disable-extensions-except=${extensionPath}`, `--load-extension=${extensionPath}`],
+  headless: false,
+});
+
+const [existingServiceWorker] = context.serviceWorkers();
+const serviceWorker = existingServiceWorker ?? (await context.waitForEvent('serviceworker'));
+
+const extensionId = new URL(serviceWorker.url()).host;
+const fixturePage = await context.newPage();
+await fixturePage.goto(fixture.url);
+
+const popupPage = await context.newPage();
+await popupPage.goto(`chrome-extension://${extensionId}/popup.html`);
+
+console.log(`Extension ID: ${extensionId}`);
+console.log(`Fixture page: ${fixture.url}`);
+console.log(`Popup page: chrome-extension://${extensionId}/popup.html`);
+console.log('Press Ctrl+C to close the debug browser.');
+
+const cleanup = async (): Promise<void> => {
+  await context.close();
+  await fixture.close();
+  await rm(userDataDir, { force: true, recursive: true });
+};
+
+const shutdown = (): void => {
+  void (async (): Promise<void> => {
+    await cleanup();
+    process.exit(0);
+  })();
+};
+
+process.once('SIGINT', shutdown);
+process.once('SIGTERM', shutdown);
+
+await new Promise(() => {});
diff --git a/apps/extension/src/shared/runtime-errors.ts b/apps/extension/src/shared/runtime-errors.ts
index ee8908ad83..b352f9df63 100644
--- a/apps/extension/src/shared/runtime-errors.ts
+++ b/apps/extension/src/shared/runtime-errors.ts
@@ -1,4 +1,4 @@
 const MISSING_CONTENT_SCRIPT_CONNECTION_ERROR = 'Receiving end does not exist';
 
-export const isMissingContentScriptConnectionError = (error: unknown): boolean =>
+export const isMissingContentScriptConnectionError = (error: unknown): error is Error =>
   error instanceof Error && error.message.includes(MISSING_CONTENT_SCRIPT_CONNECTION_ERROR);
diff --git a/apps/extension/src/shared/tabs.test.ts b/apps/extension/src/shared/tabs.test.ts
new file mode 100644
index 0000000000..94688361cc
--- /dev/null
+++ b/apps/extension/src/shared/tabs.test.ts
@@ -0,0 +1,48 @@
+import { describe, expect, it } from 'vitest';
+import { selectPopupTargetTabId } from './tabs';
+
+describe('popup tab selection', () => {
+  it('uses the active tab when the popup is opened from the toolbar', () => {
+    expect.assertions(1);
+
+    expect(
+      selectPopupTargetTabId(
+        { id: 10, url: 'http://127.0.0.1:3000/' },
+        [{ id: 10, url: 'http://127.0.0.1:3000/' }],
+        'chrome-extension://kilo'
+      )
+    ).toBe(10);
+  });
+
+  it('falls back to the most recently accessed non-popup tab when debugging popup.html directly', () => {
+    expect.assertions(1);
+
+    expect(
+      selectPopupTargetTabId(
+        { id: 30, url: 'chrome-extension://kilo/popup.html' },
+        [
+          { id: 10, lastAccessed: 100, url: 'http://127.0.0.1:3000/' },
+          { id: 20, lastAccessed: 200, url: 'http://127.0.0.1:3001/' },
+          { id: 30, lastAccessed: 300, url: 'chrome-extension://kilo/popup.html' },
+        ],
+        'chrome-extension://kilo'
+      )
+    ).toBe(20);
+  });
+
+  it('falls back to a visible http tab when the active extension page URL is hidden', () => {
+    expect.assertions(1);
+
+    expect(
+      selectPopupTargetTabId(
+        { id: 30, lastAccessed: 300 },
+        [
+          { id: 10, lastAccessed: 100 },
+          { id: 20, lastAccessed: 200, url: 'http://127.0.0.1:3001/' },
+          { id: 30, lastAccessed: 300 },
+        ],
+        'chrome-extension://kilo'
+      )
+    ).toBe(20);
+  });
+});
diff --git a/apps/extension/src/shared/tabs.ts b/apps/extension/src/shared/tabs.ts
new file mode 100644
index 0000000000..20effee300
--- /dev/null
+++ b/apps/extension/src/shared/tabs.ts
@@ -0,0 +1,32 @@
+export interface PopupTargetTab {
+  readonly id?: number | undefined;
+  readonly lastAccessed?: number | undefined;
+  readonly url?: string | undefined;
+}
+
+export const selectPopupTargetTabId = (
+  activeTab: PopupTargetTab | undefined,
+  tabs: readonly PopupTargetTab[],
+  extensionOrigin: string
+): number | undefined => {
+  const fallbackTabs = tabs
+    .filter(tab => typeof tab.id === 'number' && tab.id !== activeTab?.id)
+    .toSorted((left, right) => (right.lastAccessed ?? 0) - (left.lastAccessed ?? 0));
+
+  if (activeTab?.url === undefined) {
+    const visibleWebTab = fallbackTabs.find(tab => /^https?:\/\//.test(tab.url ?? ''));
+
+    if (typeof visibleWebTab?.id === 'number') {
+      return visibleWebTab.id;
+    }
+  }
+
+  if (
+    typeof activeTab?.id === 'number' &&
+    (activeTab.url === undefined || !activeTab.url.startsWith(extensionOrigin))
+  ) {
+    return activeTab.id;
+  }
+
+  return fallbackTabs[0]?.id;
+};
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
new file mode 100644
index 0000000000..fc9b34eb35
--- /dev/null
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -0,0 +1,107 @@
+/* eslint-disable import/no-nodejs-modules, promise/avoid-new, promise/prefer-await-to-callbacks */
+import { chromium, expect, test } from '@playwright/test';
+import { access, mkdtemp, rm } from 'node:fs/promises';
+import { createServer } from 'node:http';
+import { tmpdir } from 'node:os';
+import { join, resolve as resolvePath } from 'node:path';
+import type { BrowserContext, Page } from '@playwright/test';
+
+const extensionPath = resolvePath(import.meta.dirname, '../../.output/chrome-mv3');
+
+const startFixtureServer = async (): Promise<{ close: () => Promise<void>; url: string }> => {
+  const server = createServer((_request, response) => {
+    response.writeHead(200, { 'content-type': 'text/html; charset=utf-8' });
+    response.end(`
+      <!doctype html>
+      <html>
+        <head><title>Kilo extension fixture</title></head>
+        <body>
+          <main>
+            <h1>Kilo extension fixture page</h1>
+            <p>This page exists so content scripts run in a normal HTTP tab.</p>
+          </main>
+        </body>
+      </html>
+    `);
+  });
+
+  await new Promise<void>((resolve, reject) => {
+    server.once('error', reject);
+    server.listen(0, '127.0.0.1', () => {
+      server.off('error', reject);
+      resolve();
+    });
+  });
+
+  const address = server.address();
+
+  if (address === null || typeof address === 'string') {
+    throw new Error('Fixture server did not start on a TCP port.');
+  }
+
+  return {
+    close: () =>
+      new Promise<void>((resolve, reject) => {
+        server.close(error => {
+          if (error) {
+            reject(error);
+            return;
+          }
+
+          resolve();
+        });
+      }),
+    url: `http://127.0.0.1:${address.port}`,
+  };
+};
+
+const launchExtensionContext = async (): Promise<{
+  context: BrowserContext;
+  extensionId: string;
+  userDataDir: string;
+}> => {
+  const userDataDir = await mkdtemp(join(tmpdir(), 'kilo-extension-e2e-'));
+  await access(join(extensionPath, 'manifest.json'));
+
+  const context = await chromium.launchPersistentContext(userDataDir, {
+    args: [`--disable-extensions-except=${extensionPath}`, `--load-extension=${extensionPath}`],
+    headless: false,
+  });
+
+  const [existingServiceWorker] = context.serviceWorkers();
+  const serviceWorker = existingServiceWorker ?? (await context.waitForEvent('serviceworker'));
+
+  const extensionId = new URL(serviceWorker.url()).host;
+
+  return { context, extensionId, userDataDir };
+};
+
+const getSidebar = (page: Page) => page.locator('kilo-sidebar aside');
+
+test('popup toggles the full-height sidebar on a normal page', async () => {
+  const fixture = await startFixtureServer();
+  const { context, extensionId, userDataDir } = await launchExtensionContext();
+
+  try {
+    const page = await context.newPage();
+    await page.goto(fixture.url);
+
+    const popup = await context.newPage();
+    await popup.goto(`chrome-extension://${extensionId}/popup.html`);
+    await popup.getByRole('button', { name: 'Show sidebar' }).click();
+    await expect(popup.getByText('Sidebar visible')).toBeVisible();
+
+    const sidebar = getSidebar(page);
+    await expect(sidebar).toBeVisible();
+    await expect(sidebar).toHaveCSS('position', 'fixed');
+    await expect(sidebar).toHaveCSS('right', '0px');
+    await expect(sidebar).toHaveCSS('top', '0px');
+
+    await popup.getByRole('button', { name: 'Hide sidebar' }).click();
+    await expect(sidebar).toBeHidden();
+  } finally {
+    await context.close();
+    await fixture.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});
diff --git a/apps/extension/wxt.config.ts b/apps/extension/wxt.config.ts
index f7381ee52e..cd3b21494d 100644
--- a/apps/extension/wxt.config.ts
+++ b/apps/extension/wxt.config.ts
@@ -16,8 +16,9 @@ export default defineConfig({
       },
     },
     description: 'Kilo browser extension.',
+    host_permissions: ['http://127.0.0.1/*', 'http://localhost/*'],
     name: 'Kilo Extension',
-    permissions: ['activeTab', 'scripting'],
+    permissions: ['activeTab', 'scripting', 'storage'],
   },
   modules: ['@wxt-dev/module-react'],
   vite: () => ({
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 44794dbc5b..abeb34b3f1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -172,6 +172,9 @@ importers:
         specifier: 19.2.6
         version: 19.2.6(react@19.2.6)
     devDependencies:
+      '@playwright/test':
+        specifier: 1.58.2
+        version: 1.58.2
       '@tailwindcss/vite':
         specifier: 4.3.1
         version: 4.3.1(vite@8.0.10(@types/node@24.12.4)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))
@@ -19150,7 +19153,7 @@ snapshots:
       cjs-module-lexer: 1.2.3
       esbuild: 0.27.4
       miniflare: 4.20260603.0(bufferutil@4.1.0)(utf-8-validate@6.0.6)
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@24.12.4)(@vitest/coverage-v8@4.1.6)(@vitest/ui@4.1.6)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.5.2)(@vitest/coverage-v8@4.1.6)(@vitest/ui@4.1.6)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
       wrangler: 4.98.0(@cloudflare/workers-types@4.20260605.1)(bufferutil@4.1.0)(utf-8-validate@6.0.6)
       zod: 3.25.76
     transitivePeerDependencies:

From f0121ef37b2de987114463ae516409f3053500f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 15:39:00 +0200
Subject: [PATCH 06/51] style(extension): align sidebar with kilo design

---
 apps/extension/entrypoints/content/index.tsx | 40 ++++++++++----
 apps/extension/entrypoints/popup/app.tsx     | 56 +++++++++++++-------
 apps/extension/src/shared/kilo-mark.tsx      | 22 ++++++++
 3 files changed, 90 insertions(+), 28 deletions(-)
 create mode 100644 apps/extension/src/shared/kilo-mark.tsx

diff --git a/apps/extension/entrypoints/content/index.tsx b/apps/extension/entrypoints/content/index.tsx
index 141f9d8970..23359ca707 100644
--- a/apps/extension/entrypoints/content/index.tsx
+++ b/apps/extension/entrypoints/content/index.tsx
@@ -8,6 +8,7 @@ import {
   isGetSidebarStateMessage,
   isToggleSidebarMessage,
 } from '@/src/shared/messages';
+import { KiloMark } from '@/src/shared/kilo-mark';
 import {
   DEFAULT_SIDEBAR_PREFERENCES,
   SIDEBAR_PREFERENCES_STORAGE_KEY,
@@ -70,15 +71,20 @@ const KiloSidebar = (): React.JSX.Element | null => {
   }
 
   return (
-    <aside className="fixed right-0 top-0 z-[2147483647] flex h-dvh w-[min(380px,100vw)] flex-col border-l border-zinc-800 bg-zinc-950 font-sans text-zinc-50 shadow-2xl">
-      <div className="flex items-start justify-between gap-4 border-b border-zinc-800 p-4">
-        <div className="space-y-1">
-          <p className="text-xs font-semibold uppercase tracking-wide text-[#EDFF00]">Kilo</p>
-          <h1 className="text-lg font-semibold">Hello world</h1>
+    <aside className="fixed right-0 top-0 z-[2147483647] flex h-dvh w-[min(400px,100vw)] flex-col border-l border-zinc-800 bg-zinc-950 font-sans text-zinc-50 shadow-2xl">
+      <div className="flex items-center justify-between gap-4 border-b border-zinc-800 px-4 py-3">
+        <div className="flex min-w-0 items-center gap-3">
+          <span className="flex size-9 shrink-0 items-center justify-center rounded-md bg-[#EDFF00] text-zinc-950">
+            <KiloMark className="size-5" />
+          </span>
+          <div className="min-w-0">
+            <p className="truncate text-sm font-semibold text-zinc-50">Kilo</p>
+            <p className="truncate text-xs text-zinc-400">Extension sidebar</p>
+          </div>
         </div>
         <button
           aria-label="Close Kilo sidebar"
-          className="rounded-md border border-zinc-700 px-2 py-1 text-sm font-medium text-zinc-200 transition hover:bg-zinc-800 focus:outline-none focus:ring-2 focus:ring-[#EDFF00]"
+          className="h-8 rounded-md border border-zinc-700 px-3 text-sm font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
           onClick={() => {
             void setSidebarOpen(false);
           }}
@@ -87,10 +93,24 @@ const KiloSidebar = (): React.JSX.Element | null => {
           Close
         </button>
       </div>
-      <div className="flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-4">
-        <p className="text-sm leading-6 text-zinc-300">
-          This full-height sidebar is rendered by the Kilo extension.
-        </p>
+      <div className="flex min-h-0 flex-1 flex-col overflow-y-auto">
+        <div className="border-b border-zinc-800 px-4 py-3">
+          <div className="flex items-center justify-between gap-3">
+            <p className="text-sm font-medium text-zinc-100">Current tab</p>
+            <span className="rounded-full border border-zinc-700 px-2 py-0.5 text-xs font-medium text-zinc-300">
+              Connected
+            </span>
+          </div>
+        </div>
+
+        <div className="flex flex-1 flex-col px-4 py-5">
+          <div className="rounded-md border border-dashed border-zinc-800 bg-zinc-900/40 p-4">
+            <p className="text-sm font-medium text-zinc-100">No actions yet</p>
+            <p className="mt-1 text-sm leading-5 text-zinc-400">
+              Tools for this tab will appear here.
+            </p>
+          </div>
+        </div>
       </div>
     </aside>
   );
diff --git a/apps/extension/entrypoints/popup/app.tsx b/apps/extension/entrypoints/popup/app.tsx
index e8ce0bb90f..c7e3001caf 100644
--- a/apps/extension/entrypoints/popup/app.tsx
+++ b/apps/extension/entrypoints/popup/app.tsx
@@ -7,6 +7,7 @@ import {
 } from '@/src/shared/messages';
 import type { GetSidebarStateMessage, ToggleSidebarMessage } from '@/src/shared/messages';
 import { isMissingContentScriptConnectionError } from '@/src/shared/runtime-errors';
+import { KiloMark } from '@/src/shared/kilo-mark';
 import { selectPopupTargetTabId } from '@/src/shared/tabs';
 
 type PopupRequestMessage = GetSidebarStateMessage | ToggleSidebarMessage;
@@ -155,28 +156,47 @@ export const App = (): React.JSX.Element => {
     void sendSidebarMessage(createGetSidebarStateMessage());
   }, []);
 
+  const isConnected = isSidebarOpen !== undefined;
+
   return (
-    <main className="flex w-80 flex-col gap-5 bg-zinc-950 p-5 text-zinc-50">
-      <div className="space-y-1">
-        <p className="text-xs font-semibold uppercase tracking-wide text-[#EDFF00]">Kilo</p>
-        <h1 className="text-xl font-semibold">Hello world</h1>
-        <p className="text-sm leading-6 text-zinc-300">Toggle the sidebar on the current page.</p>
+    <main className="flex w-80 flex-col bg-zinc-950 text-zinc-50">
+      <div className="border-b border-zinc-800 px-5 py-4">
+        <div className="flex items-center gap-3">
+          <span className="flex size-9 items-center justify-center rounded-md bg-[#EDFF00] text-zinc-950">
+            <KiloMark className="size-5" />
+          </span>
+          <div>
+            <p className="text-[0.7rem] font-semibold uppercase tracking-[0.14em] text-zinc-400">
+              Kilo
+            </p>
+            <h1 className="text-base font-semibold text-zinc-50">Sidebar</h1>
+          </div>
+        </div>
       </div>
 
-      <div className="rounded-lg border border-zinc-800 bg-zinc-900 p-3">
-        <p className="text-sm font-medium text-zinc-100">Sidebar</p>
-        <p className="mt-1 text-sm text-zinc-400">{status}</p>
+      <div className="flex flex-col gap-4 p-5">
+        <div className="rounded-md border border-zinc-800 bg-zinc-900/70 p-3">
+          <div className="flex items-center justify-between gap-3">
+            <p className="text-sm font-medium text-zinc-100">Current tab</p>
+            <span
+              className={`size-2 rounded-full ${isConnected ? 'bg-[#EDFF00]' : 'bg-zinc-600'}`}
+            />
+          </div>
+          <p aria-live="polite" className="mt-1 text-sm leading-5 text-zinc-400">
+            {status}
+          </p>
+        </div>
+
+        <button
+          className="h-10 rounded-md bg-[#EDFF00] px-4 text-sm font-semibold text-zinc-950 transition hover:bg-[#d9ea00] focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950 disabled:cursor-not-allowed disabled:bg-zinc-800 disabled:text-zinc-500"
+          onClick={() => {
+            void sendSidebarMessage(createToggleSidebarMessage());
+          }}
+          type="button"
+        >
+          {getToggleLabel(isSidebarOpen)}
+        </button>
       </div>
-
-      <button
-        className="rounded-md bg-[#EDFF00] px-4 py-2 text-sm font-semibold text-zinc-950 transition hover:bg-[#d9ea00] focus:outline-none focus:ring-2 focus:ring-[#EDFF00]"
-        onClick={() => {
-          void sendSidebarMessage(createToggleSidebarMessage());
-        }}
-        type="button"
-      >
-        {getToggleLabel(isSidebarOpen)}
-      </button>
     </main>
   );
 };
diff --git a/apps/extension/src/shared/kilo-mark.tsx b/apps/extension/src/shared/kilo-mark.tsx
new file mode 100644
index 0000000000..32c0d2c577
--- /dev/null
+++ b/apps/extension/src/shared/kilo-mark.tsx
@@ -0,0 +1,22 @@
+import type { JSX } from 'react';
+
+interface KiloMarkProps {
+  className?: string;
+}
+
+export const KiloMark = ({ className }: KiloMarkProps): JSX.Element => (
+  <svg
+    aria-hidden="true"
+    className={className}
+    fill="none"
+    viewBox="0 0 100 100"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      clipRule="evenodd"
+      d="M50 0C77.6142 0 100 22.3858 100 50C100 77.6142 77.6142 100 50 100C22.3858 100 0 77.6142 0 50C0 22.3858 22.3858 0 50 0ZM71 65V35C71 31.6863 68.3137 29 65 29H35C31.6863 29 29 31.6863 29 35V65C29 68.3137 31.6863 71 35 71H65C68.3137 71 71 68.3137 71 65Z"
+      fill="currentColor"
+      fillRule="evenodd"
+    />
+  </svg>
+);

From 31ffdc139cd875b10bb354a37a67520c45ea422c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 15:49:13 +0200
Subject: [PATCH 07/51] feat(extension): use native side panel

---
 apps/extension/entrypoints/background.ts      |  12 +-
 apps/extension/entrypoints/content/index.tsx  | 178 ---------------
 apps/extension/entrypoints/content/style.css  |   1 -
 apps/extension/entrypoints/popup/app.tsx      | 202 ------------------
 apps/extension/entrypoints/popup/index.html   |  13 --
 apps/extension/entrypoints/sidepanel/app.tsx  |  38 ++++
 .../entrypoints/sidepanel/index.html          |  12 ++
 .../entrypoints/{popup => sidepanel}/main.tsx |   2 +-
 .../{popup => sidepanel}/style.css            |   3 +-
 apps/extension/scripts/debug-chrome.ts        |   9 +-
 apps/extension/src/shared/messages.test.ts    |  42 ----
 apps/extension/src/shared/messages.ts         |  53 -----
 .../src/shared/runtime-errors.test.ts         |  20 --
 apps/extension/src/shared/runtime-errors.ts   |   4 -
 apps/extension/src/shared/side-panel.test.ts  |  21 ++
 apps/extension/src/shared/side-panel.ts       |   7 +
 apps/extension/src/shared/storage.test.ts     |  33 ---
 apps/extension/src/shared/storage.ts          |  24 ---
 apps/extension/src/shared/tabs.test.ts        |  48 -----
 apps/extension/src/shared/tabs.ts             |  32 ---
 apps/extension/tests/e2e/sidebar.test.ts      |  92 ++++++--
 apps/extension/wxt.config.ts                  |   2 -
 22 files changed, 173 insertions(+), 675 deletions(-)
 delete mode 100644 apps/extension/entrypoints/content/index.tsx
 delete mode 100644 apps/extension/entrypoints/content/style.css
 delete mode 100644 apps/extension/entrypoints/popup/app.tsx
 delete mode 100644 apps/extension/entrypoints/popup/index.html
 create mode 100644 apps/extension/entrypoints/sidepanel/app.tsx
 create mode 100644 apps/extension/entrypoints/sidepanel/index.html
 rename apps/extension/entrypoints/{popup => sidepanel}/main.tsx (82%)
 rename apps/extension/entrypoints/{popup => sidepanel}/style.css (67%)
 delete mode 100644 apps/extension/src/shared/messages.test.ts
 delete mode 100644 apps/extension/src/shared/messages.ts
 delete mode 100644 apps/extension/src/shared/runtime-errors.test.ts
 delete mode 100644 apps/extension/src/shared/runtime-errors.ts
 create mode 100644 apps/extension/src/shared/side-panel.test.ts
 create mode 100644 apps/extension/src/shared/side-panel.ts
 delete mode 100644 apps/extension/src/shared/storage.test.ts
 delete mode 100644 apps/extension/src/shared/storage.ts
 delete mode 100644 apps/extension/src/shared/tabs.test.ts
 delete mode 100644 apps/extension/src/shared/tabs.ts

diff --git a/apps/extension/entrypoints/background.ts b/apps/extension/entrypoints/background.ts
index a67f570adf..ec09e45626 100644
--- a/apps/extension/entrypoints/background.ts
+++ b/apps/extension/entrypoints/background.ts
@@ -1,3 +1,13 @@
+import { enableActionClickSidePanel } from '@/src/shared/side-panel';
+
 export default defineBackground(() => {
-  browser.runtime.onInstalled.addListener(() => {});
+  const sidePanel = (
+    globalThis as typeof globalThis & {
+      chrome?: {
+        sidePanel?: Parameters<typeof enableActionClickSidePanel>[0];
+      };
+    }
+  ).chrome?.sidePanel;
+
+  void enableActionClickSidePanel(sidePanel);
 });
diff --git a/apps/extension/entrypoints/content/index.tsx b/apps/extension/entrypoints/content/index.tsx
deleted file mode 100644
index 23359ca707..0000000000
--- a/apps/extension/entrypoints/content/index.tsx
+++ /dev/null
@@ -1,178 +0,0 @@
-import './style.css';
-import { browser, createShadowRootUi, defineContentScript, storage } from '#imports';
-import React, { useEffect, useState } from 'react';
-import { createRoot } from 'react-dom/client';
-import type { Root } from 'react-dom/client';
-import {
-  createSidebarStateMessage,
-  isGetSidebarStateMessage,
-  isToggleSidebarMessage,
-} from '@/src/shared/messages';
-import { KiloMark } from '@/src/shared/kilo-mark';
-import {
-  DEFAULT_SIDEBAR_PREFERENCES,
-  SIDEBAR_PREFERENCES_STORAGE_KEY,
-  normalizeSidebarPreferences,
-} from '@/src/shared/storage';
-
-type SidebarSubscriber = (isOpen: boolean) => void;
-type RuntimeMessageListener = Parameters<typeof browser.runtime.onMessage.addListener>[0];
-type SendResponse = Parameters<RuntimeMessageListener>[2];
-interface KiloContentScriptState {
-  isStarted?: boolean;
-}
-
-const subscribers = new Set<SidebarSubscriber>();
-let isSidebarOpen = DEFAULT_SIDEBAR_PREFERENCES.isOpen;
-const KILO_CONTENT_SCRIPT_STATE_KEY = '__kiloContentScriptState__';
-
-const getContentScriptState = (): KiloContentScriptState => {
-  const scope = globalThis as typeof globalThis & {
-    [KILO_CONTENT_SCRIPT_STATE_KEY]?: KiloContentScriptState;
-  };
-
-  scope[KILO_CONTENT_SCRIPT_STATE_KEY] ??= {};
-  return scope[KILO_CONTENT_SCRIPT_STATE_KEY];
-};
-
-const notifySubscribers = (): void => {
-  for (const subscriber of subscribers) {
-    subscriber(isSidebarOpen);
-  }
-};
-
-const setSidebarOpen = async (nextIsOpen: boolean): Promise<void> => {
-  isSidebarOpen = nextIsOpen;
-  notifySubscribers();
-  await storage.setItem(SIDEBAR_PREFERENCES_STORAGE_KEY, { isOpen: nextIsOpen });
-};
-
-const toggleSidebar = async (): Promise<boolean> => {
-  await setSidebarOpen(!isSidebarOpen);
-  return isSidebarOpen;
-};
-
-const subscribeToSidebarState = (subscriber: SidebarSubscriber): (() => void) => {
-  subscribers.add(subscriber);
-  subscriber(isSidebarOpen);
-
-  return (): void => {
-    subscribers.delete(subscriber);
-  };
-};
-
-const KiloSidebar = (): React.JSX.Element | null => {
-  const [isOpen, setIsOpen] = useState(isSidebarOpen);
-
-  useEffect(() => subscribeToSidebarState(setIsOpen), []);
-
-  if (!isOpen) {
-    return null;
-  }
-
-  return (
-    <aside className="fixed right-0 top-0 z-[2147483647] flex h-dvh w-[min(400px,100vw)] flex-col border-l border-zinc-800 bg-zinc-950 font-sans text-zinc-50 shadow-2xl">
-      <div className="flex items-center justify-between gap-4 border-b border-zinc-800 px-4 py-3">
-        <div className="flex min-w-0 items-center gap-3">
-          <span className="flex size-9 shrink-0 items-center justify-center rounded-md bg-[#EDFF00] text-zinc-950">
-            <KiloMark className="size-5" />
-          </span>
-          <div className="min-w-0">
-            <p className="truncate text-sm font-semibold text-zinc-50">Kilo</p>
-            <p className="truncate text-xs text-zinc-400">Extension sidebar</p>
-          </div>
-        </div>
-        <button
-          aria-label="Close Kilo sidebar"
-          className="h-8 rounded-md border border-zinc-700 px-3 text-sm font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
-          onClick={() => {
-            void setSidebarOpen(false);
-          }}
-          type="button"
-        >
-          Close
-        </button>
-      </div>
-      <div className="flex min-h-0 flex-1 flex-col overflow-y-auto">
-        <div className="border-b border-zinc-800 px-4 py-3">
-          <div className="flex items-center justify-between gap-3">
-            <p className="text-sm font-medium text-zinc-100">Current tab</p>
-            <span className="rounded-full border border-zinc-700 px-2 py-0.5 text-xs font-medium text-zinc-300">
-              Connected
-            </span>
-          </div>
-        </div>
-
-        <div className="flex flex-1 flex-col px-4 py-5">
-          <div className="rounded-md border border-dashed border-zinc-800 bg-zinc-900/40 p-4">
-            <p className="text-sm font-medium text-zinc-100">No actions yet</p>
-            <p className="mt-1 text-sm leading-5 text-zinc-400">
-              Tools for this tab will appear here.
-            </p>
-          </div>
-        </div>
-      </div>
-    </aside>
-  );
-};
-
-const handleSidebarMessage = (message: unknown, sendResponse: SendResponse): boolean => {
-  if (isToggleSidebarMessage(message)) {
-    void (async (): Promise<void> => {
-      const nextIsOpen = await toggleSidebar();
-      sendResponse(createSidebarStateMessage(nextIsOpen));
-    })();
-    return true;
-  }
-
-  if (isGetSidebarStateMessage(message)) {
-    sendResponse(createSidebarStateMessage(isSidebarOpen));
-  }
-
-  return false;
-};
-
-export default defineContentScript({
-  cssInjectionMode: 'ui',
-  async main(ctx): Promise<void> {
-    const contentScriptState = getContentScriptState();
-
-    if (contentScriptState.isStarted === true) {
-      return;
-    }
-
-    contentScriptState.isStarted = true;
-
-    const storedPreferences = normalizeSidebarPreferences(
-      await storage.getItem(SIDEBAR_PREFERENCES_STORAGE_KEY)
-    );
-    isSidebarOpen = storedPreferences.isOpen;
-
-    browser.runtime.onMessage.addListener((message, _sender, sendResponse) =>
-      handleSidebarMessage(message, sendResponse)
-    );
-
-    const ui = await createShadowRootUi<Root>(ctx, {
-      anchor: 'body',
-      isolateEvents: true,
-      name: 'kilo-sidebar',
-      onMount: container => {
-        const root = createRoot(container);
-        root.render(
-          <React.StrictMode>
-            <KiloSidebar />
-          </React.StrictMode>
-        );
-        return root;
-      },
-      onRemove: root => {
-        root?.unmount();
-      },
-      position: 'overlay',
-      zIndex: 2_147_483_647,
-    });
-
-    ui.mount();
-  },
-  matches: ['<all_urls>'],
-});
diff --git a/apps/extension/entrypoints/content/style.css b/apps/extension/entrypoints/content/style.css
deleted file mode 100644
index d4b5078586..0000000000
--- a/apps/extension/entrypoints/content/style.css
+++ /dev/null
@@ -1 +0,0 @@
-@import 'tailwindcss';
diff --git a/apps/extension/entrypoints/popup/app.tsx b/apps/extension/entrypoints/popup/app.tsx
deleted file mode 100644
index c7e3001caf..0000000000
--- a/apps/extension/entrypoints/popup/app.tsx
+++ /dev/null
@@ -1,202 +0,0 @@
-import { browser } from '#imports';
-import React, { useEffect, useState } from 'react';
-import {
-  createGetSidebarStateMessage,
-  createToggleSidebarMessage,
-  isSidebarStateMessage,
-} from '@/src/shared/messages';
-import type { GetSidebarStateMessage, ToggleSidebarMessage } from '@/src/shared/messages';
-import { isMissingContentScriptConnectionError } from '@/src/shared/runtime-errors';
-import { KiloMark } from '@/src/shared/kilo-mark';
-import { selectPopupTargetTabId } from '@/src/shared/tabs';
-
-type PopupRequestMessage = GetSidebarStateMessage | ToggleSidebarMessage;
-interface ChromeScriptingApi {
-  executeScript(injection: {
-    files: string[];
-    target: {
-      tabId: number;
-    };
-  }): Promise<unknown>;
-}
-
-const unavailableStatus = 'Sidebar is unavailable on this page.';
-const sidebarContentScriptPath = 'content-scripts/content.js';
-const sidebarMessageRetryDelayMs = 50;
-const sidebarMessageRetryLimit = 20;
-
-const getSidebarStatus = (isOpen: boolean): string => {
-  if (isOpen) {
-    return 'Sidebar visible';
-  }
-
-  return 'Sidebar hidden';
-};
-
-const getToggleLabel = (isOpen: boolean | undefined): string => {
-  if (isOpen === true) {
-    return 'Hide sidebar';
-  }
-
-  return 'Show sidebar';
-};
-
-const getErrorMessage = (error: unknown): string => {
-  if (error instanceof Error) {
-    return error.message;
-  }
-
-  return unavailableStatus;
-};
-
-const injectSidebarContentScript = async (tabId: number): Promise<void> => {
-  const chromeScripting = (
-    globalThis as typeof globalThis & { chrome?: { scripting?: ChromeScriptingApi } }
-  ).chrome?.scripting;
-
-  if (!chromeScripting) {
-    throw new Error('Chrome scripting API is unavailable.');
-  }
-
-  await chromeScripting.executeScript({
-    files: [sidebarContentScriptPath],
-    target: { tabId },
-  });
-};
-
-const delay = (delayMs: number): Promise<void> =>
-  // eslint-disable-next-line promise/avoid-new -- Browser timers are callback based.
-  new Promise(resolve => {
-    setTimeout(resolve, delayMs);
-  });
-
-const sendSidebarMessageToTab = async (
-  tabId: number,
-  message: PopupRequestMessage,
-  retryLimit: number
-): Promise<unknown> => {
-  let lastMissingConnectionError = new Error('Sidebar content script is unavailable.');
-
-  for (let attempt = 0; attempt < retryLimit; attempt += 1) {
-    try {
-      // eslint-disable-next-line no-await-in-loop -- Each retry depends on the previous missing-receiver result.
-      const response: unknown = await browser.tabs.sendMessage(tabId, message);
-      return response;
-    } catch (error) {
-      if (!isMissingContentScriptConnectionError(error)) {
-        throw error;
-      }
-
-      lastMissingConnectionError = error;
-      // eslint-disable-next-line no-await-in-loop -- Backoff is intentional between receiver checks.
-      await delay(sidebarMessageRetryDelayMs);
-    }
-  }
-
-  throw lastMissingConnectionError;
-};
-
-const getTargetTabId = async (): Promise<number> => {
-  const [activeTab] = await browser.tabs.query({
-    active: true,
-    currentWindow: true,
-  });
-  const tabs = await browser.tabs.query({ currentWindow: true });
-  const extensionOrigin = new URL(browser.runtime.getURL('/')).origin;
-  const tabId = selectPopupTargetTabId(activeTab, tabs, extensionOrigin);
-
-  if (typeof tabId !== 'number') {
-    throw new TypeError('No active tab is available.');
-  }
-
-  return tabId;
-};
-
-export const App = (): React.JSX.Element => {
-  const [isSidebarOpen, setIsSidebarOpen] = useState<boolean | undefined>();
-  const [status, setStatus] = useState('Ready');
-
-  const sendSidebarMessage = async (message: PopupRequestMessage): Promise<void> => {
-    try {
-      setStatus('Connecting to this tab...');
-      const tabId = await getTargetTabId();
-      const response: unknown = await (async (): Promise<unknown> => {
-        try {
-          return await sendSidebarMessageToTab(tabId, message, 1);
-        } catch (error) {
-          if (!isMissingContentScriptConnectionError(error)) {
-            throw error;
-          }
-
-          try {
-            await injectSidebarContentScript(tabId);
-          } catch {
-            throw new Error(unavailableStatus);
-          }
-
-          return sendSidebarMessageToTab(tabId, message, sidebarMessageRetryLimit);
-        }
-      })();
-
-      if (!isSidebarStateMessage(response)) {
-        throw new TypeError('The tab returned an unexpected sidebar response.');
-      }
-
-      setIsSidebarOpen(response.isOpen);
-      setStatus(getSidebarStatus(response.isOpen));
-    } catch (error) {
-      setIsSidebarOpen(undefined);
-      setStatus(
-        isMissingContentScriptConnectionError(error) ? unavailableStatus : getErrorMessage(error)
-      );
-    }
-  };
-
-  useEffect(() => {
-    void sendSidebarMessage(createGetSidebarStateMessage());
-  }, []);
-
-  const isConnected = isSidebarOpen !== undefined;
-
-  return (
-    <main className="flex w-80 flex-col bg-zinc-950 text-zinc-50">
-      <div className="border-b border-zinc-800 px-5 py-4">
-        <div className="flex items-center gap-3">
-          <span className="flex size-9 items-center justify-center rounded-md bg-[#EDFF00] text-zinc-950">
-            <KiloMark className="size-5" />
-          </span>
-          <div>
-            <p className="text-[0.7rem] font-semibold uppercase tracking-[0.14em] text-zinc-400">
-              Kilo
-            </p>
-            <h1 className="text-base font-semibold text-zinc-50">Sidebar</h1>
-          </div>
-        </div>
-      </div>
-
-      <div className="flex flex-col gap-4 p-5">
-        <div className="rounded-md border border-zinc-800 bg-zinc-900/70 p-3">
-          <div className="flex items-center justify-between gap-3">
-            <p className="text-sm font-medium text-zinc-100">Current tab</p>
-            <span
-              className={`size-2 rounded-full ${isConnected ? 'bg-[#EDFF00]' : 'bg-zinc-600'}`}
-            />
-          </div>
-          <p aria-live="polite" className="mt-1 text-sm leading-5 text-zinc-400">
-            {status}
-          </p>
-        </div>
-
-        <button
-          className="h-10 rounded-md bg-[#EDFF00] px-4 text-sm font-semibold text-zinc-950 transition hover:bg-[#d9ea00] focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950 disabled:cursor-not-allowed disabled:bg-zinc-800 disabled:text-zinc-500"
-          onClick={() => {
-            void sendSidebarMessage(createToggleSidebarMessage());
-          }}
-          type="button"
-        >
-          {getToggleLabel(isSidebarOpen)}
-        </button>
-      </div>
-    </main>
-  );
-};
diff --git a/apps/extension/entrypoints/popup/index.html b/apps/extension/entrypoints/popup/index.html
deleted file mode 100644
index ed4cb94947..0000000000
--- a/apps/extension/entrypoints/popup/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Default Popup Title</title>
-    <meta name="manifest.type" content="browser_action" />
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="./main.tsx"></script>
-  </body>
-</html>
diff --git a/apps/extension/entrypoints/sidepanel/app.tsx b/apps/extension/entrypoints/sidepanel/app.tsx
new file mode 100644
index 0000000000..306280d803
--- /dev/null
+++ b/apps/extension/entrypoints/sidepanel/app.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+import { KiloMark } from '@/src/shared/kilo-mark';
+
+export const App = (): React.JSX.Element => (
+  <main className="flex min-h-dvh flex-col bg-zinc-950 text-zinc-50">
+    <div className="border-b border-zinc-800 px-4 py-3">
+      <div className="flex min-w-0 items-center gap-3">
+        <span className="flex size-9 shrink-0 items-center justify-center rounded-md bg-[#EDFF00] text-zinc-950">
+          <KiloMark className="size-5" />
+        </span>
+        <div className="min-w-0">
+          <p className="truncate text-sm font-semibold text-zinc-50">Kilo</p>
+          <p className="truncate text-xs text-zinc-400">Native side panel</p>
+        </div>
+      </div>
+    </div>
+
+    <div className="flex min-h-0 flex-1 flex-col overflow-y-auto">
+      <div className="border-b border-zinc-800 px-4 py-3">
+        <div className="flex items-center justify-between gap-3">
+          <p className="text-sm font-medium text-zinc-100">Current tab</p>
+          <span className="rounded-full border border-zinc-700 px-2 py-0.5 text-xs font-medium text-zinc-300">
+            Connected
+          </span>
+        </div>
+      </div>
+
+      <div className="flex flex-1 flex-col px-4 py-5">
+        <div className="rounded-md border border-dashed border-zinc-800 bg-zinc-900/40 p-4">
+          <p className="text-sm font-medium text-zinc-100">No actions yet</p>
+          <p className="mt-1 text-sm leading-5 text-zinc-400">
+            Tools for this tab will appear here.
+          </p>
+        </div>
+      </div>
+    </div>
+  </main>
+);
diff --git a/apps/extension/entrypoints/sidepanel/index.html b/apps/extension/entrypoints/sidepanel/index.html
new file mode 100644
index 0000000000..10a373be0b
--- /dev/null
+++ b/apps/extension/entrypoints/sidepanel/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+    <title>Kilo</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="./main.tsx" type="module"></script>
+  </body>
+</html>
diff --git a/apps/extension/entrypoints/popup/main.tsx b/apps/extension/entrypoints/sidepanel/main.tsx
similarity index 82%
rename from apps/extension/entrypoints/popup/main.tsx
rename to apps/extension/entrypoints/sidepanel/main.tsx
index 80212b7de5..73b7ee90ab 100644
--- a/apps/extension/entrypoints/popup/main.tsx
+++ b/apps/extension/entrypoints/sidepanel/main.tsx
@@ -6,7 +6,7 @@ import { App } from './app';
 const root = document.querySelector('#root');
 
 if (!(root instanceof HTMLElement)) {
-  throw new Error('Popup root element was not found.');
+  throw new Error('Side panel root element was not found.');
 }
 
 createRoot(root).render(
diff --git a/apps/extension/entrypoints/popup/style.css b/apps/extension/entrypoints/sidepanel/style.css
similarity index 67%
rename from apps/extension/entrypoints/popup/style.css
rename to apps/extension/entrypoints/sidepanel/style.css
index 29ec5dc737..b9a1b57b45 100644
--- a/apps/extension/entrypoints/popup/style.css
+++ b/apps/extension/entrypoints/sidepanel/style.css
@@ -3,10 +3,11 @@
 html,
 body,
 #root {
+  min-height: 100%;
   min-width: 20rem;
 }
 
 body {
+  background: #09090b;
   margin: 0;
-  overflow: hidden;
 }
diff --git a/apps/extension/scripts/debug-chrome.ts b/apps/extension/scripts/debug-chrome.ts
index 447d342728..8a4ab27bc9 100644
--- a/apps/extension/scripts/debug-chrome.ts
+++ b/apps/extension/scripts/debug-chrome.ts
@@ -17,7 +17,7 @@ const startFixtureServer = async (): Promise<{ close: () => Promise<void>; url:
         <body>
           <main>
             <h1>Kilo extension debug fixture</h1>
-            <p>This page exists so content scripts run in a normal HTTP tab.</p>
+            <p>This page exists so the extension can be tested next to a normal HTTP tab.</p>
           </main>
         </body>
       </html>
@@ -70,12 +70,13 @@ const extensionId = new URL(serviceWorker.url()).host;
 const fixturePage = await context.newPage();
 await fixturePage.goto(fixture.url);
 
-const popupPage = await context.newPage();
-await popupPage.goto(`chrome-extension://${extensionId}/popup.html`);
+const sidePanelPage = await context.newPage();
+await sidePanelPage.goto(`chrome-extension://${extensionId}/sidepanel.html`);
 
 console.log(`Extension ID: ${extensionId}`);
 console.log(`Fixture page: ${fixture.url}`);
-console.log(`Popup page: chrome-extension://${extensionId}/popup.html`);
+console.log(`Side panel page: chrome-extension://${extensionId}/sidepanel.html`);
+console.log("Click the extension toolbar icon to open Chrome's native side panel.");
 console.log('Press Ctrl+C to close the debug browser.');
 
 const cleanup = async (): Promise<void> => {
diff --git a/apps/extension/src/shared/messages.test.ts b/apps/extension/src/shared/messages.test.ts
deleted file mode 100644
index 748627927b..0000000000
--- a/apps/extension/src/shared/messages.test.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import {
-  createGetSidebarStateMessage,
-  createSidebarStateMessage,
-  createToggleSidebarMessage,
-  isGetSidebarStateMessage,
-  isSidebarStateMessage,
-  isToggleSidebarMessage,
-} from './messages';
-
-describe('sidebar messages', () => {
-  it('creates a toggle message with the stable extension protocol type', () => {
-    expect.assertions(1);
-    expect(createToggleSidebarMessage()).toStrictEqual({
-      type: 'kilo.sidebar.toggle',
-    });
-  });
-
-  it('creates a state request message with the stable extension protocol type', () => {
-    expect.assertions(1);
-    expect(createGetSidebarStateMessage()).toStrictEqual({
-      type: 'kilo.sidebar.getState',
-    });
-  });
-
-  it('creates a sidebar state response with an explicit boolean state', () => {
-    expect.assertions(1);
-    expect(createSidebarStateMessage(true)).toStrictEqual({
-      isOpen: true,
-      type: 'kilo.sidebar.state',
-    });
-  });
-
-  it('accepts only the known sidebar message shapes', () => {
-    expect.assertions(5);
-    expect(isToggleSidebarMessage({ type: 'kilo.sidebar.toggle' })).toBe(true);
-    expect(isGetSidebarStateMessage({ type: 'kilo.sidebar.getState' })).toBe(true);
-    expect(isSidebarStateMessage({ isOpen: false, type: 'kilo.sidebar.state' })).toBe(true);
-    expect(isSidebarStateMessage({ type: 'kilo.sidebar.state' })).toBe(false);
-    expect(isToggleSidebarMessage({ type: 'kilo.sidebar.unknown' })).toBe(false);
-  });
-});
diff --git a/apps/extension/src/shared/messages.ts b/apps/extension/src/shared/messages.ts
deleted file mode 100644
index 5ddee29a4e..0000000000
--- a/apps/extension/src/shared/messages.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-const GET_SIDEBAR_STATE_MESSAGE_TYPE = 'kilo.sidebar.getState';
-const SIDEBAR_STATE_MESSAGE_TYPE = 'kilo.sidebar.state';
-const TOGGLE_SIDEBAR_MESSAGE_TYPE = 'kilo.sidebar.toggle';
-
-interface ToggleSidebarMessage {
-  readonly type: typeof TOGGLE_SIDEBAR_MESSAGE_TYPE;
-}
-
-interface GetSidebarStateMessage {
-  readonly type: typeof GET_SIDEBAR_STATE_MESSAGE_TYPE;
-}
-
-interface SidebarStateMessage {
-  readonly isOpen: boolean;
-  readonly type: typeof SIDEBAR_STATE_MESSAGE_TYPE;
-}
-
-export type SidebarRequestMessage = GetSidebarStateMessage | ToggleSidebarMessage;
-
-export const createToggleSidebarMessage = (): ToggleSidebarMessage => ({
-  type: TOGGLE_SIDEBAR_MESSAGE_TYPE,
-});
-
-export const createGetSidebarStateMessage = (): GetSidebarStateMessage => ({
-  type: GET_SIDEBAR_STATE_MESSAGE_TYPE,
-});
-
-export const createSidebarStateMessage = (isOpen: boolean): SidebarStateMessage => ({
-  isOpen,
-  type: SIDEBAR_STATE_MESSAGE_TYPE,
-});
-
-export const isToggleSidebarMessage = (value: unknown): value is ToggleSidebarMessage =>
-  isObjectWithType(value, TOGGLE_SIDEBAR_MESSAGE_TYPE);
-
-export const isGetSidebarStateMessage = (value: unknown): value is GetSidebarStateMessage =>
-  isObjectWithType(value, GET_SIDEBAR_STATE_MESSAGE_TYPE);
-
-export const isSidebarStateMessage = (value: unknown): value is SidebarStateMessage =>
-  isRecord(value) &&
-  value['type'] === SIDEBAR_STATE_MESSAGE_TYPE &&
-  typeof value['isOpen'] === 'boolean';
-
-const isRecord = (value: unknown): value is Record<string, unknown> =>
-  typeof value === 'object' && value !== null;
-
-const isObjectWithType = <TType extends string>(
-  value: unknown,
-  type: TType
-): value is { readonly type: TType } => isRecord(value) && value['type'] === type;
-
-export type { GetSidebarStateMessage, SidebarStateMessage, ToggleSidebarMessage };
-export { GET_SIDEBAR_STATE_MESSAGE_TYPE, SIDEBAR_STATE_MESSAGE_TYPE, TOGGLE_SIDEBAR_MESSAGE_TYPE };
diff --git a/apps/extension/src/shared/runtime-errors.test.ts b/apps/extension/src/shared/runtime-errors.test.ts
deleted file mode 100644
index 77aa81cc7d..0000000000
--- a/apps/extension/src/shared/runtime-errors.test.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { isMissingContentScriptConnectionError } from './runtime-errors';
-
-describe('runtime errors', () => {
-  it('recognizes browser errors raised when a tab has no content script receiver', () => {
-    expect.assertions(3);
-
-    expect(
-      isMissingContentScriptConnectionError(
-        new Error('Could not establish connection. Receiving end does not exist.')
-      )
-    ).toBe(true);
-    expect(
-      isMissingContentScriptConnectionError(
-        new Error('Could not establish connection. Receiving end does not exist')
-      )
-    ).toBe(true);
-    expect(isMissingContentScriptConnectionError(new Error('Permission denied.'))).toBe(false);
-  });
-});
diff --git a/apps/extension/src/shared/runtime-errors.ts b/apps/extension/src/shared/runtime-errors.ts
deleted file mode 100644
index b352f9df63..0000000000
--- a/apps/extension/src/shared/runtime-errors.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-const MISSING_CONTENT_SCRIPT_CONNECTION_ERROR = 'Receiving end does not exist';
-
-export const isMissingContentScriptConnectionError = (error: unknown): error is Error =>
-  error instanceof Error && error.message.includes(MISSING_CONTENT_SCRIPT_CONNECTION_ERROR);
diff --git a/apps/extension/src/shared/side-panel.test.ts b/apps/extension/src/shared/side-panel.test.ts
new file mode 100644
index 0000000000..ae1fe855e0
--- /dev/null
+++ b/apps/extension/src/shared/side-panel.test.ts
@@ -0,0 +1,21 @@
+import { describe, expect, it } from 'vitest';
+import { enableActionClickSidePanel } from './side-panel';
+
+describe('side panel behavior', () => {
+  it('opens the native side panel from the extension action click', async () => {
+    const calls: { openPanelOnActionClick: boolean }[] = [];
+
+    await enableActionClickSidePanel({
+      setPanelBehavior: options => {
+        calls.push(options);
+        return Promise.resolve();
+      },
+    });
+
+    expect(calls).toStrictEqual([{ openPanelOnActionClick: true }]);
+  });
+
+  it('ignores browsers without the native side panel API', async () => {
+    await expect(enableActionClickSidePanel()).resolves.toBeUndefined();
+  });
+});
diff --git a/apps/extension/src/shared/side-panel.ts b/apps/extension/src/shared/side-panel.ts
new file mode 100644
index 0000000000..482f093a1c
--- /dev/null
+++ b/apps/extension/src/shared/side-panel.ts
@@ -0,0 +1,7 @@
+export interface NativeSidePanelApi {
+  setPanelBehavior(options: { openPanelOnActionClick: boolean }): Promise<void>;
+}
+
+export const enableActionClickSidePanel = async (sidePanel?: NativeSidePanelApi): Promise<void> => {
+  await sidePanel?.setPanelBehavior({ openPanelOnActionClick: true });
+};
diff --git a/apps/extension/src/shared/storage.test.ts b/apps/extension/src/shared/storage.test.ts
deleted file mode 100644
index f911845a7a..0000000000
--- a/apps/extension/src/shared/storage.test.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import {
-  DEFAULT_SIDEBAR_PREFERENCES,
-  SIDEBAR_PREFERENCES_STORAGE_KEY,
-  normalizeSidebarPreferences,
-} from './storage';
-
-describe('sidebar storage', () => {
-  it('uses a local WXT storage key for sidebar preferences', () => {
-    expect.assertions(1);
-    expect(SIDEBAR_PREFERENCES_STORAGE_KEY).toBe('local:sidebarPreferences');
-  });
-
-  it('keeps the sidebar closed by default', () => {
-    expect.assertions(1);
-    expect(DEFAULT_SIDEBAR_PREFERENCES).toStrictEqual({ isOpen: false });
-  });
-
-  it('normalizes valid persisted sidebar preferences', () => {
-    expect.assertions(1);
-    expect(normalizeSidebarPreferences({ isOpen: true })).toStrictEqual({
-      isOpen: true,
-    });
-  });
-
-  it('falls back to defaults for invalid persisted values', () => {
-    expect.assertions(2);
-    expect(normalizeSidebarPreferences()).toStrictEqual(DEFAULT_SIDEBAR_PREFERENCES);
-    expect(normalizeSidebarPreferences({ isOpen: 'yes' })).toStrictEqual(
-      DEFAULT_SIDEBAR_PREFERENCES
-    );
-  });
-});
diff --git a/apps/extension/src/shared/storage.ts b/apps/extension/src/shared/storage.ts
deleted file mode 100644
index 12a3bfc09a..0000000000
--- a/apps/extension/src/shared/storage.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-export const SIDEBAR_PREFERENCES_STORAGE_KEY = 'local:sidebarPreferences';
-
-export interface SidebarPreferences {
-  readonly isOpen: boolean;
-}
-
-export const DEFAULT_SIDEBAR_PREFERENCES: SidebarPreferences = {
-  isOpen: false,
-};
-
-export const normalizeSidebarPreferences = (value?: unknown): SidebarPreferences => {
-  if (
-    typeof value === 'object' &&
-    value !== null &&
-    'isOpen' in value &&
-    typeof value.isOpen === 'boolean'
-  ) {
-    return {
-      isOpen: value.isOpen,
-    };
-  }
-
-  return DEFAULT_SIDEBAR_PREFERENCES;
-};
diff --git a/apps/extension/src/shared/tabs.test.ts b/apps/extension/src/shared/tabs.test.ts
deleted file mode 100644
index 94688361cc..0000000000
--- a/apps/extension/src/shared/tabs.test.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { selectPopupTargetTabId } from './tabs';
-
-describe('popup tab selection', () => {
-  it('uses the active tab when the popup is opened from the toolbar', () => {
-    expect.assertions(1);
-
-    expect(
-      selectPopupTargetTabId(
-        { id: 10, url: 'http://127.0.0.1:3000/' },
-        [{ id: 10, url: 'http://127.0.0.1:3000/' }],
-        'chrome-extension://kilo'
-      )
-    ).toBe(10);
-  });
-
-  it('falls back to the most recently accessed non-popup tab when debugging popup.html directly', () => {
-    expect.assertions(1);
-
-    expect(
-      selectPopupTargetTabId(
-        { id: 30, url: 'chrome-extension://kilo/popup.html' },
-        [
-          { id: 10, lastAccessed: 100, url: 'http://127.0.0.1:3000/' },
-          { id: 20, lastAccessed: 200, url: 'http://127.0.0.1:3001/' },
-          { id: 30, lastAccessed: 300, url: 'chrome-extension://kilo/popup.html' },
-        ],
-        'chrome-extension://kilo'
-      )
-    ).toBe(20);
-  });
-
-  it('falls back to a visible http tab when the active extension page URL is hidden', () => {
-    expect.assertions(1);
-
-    expect(
-      selectPopupTargetTabId(
-        { id: 30, lastAccessed: 300 },
-        [
-          { id: 10, lastAccessed: 100 },
-          { id: 20, lastAccessed: 200, url: 'http://127.0.0.1:3001/' },
-          { id: 30, lastAccessed: 300 },
-        ],
-        'chrome-extension://kilo'
-      )
-    ).toBe(20);
-  });
-});
diff --git a/apps/extension/src/shared/tabs.ts b/apps/extension/src/shared/tabs.ts
deleted file mode 100644
index 20effee300..0000000000
--- a/apps/extension/src/shared/tabs.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-export interface PopupTargetTab {
-  readonly id?: number | undefined;
-  readonly lastAccessed?: number | undefined;
-  readonly url?: string | undefined;
-}
-
-export const selectPopupTargetTabId = (
-  activeTab: PopupTargetTab | undefined,
-  tabs: readonly PopupTargetTab[],
-  extensionOrigin: string
-): number | undefined => {
-  const fallbackTabs = tabs
-    .filter(tab => typeof tab.id === 'number' && tab.id !== activeTab?.id)
-    .toSorted((left, right) => (right.lastAccessed ?? 0) - (left.lastAccessed ?? 0));
-
-  if (activeTab?.url === undefined) {
-    const visibleWebTab = fallbackTabs.find(tab => /^https?:\/\//.test(tab.url ?? ''));
-
-    if (typeof visibleWebTab?.id === 'number') {
-      return visibleWebTab.id;
-    }
-  }
-
-  if (
-    typeof activeTab?.id === 'number' &&
-    (activeTab.url === undefined || !activeTab.url.startsWith(extensionOrigin))
-  ) {
-    return activeTab.id;
-  }
-
-  return fallbackTabs[0]?.id;
-};
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index fc9b34eb35..af6937a885 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -1,13 +1,28 @@
 /* eslint-disable import/no-nodejs-modules, promise/avoid-new, promise/prefer-await-to-callbacks */
 import { chromium, expect, test } from '@playwright/test';
-import { access, mkdtemp, rm } from 'node:fs/promises';
+import { access, mkdtemp, readFile, rm } from 'node:fs/promises';
 import { createServer } from 'node:http';
 import { tmpdir } from 'node:os';
 import { join, resolve as resolvePath } from 'node:path';
-import type { BrowserContext, Page } from '@playwright/test';
+import type { BrowserContext } from '@playwright/test';
 
 const extensionPath = resolvePath(import.meta.dirname, '../../.output/chrome-mv3');
 
+interface ExtensionManifest {
+  readonly action:
+    | {
+        readonly default_popup: string | undefined;
+      }
+    | undefined;
+  readonly content_scripts: unknown[] | undefined;
+  readonly permissions: string[] | undefined;
+  readonly side_panel:
+    | {
+        readonly default_path: string | undefined;
+      }
+    | undefined;
+}
+
 const startFixtureServer = async (): Promise<{ close: () => Promise<void>; url: string }> => {
   const server = createServer((_request, response) => {
     response.writeHead(200, { 'content-type': 'text/html; charset=utf-8' });
@@ -76,9 +91,62 @@ const launchExtensionContext = async (): Promise<{
   return { context, extensionId, userDataDir };
 };
 
-const getSidebar = (page: Page) => page.locator('kilo-sidebar aside');
+const isRecord = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null;
+
+const getStringArray = (value: unknown): string[] | undefined => {
+  if (!Array.isArray(value) || !value.every(item => typeof item === 'string')) {
+    return undefined;
+  }
+
+  return value;
+};
+
+const getAction = (value: unknown): ExtensionManifest['action'] => {
+  if (!isRecord(value)) {
+    return undefined;
+  }
+
+  return {
+    default_popup: typeof value['default_popup'] === 'string' ? value['default_popup'] : undefined,
+  };
+};
+
+const getSidePanel = (value: unknown): ExtensionManifest['side_panel'] => {
+  if (!isRecord(value)) {
+    return undefined;
+  }
+
+  return {
+    default_path: typeof value['default_path'] === 'string' ? value['default_path'] : undefined,
+  };
+};
+
+const readOutputManifest = async (): Promise<ExtensionManifest> => {
+  const manifestText = await readFile(join(extensionPath, 'manifest.json'), 'utf8');
+  const manifest: unknown = JSON.parse(manifestText);
+
+  if (!isRecord(manifest)) {
+    throw new TypeError('Extension manifest was not an object.');
+  }
+
+  return {
+    action: getAction(manifest['action']),
+    content_scripts: Array.isArray(manifest['content_scripts'])
+      ? manifest['content_scripts']
+      : undefined,
+    permissions: getStringArray(manifest['permissions']),
+    side_panel: getSidePanel(manifest['side_panel']),
+  };
+};
+
+test('native side panel is outside the page DOM', async () => {
+  const manifest = await readOutputManifest();
+  expect(manifest.side_panel?.default_path).toBe('sidepanel.html');
+  expect(manifest.permissions).toContain('sidePanel');
+  expect(manifest.action?.default_popup).toBeUndefined();
+  expect(manifest.content_scripts).toBeUndefined();
 
-test('popup toggles the full-height sidebar on a normal page', async () => {
   const fixture = await startFixtureServer();
   const { context, extensionId, userDataDir } = await launchExtensionContext();
 
@@ -86,19 +154,11 @@ test('popup toggles the full-height sidebar on a normal page', async () => {
     const page = await context.newPage();
     await page.goto(fixture.url);
 
-    const popup = await context.newPage();
-    await popup.goto(`chrome-extension://${extensionId}/popup.html`);
-    await popup.getByRole('button', { name: 'Show sidebar' }).click();
-    await expect(popup.getByText('Sidebar visible')).toBeVisible();
-
-    const sidebar = getSidebar(page);
-    await expect(sidebar).toBeVisible();
-    await expect(sidebar).toHaveCSS('position', 'fixed');
-    await expect(sidebar).toHaveCSS('right', '0px');
-    await expect(sidebar).toHaveCSS('top', '0px');
+    await expect(page.locator('kilo-sidebar')).toHaveCount(0);
 
-    await popup.getByRole('button', { name: 'Hide sidebar' }).click();
-    await expect(sidebar).toBeHidden();
+    const sidePanel = await context.newPage();
+    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
+    await expect(sidePanel.getByText('Native side panel')).toBeVisible();
   } finally {
     await context.close();
     await fixture.close();
diff --git a/apps/extension/wxt.config.ts b/apps/extension/wxt.config.ts
index cd3b21494d..c063dbfa1f 100644
--- a/apps/extension/wxt.config.ts
+++ b/apps/extension/wxt.config.ts
@@ -16,9 +16,7 @@ export default defineConfig({
       },
     },
     description: 'Kilo browser extension.',
-    host_permissions: ['http://127.0.0.1/*', 'http://localhost/*'],
     name: 'Kilo Extension',
-    permissions: ['activeTab', 'scripting', 'storage'],
   },
   modules: ['@wxt-dev/module-react'],
   vite: () => ({

From 20fa2e58c444dc3a19496bf9927316d187111aab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 16:09:34 +0200
Subject: [PATCH 08/51] feat(extension): gate side panel with device auth

---
 apps/extension/entrypoints/sidepanel/app.tsx  | 281 +++++++++++++++---
 .../entrypoints/sidepanel/auth-views.tsx      | 185 ++++++++++++
 apps/extension/src/shared/auth.test.ts        | 154 ++++++++++
 apps/extension/src/shared/auth.ts             | 222 ++++++++++++++
 apps/extension/src/shared/side-panel.test.ts  |   1 -
 apps/extension/src/shared/side-panel.ts       |   2 +-
 apps/extension/src/types/import-meta.d.ts     |   3 +
 apps/extension/tests/e2e/sidebar.test.ts      |   6 +-
 apps/extension/wxt.config.ts                  |   2 +
 9 files changed, 815 insertions(+), 41 deletions(-)
 create mode 100644 apps/extension/entrypoints/sidepanel/auth-views.tsx
 create mode 100644 apps/extension/src/shared/auth.test.ts
 create mode 100644 apps/extension/src/shared/auth.ts
 create mode 100644 apps/extension/src/types/import-meta.d.ts

diff --git a/apps/extension/entrypoints/sidepanel/app.tsx b/apps/extension/entrypoints/sidepanel/app.tsx
index 306280d803..3387c6e183 100644
--- a/apps/extension/entrypoints/sidepanel/app.tsx
+++ b/apps/extension/entrypoints/sidepanel/app.tsx
@@ -1,38 +1,243 @@
-import React from 'react';
-import { KiloMark } from '@/src/shared/kilo-mark';
-
-export const App = (): React.JSX.Element => (
-  <main className="flex min-h-dvh flex-col bg-zinc-950 text-zinc-50">
-    <div className="border-b border-zinc-800 px-4 py-3">
-      <div className="flex min-w-0 items-center gap-3">
-        <span className="flex size-9 shrink-0 items-center justify-center rounded-md bg-[#EDFF00] text-zinc-950">
-          <KiloMark className="size-5" />
-        </span>
-        <div className="min-w-0">
-          <p className="truncate text-sm font-semibold text-zinc-50">Kilo</p>
-          <p className="truncate text-xs text-zinc-400">Native side panel</p>
-        </div>
-      </div>
-    </div>
-
-    <div className="flex min-h-0 flex-1 flex-col overflow-y-auto">
-      <div className="border-b border-zinc-800 px-4 py-3">
-        <div className="flex items-center justify-between gap-3">
-          <p className="text-sm font-medium text-zinc-100">Current tab</p>
-          <span className="rounded-full border border-zinc-700 px-2 py-0.5 text-xs font-medium text-zinc-300">
-            Connected
-          </span>
-        </div>
-      </div>
-
-      <div className="flex flex-1 flex-col px-4 py-5">
-        <div className="rounded-md border border-dashed border-zinc-800 bg-zinc-900/40 p-4">
-          <p className="text-sm font-medium text-zinc-100">No actions yet</p>
-          <p className="mt-1 text-sm leading-5 text-zinc-400">
-            Tools for this tab will appear here.
-          </p>
-        </div>
-      </div>
-    </div>
-  </main>
-);
+import { browser, storage } from '#imports';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import type { JSX } from 'react';
+import {
+  clearStoredAuth,
+  createDeviceAuthRequest,
+  getKiloApiBaseUrl,
+  loadStoredAuth,
+  pollDeviceAuthCode,
+  saveStoredAuth,
+  validateAuthToken,
+} from '@/src/shared/auth';
+import type { FetchLike, StoredAuth } from '@/src/shared/auth';
+import {
+  LoadingView,
+  PendingView,
+  SignedInView,
+  SignedOutView,
+  ValidationErrorView,
+} from './auth-views';
+
+const pollIntervalMs = 3000;
+const apiBaseUrl = getKiloApiBaseUrl();
+const fetchFromWindow: FetchLike = (input, init) => fetch(input, init);
+
+type PanelState =
+  | {
+      readonly message?: string;
+      readonly status: 'checking' | 'signedOut' | 'starting';
+    }
+  | {
+      readonly code: string;
+      readonly status: 'pending';
+      readonly verificationUrl: string;
+    }
+  | {
+      readonly auth: StoredAuth;
+      readonly status: 'signedIn';
+    }
+  | {
+      readonly status: 'validationError';
+    };
+
+export const App = (): JSX.Element => {
+  const [state, setState] = useState<PanelState>({ status: 'checking' });
+  const abortRef = useRef<AbortController | null>(null);
+  const pollTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  const stopPolling = useCallback((): void => {
+    if (pollTimeoutRef.current !== null) {
+      clearTimeout(pollTimeoutRef.current);
+      pollTimeoutRef.current = null;
+    }
+
+    abortRef.current?.abort();
+    abortRef.current = null;
+  }, []);
+
+  const validateStoredAuth = useCallback(async (): Promise<void> => {
+    stopPolling();
+    setState({ status: 'checking' });
+
+    const storedAuth = await loadStoredAuth(storage);
+    if (!storedAuth) {
+      setState({ status: 'signedOut' });
+      return;
+    }
+
+    const abort = new AbortController();
+    abortRef.current = abort;
+    const result = await validateAuthToken({
+      apiBaseUrl,
+      fetch: fetchFromWindow,
+      signal: abort.signal,
+      token: storedAuth.token,
+    });
+
+    if (abort.signal.aborted) {
+      return;
+    }
+
+    if (result.status === 'valid') {
+      await saveStoredAuth(storage, result.auth);
+      setState({ auth: result.auth, status: 'signedIn' });
+      return;
+    }
+
+    if (result.status === 'invalid') {
+      await clearStoredAuth(storage);
+      setState({ message: 'Your session expired. Sign in again.', status: 'signedOut' });
+      return;
+    }
+
+    setState({ status: 'validationError' });
+  }, [stopPolling]);
+
+  useEffect(() => {
+    void validateStoredAuth();
+
+    return () => {
+      stopPolling();
+    };
+  }, [stopPolling, validateStoredAuth]);
+
+  const cancelSignIn = useCallback((): void => {
+    stopPolling();
+    setState({ status: 'signedOut' });
+  }, [stopPolling]);
+
+  const signOut = useCallback((): void => {
+    stopPolling();
+    void (async (): Promise<void> => {
+      await clearStoredAuth(storage);
+      setState({ status: 'signedOut' });
+    })();
+  }, [stopPolling]);
+
+  const startPolling = useCallback(
+    (code: string): void => {
+      const tick = async (): Promise<void> => {
+        const abort = abortRef.current;
+
+        if (abort === null) {
+          return;
+        }
+
+        try {
+          const result = await pollDeviceAuthCode({
+            apiBaseUrl,
+            code,
+            fetch: fetchFromWindow,
+            signal: abort.signal,
+          });
+
+          if (abort.signal.aborted) {
+            return;
+          }
+
+          switch (result.status) {
+            case 'pending': {
+              pollTimeoutRef.current = setTimeout(() => {
+                void tick();
+              }, pollIntervalMs);
+              return;
+            }
+            case 'approved': {
+              stopPolling();
+              await saveStoredAuth(storage, result.auth);
+              setState({ auth: result.auth, status: 'signedIn' });
+              return;
+            }
+            case 'denied': {
+              stopPolling();
+              setState({ message: 'Access was denied.', status: 'signedOut' });
+              return;
+            }
+            case 'expired': {
+              stopPolling();
+              setState({ message: 'Your sign-in code expired.', status: 'signedOut' });
+            }
+          }
+        } catch (error) {
+          if (error instanceof Error && error.name === 'AbortError') {
+            return;
+          }
+
+          stopPolling();
+          setState({ message: 'Sign in failed. Try again.', status: 'signedOut' });
+        }
+      };
+
+      void tick();
+    },
+    [stopPolling]
+  );
+
+  const startSignIn = useCallback((): void => {
+    stopPolling();
+    setState({ status: 'starting' });
+
+    void (async (): Promise<void> => {
+      try {
+        const authRequest = await createDeviceAuthRequest({
+          apiBaseUrl,
+          fetch: fetchFromWindow,
+        });
+        const abort = new AbortController();
+        abortRef.current = abort;
+
+        setState({
+          code: authRequest.code,
+          status: 'pending',
+          verificationUrl: authRequest.verificationUrl,
+        });
+        await browser.tabs.create({ url: authRequest.verificationUrl });
+        startPolling(authRequest.code);
+      } catch {
+        setState({ message: 'Failed to start sign in. Try again.', status: 'signedOut' });
+      }
+    })();
+  }, [startPolling, stopPolling]);
+
+  if (state.status === 'checking') {
+    return <LoadingView />;
+  }
+
+  if (state.status === 'starting') {
+    return <SignedOutView isStarting message={state.message} onSignIn={startSignIn} />;
+  }
+
+  if (state.status === 'signedOut') {
+    return <SignedOutView isStarting={false} message={state.message} onSignIn={startSignIn} />;
+  }
+
+  if (state.status === 'pending') {
+    return (
+      <PendingView
+        code={state.code}
+        onCancel={cancelSignIn}
+        onOpen={() => {
+          void browser.tabs.create({ url: state.verificationUrl });
+        }}
+      />
+    );
+  }
+
+  if (state.status === 'validationError') {
+    return (
+      <ValidationErrorView
+        onRetry={() => {
+          void validateStoredAuth();
+        }}
+        onSignInAgain={startSignIn}
+      />
+    );
+  }
+
+  if (state.status === 'signedIn') {
+    return <SignedInView auth={state.auth} onSignOut={signOut} />;
+  }
+
+  return <LoadingView />;
+};
diff --git a/apps/extension/entrypoints/sidepanel/auth-views.tsx b/apps/extension/entrypoints/sidepanel/auth-views.tsx
new file mode 100644
index 0000000000..2f4b9b0c01
--- /dev/null
+++ b/apps/extension/entrypoints/sidepanel/auth-views.tsx
@@ -0,0 +1,185 @@
+import type { JSX, ReactNode } from 'react';
+import type { StoredAuth } from '@/src/shared/auth';
+import { KiloMark } from '@/src/shared/kilo-mark';
+
+const Header = (): JSX.Element => (
+  <div className="border-b border-zinc-800 px-4 py-3">
+    <div className="flex min-w-0 items-center gap-3">
+      <span className="flex size-9 shrink-0 items-center justify-center rounded-md bg-[#EDFF00] text-zinc-950">
+        <KiloMark className="size-5" />
+      </span>
+      <div className="min-w-0">
+        <p className="truncate text-sm font-semibold text-zinc-50">Kilo</p>
+        <p className="truncate text-xs text-zinc-400">Browser side panel</p>
+      </div>
+    </div>
+  </div>
+);
+
+const Shell = ({ children }: { children: ReactNode }): JSX.Element => (
+  <main className="flex min-h-dvh flex-col bg-zinc-950 text-zinc-50">
+    <Header />
+    {children}
+  </main>
+);
+
+export const LoadingView = (): JSX.Element => (
+  <Shell>
+    <div className="flex flex-1 items-center justify-center px-4 py-6">
+      <p className="text-sm text-zinc-400">Checking session...</p>
+    </div>
+  </Shell>
+);
+
+export const SignedOutView = ({
+  isStarting,
+  message,
+  onSignIn,
+}: {
+  isStarting: boolean;
+  message: string | undefined;
+  onSignIn: () => void;
+}): JSX.Element => (
+  <Shell>
+    <div className="flex flex-1 flex-col justify-center gap-4 px-4 py-6">
+      <div className="space-y-1">
+        <p className="text-base font-semibold text-zinc-50">Sign in to continue</p>
+        <p className="text-sm leading-5 text-zinc-400">
+          Use your Kilo account to unlock extension tools.
+        </p>
+      </div>
+
+      {message === undefined ? null : (
+        <p className="rounded-md border border-zinc-800 bg-zinc-900/70 p-3 text-sm leading-5 text-zinc-300">
+          {message}
+        </p>
+      )}
+
+      <button
+        className="h-10 rounded-md bg-[#EDFF00] px-4 text-sm font-semibold text-zinc-950 transition hover:bg-[#d9ea00] focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950 disabled:cursor-not-allowed disabled:bg-zinc-800 disabled:text-zinc-500"
+        disabled={isStarting}
+        onClick={onSignIn}
+        type="button"
+      >
+        {isStarting ? 'Starting sign in...' : 'Sign in'}
+      </button>
+    </div>
+  </Shell>
+);
+
+export const PendingView = ({
+  code,
+  onCancel,
+  onOpen,
+}: {
+  code: string;
+  onCancel: () => void;
+  onOpen: () => void;
+}): JSX.Element => (
+  <Shell>
+    <div className="flex flex-1 flex-col justify-center gap-4 px-4 py-6">
+      <div className="space-y-1">
+        <p className="text-base font-semibold text-zinc-50">Complete sign in</p>
+        <p className="text-sm leading-5 text-zinc-400">Approve this code in the browser window.</p>
+      </div>
+
+      <div className="rounded-md border border-zinc-800 bg-zinc-900/70 p-4 text-center">
+        <p className="text-xs font-medium uppercase tracking-[0.14em] text-zinc-500">Code</p>
+        <p className="mt-2 font-mono text-2xl font-semibold tracking-[0.18em] text-zinc-50">
+          {code}
+        </p>
+      </div>
+
+      <div className="grid grid-cols-2 gap-2">
+        <button
+          className="h-9 rounded-md border border-zinc-700 px-3 text-sm font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
+          onClick={onOpen}
+          type="button"
+        >
+          Open
+        </button>
+        <button
+          className="h-9 rounded-md border border-zinc-700 px-3 text-sm font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
+          onClick={onCancel}
+          type="button"
+        >
+          Cancel
+        </button>
+      </div>
+    </div>
+  </Shell>
+);
+
+export const ValidationErrorView = ({
+  onRetry,
+  onSignInAgain,
+}: {
+  onRetry: () => void;
+  onSignInAgain: () => void;
+}): JSX.Element => (
+  <Shell>
+    <div className="flex flex-1 flex-col justify-center gap-4 px-4 py-6">
+      <div className="space-y-1">
+        <p className="text-base font-semibold text-zinc-50">Session check failed</p>
+        <p className="text-sm leading-5 text-zinc-400">
+          Kilo could not validate your saved session.
+        </p>
+      </div>
+      <div className="grid grid-cols-2 gap-2">
+        <button
+          className="h-9 rounded-md bg-[#EDFF00] px-3 text-sm font-semibold text-zinc-950 transition hover:bg-[#d9ea00] focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
+          onClick={onRetry}
+          type="button"
+        >
+          Retry
+        </button>
+        <button
+          className="h-9 rounded-md border border-zinc-700 px-3 text-sm font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
+          onClick={onSignInAgain}
+          type="button"
+        >
+          Sign in
+        </button>
+      </div>
+    </div>
+  </Shell>
+);
+
+export const SignedInView = ({
+  auth,
+  onSignOut,
+}: {
+  auth: StoredAuth;
+  onSignOut: () => void;
+}): JSX.Element => (
+  <Shell>
+    <div className="flex min-h-0 flex-1 flex-col overflow-y-auto">
+      <div className="border-b border-zinc-800 px-4 py-3">
+        <div className="flex items-center justify-between gap-3">
+          <div className="min-w-0">
+            <p className="text-sm font-medium text-zinc-100">Current tab</p>
+            {auth.userEmail === undefined ? null : (
+              <p className="mt-0.5 truncate text-xs text-zinc-500">{auth.userEmail}</p>
+            )}
+          </div>
+          <button
+            className="h-8 rounded-md border border-zinc-700 px-3 text-sm font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
+            onClick={onSignOut}
+            type="button"
+          >
+            Sign out
+          </button>
+        </div>
+      </div>
+
+      <div className="flex flex-1 flex-col px-4 py-5">
+        <div className="rounded-md border border-dashed border-zinc-800 bg-zinc-900/40 p-4">
+          <p className="text-sm font-medium text-zinc-100">No actions yet</p>
+          <p className="mt-1 text-sm leading-5 text-zinc-400">
+            Tools for this tab will appear here.
+          </p>
+        </div>
+      </div>
+    </div>
+  </Shell>
+);
diff --git a/apps/extension/src/shared/auth.test.ts b/apps/extension/src/shared/auth.test.ts
new file mode 100644
index 0000000000..7051fc0f3f
--- /dev/null
+++ b/apps/extension/src/shared/auth.test.ts
@@ -0,0 +1,154 @@
+import { describe, expect, it } from 'vitest';
+import {
+  AUTH_STORAGE_KEY,
+  clearStoredAuth,
+  createDeviceAuthRequest,
+  loadStoredAuth,
+  normalizeStoredAuth,
+  pollDeviceAuthCode,
+  saveStoredAuth,
+  validateAuthToken,
+} from './auth';
+import type { AuthStorageArea, FetchLike } from './auth';
+
+const jsonResponse = (body: unknown, init: ResponseInit = {}): Response =>
+  Response.json(body, {
+    ...init,
+  });
+
+const createStorage = (initialValue?: unknown): AuthStorageArea & { value: unknown } => {
+  let storedValue = initialValue;
+
+  return {
+    getItem: key => {
+      expect(key).toBe(AUTH_STORAGE_KEY);
+      return storedValue;
+    },
+    removeItem: key => {
+      expect(key).toBe(AUTH_STORAGE_KEY);
+      storedValue = undefined;
+    },
+    setItem: (key, value) => {
+      expect(key).toBe(AUTH_STORAGE_KEY);
+      storedValue = value;
+    },
+    get value() {
+      return storedValue;
+    },
+  };
+};
+
+describe('extension auth storage', () => {
+  it('normalizes valid stored auth and rejects malformed values', () => {
+    expect(normalizeStoredAuth({ token: 'token-1', userEmail: 'user@kilo.ai' })).toStrictEqual({
+      token: 'token-1',
+      userEmail: 'user@kilo.ai',
+    });
+    expect(normalizeStoredAuth({ token: 'token-1' })).toStrictEqual({
+      token: 'token-1',
+      userEmail: undefined,
+    });
+    expect(normalizeStoredAuth({ token: '', userEmail: 'user@kilo.ai' })).toBeUndefined();
+    expect(normalizeStoredAuth({ userEmail: 'user@kilo.ai' })).toBeUndefined();
+  });
+
+  it('loads, saves, and clears auth through the configured storage key', async () => {
+    const storage = createStorage({ token: 'token-1', userEmail: 'user@kilo.ai' });
+
+    await expect(loadStoredAuth(storage)).resolves.toStrictEqual({
+      token: 'token-1',
+      userEmail: 'user@kilo.ai',
+    });
+
+    await saveStoredAuth(storage, { token: 'token-2', userEmail: undefined });
+    expect(storage.value).toStrictEqual({ token: 'token-2', userEmail: undefined });
+
+    await clearStoredAuth(storage);
+    expect(storage.value).toBeUndefined();
+  });
+});
+
+describe('device auth API client', () => {
+  it('creates a device auth request using app mode', async () => {
+    const seenRequests: string[] = [];
+    const fetch: FetchLike = input => {
+      seenRequests.push(String(input));
+      return jsonResponse(
+        {
+          code: 'ABCD-2345',
+          verificationUrl: 'https://app.kilo.ai/device-auth?code=ABCD-2345&app=1',
+        },
+        { status: 200 }
+      );
+    };
+
+    await expect(
+      createDeviceAuthRequest({ apiBaseUrl: 'https://app.kilo.ai/', fetch })
+    ).resolves.toStrictEqual({
+      code: 'ABCD-2345',
+      verificationUrl: 'https://app.kilo.ai/device-auth?code=ABCD-2345&app=1',
+    });
+    expect(seenRequests).toStrictEqual(['https://app.kilo.ai/api/device-auth/codes?app=1']);
+  });
+
+  it('maps poll status codes to pending, approved, denied, and expired states', async () => {
+    const pollWithResponse = (response: Response) =>
+      pollDeviceAuthCode({
+        apiBaseUrl: 'https://app.kilo.ai',
+        code: 'ABCD-2345',
+        fetch: () => response,
+      });
+
+    await expect(
+      pollWithResponse(jsonResponse({ status: 'pending' }, { status: 202 }))
+    ).resolves.toStrictEqual({ status: 'pending' });
+    await expect(
+      pollWithResponse(
+        jsonResponse({ status: 'approved', token: 'token-1', userEmail: 'user@kilo.ai' })
+      )
+    ).resolves.toStrictEqual({
+      auth: { token: 'token-1', userEmail: 'user@kilo.ai' },
+      status: 'approved',
+    });
+    await expect(
+      pollWithResponse(jsonResponse({ status: 'denied' }, { status: 403 }))
+    ).resolves.toStrictEqual({ status: 'denied' });
+    await expect(
+      pollWithResponse(jsonResponse({ status: 'expired' }, { status: 410 }))
+    ).resolves.toStrictEqual({ status: 'expired' });
+  });
+
+  it('validates stored tokens with the user endpoint', async () => {
+    const seenHeaders: string[] = [];
+    const fetch: FetchLike = (_input, init) => {
+      seenHeaders.push(String(new Headers(init?.headers).get('authorization')));
+      return jsonResponse({ google_user_email: 'user@kilo.ai' });
+    };
+
+    await expect(
+      validateAuthToken({ apiBaseUrl: 'https://app.kilo.ai', fetch, token: 'token-1' })
+    ).resolves.toStrictEqual({
+      auth: { token: 'token-1', userEmail: 'user@kilo.ai' },
+      status: 'valid',
+    });
+    expect(seenHeaders).toStrictEqual(['Bearer token-1']);
+  });
+
+  it('returns invalid for rejected tokens and error for failed validation checks', async () => {
+    await expect(
+      validateAuthToken({
+        apiBaseUrl: 'https://app.kilo.ai',
+        fetch: () => jsonResponse({ error: 'Unauthorized' }, { status: 401 }),
+        token: 'bad-token',
+      })
+    ).resolves.toStrictEqual({ status: 'invalid' });
+
+    await expect(
+      validateAuthToken({
+        apiBaseUrl: 'https://app.kilo.ai',
+        fetch: () => jsonResponse({ error: 'Server error' }, { status: 500 }),
+        token: 'token-1',
+      })
+    ).resolves.toStrictEqual({ status: 'error' });
+  });
+});
diff --git a/apps/extension/src/shared/auth.ts b/apps/extension/src/shared/auth.ts
new file mode 100644
index 0000000000..f0d5afc6cb
--- /dev/null
+++ b/apps/extension/src/shared/auth.ts
@@ -0,0 +1,222 @@
+export const AUTH_STORAGE_KEY = 'local:kiloAuth';
+export const DEFAULT_KILO_API_BASE_URL = 'https://app.kilo.ai';
+
+export interface StoredAuth {
+  readonly token: string;
+  readonly userEmail: string | undefined;
+}
+
+type MaybePromise<Value> = Promise<Value> | Value;
+
+export interface AuthStorageArea {
+  getItem(key: typeof AUTH_STORAGE_KEY): MaybePromise<unknown>;
+  removeItem(key: typeof AUTH_STORAGE_KEY): MaybePromise<void>;
+  setItem(key: typeof AUTH_STORAGE_KEY, value: StoredAuth): MaybePromise<void>;
+}
+
+export type FetchLike = (input: string, init?: RequestInit) => MaybePromise<Response>;
+
+export interface DeviceAuthRequest {
+  readonly code: string;
+  readonly verificationUrl: string;
+}
+
+export type DeviceAuthPollResult =
+  | {
+      readonly status: 'approved';
+      readonly auth: StoredAuth;
+    }
+  | {
+      readonly status: 'denied' | 'expired' | 'pending';
+    };
+
+export type TokenValidationResult =
+  | {
+      readonly status: 'valid';
+      readonly auth: StoredAuth;
+    }
+  | {
+      readonly status: 'error' | 'invalid';
+    };
+
+interface ApiClientOptions {
+  readonly apiBaseUrl: string;
+  readonly fetch: FetchLike;
+}
+
+interface PollDeviceAuthCodeOptions extends ApiClientOptions {
+  readonly code: string;
+  readonly signal?: AbortSignal;
+}
+
+interface ValidateAuthTokenOptions extends ApiClientOptions {
+  readonly token: string;
+  readonly signal?: AbortSignal;
+}
+
+const trimTrailingSlash = (value: string): string => value.replace(/\/+$/, '');
+
+const isRecord = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null;
+
+const getOptionalString = (value: unknown): string | undefined =>
+  typeof value === 'string' && value.length > 0 ? value : undefined;
+
+export const getKiloApiBaseUrl = (): string => {
+  const configuredUrl = import.meta.env.VITE_KILO_API_BASE_URL;
+
+  if (typeof configuredUrl === 'string' && configuredUrl.trim().length > 0) {
+    return trimTrailingSlash(configuredUrl.trim());
+  }
+
+  return DEFAULT_KILO_API_BASE_URL;
+};
+
+export const normalizeStoredAuth = (value: unknown): StoredAuth | undefined => {
+  if (!isRecord(value)) {
+    return undefined;
+  }
+
+  const token = getOptionalString(value['token']);
+
+  if (token === undefined) {
+    return undefined;
+  }
+
+  return {
+    token,
+    userEmail: getOptionalString(value['userEmail']),
+  };
+};
+
+export const loadStoredAuth = async (
+  storageArea: AuthStorageArea
+): Promise<StoredAuth | undefined> =>
+  normalizeStoredAuth(await storageArea.getItem(AUTH_STORAGE_KEY));
+
+export const saveStoredAuth = async (
+  storageArea: AuthStorageArea,
+  auth: StoredAuth
+): Promise<void> => {
+  await storageArea.setItem(AUTH_STORAGE_KEY, auth);
+};
+
+export const clearStoredAuth = async (storageArea: AuthStorageArea): Promise<void> => {
+  await storageArea.removeItem(AUTH_STORAGE_KEY);
+};
+
+const parseDeviceAuthRequest = (value: unknown): DeviceAuthRequest => {
+  if (!isRecord(value)) {
+    throw new TypeError('Device auth response was not an object.');
+  }
+
+  const code = getOptionalString(value['code']);
+  const verificationUrl = getOptionalString(value['verificationUrl']);
+
+  if (code === undefined || verificationUrl === undefined) {
+    throw new TypeError('Device auth response did not include a code and verification URL.');
+  }
+
+  return { code, verificationUrl };
+};
+
+const parseApprovedAuth = (value: unknown): StoredAuth => {
+  if (!isRecord(value)) {
+    throw new TypeError('Device auth poll response was not an object.');
+  }
+
+  const token = getOptionalString(value['token']);
+
+  if (token === undefined) {
+    throw new TypeError('Device auth poll response did not include a token.');
+  }
+
+  return {
+    token,
+    userEmail: getOptionalString(value['userEmail']),
+  };
+};
+
+export const createDeviceAuthRequest = async ({
+  apiBaseUrl,
+  fetch,
+}: ApiClientOptions): Promise<DeviceAuthRequest> => {
+  const response = await fetch(`${trimTrailingSlash(apiBaseUrl)}/api/device-auth/codes?app=1`, {
+    headers: { 'Content-Type': 'application/json' },
+    method: 'POST',
+  });
+
+  if (!response.ok) {
+    throw new Error('Failed to start sign in.');
+  }
+
+  const data: unknown = await response.json();
+  return parseDeviceAuthRequest(data);
+};
+
+export const pollDeviceAuthCode = async ({
+  apiBaseUrl,
+  code,
+  fetch,
+  signal,
+}: PollDeviceAuthCodeOptions): Promise<DeviceAuthPollResult> => {
+  const requestInit: RequestInit = signal === undefined ? {} : { signal };
+  const response = await fetch(
+    `${trimTrailingSlash(apiBaseUrl)}/api/device-auth/codes/${encodeURIComponent(code)}`,
+    requestInit
+  );
+
+  switch (response.status) {
+    case 200: {
+      const data: unknown = await response.json();
+      return { auth: parseApprovedAuth(data), status: 'approved' };
+    }
+    case 202: {
+      return { status: 'pending' };
+    }
+    case 403: {
+      return { status: 'denied' };
+    }
+    case 410: {
+      return { status: 'expired' };
+    }
+    default: {
+      throw new Error('Failed to check sign-in status.');
+    }
+  }
+};
+
+export const validateAuthToken = async ({
+  apiBaseUrl,
+  fetch,
+  signal,
+  token,
+}: ValidateAuthTokenOptions): Promise<TokenValidationResult> => {
+  const requestInit: RequestInit = {
+    headers: { Authorization: `Bearer ${token}` },
+    ...(signal === undefined ? {} : { signal }),
+  };
+  const response = await fetch(`${trimTrailingSlash(apiBaseUrl)}/api/user`, requestInit);
+
+  if (response.status === 401 || response.status === 403) {
+    return { status: 'invalid' };
+  }
+
+  if (!response.ok) {
+    return { status: 'error' };
+  }
+
+  const data: unknown = await response.json();
+
+  if (!isRecord(data)) {
+    return { auth: { token, userEmail: undefined }, status: 'valid' };
+  }
+
+  return {
+    auth: {
+      token,
+      userEmail: getOptionalString(data['google_user_email']),
+    },
+    status: 'valid',
+  };
+};
diff --git a/apps/extension/src/shared/side-panel.test.ts b/apps/extension/src/shared/side-panel.test.ts
index ae1fe855e0..e53954a550 100644
--- a/apps/extension/src/shared/side-panel.test.ts
+++ b/apps/extension/src/shared/side-panel.test.ts
@@ -8,7 +8,6 @@ describe('side panel behavior', () => {
     await enableActionClickSidePanel({
       setPanelBehavior: options => {
         calls.push(options);
-        return Promise.resolve();
       },
     });
 
diff --git a/apps/extension/src/shared/side-panel.ts b/apps/extension/src/shared/side-panel.ts
index 482f093a1c..56aa5046b8 100644
--- a/apps/extension/src/shared/side-panel.ts
+++ b/apps/extension/src/shared/side-panel.ts
@@ -1,5 +1,5 @@
 export interface NativeSidePanelApi {
-  setPanelBehavior(options: { openPanelOnActionClick: boolean }): Promise<void>;
+  setPanelBehavior(options: { openPanelOnActionClick: boolean }): Promise<void> | void;
 }
 
 export const enableActionClickSidePanel = async (sidePanel?: NativeSidePanelApi): Promise<void> => {
diff --git a/apps/extension/src/types/import-meta.d.ts b/apps/extension/src/types/import-meta.d.ts
new file mode 100644
index 0000000000..e9f168e266
--- /dev/null
+++ b/apps/extension/src/types/import-meta.d.ts
@@ -0,0 +1,3 @@
+interface ImportMetaEnv {
+  readonly VITE_KILO_API_BASE_URL?: string;
+}
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index af6937a885..ddb73c3fe8 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -15,6 +15,7 @@ interface ExtensionManifest {
       }
     | undefined;
   readonly content_scripts: unknown[] | undefined;
+  readonly host_permissions: string[] | undefined;
   readonly permissions: string[] | undefined;
   readonly side_panel:
     | {
@@ -135,6 +136,7 @@ const readOutputManifest = async (): Promise<ExtensionManifest> => {
     content_scripts: Array.isArray(manifest['content_scripts'])
       ? manifest['content_scripts']
       : undefined,
+    host_permissions: getStringArray(manifest['host_permissions']),
     permissions: getStringArray(manifest['permissions']),
     side_panel: getSidePanel(manifest['side_panel']),
   };
@@ -143,6 +145,7 @@ const readOutputManifest = async (): Promise<ExtensionManifest> => {
 test('native side panel is outside the page DOM', async () => {
   const manifest = await readOutputManifest();
   expect(manifest.side_panel?.default_path).toBe('sidepanel.html');
+  expect(manifest.host_permissions).toContain('https://app.kilo.ai/*');
   expect(manifest.permissions).toContain('sidePanel');
   expect(manifest.action?.default_popup).toBeUndefined();
   expect(manifest.content_scripts).toBeUndefined();
@@ -158,7 +161,8 @@ test('native side panel is outside the page DOM', async () => {
 
     const sidePanel = await context.newPage();
     await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
-    await expect(sidePanel.getByText('Native side panel')).toBeVisible();
+    await expect(sidePanel.getByRole('button', { name: 'Sign in' })).toBeVisible();
+    await expect(sidePanel.getByText('No actions yet')).toBeHidden();
   } finally {
     await context.close();
     await fixture.close();
diff --git a/apps/extension/wxt.config.ts b/apps/extension/wxt.config.ts
index c063dbfa1f..ebe58541d7 100644
--- a/apps/extension/wxt.config.ts
+++ b/apps/extension/wxt.config.ts
@@ -16,7 +16,9 @@ export default defineConfig({
       },
     },
     description: 'Kilo browser extension.',
+    host_permissions: ['https://app.kilo.ai/*', 'http://127.0.0.1/*', 'http://localhost/*'],
     name: 'Kilo Extension',
+    permissions: ['storage'],
   },
   modules: ['@wxt-dev/module-react'],
   vite: () => ({

From 68acf613bb2981ca7af7c72aa37a52adf45edb1d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 16:14:41 +0200
Subject: [PATCH 09/51] style(extension): use kilo logo in side panel header

---
 .../entrypoints/sidepanel/auth-views.tsx      | 13 ++++------
 apps/extension/src/shared/kilo-logo.tsx       | 24 +++++++++++++++++++
 apps/extension/src/shared/kilo-mark.tsx       | 22 -----------------
 3 files changed, 28 insertions(+), 31 deletions(-)
 create mode 100644 apps/extension/src/shared/kilo-logo.tsx
 delete mode 100644 apps/extension/src/shared/kilo-mark.tsx

diff --git a/apps/extension/entrypoints/sidepanel/auth-views.tsx b/apps/extension/entrypoints/sidepanel/auth-views.tsx
index 2f4b9b0c01..7db3466879 100644
--- a/apps/extension/entrypoints/sidepanel/auth-views.tsx
+++ b/apps/extension/entrypoints/sidepanel/auth-views.tsx
@@ -1,17 +1,12 @@
 import type { JSX, ReactNode } from 'react';
 import type { StoredAuth } from '@/src/shared/auth';
-import { KiloMark } from '@/src/shared/kilo-mark';
+import { KiloLogo } from '@/src/shared/kilo-logo';
 
 const Header = (): JSX.Element => (
   <div className="border-b border-zinc-800 px-4 py-3">
-    <div className="flex min-w-0 items-center gap-3">
-      <span className="flex size-9 shrink-0 items-center justify-center rounded-md bg-[#EDFF00] text-zinc-950">
-        <KiloMark className="size-5" />
-      </span>
-      <div className="min-w-0">
-        <p className="truncate text-sm font-semibold text-zinc-50">Kilo</p>
-        <p className="truncate text-xs text-zinc-400">Browser side panel</p>
-      </div>
+    <div className="flex min-w-0 items-center gap-2.5">
+      <KiloLogo className="size-8 shrink-0 text-[#EDFF00]" />
+      <p className="truncate text-sm font-semibold text-zinc-50">Kilo</p>
     </div>
   </div>
 );
diff --git a/apps/extension/src/shared/kilo-logo.tsx b/apps/extension/src/shared/kilo-logo.tsx
new file mode 100644
index 0000000000..a32323203a
--- /dev/null
+++ b/apps/extension/src/shared/kilo-logo.tsx
@@ -0,0 +1,24 @@
+import type { JSX } from 'react';
+
+interface KiloLogoProps {
+  className?: string;
+}
+
+export const KiloLogo = ({ className }: KiloLogoProps): JSX.Element => (
+  <svg
+    aria-hidden="true"
+    className={className}
+    data-name="Layer 2"
+    fill="none"
+    id="Layer_2"
+    viewBox="0 0 100 100"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g data-name="Kilo Code Branding" id="Kilo_Code_Branding">
+      <path
+        d="M0,0v100h100V0H0ZM92.5925926,92.5925926H7.4074074V7.4074074h85.1851852v85.1851852ZM61.1111044,71.9096084h9.2592593v7.4074074h-11.6402116l-5.026455-5.026455v-11.6402116h7.4074074v9.2592593ZM77.7777711,71.9096084h-7.4074074v-9.2592593h-9.2592593v-7.4074074h11.6402116l5.026455,5.026455v11.6402116ZM46.2962963,61.1114207h-7.4074074v-7.4074074h7.4074074v7.4074074ZM22.2222222,53.7040133h7.4074074v16.6666667h16.6666667v7.4074074h-19.047619l-5.026455-5.026455v-19.047619ZM77.7777711,38.8888889v7.4074074h-24.0740741v-7.4074074h8.2781918v-9.2592593h-8.2781918v-7.4074074h10.6591442l5.026455,5.026455v11.6402116h8.3884749ZM29.6296296,30.5555556h9.2592593l7.4074074,7.4074074v8.3333333h-7.4074074v-8.3333333h-9.2592593v8.3333333h-7.4074074v-24.0740741h7.4074074v8.3333333ZM46.2962963,30.5555556h-7.4074074v-8.3333333h7.4074074v8.3333333Z"
+        fill="currentColor"
+      />
+    </g>
+  </svg>
+);
diff --git a/apps/extension/src/shared/kilo-mark.tsx b/apps/extension/src/shared/kilo-mark.tsx
deleted file mode 100644
index 32c0d2c577..0000000000
--- a/apps/extension/src/shared/kilo-mark.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import type { JSX } from 'react';
-
-interface KiloMarkProps {
-  className?: string;
-}
-
-export const KiloMark = ({ className }: KiloMarkProps): JSX.Element => (
-  <svg
-    aria-hidden="true"
-    className={className}
-    fill="none"
-    viewBox="0 0 100 100"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      clipRule="evenodd"
-      d="M50 0C77.6142 0 100 22.3858 100 50C100 77.6142 77.6142 100 50 100C22.3858 100 0 77.6142 0 50C0 22.3858 22.3858 0 50 0ZM71 65V35C71 31.6863 68.3137 29 65 29H35C31.6863 29 29 31.6863 29 35V65C29 68.3137 31.6863 71 35 71H65C68.3137 71 71 68.3137 71 65Z"
-      fill="currentColor"
-      fillRule="evenodd"
-    />
-  </svg>
-);

From 77113e98d24cb258ef8ef788cbcba7478316eaca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 16:15:33 +0200
Subject: [PATCH 10/51] style(extension): simplify side panel header logo

---
 apps/extension/entrypoints/sidepanel/auth-views.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/auth-views.tsx b/apps/extension/entrypoints/sidepanel/auth-views.tsx
index 7db3466879..f2c791c891 100644
--- a/apps/extension/entrypoints/sidepanel/auth-views.tsx
+++ b/apps/extension/entrypoints/sidepanel/auth-views.tsx
@@ -4,9 +4,9 @@ import { KiloLogo } from '@/src/shared/kilo-logo';
 
 const Header = (): JSX.Element => (
   <div className="border-b border-zinc-800 px-4 py-3">
-    <div className="flex min-w-0 items-center gap-2.5">
+    <div className="flex min-w-0 items-center">
       <KiloLogo className="size-8 shrink-0 text-[#EDFF00]" />
-      <p className="truncate text-sm font-semibold text-zinc-50">Kilo</p>
+      <span className="sr-only">Kilo</span>
     </div>
   </div>
 );

From ea5d8d0de9574171f179e163d5d9d5fbe26dd668 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 16:27:06 +0200
Subject: [PATCH 11/51] feat(extension): target local backend in dev

---
 apps/extension/src/shared/auth.test.ts | 39 +++++++++++++++++++++++++-
 apps/extension/src/shared/auth.ts      |  5 ++++
 2 files changed, 43 insertions(+), 1 deletion(-)

diff --git a/apps/extension/src/shared/auth.test.ts b/apps/extension/src/shared/auth.test.ts
index 7051fc0f3f..fb4974074d 100644
--- a/apps/extension/src/shared/auth.test.ts
+++ b/apps/extension/src/shared/auth.test.ts
@@ -1,8 +1,11 @@
-import { describe, expect, it } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
 import {
   AUTH_STORAGE_KEY,
+  DEFAULT_KILO_API_BASE_URL,
+  DEFAULT_LOCAL_KILO_API_BASE_URL,
   clearStoredAuth,
   createDeviceAuthRequest,
+  getKiloApiBaseUrl,
   loadStoredAuth,
   normalizeStoredAuth,
   pollDeviceAuthCode,
@@ -38,6 +41,40 @@ const createStorage = (initialValue?: unknown): AuthStorageArea & { value: unkno
   };
 };
 
+const withStubbedEnv = (env: Record<string, string>, assertion: () => void): void => {
+  vi.unstubAllEnvs();
+
+  for (const [key, value] of Object.entries(env)) {
+    vi.stubEnv(key, value);
+  }
+
+  try {
+    assertion();
+  } finally {
+    vi.unstubAllEnvs();
+  }
+};
+
+describe('extension auth configuration', () => {
+  it('defaults local extension development to the local web backend', () => {
+    withStubbedEnv({ COMMAND: 'serve' }, () => {
+      expect(getKiloApiBaseUrl()).toBe(DEFAULT_LOCAL_KILO_API_BASE_URL);
+    });
+  });
+
+  it('defaults production builds to the hosted backend', () => {
+    withStubbedEnv({ COMMAND: 'build' }, () => {
+      expect(getKiloApiBaseUrl()).toBe(DEFAULT_KILO_API_BASE_URL);
+    });
+  });
+
+  it('lets an explicit backend URL override the build-mode default', () => {
+    withStubbedEnv({ COMMAND: 'serve', VITE_KILO_API_BASE_URL: ' http://localhost:3001/ ' }, () => {
+      expect(getKiloApiBaseUrl()).toBe('http://localhost:3001');
+    });
+  });
+});
+
 describe('extension auth storage', () => {
   it('normalizes valid stored auth and rejects malformed values', () => {
     expect(normalizeStoredAuth({ token: 'token-1', userEmail: 'user@kilo.ai' })).toStrictEqual({
diff --git a/apps/extension/src/shared/auth.ts b/apps/extension/src/shared/auth.ts
index f0d5afc6cb..58a834c1e0 100644
--- a/apps/extension/src/shared/auth.ts
+++ b/apps/extension/src/shared/auth.ts
@@ -1,5 +1,6 @@
 export const AUTH_STORAGE_KEY = 'local:kiloAuth';
 export const DEFAULT_KILO_API_BASE_URL = 'https://app.kilo.ai';
+export const DEFAULT_LOCAL_KILO_API_BASE_URL = 'http://localhost:3000';
 
 export interface StoredAuth {
   readonly token: string;
@@ -69,6 +70,10 @@ export const getKiloApiBaseUrl = (): string => {
     return trimTrailingSlash(configuredUrl.trim());
   }
 
+  if (import.meta.env.COMMAND === 'serve') {
+    return DEFAULT_LOCAL_KILO_API_BASE_URL;
+  }
+
   return DEFAULT_KILO_API_BASE_URL;
 };
 

From 0229a68a8d321c39209ffc160e297125cad72845 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 16:30:05 +0200
Subject: [PATCH 12/51] chore(extension): run dev server on port 3001

---
 apps/extension/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/extension/package.json b/apps/extension/package.json
index 90983e7d1b..b4f61f38d0 100644
--- a/apps/extension/package.json
+++ b/apps/extension/package.json
@@ -5,7 +5,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "wxt",
+    "dev": "wxt --port 3001",
     "dev:firefox": "wxt -b firefox --mv3",
     "debug:chrome": "pnpm run build && tsx scripts/debug-chrome.ts",
     "build": "wxt build",

From fd5de6659bc84f0ddcb92a4568eec208bc279662 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 16:33:43 +0200
Subject: [PATCH 13/51] style(extension): align account controls in header

---
 .../entrypoints/sidepanel/auth-views.tsx      | 66 ++++++++++++-------
 1 file changed, 43 insertions(+), 23 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/auth-views.tsx b/apps/extension/entrypoints/sidepanel/auth-views.tsx
index f2c791c891..2b9ea4cf1e 100644
--- a/apps/extension/entrypoints/sidepanel/auth-views.tsx
+++ b/apps/extension/entrypoints/sidepanel/auth-views.tsx
@@ -2,18 +2,56 @@ import type { JSX, ReactNode } from 'react';
 import type { StoredAuth } from '@/src/shared/auth';
 import { KiloLogo } from '@/src/shared/kilo-logo';
 
-const Header = (): JSX.Element => (
+const HeaderAccountControls = ({
+  auth,
+  onSignOut,
+}: {
+  auth: StoredAuth;
+  onSignOut: () => void;
+}): JSX.Element => (
+  <div className="flex min-w-0 items-center justify-end gap-2">
+    {auth.userEmail === undefined ? null : (
+      <p className="min-w-0 truncate text-xs text-zinc-400">{auth.userEmail}</p>
+    )}
+    <button
+      className="h-8 shrink-0 rounded-md border border-zinc-700 px-3 text-sm font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
+      onClick={onSignOut}
+      type="button"
+    >
+      Sign out
+    </button>
+  </div>
+);
+
+const Header = ({
+  auth,
+  onSignOut,
+}: {
+  auth?: StoredAuth | undefined;
+  onSignOut?: (() => void) | undefined;
+}): JSX.Element => (
   <div className="border-b border-zinc-800 px-4 py-3">
-    <div className="flex min-w-0 items-center">
+    <div className="flex min-w-0 items-center justify-between gap-3">
       <KiloLogo className="size-8 shrink-0 text-[#EDFF00]" />
       <span className="sr-only">Kilo</span>
+      {auth === undefined || onSignOut === undefined ? null : (
+        <HeaderAccountControls auth={auth} onSignOut={onSignOut} />
+      )}
     </div>
   </div>
 );
 
-const Shell = ({ children }: { children: ReactNode }): JSX.Element => (
+const Shell = ({
+  auth,
+  children,
+  onSignOut,
+}: {
+  auth?: StoredAuth | undefined;
+  children: ReactNode;
+  onSignOut?: (() => void) | undefined;
+}): JSX.Element => (
   <main className="flex min-h-dvh flex-col bg-zinc-950 text-zinc-50">
-    <Header />
+    <Header auth={auth} onSignOut={onSignOut} />
     {children}
   </main>
 );
@@ -147,26 +185,8 @@ export const SignedInView = ({
   auth: StoredAuth;
   onSignOut: () => void;
 }): JSX.Element => (
-  <Shell>
+  <Shell auth={auth} onSignOut={onSignOut}>
     <div className="flex min-h-0 flex-1 flex-col overflow-y-auto">
-      <div className="border-b border-zinc-800 px-4 py-3">
-        <div className="flex items-center justify-between gap-3">
-          <div className="min-w-0">
-            <p className="text-sm font-medium text-zinc-100">Current tab</p>
-            {auth.userEmail === undefined ? null : (
-              <p className="mt-0.5 truncate text-xs text-zinc-500">{auth.userEmail}</p>
-            )}
-          </div>
-          <button
-            className="h-8 rounded-md border border-zinc-700 px-3 text-sm font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
-            onClick={onSignOut}
-            type="button"
-          >
-            Sign out
-          </button>
-        </div>
-      </div>
-
       <div className="flex flex-1 flex-col px-4 py-5">
         <div className="rounded-md border border-dashed border-zinc-800 bg-zinc-900/40 p-4">
           <p className="text-sm font-medium text-zinc-100">No actions yet</p>

From 339465f329e835c84564506fc7e7f73428b352ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 16:59:46 +0200
Subject: [PATCH 14/51] feat(extension): add debugger html length probe

---
 apps/extension/entrypoints/background.ts      |  83 ++++++++-
 apps/extension/entrypoints/sidepanel/app.tsx  |  38 +++-
 .../entrypoints/sidepanel/auth-views.tsx      |  93 +++++++++-
 .../entrypoints/sidepanel/use-tab-debugger.ts | 130 ++++++++++++++
 .../extension/src/shared/tab-debugger.test.ts |  79 +++++++++
 apps/extension/src/shared/tab-debugger.ts     | 162 ++++++++++++++++++
 apps/extension/tests/e2e/sidebar.test.ts      |   1 +
 apps/extension/wxt.config.ts                  |   2 +-
 8 files changed, 576 insertions(+), 12 deletions(-)
 create mode 100644 apps/extension/entrypoints/sidepanel/use-tab-debugger.ts
 create mode 100644 apps/extension/src/shared/tab-debugger.test.ts
 create mode 100644 apps/extension/src/shared/tab-debugger.ts

diff --git a/apps/extension/entrypoints/background.ts b/apps/extension/entrypoints/background.ts
index ec09e45626..6b32dc7eeb 100644
--- a/apps/extension/entrypoints/background.ts
+++ b/apps/extension/entrypoints/background.ts
@@ -1,13 +1,90 @@
 import { enableActionClickSidePanel } from '@/src/shared/side-panel';
+import {
+  GET_TAB_HTML_LENGTH_MESSAGE,
+  LIST_INSPECTABLE_TABS_MESSAGE,
+  getTabHtmlLength,
+  isTabDebuggerRequest,
+  listInspectableTabs,
+} from '@/src/shared/tab-debugger';
+import type {
+  ChromeDebuggerApi,
+  TabDebuggerRequest,
+  TabDebuggerResponse,
+} from '@/src/shared/tab-debugger';
+
+interface ChromeRuntimeApi {
+  readonly onMessage?: {
+    readonly addListener: (
+      listener: (
+        message: unknown,
+        sender: unknown,
+        sendResponse: (response: TabDebuggerResponse) => void
+      ) => boolean | void
+    ) => void;
+  };
+}
+
+const handleTabDebuggerRequest = async ({
+  debuggerApi,
+  request,
+}: {
+  debuggerApi: ChromeDebuggerApi | undefined;
+  request: TabDebuggerRequest;
+}): Promise<TabDebuggerResponse> => {
+  if (debuggerApi === undefined) {
+    return { error: 'Debugger API is unavailable.', ok: false };
+  }
+
+  try {
+    if (request.type === LIST_INSPECTABLE_TABS_MESSAGE) {
+      return {
+        ok: true,
+        tabs: await listInspectableTabs(debuggerApi),
+        type: LIST_INSPECTABLE_TABS_MESSAGE,
+      };
+    }
+
+    return {
+      length: await getTabHtmlLength(debuggerApi, request.tabId),
+      ok: true,
+      type: GET_TAB_HTML_LENGTH_MESSAGE,
+    };
+  } catch (error) {
+    return {
+      error: error instanceof Error ? error.message : 'Debugger request failed.',
+      ok: false,
+    };
+  }
+};
 
 export default defineBackground(() => {
-  const sidePanel = (
+  const chromeApi = (
     globalThis as typeof globalThis & {
       chrome?: {
+        debugger?: ChromeDebuggerApi;
+        runtime?: ChromeRuntimeApi;
         sidePanel?: Parameters<typeof enableActionClickSidePanel>[0];
       };
     }
-  ).chrome?.sidePanel;
+  ).chrome;
+
+  void enableActionClickSidePanel(chromeApi?.sidePanel);
+
+  chromeApi?.runtime?.onMessage?.addListener((message, sender, sendResponse) => {
+    void sender;
+
+    if (!isTabDebuggerRequest(message)) {
+      return;
+    }
+
+    void (async (): Promise<void> => {
+      const response = await handleTabDebuggerRequest({
+        debuggerApi: chromeApi.debugger,
+        request: message,
+      });
+      sendResponse(response);
+    })();
 
-  void enableActionClickSidePanel(sidePanel);
+    return true;
+  });
 });
diff --git a/apps/extension/entrypoints/sidepanel/app.tsx b/apps/extension/entrypoints/sidepanel/app.tsx
index 3387c6e183..e0c71528b2 100644
--- a/apps/extension/entrypoints/sidepanel/app.tsx
+++ b/apps/extension/entrypoints/sidepanel/app.tsx
@@ -18,6 +18,7 @@ import {
   SignedOutView,
   ValidationErrorView,
 } from './auth-views';
+import { useTabDebugger } from './use-tab-debugger';
 
 const pollIntervalMs = 3000;
 const apiBaseUrl = getKiloApiBaseUrl();
@@ -43,6 +44,17 @@ type PanelState =
 
 export const App = (): JSX.Element => {
   const [state, setState] = useState<PanelState>({ status: 'checking' });
+  const {
+    htmlLength,
+    inspectableTabs,
+    isLoadingTabs,
+    isMeasuringHtml,
+    loadInspectableTabs,
+    measureSelectedTabHtml,
+    selectTab,
+    selectedTabId,
+    tabDebuggerError,
+  } = useTabDebugger();
   const abortRef = useRef<AbortController | null>(null);
   const pollTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
 
@@ -102,6 +114,14 @@ export const App = (): JSX.Element => {
     };
   }, [stopPolling, validateStoredAuth]);
 
+  useEffect(() => {
+    if (state.status !== 'signedIn') {
+      return;
+    }
+
+    void loadInspectableTabs();
+  }, [loadInspectableTabs, state.status]);
+
   const cancelSignIn = useCallback((): void => {
     stopPolling();
     setState({ status: 'signedOut' });
@@ -236,7 +256,23 @@ export const App = (): JSX.Element => {
   }
 
   if (state.status === 'signedIn') {
-    return <SignedInView auth={state.auth} onSignOut={signOut} />;
+    return (
+      <SignedInView
+        auth={state.auth}
+        htmlLength={htmlLength}
+        inspectableTabs={inspectableTabs}
+        isLoadingTabs={isLoadingTabs}
+        isMeasuringHtml={isMeasuringHtml}
+        onMeasureHtml={measureSelectedTabHtml}
+        onRefreshTabs={() => {
+          void loadInspectableTabs();
+        }}
+        onSelectTab={selectTab}
+        onSignOut={signOut}
+        selectedTabId={selectedTabId}
+        tabDebuggerError={tabDebuggerError}
+      />
+    );
   }
 
   return <LoadingView />;
diff --git a/apps/extension/entrypoints/sidepanel/auth-views.tsx b/apps/extension/entrypoints/sidepanel/auth-views.tsx
index 2b9ea4cf1e..90828cbf0e 100644
--- a/apps/extension/entrypoints/sidepanel/auth-views.tsx
+++ b/apps/extension/entrypoints/sidepanel/auth-views.tsx
@@ -1,6 +1,7 @@
-import type { JSX, ReactNode } from 'react';
+import type { ChangeEvent, JSX, ReactNode } from 'react';
 import type { StoredAuth } from '@/src/shared/auth';
 import { KiloLogo } from '@/src/shared/kilo-logo';
+import type { InspectableTab } from '@/src/shared/tab-debugger';
 
 const HeaderAccountControls = ({
   auth,
@@ -56,6 +57,24 @@ const Shell = ({
   </main>
 );
 
+const getMeasureButtonLabel = ({
+  htmlLength,
+  isMeasuringHtml,
+}: {
+  htmlLength: number | undefined;
+  isMeasuringHtml: boolean;
+}): string => {
+  if (isMeasuringHtml) {
+    return 'Measuring...';
+  }
+
+  if (htmlLength === undefined) {
+    return 'Measure HTML';
+  }
+
+  return `HTML length: ${htmlLength.toLocaleString()}`;
+};
+
 export const LoadingView = (): JSX.Element => (
   <Shell>
     <div className="flex flex-1 items-center justify-center px-4 py-6">
@@ -180,19 +199,79 @@ export const ValidationErrorView = ({
 
 export const SignedInView = ({
   auth,
+  htmlLength,
+  inspectableTabs,
+  isLoadingTabs,
+  isMeasuringHtml,
+  onMeasureHtml,
+  onRefreshTabs,
+  onSelectTab,
   onSignOut,
+  selectedTabId,
+  tabDebuggerError,
 }: {
   auth: StoredAuth;
+  htmlLength: number | undefined;
+  inspectableTabs: InspectableTab[];
+  isLoadingTabs: boolean;
+  isMeasuringHtml: boolean;
+  onMeasureHtml: () => void;
+  onRefreshTabs: () => void;
+  onSelectTab: (tabId: number) => void;
   onSignOut: () => void;
+  selectedTabId: number | undefined;
+  tabDebuggerError: string | undefined;
 }): JSX.Element => (
   <Shell auth={auth} onSignOut={onSignOut}>
     <div className="flex min-h-0 flex-1 flex-col overflow-y-auto">
-      <div className="flex flex-1 flex-col px-4 py-5">
-        <div className="rounded-md border border-dashed border-zinc-800 bg-zinc-900/40 p-4">
-          <p className="text-sm font-medium text-zinc-100">No actions yet</p>
-          <p className="mt-1 text-sm leading-5 text-zinc-400">
-            Tools for this tab will appear here.
-          </p>
+      <div className="flex flex-1 flex-col gap-3 px-4 py-5">
+        <div className="rounded-md border border-zinc-800 bg-zinc-900/70 p-3">
+          <div className="flex items-center justify-between gap-2">
+            <label className="text-sm font-medium text-zinc-100" htmlFor="inspectable-tab">
+              Tab
+            </label>
+            <button
+              className="h-8 rounded-md border border-zinc-700 px-3 text-xs font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950 disabled:cursor-not-allowed disabled:border-zinc-800 disabled:text-zinc-600"
+              disabled={isLoadingTabs}
+              onClick={onRefreshTabs}
+              type="button"
+            >
+              {isLoadingTabs ? 'Loading...' : 'Refresh'}
+            </button>
+          </div>
+
+          <select
+            className="mt-3 h-10 w-full rounded-md border border-zinc-700 bg-zinc-950 px-3 text-sm text-zinc-100 outline-none transition focus:border-[#EDFF00] focus:ring-2 focus:ring-[#EDFF00]/30 disabled:cursor-not-allowed disabled:border-zinc-800 disabled:text-zinc-600"
+            disabled={isLoadingTabs || inspectableTabs.length === 0}
+            id="inspectable-tab"
+            onChange={(event: ChangeEvent<HTMLSelectElement>) => {
+              onSelectTab(Number(event.currentTarget.value));
+            }}
+            value={selectedTabId?.toString() ?? ''}
+          >
+            {inspectableTabs.length === 0 ? (
+              <option value="">No inspectable tabs</option>
+            ) : (
+              inspectableTabs.map(tab => (
+                <option key={tab.id} value={tab.id}>
+                  {tab.title} - {tab.url}
+                </option>
+              ))
+            )}
+          </select>
+
+          <button
+            className="mt-3 h-10 w-full rounded-md bg-[#EDFF00] px-4 text-sm font-semibold text-zinc-950 transition hover:bg-[#d9ea00] focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950 disabled:cursor-not-allowed disabled:bg-zinc-800 disabled:text-zinc-500"
+            disabled={isMeasuringHtml || selectedTabId === undefined}
+            onClick={onMeasureHtml}
+            type="button"
+          >
+            {getMeasureButtonLabel({ htmlLength, isMeasuringHtml })}
+          </button>
+
+          {tabDebuggerError === undefined ? null : (
+            <p className="mt-3 text-sm leading-5 text-red-300">{tabDebuggerError}</p>
+          )}
         </div>
       </div>
     </div>
diff --git a/apps/extension/entrypoints/sidepanel/use-tab-debugger.ts b/apps/extension/entrypoints/sidepanel/use-tab-debugger.ts
new file mode 100644
index 0000000000..60d9e598f5
--- /dev/null
+++ b/apps/extension/entrypoints/sidepanel/use-tab-debugger.ts
@@ -0,0 +1,130 @@
+import { browser } from '#imports';
+import { useCallback, useState } from 'react';
+import {
+  GET_TAB_HTML_LENGTH_MESSAGE,
+  LIST_INSPECTABLE_TABS_MESSAGE,
+  isTabDebuggerResponse,
+} from '@/src/shared/tab-debugger';
+import type {
+  InspectableTab,
+  TabDebuggerRequest,
+  TabDebuggerResponse,
+} from '@/src/shared/tab-debugger';
+
+const getErrorMessage = (error: unknown, fallback: string): string =>
+  error instanceof Error ? error.message : fallback;
+
+const sendTabDebuggerRequest = async (
+  request: TabDebuggerRequest
+): Promise<TabDebuggerResponse> => {
+  const response: unknown = await browser.runtime.sendMessage(request);
+
+  if (!isTabDebuggerResponse(response)) {
+    return { error: 'Extension background returned an invalid response.', ok: false };
+  }
+
+  return response;
+};
+
+export const useTabDebugger = (): {
+  readonly htmlLength: number | undefined;
+  readonly inspectableTabs: InspectableTab[];
+  readonly isLoadingTabs: boolean;
+  readonly isMeasuringHtml: boolean;
+  readonly loadInspectableTabs: () => Promise<void>;
+  readonly measureSelectedTabHtml: () => void;
+  readonly selectTab: (tabId: number) => void;
+  readonly selectedTabId: number | undefined;
+  readonly tabDebuggerError: string | undefined;
+} => {
+  const [htmlLength, setHtmlLength] = useState<number | undefined>();
+  const [inspectableTabs, setInspectableTabs] = useState<InspectableTab[]>([]);
+  const [isLoadingTabs, setIsLoadingTabs] = useState(false);
+  const [isMeasuringHtml, setIsMeasuringHtml] = useState(false);
+  const [selectedTabId, setSelectedTabId] = useState<number | undefined>();
+  const [tabDebuggerError, setTabDebuggerError] = useState<string | undefined>();
+
+  const loadInspectableTabs = useCallback(async (): Promise<void> => {
+    setIsLoadingTabs(true);
+    setTabDebuggerError(undefined);
+
+    try {
+      const response = await sendTabDebuggerRequest({ type: LIST_INSPECTABLE_TABS_MESSAGE });
+
+      if (!response.ok) {
+        throw new Error(response.error);
+      }
+
+      if (response.type !== LIST_INSPECTABLE_TABS_MESSAGE) {
+        throw new Error('Extension background returned the wrong response.');
+      }
+
+      setInspectableTabs(response.tabs);
+      setSelectedTabId(currentTabId => {
+        if (currentTabId !== undefined && response.tabs.some(tab => tab.id === currentTabId)) {
+          return currentTabId;
+        }
+
+        return response.tabs[0]?.id;
+      });
+    } catch (error) {
+      setInspectableTabs([]);
+      setSelectedTabId(undefined);
+      setTabDebuggerError(getErrorMessage(error, 'Failed to load tabs.'));
+    } finally {
+      setIsLoadingTabs(false);
+    }
+  }, []);
+
+  const selectTab = useCallback((tabId: number): void => {
+    setHtmlLength(undefined);
+    setSelectedTabId(tabId);
+    setTabDebuggerError(undefined);
+  }, []);
+
+  const measureSelectedTabHtml = useCallback((): void => {
+    if (selectedTabId === undefined) {
+      setTabDebuggerError('Select a tab first.');
+      return;
+    }
+
+    setHtmlLength(undefined);
+    setIsMeasuringHtml(true);
+    setTabDebuggerError(undefined);
+
+    void (async (): Promise<void> => {
+      try {
+        const response = await sendTabDebuggerRequest({
+          tabId: selectedTabId,
+          type: GET_TAB_HTML_LENGTH_MESSAGE,
+        });
+
+        if (!response.ok) {
+          throw new Error(response.error);
+        }
+
+        if (response.type !== GET_TAB_HTML_LENGTH_MESSAGE) {
+          throw new Error('Extension background returned the wrong response.');
+        }
+
+        setHtmlLength(response.length);
+      } catch (error) {
+        setTabDebuggerError(getErrorMessage(error, 'Failed to measure HTML.'));
+      } finally {
+        setIsMeasuringHtml(false);
+      }
+    })();
+  }, [selectedTabId]);
+
+  return {
+    htmlLength,
+    inspectableTabs,
+    isLoadingTabs,
+    isMeasuringHtml,
+    loadInspectableTabs,
+    measureSelectedTabHtml,
+    selectTab,
+    selectedTabId,
+    tabDebuggerError,
+  };
+};
diff --git a/apps/extension/src/shared/tab-debugger.test.ts b/apps/extension/src/shared/tab-debugger.test.ts
new file mode 100644
index 0000000000..1588f5be5f
--- /dev/null
+++ b/apps/extension/src/shared/tab-debugger.test.ts
@@ -0,0 +1,79 @@
+import { describe, expect, it } from 'vitest';
+import { HTML_LENGTH_EXPRESSION, getTabHtmlLength, listInspectableTabs } from './tab-debugger';
+import type { ChromeDebuggerApi, ChromeDebuggerTargetInfo } from './tab-debugger';
+
+const createDebuggerApi = ({
+  sendCommand,
+  targets,
+}: {
+  sendCommand?: ChromeDebuggerApi['sendCommand'];
+  targets?: ChromeDebuggerTargetInfo[];
+} = {}): ChromeDebuggerApi & { calls: string[] } => {
+  const calls: string[] = [];
+
+  return {
+    attach: target => {
+      calls.push(`attach:${target.tabId}`);
+    },
+    calls,
+    detach: target => {
+      calls.push(`detach:${target.tabId}`);
+    },
+    getTargets: () =>
+      targets ?? [
+        { tabId: 1, title: 'Kilo', type: 'page', url: 'https://app.kilo.ai/' },
+        { tabId: 2, title: 'Chrome settings', type: 'page', url: 'chrome://settings' },
+        { title: 'Extension worker', type: 'service_worker', url: 'chrome-extension://id/bg.js' },
+        { tabId: 3, title: 'Local app', type: 'page', url: 'http://localhost:3001/' },
+      ],
+    sendCommand:
+      sendCommand ??
+      ((_target, _method, _params) => {
+        calls.push('sendCommand');
+        return { result: { type: 'number', value: 42 } };
+      }),
+  };
+};
+
+describe('tab debugger helpers', () => {
+  it('lists only normal inspectable page tabs', async () => {
+    await expect(listInspectableTabs(createDebuggerApi())).resolves.toStrictEqual([
+      { id: 1, title: 'Kilo', url: 'https://app.kilo.ai/' },
+      { id: 3, title: 'Local app', url: 'http://localhost:3001/' },
+    ]);
+  });
+
+  it('evaluates and returns the selected tab html length', async () => {
+    const calls: unknown[] = [];
+    const debuggerApi = createDebuggerApi({
+      sendCommand: (target, method, params) => {
+        calls.push({ method, params, target });
+        return { result: { type: 'number', value: 12_345 } };
+      },
+    });
+
+    await expect(getTabHtmlLength(debuggerApi, 7)).resolves.toBe(12_345);
+    expect(debuggerApi.calls).toStrictEqual(['attach:7', 'detach:7']);
+    expect(calls).toStrictEqual([
+      {
+        method: 'Runtime.evaluate',
+        params: {
+          expression: HTML_LENGTH_EXPRESSION,
+          returnByValue: true,
+        },
+        target: { tabId: 7 },
+      },
+    ]);
+  });
+
+  it('detaches from the tab when evaluation fails', async () => {
+    const debuggerApi = createDebuggerApi({
+      sendCommand: () => {
+        throw new Error('Evaluation failed.');
+      },
+    });
+
+    await expect(getTabHtmlLength(debuggerApi, 7)).rejects.toThrow('Evaluation failed.');
+    expect(debuggerApi.calls).toStrictEqual(['attach:7', 'detach:7']);
+  });
+});
diff --git a/apps/extension/src/shared/tab-debugger.ts b/apps/extension/src/shared/tab-debugger.ts
new file mode 100644
index 0000000000..7eb9b7096f
--- /dev/null
+++ b/apps/extension/src/shared/tab-debugger.ts
@@ -0,0 +1,162 @@
+export const DEBUGGER_PROTOCOL_VERSION = '1.3';
+export const HTML_LENGTH_EXPRESSION = 'document.documentElement.outerHTML.length';
+export const LIST_INSPECTABLE_TABS_MESSAGE = 'kilo.tabs.listInspectable';
+export const GET_TAB_HTML_LENGTH_MESSAGE = 'kilo.tabs.getHtmlLength';
+
+export interface ChromeDebuggerTargetInfo {
+  readonly attached?: boolean;
+  readonly tabId?: number;
+  readonly title?: string;
+  readonly type?: string;
+  readonly url?: string;
+}
+
+export interface ChromeDebuggerTarget {
+  readonly tabId: number;
+}
+
+export interface ChromeDebuggerApi {
+  readonly attach: (target: ChromeDebuggerTarget, requiredVersion: string) => Promise<void> | void;
+  readonly detach: (target: ChromeDebuggerTarget) => Promise<void> | void;
+  readonly getTargets: () => Promise<ChromeDebuggerTargetInfo[]> | ChromeDebuggerTargetInfo[];
+  readonly sendCommand: (
+    target: ChromeDebuggerTarget,
+    method: string,
+    commandParams?: Record<string, unknown>
+  ) => unknown;
+}
+
+export interface InspectableTab {
+  readonly id: number;
+  readonly title: string;
+  readonly url: string;
+}
+
+export type TabDebuggerRequest =
+  | {
+      readonly type: typeof LIST_INSPECTABLE_TABS_MESSAGE;
+    }
+  | {
+      readonly tabId: number;
+      readonly type: typeof GET_TAB_HTML_LENGTH_MESSAGE;
+    };
+
+export type TabDebuggerResponse =
+  | {
+      readonly ok: true;
+      readonly tabs: InspectableTab[];
+      readonly type: typeof LIST_INSPECTABLE_TABS_MESSAGE;
+    }
+  | {
+      readonly length: number;
+      readonly ok: true;
+      readonly type: typeof GET_TAB_HTML_LENGTH_MESSAGE;
+    }
+  | {
+      readonly error: string;
+      readonly ok: false;
+    };
+
+const isRecord = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null;
+
+const isNormalPageUrl = (url: string | undefined): url is string =>
+  url?.startsWith('http://') === true || url?.startsWith('https://') === true;
+
+export const listInspectableTabs = async (
+  debuggerApi: ChromeDebuggerApi
+): Promise<InspectableTab[]> => {
+  const targets = await debuggerApi.getTargets();
+
+  return targets
+    .filter(
+      (
+        target
+      ): target is ChromeDebuggerTargetInfo & { readonly tabId: number; readonly url: string } =>
+        target.type === 'page' && typeof target.tabId === 'number' && isNormalPageUrl(target.url)
+    )
+    .map(target => {
+      const title = target.title?.trim();
+
+      return {
+        id: target.tabId,
+        title: title === undefined || title === '' ? target.url : title,
+        url: target.url,
+      };
+    });
+};
+
+export const getTabHtmlLength = async (
+  debuggerApi: ChromeDebuggerApi,
+  tabId: number
+): Promise<number> => {
+  const target = { tabId };
+  let attached = false;
+
+  await debuggerApi.attach(target, DEBUGGER_PROTOCOL_VERSION);
+  attached = true;
+
+  try {
+    const response = await debuggerApi.sendCommand(target, 'Runtime.evaluate', {
+      expression: HTML_LENGTH_EXPRESSION,
+      returnByValue: true,
+    });
+
+    if (!isRecord(response)) {
+      throw new Error('Debugger did not return an HTML length.');
+    }
+
+    const { exceptionDetails, result } = response;
+
+    if (exceptionDetails !== undefined) {
+      throw new Error('Page evaluation failed.');
+    }
+
+    if (!isRecord(result) || typeof result['value'] !== 'number') {
+      throw new Error('Debugger did not return an HTML length.');
+    }
+
+    return result['value'];
+  } finally {
+    if (attached) {
+      await debuggerApi.detach(target);
+    }
+  }
+};
+
+export const isTabDebuggerRequest = (value: unknown): value is TabDebuggerRequest => {
+  if (!isRecord(value) || typeof value['type'] !== 'string') {
+    return false;
+  }
+
+  if (value['type'] === LIST_INSPECTABLE_TABS_MESSAGE) {
+    return true;
+  }
+
+  return value['type'] === GET_TAB_HTML_LENGTH_MESSAGE && typeof value['tabId'] === 'number';
+};
+
+export const isTabDebuggerResponse = (value: unknown): value is TabDebuggerResponse => {
+  if (!isRecord(value) || typeof value['ok'] !== 'boolean') {
+    return false;
+  }
+
+  if (!value['ok']) {
+    return typeof value['error'] === 'string';
+  }
+
+  if (value['type'] === LIST_INSPECTABLE_TABS_MESSAGE) {
+    return (
+      Array.isArray(value['tabs']) &&
+      value['tabs'].every(
+        tab =>
+          isRecord(tab) &&
+          typeof tab['id'] === 'number' &&
+          typeof tab['title'] === 'string' &&
+          typeof tab['url'] === 'string'
+      )
+    );
+  }
+
+  return value['type'] === GET_TAB_HTML_LENGTH_MESSAGE && typeof value['length'] === 'number';
+};
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index ddb73c3fe8..04166b5cf1 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -146,6 +146,7 @@ test('native side panel is outside the page DOM', async () => {
   const manifest = await readOutputManifest();
   expect(manifest.side_panel?.default_path).toBe('sidepanel.html');
   expect(manifest.host_permissions).toContain('https://app.kilo.ai/*');
+  expect(manifest.permissions).toContain('debugger');
   expect(manifest.permissions).toContain('sidePanel');
   expect(manifest.action?.default_popup).toBeUndefined();
   expect(manifest.content_scripts).toBeUndefined();
diff --git a/apps/extension/wxt.config.ts b/apps/extension/wxt.config.ts
index ebe58541d7..6cde2e3c17 100644
--- a/apps/extension/wxt.config.ts
+++ b/apps/extension/wxt.config.ts
@@ -18,7 +18,7 @@ export default defineConfig({
     description: 'Kilo browser extension.',
     host_permissions: ['https://app.kilo.ai/*', 'http://127.0.0.1/*', 'http://localhost/*'],
     name: 'Kilo Extension',
-    permissions: ['storage'],
+    permissions: ['debugger', 'storage'],
   },
   modules: ['@wxt-dev/module-react'],
   vite: () => ({

From 381b0c2621be75bf1caabaf73f1f2bb06eed0bbd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 17:08:27 +0200
Subject: [PATCH 15/51] style(extension): add agent chat placeholder shell

---
 .../sidepanel/agent-chat-panel.tsx            | 186 ++++++++++++++++++
 apps/extension/entrypoints/sidepanel/app.tsx  |  38 +---
 .../entrypoints/sidepanel/auth-views.tsx      |  93 +--------
 .../src/shared/agent-chat-placeholder.test.ts |  29 +++
 .../src/shared/agent-chat-placeholder.ts      |  39 ++++
 5 files changed, 258 insertions(+), 127 deletions(-)
 create mode 100644 apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
 create mode 100644 apps/extension/src/shared/agent-chat-placeholder.test.ts
 create mode 100644 apps/extension/src/shared/agent-chat-placeholder.ts

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
new file mode 100644
index 0000000000..9f982ddfbe
--- /dev/null
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -0,0 +1,186 @@
+import { useMemo, useState } from 'react';
+import type { ChangeEvent, JSX, ReactNode } from 'react';
+import { getDefaultAgentPanelState } from '@/src/shared/agent-chat-placeholder';
+import type { AgentChatMessage, AgentPanelFooterState } from '@/src/shared/agent-chat-placeholder';
+
+const modeOptions = [
+  { label: 'Safe', value: 'safe' },
+  { label: 'Dangerous', value: 'dangerous' },
+] as const;
+
+const modelOptions = ['Claude Sonnet 4', 'Claude Opus 4', 'GPT-5'] as const;
+const effortOptions = ['low', 'medium', 'high'] as const;
+
+const isThinkingEffort = (value: string): value is AgentPanelFooterState['thinkingEffort'] =>
+  value === 'low' || value === 'medium' || value === 'high';
+
+const FieldLabel = ({ children, htmlFor }: { children: string; htmlFor: string }): JSX.Element => (
+  <label className="text-[11px] font-medium text-zinc-500" htmlFor={htmlFor}>
+    {children}
+  </label>
+);
+
+const SelectControl = ({
+  children,
+  id,
+  label,
+  onChange,
+  value,
+}: {
+  children: ReactNode;
+  id: string;
+  label: string;
+  onChange: (value: string) => void;
+  value: string;
+}): JSX.Element => (
+  <div className="grid min-w-0 gap-1">
+    <FieldLabel htmlFor={id}>{label}</FieldLabel>
+    <select
+      className="h-8 min-w-0 rounded-md border border-zinc-800 bg-zinc-950 px-2 text-xs font-medium text-zinc-200 outline-none transition hover:border-zinc-700 focus:border-[#EDFF00] focus:ring-2 focus:ring-[#EDFF00]/30"
+      id={id}
+      onChange={(event: ChangeEvent<HTMLSelectElement>) => {
+        onChange(event.currentTarget.value);
+      }}
+      value={value}
+    >
+      {children}
+    </select>
+  </div>
+);
+
+const ModeControl = ({
+  mode,
+  onChange,
+}: {
+  mode: 'dangerous' | 'safe';
+  onChange: (mode: 'dangerous' | 'safe') => void;
+}): JSX.Element => (
+  <div className="grid gap-1">
+    <p className="text-[11px] font-medium text-zinc-500">Mode</p>
+    <div className="grid grid-cols-2 rounded-md border border-zinc-800 bg-zinc-950 p-0.5">
+      {modeOptions.map(option => (
+        <button
+          className={
+            option.value === mode
+              ? 'h-7 rounded-sm bg-zinc-200 px-2 text-xs font-semibold text-zinc-950'
+              : 'h-7 rounded-sm px-2 text-xs font-medium text-zinc-400 transition hover:bg-zinc-900 hover:text-zinc-200 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-1 focus:ring-offset-zinc-950'
+          }
+          key={option.value}
+          onClick={() => {
+            onChange(option.value);
+          }}
+          type="button"
+        >
+          {option.label}
+        </button>
+      ))}
+    </div>
+  </div>
+);
+
+const Message = ({ message }: { message: AgentChatMessage }): JSX.Element => {
+  const isUser = message.role === 'user';
+
+  return (
+    <div className={isUser ? 'flex justify-end' : 'flex justify-start'}>
+      <div
+        className={
+          isUser
+            ? 'max-w-[88%] rounded-lg bg-zinc-100 px-3 py-2 text-sm leading-5 text-zinc-950'
+            : 'max-w-[88%] rounded-lg border border-zinc-800 bg-zinc-900 px-3 py-2 text-sm leading-5 text-zinc-200'
+        }
+      >
+        <p>{message.body}</p>
+      </div>
+    </div>
+  );
+};
+
+export const AgentChatPanel = (): JSX.Element => {
+  const initialState = useMemo(() => getDefaultAgentPanelState(), []);
+  const [draft, setDraft] = useState(initialState.draft);
+  const [mode, setMode] = useState(initialState.footer.mode);
+  const [model, setModel] = useState(initialState.footer.model);
+  const [thinkingEffort, setThinkingEffort] = useState(initialState.footer.thinkingEffort);
+
+  return (
+    <div className="flex min-h-0 flex-1 flex-col">
+      <section
+        aria-label="Agent conversation"
+        className="flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto px-4 py-4"
+      >
+        <div className="space-y-1 border-b border-zinc-900 pb-3">
+          <p className="text-sm font-semibold text-zinc-100">Agent</p>
+          <p className="text-xs leading-5 text-zinc-500">
+            Placeholder conversation for the selected browser tab.
+          </p>
+        </div>
+
+        <div className="flex flex-1 flex-col justify-end gap-3">
+          {initialState.messages.map(message => (
+            <Message key={`${message.role}-${message.body}`} message={message} />
+          ))}
+        </div>
+      </section>
+
+      <form
+        className="border-t border-zinc-900 px-4 py-3"
+        onSubmit={event => {
+          event.preventDefault();
+        }}
+      >
+        <label className="sr-only" htmlFor="agent-message">
+          Message agent
+        </label>
+        <textarea
+          className="min-h-20 w-full resize-none rounded-lg border border-zinc-800 bg-zinc-950 px-3 py-2 text-sm leading-5 text-zinc-100 outline-none transition placeholder:text-zinc-600 focus:border-[#EDFF00] focus:ring-2 focus:ring-[#EDFF00]/30"
+          id="agent-message"
+          onChange={(event: ChangeEvent<HTMLTextAreaElement>) => {
+            setDraft(event.currentTarget.value);
+          }}
+          placeholder="Ask Kilo to inspect this tab..."
+          value={draft}
+        />
+        <button
+          className="mt-2 h-9 w-full rounded-md bg-[#EDFF00] px-3 text-sm font-semibold text-zinc-950 transition hover:bg-[#d9ea00] focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950 disabled:cursor-not-allowed disabled:bg-zinc-800 disabled:text-zinc-500"
+          disabled={draft.trim() === ''}
+          type="submit"
+        >
+          Send message
+        </button>
+      </form>
+
+      <footer className="border-t border-zinc-900 bg-zinc-950 px-4 py-3">
+        <div className="grid gap-3">
+          <ModeControl mode={mode} onChange={setMode} />
+          <div className="grid grid-cols-[minmax(0,1fr)_8.5rem] gap-2">
+            <SelectControl id="agent-model" label="Model" onChange={setModel} value={model}>
+              {modelOptions.map(option => (
+                <option key={option} value={option}>
+                  {option}
+                </option>
+              ))}
+            </SelectControl>
+            <SelectControl
+              id="thinking-effort"
+              label="Thinking"
+              onChange={value => {
+                if (isThinkingEffort(value)) {
+                  setThinkingEffort(value);
+                }
+              }}
+              value={thinkingEffort}
+            >
+              {effortOptions.map(option => (
+                <option key={option} value={option}>
+                  {option[0]?.toUpperCase()}
+                  {option.slice(1)}
+                </option>
+              ))}
+            </SelectControl>
+          </div>
+        </div>
+      </footer>
+    </div>
+  );
+};
diff --git a/apps/extension/entrypoints/sidepanel/app.tsx b/apps/extension/entrypoints/sidepanel/app.tsx
index e0c71528b2..3387c6e183 100644
--- a/apps/extension/entrypoints/sidepanel/app.tsx
+++ b/apps/extension/entrypoints/sidepanel/app.tsx
@@ -18,7 +18,6 @@ import {
   SignedOutView,
   ValidationErrorView,
 } from './auth-views';
-import { useTabDebugger } from './use-tab-debugger';
 
 const pollIntervalMs = 3000;
 const apiBaseUrl = getKiloApiBaseUrl();
@@ -44,17 +43,6 @@ type PanelState =
 
 export const App = (): JSX.Element => {
   const [state, setState] = useState<PanelState>({ status: 'checking' });
-  const {
-    htmlLength,
-    inspectableTabs,
-    isLoadingTabs,
-    isMeasuringHtml,
-    loadInspectableTabs,
-    measureSelectedTabHtml,
-    selectTab,
-    selectedTabId,
-    tabDebuggerError,
-  } = useTabDebugger();
   const abortRef = useRef<AbortController | null>(null);
   const pollTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
 
@@ -114,14 +102,6 @@ export const App = (): JSX.Element => {
     };
   }, [stopPolling, validateStoredAuth]);
 
-  useEffect(() => {
-    if (state.status !== 'signedIn') {
-      return;
-    }
-
-    void loadInspectableTabs();
-  }, [loadInspectableTabs, state.status]);
-
   const cancelSignIn = useCallback((): void => {
     stopPolling();
     setState({ status: 'signedOut' });
@@ -256,23 +236,7 @@ export const App = (): JSX.Element => {
   }
 
   if (state.status === 'signedIn') {
-    return (
-      <SignedInView
-        auth={state.auth}
-        htmlLength={htmlLength}
-        inspectableTabs={inspectableTabs}
-        isLoadingTabs={isLoadingTabs}
-        isMeasuringHtml={isMeasuringHtml}
-        onMeasureHtml={measureSelectedTabHtml}
-        onRefreshTabs={() => {
-          void loadInspectableTabs();
-        }}
-        onSelectTab={selectTab}
-        onSignOut={signOut}
-        selectedTabId={selectedTabId}
-        tabDebuggerError={tabDebuggerError}
-      />
-    );
+    return <SignedInView auth={state.auth} onSignOut={signOut} />;
   }
 
   return <LoadingView />;
diff --git a/apps/extension/entrypoints/sidepanel/auth-views.tsx b/apps/extension/entrypoints/sidepanel/auth-views.tsx
index 90828cbf0e..ed3b4231b5 100644
--- a/apps/extension/entrypoints/sidepanel/auth-views.tsx
+++ b/apps/extension/entrypoints/sidepanel/auth-views.tsx
@@ -1,7 +1,7 @@
-import type { ChangeEvent, JSX, ReactNode } from 'react';
+import type { JSX, ReactNode } from 'react';
 import type { StoredAuth } from '@/src/shared/auth';
 import { KiloLogo } from '@/src/shared/kilo-logo';
-import type { InspectableTab } from '@/src/shared/tab-debugger';
+import { AgentChatPanel } from './agent-chat-panel';
 
 const HeaderAccountControls = ({
   auth,
@@ -57,24 +57,6 @@ const Shell = ({
   </main>
 );
 
-const getMeasureButtonLabel = ({
-  htmlLength,
-  isMeasuringHtml,
-}: {
-  htmlLength: number | undefined;
-  isMeasuringHtml: boolean;
-}): string => {
-  if (isMeasuringHtml) {
-    return 'Measuring...';
-  }
-
-  if (htmlLength === undefined) {
-    return 'Measure HTML';
-  }
-
-  return `HTML length: ${htmlLength.toLocaleString()}`;
-};
-
 export const LoadingView = (): JSX.Element => (
   <Shell>
     <div className="flex flex-1 items-center justify-center px-4 py-6">
@@ -199,81 +181,12 @@ export const ValidationErrorView = ({
 
 export const SignedInView = ({
   auth,
-  htmlLength,
-  inspectableTabs,
-  isLoadingTabs,
-  isMeasuringHtml,
-  onMeasureHtml,
-  onRefreshTabs,
-  onSelectTab,
   onSignOut,
-  selectedTabId,
-  tabDebuggerError,
 }: {
   auth: StoredAuth;
-  htmlLength: number | undefined;
-  inspectableTabs: InspectableTab[];
-  isLoadingTabs: boolean;
-  isMeasuringHtml: boolean;
-  onMeasureHtml: () => void;
-  onRefreshTabs: () => void;
-  onSelectTab: (tabId: number) => void;
   onSignOut: () => void;
-  selectedTabId: number | undefined;
-  tabDebuggerError: string | undefined;
 }): JSX.Element => (
   <Shell auth={auth} onSignOut={onSignOut}>
-    <div className="flex min-h-0 flex-1 flex-col overflow-y-auto">
-      <div className="flex flex-1 flex-col gap-3 px-4 py-5">
-        <div className="rounded-md border border-zinc-800 bg-zinc-900/70 p-3">
-          <div className="flex items-center justify-between gap-2">
-            <label className="text-sm font-medium text-zinc-100" htmlFor="inspectable-tab">
-              Tab
-            </label>
-            <button
-              className="h-8 rounded-md border border-zinc-700 px-3 text-xs font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950 disabled:cursor-not-allowed disabled:border-zinc-800 disabled:text-zinc-600"
-              disabled={isLoadingTabs}
-              onClick={onRefreshTabs}
-              type="button"
-            >
-              {isLoadingTabs ? 'Loading...' : 'Refresh'}
-            </button>
-          </div>
-
-          <select
-            className="mt-3 h-10 w-full rounded-md border border-zinc-700 bg-zinc-950 px-3 text-sm text-zinc-100 outline-none transition focus:border-[#EDFF00] focus:ring-2 focus:ring-[#EDFF00]/30 disabled:cursor-not-allowed disabled:border-zinc-800 disabled:text-zinc-600"
-            disabled={isLoadingTabs || inspectableTabs.length === 0}
-            id="inspectable-tab"
-            onChange={(event: ChangeEvent<HTMLSelectElement>) => {
-              onSelectTab(Number(event.currentTarget.value));
-            }}
-            value={selectedTabId?.toString() ?? ''}
-          >
-            {inspectableTabs.length === 0 ? (
-              <option value="">No inspectable tabs</option>
-            ) : (
-              inspectableTabs.map(tab => (
-                <option key={tab.id} value={tab.id}>
-                  {tab.title} - {tab.url}
-                </option>
-              ))
-            )}
-          </select>
-
-          <button
-            className="mt-3 h-10 w-full rounded-md bg-[#EDFF00] px-4 text-sm font-semibold text-zinc-950 transition hover:bg-[#d9ea00] focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950 disabled:cursor-not-allowed disabled:bg-zinc-800 disabled:text-zinc-500"
-            disabled={isMeasuringHtml || selectedTabId === undefined}
-            onClick={onMeasureHtml}
-            type="button"
-          >
-            {getMeasureButtonLabel({ htmlLength, isMeasuringHtml })}
-          </button>
-
-          {tabDebuggerError === undefined ? null : (
-            <p className="mt-3 text-sm leading-5 text-red-300">{tabDebuggerError}</p>
-          )}
-        </div>
-      </div>
-    </div>
+    <AgentChatPanel />
   </Shell>
 );
diff --git a/apps/extension/src/shared/agent-chat-placeholder.test.ts b/apps/extension/src/shared/agent-chat-placeholder.test.ts
new file mode 100644
index 0000000000..333919d018
--- /dev/null
+++ b/apps/extension/src/shared/agent-chat-placeholder.test.ts
@@ -0,0 +1,29 @@
+import { describe, expect, it } from 'vitest';
+import { getDefaultAgentPanelState } from './agent-chat-placeholder';
+
+describe('agent chat placeholder state', () => {
+  it('provides the initial extension agent shell defaults', () => {
+    expect(getDefaultAgentPanelState()).toStrictEqual({
+      draft: '',
+      footer: {
+        mode: 'safe',
+        model: 'Claude Sonnet 4',
+        thinkingEffort: 'medium',
+      },
+      messages: [
+        {
+          body: 'I can inspect the selected tab, read page structure, and prepare browser actions.',
+          role: 'agent',
+        },
+        {
+          body: 'Check this page and tell me what Kilo can do here.',
+          role: 'user',
+        },
+        {
+          body: 'Ready. Safe mode is on, so I will only read page context until you change modes.',
+          role: 'agent',
+        },
+      ],
+    });
+  });
+});
diff --git a/apps/extension/src/shared/agent-chat-placeholder.ts b/apps/extension/src/shared/agent-chat-placeholder.ts
new file mode 100644
index 0000000000..fc59d0d6b1
--- /dev/null
+++ b/apps/extension/src/shared/agent-chat-placeholder.ts
@@ -0,0 +1,39 @@
+export interface AgentChatMessage {
+  readonly body: string;
+  readonly role: 'agent' | 'user';
+}
+
+export interface AgentPanelFooterState {
+  readonly mode: 'dangerous' | 'safe';
+  readonly model: string;
+  readonly thinkingEffort: 'high' | 'low' | 'medium';
+}
+
+export interface AgentPanelState {
+  readonly draft: string;
+  readonly footer: AgentPanelFooterState;
+  readonly messages: AgentChatMessage[];
+}
+
+export const getDefaultAgentPanelState = (): AgentPanelState => ({
+  draft: '',
+  footer: {
+    mode: 'safe',
+    model: 'Claude Sonnet 4',
+    thinkingEffort: 'medium',
+  },
+  messages: [
+    {
+      body: 'I can inspect the selected tab, read page structure, and prepare browser actions.',
+      role: 'agent',
+    },
+    {
+      body: 'Check this page and tell me what Kilo can do here.',
+      role: 'user',
+    },
+    {
+      body: 'Ready. Safe mode is on, so I will only read page context until you change modes.',
+      role: 'agent',
+    },
+  ],
+});

From cd0b129d950aa27990d9a2f9d46b464424b04b4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 17:12:33 +0200
Subject: [PATCH 16/51] style(extension): compact agent chat controls

---
 .../sidepanel/agent-chat-panel.tsx            | 190 +++++++++++-------
 .../src/shared/agent-chat-placeholder.test.ts |  30 ++-
 .../src/shared/agent-chat-placeholder.ts      |  36 ++++
 3 files changed, 181 insertions(+), 75 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index 9f982ddfbe..621416a68d 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -1,6 +1,9 @@
 import { useMemo, useState } from 'react';
 import type { ChangeEvent, JSX, ReactNode } from 'react';
-import { getDefaultAgentPanelState } from '@/src/shared/agent-chat-placeholder';
+import {
+  getDefaultAgentPanelState,
+  getFooterControlDisplay,
+} from '@/src/shared/agent-chat-placeholder';
 import type { AgentChatMessage, AgentPanelFooterState } from '@/src/shared/agent-chat-placeholder';
 
 const modeOptions = [
@@ -14,38 +17,59 @@ const effortOptions = ['low', 'medium', 'high'] as const;
 const isThinkingEffort = (value: string): value is AgentPanelFooterState['thinkingEffort'] =>
   value === 'low' || value === 'medium' || value === 'high';
 
-const FieldLabel = ({ children, htmlFor }: { children: string; htmlFor: string }): JSX.Element => (
-  <label className="text-[11px] font-medium text-zinc-500" htmlFor={htmlFor}>
-    {children}
-  </label>
+const ModeIcon = ({
+  icon,
+}: {
+  icon: ReturnType<typeof getFooterControlDisplay>['modeIcon'];
+}): JSX.Element => (
+  <svg
+    aria-hidden="true"
+    className="pointer-events-none absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-zinc-400"
+    fill="none"
+    viewBox="0 0 16 16"
+  >
+    {icon === 'shield' ? (
+      <path
+        d="M8 1.75 13 3.5v3.65c0 3.1-1.9 5.55-5 7.1-3.1-1.55-5-4-5-7.1V3.5l5-1.75Z"
+        stroke="currentColor"
+        strokeLinejoin="round"
+        strokeWidth="1.5"
+      />
+    ) : (
+      <path
+        d="M8 2.25 14.25 13H1.75L8 2.25Zm0 3.5v3.5m0 2.25h.01"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="1.5"
+      />
+    )}
+  </svg>
 );
 
-const SelectControl = ({
+const CompactSelectControl = ({
+  ariaLabel,
   children,
-  id,
-  label,
+  className,
   onChange,
   value,
 }: {
+  ariaLabel: string;
   children: ReactNode;
-  id: string;
-  label: string;
+  className: string;
   onChange: (value: string) => void;
   value: string;
 }): JSX.Element => (
-  <div className="grid min-w-0 gap-1">
-    <FieldLabel htmlFor={id}>{label}</FieldLabel>
-    <select
-      className="h-8 min-w-0 rounded-md border border-zinc-800 bg-zinc-950 px-2 text-xs font-medium text-zinc-200 outline-none transition hover:border-zinc-700 focus:border-[#EDFF00] focus:ring-2 focus:ring-[#EDFF00]/30"
-      id={id}
-      onChange={(event: ChangeEvent<HTMLSelectElement>) => {
-        onChange(event.currentTarget.value);
-      }}
-      value={value}
-    >
-      {children}
-    </select>
-  </div>
+  <select
+    aria-label={ariaLabel}
+    className={`h-8 min-w-0 rounded-md border border-zinc-800 bg-zinc-950 text-xs font-medium text-zinc-200 outline-none transition hover:border-zinc-700 focus:border-[#EDFF00] focus:ring-2 focus:ring-[#EDFF00]/30 ${className}`}
+    onChange={(event: ChangeEvent<HTMLSelectElement>) => {
+      onChange(event.currentTarget.value);
+    }}
+    value={value}
+  >
+    {children}
+  </select>
 );
 
 const ModeControl = ({
@@ -55,26 +79,32 @@ const ModeControl = ({
   mode: 'dangerous' | 'safe';
   onChange: (mode: 'dangerous' | 'safe') => void;
 }): JSX.Element => (
-  <div className="grid gap-1">
-    <p className="text-[11px] font-medium text-zinc-500">Mode</p>
-    <div className="grid grid-cols-2 rounded-md border border-zinc-800 bg-zinc-950 p-0.5">
+  <div className="relative shrink-0">
+    <ModeIcon
+      icon={getFooterControlDisplay({ mode, model: '', thinkingEffort: 'medium' }).modeIcon}
+    />
+    <CompactSelectControl
+      ariaLabel="Mode"
+      className="w-28 py-0 pl-8 pr-2"
+      onChange={value => {
+        if (value === 'safe' || value === 'dangerous') {
+          onChange(value);
+        }
+      }}
+      value={mode}
+    >
       {modeOptions.map(option => (
-        <button
-          className={
-            option.value === mode
-              ? 'h-7 rounded-sm bg-zinc-200 px-2 text-xs font-semibold text-zinc-950'
-              : 'h-7 rounded-sm px-2 text-xs font-medium text-zinc-400 transition hover:bg-zinc-900 hover:text-zinc-200 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-1 focus:ring-offset-zinc-950'
+        <option key={option.value} value={option.value}>
+          {
+            getFooterControlDisplay({
+              mode: option.value,
+              model: '',
+              thinkingEffort: 'medium',
+            }).modeLabel
           }
-          key={option.value}
-          onClick={() => {
-            onChange(option.value);
-          }}
-          type="button"
-        >
-          {option.label}
-        </button>
+        </option>
       ))}
-    </div>
+    </CompactSelectControl>
   </div>
 );
 
@@ -102,6 +132,7 @@ export const AgentChatPanel = (): JSX.Element => {
   const [mode, setMode] = useState(initialState.footer.mode);
   const [model, setModel] = useState(initialState.footer.model);
   const [thinkingEffort, setThinkingEffort] = useState(initialState.footer.thinkingEffort);
+  const footerDisplay = getFooterControlDisplay({ mode, model, thinkingEffort });
 
   return (
     <div className="flex min-h-0 flex-1 flex-col">
@@ -109,13 +140,6 @@ export const AgentChatPanel = (): JSX.Element => {
         aria-label="Agent conversation"
         className="flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto px-4 py-4"
       >
-        <div className="space-y-1 border-b border-zinc-900 pb-3">
-          <p className="text-sm font-semibold text-zinc-100">Agent</p>
-          <p className="text-xs leading-5 text-zinc-500">
-            Placeholder conversation for the selected browser tab.
-          </p>
-        </div>
-
         <div className="flex flex-1 flex-col justify-end gap-3">
           {initialState.messages.map(message => (
             <Message key={`${message.role}-${message.body}`} message={message} />
@@ -150,36 +174,54 @@ export const AgentChatPanel = (): JSX.Element => {
         </button>
       </form>
 
-      <footer className="border-t border-zinc-900 bg-zinc-950 px-4 py-3">
-        <div className="grid gap-3">
+      <footer className="border-t border-zinc-900 bg-zinc-950 px-4 py-2">
+        <div className="flex min-w-0 items-center gap-2">
           <ModeControl mode={mode} onChange={setMode} />
-          <div className="grid grid-cols-[minmax(0,1fr)_8.5rem] gap-2">
-            <SelectControl id="agent-model" label="Model" onChange={setModel} value={model}>
-              {modelOptions.map(option => (
-                <option key={option} value={option}>
-                  {option}
-                </option>
-              ))}
-            </SelectControl>
-            <SelectControl
-              id="thinking-effort"
-              label="Thinking"
-              onChange={value => {
-                if (isThinkingEffort(value)) {
-                  setThinkingEffort(value);
+          <CompactSelectControl
+            ariaLabel="Model"
+            className="flex-1 px-2"
+            onChange={setModel}
+            value={model}
+          >
+            {modelOptions.map(option => (
+              <option key={option} value={option}>
+                {
+                  getFooterControlDisplay({
+                    mode,
+                    model: option,
+                    thinkingEffort,
+                  }).modelLabel
+                }
+              </option>
+            ))}
+          </CompactSelectControl>
+          <CompactSelectControl
+            ariaLabel="Thinking effort"
+            className="w-16 px-2"
+            onChange={value => {
+              if (isThinkingEffort(value)) {
+                setThinkingEffort(value);
+              }
+            }}
+            value={thinkingEffort}
+          >
+            {effortOptions.map(option => (
+              <option key={option} value={option}>
+                {
+                  getFooterControlDisplay({
+                    mode,
+                    model,
+                    thinkingEffort: option,
+                  }).thinkingLabel
                 }
-              }}
-              value={thinkingEffort}
-            >
-              {effortOptions.map(option => (
-                <option key={option} value={option}>
-                  {option[0]?.toUpperCase()}
-                  {option.slice(1)}
-                </option>
-              ))}
-            </SelectControl>
-          </div>
+              </option>
+            ))}
+          </CompactSelectControl>
         </div>
+        <p className="sr-only">
+          Mode {footerDisplay.modeLabel}, model {footerDisplay.modelLabel}, thinking{' '}
+          {footerDisplay.thinkingLabel}
+        </p>
       </footer>
     </div>
   );
diff --git a/apps/extension/src/shared/agent-chat-placeholder.test.ts b/apps/extension/src/shared/agent-chat-placeholder.test.ts
index 333919d018..b406045e07 100644
--- a/apps/extension/src/shared/agent-chat-placeholder.test.ts
+++ b/apps/extension/src/shared/agent-chat-placeholder.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import { getDefaultAgentPanelState } from './agent-chat-placeholder';
+import { getDefaultAgentPanelState, getFooterControlDisplay } from './agent-chat-placeholder';
 
 describe('agent chat placeholder state', () => {
   it('provides the initial extension agent shell defaults', () => {
@@ -26,4 +26,32 @@ describe('agent chat placeholder state', () => {
       ],
     });
   });
+
+  it('provides compact footer labels for the sidebar controls', () => {
+    expect(
+      getFooterControlDisplay({
+        mode: 'safe',
+        model: 'Claude Sonnet 4',
+        thinkingEffort: 'medium',
+      })
+    ).toStrictEqual({
+      modeIcon: 'shield',
+      modeLabel: 'Safe',
+      modelLabel: 'Sonnet 4',
+      thinkingLabel: 'Med',
+    });
+
+    expect(
+      getFooterControlDisplay({
+        mode: 'dangerous',
+        model: 'Claude Opus 4',
+        thinkingEffort: 'high',
+      })
+    ).toStrictEqual({
+      modeIcon: 'alert',
+      modeLabel: 'Danger',
+      modelLabel: 'Opus 4',
+      thinkingLabel: 'High',
+    });
+  });
 });
diff --git a/apps/extension/src/shared/agent-chat-placeholder.ts b/apps/extension/src/shared/agent-chat-placeholder.ts
index fc59d0d6b1..de11e385d4 100644
--- a/apps/extension/src/shared/agent-chat-placeholder.ts
+++ b/apps/extension/src/shared/agent-chat-placeholder.ts
@@ -15,6 +15,42 @@ export interface AgentPanelState {
   readonly messages: AgentChatMessage[];
 }
 
+export interface AgentFooterControlDisplay {
+  readonly modeIcon: 'alert' | 'shield';
+  readonly modeLabel: 'Danger' | 'Safe';
+  readonly modelLabel: string;
+  readonly thinkingLabel: 'High' | 'Low' | 'Med';
+}
+
+const modelLabels: Record<string, string> = {
+  'Claude Opus 4': 'Opus 4',
+  'Claude Sonnet 4': 'Sonnet 4',
+  'GPT-5': 'GPT-5',
+};
+
+const getThinkingLabel = (
+  thinkingEffort: AgentPanelFooterState['thinkingEffort']
+): AgentFooterControlDisplay['thinkingLabel'] => {
+  if (thinkingEffort === 'medium') {
+    return 'Med';
+  }
+
+  if (thinkingEffort === 'low') {
+    return 'Low';
+  }
+
+  return 'High';
+};
+
+export const getFooterControlDisplay = (
+  footer: AgentPanelFooterState
+): AgentFooterControlDisplay => ({
+  modeIcon: footer.mode === 'safe' ? 'shield' : 'alert',
+  modeLabel: footer.mode === 'safe' ? 'Safe' : 'Danger',
+  modelLabel: modelLabels[footer.model] ?? footer.model,
+  thinkingLabel: getThinkingLabel(footer.thinkingEffort),
+});
+
 export const getDefaultAgentPanelState = (): AgentPanelState => ({
   draft: '',
   footer: {

From 8206523b34df3b5fe1b96476321b62141771a8c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 17:20:29 +0200
Subject: [PATCH 17/51] style(extension): use icon-only mode control

---
 .../sidepanel/agent-chat-panel.tsx            | 140 +++++++++++-------
 .../src/shared/agent-chat-placeholder.test.ts |   2 +
 .../src/shared/agent-chat-placeholder.ts      |   2 +
 3 files changed, 91 insertions(+), 53 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index 621416a68d..27deb445d5 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -18,34 +18,42 @@ const isThinkingEffort = (value: string): value is AgentPanelFooterState['thinki
   value === 'low' || value === 'medium' || value === 'high';
 
 const ModeIcon = ({
+  className,
   icon,
+  tone,
 }: {
+  className: string;
   icon: ReturnType<typeof getFooterControlDisplay>['modeIcon'];
-}): JSX.Element => (
-  <svg
-    aria-hidden="true"
-    className="pointer-events-none absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-zinc-400"
-    fill="none"
-    viewBox="0 0 16 16"
-  >
-    {icon === 'shield' ? (
-      <path
-        d="M8 1.75 13 3.5v3.65c0 3.1-1.9 5.55-5 7.1-3.1-1.55-5-4-5-7.1V3.5l5-1.75Z"
-        stroke="currentColor"
-        strokeLinejoin="round"
-        strokeWidth="1.5"
-      />
-    ) : (
-      <path
-        d="M8 2.25 14.25 13H1.75L8 2.25Zm0 3.5v3.5m0 2.25h.01"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth="1.5"
-      />
-    )}
-  </svg>
-);
+  tone: ReturnType<typeof getFooterControlDisplay>['modeIconTone'];
+}): JSX.Element => {
+  const toneClassName = tone === 'safe' ? 'text-[#EDFF00]' : 'text-red-400';
+
+  return (
+    <svg
+      aria-hidden="true"
+      className={`${className} ${toneClassName}`}
+      fill="none"
+      viewBox="0 0 16 16"
+    >
+      {icon === 'shield' ? (
+        <path
+          d="M8 1.75 13 3.5v3.65c0 3.1-1.9 5.55-5 7.1-3.1-1.55-5-4-5-7.1V3.5l5-1.75Z"
+          stroke="currentColor"
+          strokeLinejoin="round"
+          strokeWidth="1.5"
+        />
+      ) : (
+        <path
+          d="M8 2.25 14.25 13H1.75L8 2.25Zm0 3.5v3.5m0 2.25h.01"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="1.5"
+        />
+      )}
+    </svg>
+  );
+};
 
 const CompactSelectControl = ({
   ariaLabel,
@@ -78,35 +86,61 @@ const ModeControl = ({
 }: {
   mode: 'dangerous' | 'safe';
   onChange: (mode: 'dangerous' | 'safe') => void;
-}): JSX.Element => (
-  <div className="relative shrink-0">
-    <ModeIcon
-      icon={getFooterControlDisplay({ mode, model: '', thinkingEffort: 'medium' }).modeIcon}
-    />
-    <CompactSelectControl
-      ariaLabel="Mode"
-      className="w-28 py-0 pl-8 pr-2"
-      onChange={value => {
-        if (value === 'safe' || value === 'dangerous') {
-          onChange(value);
-        }
-      }}
-      value={mode}
-    >
-      {modeOptions.map(option => (
-        <option key={option.value} value={option.value}>
-          {
-            getFooterControlDisplay({
+}): JSX.Element => {
+  const display = getFooterControlDisplay({ mode, model: '', thinkingEffort: 'medium' });
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <div className="relative shrink-0">
+      <button
+        aria-expanded={isOpen}
+        aria-label={`Mode: ${display.modeLabel}`}
+        className="flex h-8 w-10 items-center justify-center rounded-md border border-zinc-800 bg-zinc-950 outline-none transition hover:border-zinc-700 focus:border-[#EDFF00] focus:ring-2 focus:ring-[#EDFF00]/30"
+        onClick={() => {
+          setIsOpen(current => !current);
+        }}
+        type="button"
+      >
+        <ModeIcon className="size-3.5" icon={display.modeIcon} tone={display.modeIconTone} />
+      </button>
+
+      {isOpen ? (
+        <div className="absolute bottom-10 left-0 z-10 grid w-32 gap-1 rounded-md border border-zinc-800 bg-zinc-950 p-1">
+          {modeOptions.map(option => {
+            const optionDisplay = getFooterControlDisplay({
               mode: option.value,
               model: '',
               thinkingEffort: 'medium',
-            }).modeLabel
-          }
-        </option>
-      ))}
-    </CompactSelectControl>
-  </div>
-);
+            });
+
+            return (
+              <button
+                className={
+                  option.value === mode
+                    ? 'flex h-8 items-center gap-2 rounded-sm bg-zinc-900 px-2 text-xs font-medium text-zinc-100'
+                    : 'flex h-8 items-center gap-2 rounded-sm px-2 text-xs font-medium text-zinc-400 transition hover:bg-zinc-900 hover:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-1 focus:ring-offset-zinc-950'
+                }
+                key={option.value}
+                onClick={() => {
+                  onChange(option.value);
+                  setIsOpen(false);
+                }}
+                type="button"
+              >
+                <ModeIcon
+                  className="size-3.5"
+                  icon={optionDisplay.modeIcon}
+                  tone={optionDisplay.modeIconTone}
+                />
+                {option.label}
+              </button>
+            );
+          })}
+        </div>
+      ) : null}
+    </div>
+  );
+};
 
 const Message = ({ message }: { message: AgentChatMessage }): JSX.Element => {
   const isUser = message.role === 'user';
@@ -179,7 +213,7 @@ export const AgentChatPanel = (): JSX.Element => {
           <ModeControl mode={mode} onChange={setMode} />
           <CompactSelectControl
             ariaLabel="Model"
-            className="flex-1 px-2"
+            className="flex-1 pl-2 pr-6"
             onChange={setModel}
             value={model}
           >
@@ -197,7 +231,7 @@ export const AgentChatPanel = (): JSX.Element => {
           </CompactSelectControl>
           <CompactSelectControl
             ariaLabel="Thinking effort"
-            className="w-16 px-2"
+            className="w-20 pl-2 pr-6"
             onChange={value => {
               if (isThinkingEffort(value)) {
                 setThinkingEffort(value);
diff --git a/apps/extension/src/shared/agent-chat-placeholder.test.ts b/apps/extension/src/shared/agent-chat-placeholder.test.ts
index b406045e07..9660efcf29 100644
--- a/apps/extension/src/shared/agent-chat-placeholder.test.ts
+++ b/apps/extension/src/shared/agent-chat-placeholder.test.ts
@@ -36,6 +36,7 @@ describe('agent chat placeholder state', () => {
       })
     ).toStrictEqual({
       modeIcon: 'shield',
+      modeIconTone: 'safe',
       modeLabel: 'Safe',
       modelLabel: 'Sonnet 4',
       thinkingLabel: 'Med',
@@ -49,6 +50,7 @@ describe('agent chat placeholder state', () => {
       })
     ).toStrictEqual({
       modeIcon: 'alert',
+      modeIconTone: 'danger',
       modeLabel: 'Danger',
       modelLabel: 'Opus 4',
       thinkingLabel: 'High',
diff --git a/apps/extension/src/shared/agent-chat-placeholder.ts b/apps/extension/src/shared/agent-chat-placeholder.ts
index de11e385d4..3fa0f96c1f 100644
--- a/apps/extension/src/shared/agent-chat-placeholder.ts
+++ b/apps/extension/src/shared/agent-chat-placeholder.ts
@@ -17,6 +17,7 @@ export interface AgentPanelState {
 
 export interface AgentFooterControlDisplay {
   readonly modeIcon: 'alert' | 'shield';
+  readonly modeIconTone: 'danger' | 'safe';
   readonly modeLabel: 'Danger' | 'Safe';
   readonly modelLabel: string;
   readonly thinkingLabel: 'High' | 'Low' | 'Med';
@@ -46,6 +47,7 @@ export const getFooterControlDisplay = (
   footer: AgentPanelFooterState
 ): AgentFooterControlDisplay => ({
   modeIcon: footer.mode === 'safe' ? 'shield' : 'alert',
+  modeIconTone: footer.mode === 'safe' ? 'safe' : 'danger',
   modeLabel: footer.mode === 'safe' ? 'Safe' : 'Danger',
   modelLabel: modelLabels[footer.model] ?? footer.model,
   thinkingLabel: getThinkingLabel(footer.thinkingEffort),

From 5c26cf7ef847a96b4f1b7e2d01709af97c6d8997 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 17:24:51 +0200
Subject: [PATCH 18/51] style(extension): explain agent mode picker

---
 .../sidepanel/agent-chat-panel.tsx            | 22 ++++++++++++-------
 .../src/shared/agent-chat-placeholder.test.ts |  2 ++
 .../src/shared/agent-chat-placeholder.ts      |  2 ++
 3 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index 27deb445d5..966f25cb92 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -94,18 +94,19 @@ const ModeControl = ({
     <div className="relative shrink-0">
       <button
         aria-expanded={isOpen}
-        aria-label={`Mode: ${display.modeLabel}`}
+        aria-label={`${display.modeLabel} mode: ${display.modeDescription}`}
         className="flex h-8 w-10 items-center justify-center rounded-md border border-zinc-800 bg-zinc-950 outline-none transition hover:border-zinc-700 focus:border-[#EDFF00] focus:ring-2 focus:ring-[#EDFF00]/30"
         onClick={() => {
           setIsOpen(current => !current);
         }}
+        title={`${display.modeLabel} mode: ${display.modeDescription}`}
         type="button"
       >
         <ModeIcon className="size-3.5" icon={display.modeIcon} tone={display.modeIconTone} />
       </button>
 
       {isOpen ? (
-        <div className="absolute bottom-10 left-0 z-10 grid w-32 gap-1 rounded-md border border-zinc-800 bg-zinc-950 p-1">
+        <div className="absolute bottom-10 left-0 z-10 grid w-56 gap-1 rounded-md border border-zinc-800 bg-zinc-950 p-1">
           {modeOptions.map(option => {
             const optionDisplay = getFooterControlDisplay({
               mode: option.value,
@@ -117,8 +118,8 @@ const ModeControl = ({
               <button
                 className={
                   option.value === mode
-                    ? 'flex h-8 items-center gap-2 rounded-sm bg-zinc-900 px-2 text-xs font-medium text-zinc-100'
-                    : 'flex h-8 items-center gap-2 rounded-sm px-2 text-xs font-medium text-zinc-400 transition hover:bg-zinc-900 hover:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-1 focus:ring-offset-zinc-950'
+                    ? 'flex items-start gap-2 rounded-sm bg-zinc-900 px-2 py-2 text-left text-zinc-100'
+                    : 'flex items-start gap-2 rounded-sm px-2 py-2 text-left text-zinc-400 transition hover:bg-zinc-900 hover:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-1 focus:ring-offset-zinc-950'
                 }
                 key={option.value}
                 onClick={() => {
@@ -128,11 +129,16 @@ const ModeControl = ({
                 type="button"
               >
                 <ModeIcon
-                  className="size-3.5"
+                  className="mt-0.5 size-3.5 shrink-0"
                   icon={optionDisplay.modeIcon}
                   tone={optionDisplay.modeIconTone}
                 />
-                {option.label}
+                <span className="grid gap-0.5">
+                  <span className="text-xs font-medium">{option.label}</span>
+                  <span className="text-[11px] leading-4 text-zinc-500">
+                    {optionDisplay.modeDescription}
+                  </span>
+                </span>
               </button>
             );
           })}
@@ -253,8 +259,8 @@ export const AgentChatPanel = (): JSX.Element => {
           </CompactSelectControl>
         </div>
         <p className="sr-only">
-          Mode {footerDisplay.modeLabel}, model {footerDisplay.modelLabel}, thinking{' '}
-          {footerDisplay.thinkingLabel}
+          Mode {footerDisplay.modeLabel}: {footerDisplay.modeDescription}, model{' '}
+          {footerDisplay.modelLabel}, thinking {footerDisplay.thinkingLabel}
         </p>
       </footer>
     </div>
diff --git a/apps/extension/src/shared/agent-chat-placeholder.test.ts b/apps/extension/src/shared/agent-chat-placeholder.test.ts
index 9660efcf29..4b089bd539 100644
--- a/apps/extension/src/shared/agent-chat-placeholder.test.ts
+++ b/apps/extension/src/shared/agent-chat-placeholder.test.ts
@@ -35,6 +35,7 @@ describe('agent chat placeholder state', () => {
         thinkingEffort: 'medium',
       })
     ).toStrictEqual({
+      modeDescription: 'Read only',
       modeIcon: 'shield',
       modeIconTone: 'safe',
       modeLabel: 'Safe',
@@ -49,6 +50,7 @@ describe('agent chat placeholder state', () => {
         thinkingEffort: 'high',
       })
     ).toStrictEqual({
+      modeDescription: 'Arbitrary webpage control',
       modeIcon: 'alert',
       modeIconTone: 'danger',
       modeLabel: 'Danger',
diff --git a/apps/extension/src/shared/agent-chat-placeholder.ts b/apps/extension/src/shared/agent-chat-placeholder.ts
index 3fa0f96c1f..8facfd1bcc 100644
--- a/apps/extension/src/shared/agent-chat-placeholder.ts
+++ b/apps/extension/src/shared/agent-chat-placeholder.ts
@@ -16,6 +16,7 @@ export interface AgentPanelState {
 }
 
 export interface AgentFooterControlDisplay {
+  readonly modeDescription: 'Arbitrary webpage control' | 'Read only';
   readonly modeIcon: 'alert' | 'shield';
   readonly modeIconTone: 'danger' | 'safe';
   readonly modeLabel: 'Danger' | 'Safe';
@@ -46,6 +47,7 @@ const getThinkingLabel = (
 export const getFooterControlDisplay = (
   footer: AgentPanelFooterState
 ): AgentFooterControlDisplay => ({
+  modeDescription: footer.mode === 'safe' ? 'Read only' : 'Arbitrary webpage control',
   modeIcon: footer.mode === 'safe' ? 'shield' : 'alert',
   modeIconTone: footer.mode === 'safe' ? 'safe' : 'danger',
   modeLabel: footer.mode === 'safe' ? 'Safe' : 'Danger',

From ff82985bb72b45a801b13aa889bc920c034b2868 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 17:43:32 +0200
Subject: [PATCH 19/51] feat(extension): load gateway models in side panel

---
 .../sidepanel/agent-chat-panel.tsx            | 302 +++++++-----------
 .../sidepanel/agent-footer-controls.tsx       | 199 ++++++++++++
 .../entrypoints/sidepanel/auth-views.tsx      |   2 +-
 .../src/shared/agent-chat-placeholder.ts      |  22 +-
 .../src/shared/kilo-api-client.test.ts        | 121 +++++++
 apps/extension/src/shared/kilo-api-client.ts  | 191 +++++++++++
 6 files changed, 631 insertions(+), 206 deletions(-)
 create mode 100644 apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
 create mode 100644 apps/extension/src/shared/kilo-api-client.test.ts
 create mode 100644 apps/extension/src/shared/kilo-api-client.ts

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index 966f25cb92..9854c4dfc2 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -1,152 +1,43 @@
-import { useMemo, useState } from 'react';
-import type { ChangeEvent, JSX, ReactNode } from 'react';
+import { useEffect, useMemo, useState } from 'react';
+import type { ChangeEvent, JSX } from 'react';
 import {
   getDefaultAgentPanelState,
   getFooterControlDisplay,
 } from '@/src/shared/agent-chat-placeholder';
-import type { AgentChatMessage, AgentPanelFooterState } from '@/src/shared/agent-chat-placeholder';
+import type { AgentChatMessage } from '@/src/shared/agent-chat-placeholder';
+import { getKiloApiBaseUrl } from '@/src/shared/auth';
+import type { StoredAuth } from '@/src/shared/auth';
+import { fetchKiloGatewayModels } from '@/src/shared/kilo-api-client';
+import type { KiloGatewayModelOption } from '@/src/shared/kilo-api-client';
+import { AgentFooterControls } from './agent-footer-controls';
 
-const modeOptions = [
-  { label: 'Safe', value: 'safe' },
-  { label: 'Dangerous', value: 'dangerous' },
-] as const;
-
-const modelOptions = ['Claude Sonnet 4', 'Claude Opus 4', 'GPT-5'] as const;
 const effortOptions = ['low', 'medium', 'high'] as const;
-
-const isThinkingEffort = (value: string): value is AgentPanelFooterState['thinkingEffort'] =>
-  value === 'low' || value === 'medium' || value === 'high';
-
-const ModeIcon = ({
-  className,
-  icon,
-  tone,
-}: {
-  className: string;
-  icon: ReturnType<typeof getFooterControlDisplay>['modeIcon'];
-  tone: ReturnType<typeof getFooterControlDisplay>['modeIconTone'];
-}): JSX.Element => {
-  const toneClassName = tone === 'safe' ? 'text-[#EDFF00]' : 'text-red-400';
-
-  return (
-    <svg
-      aria-hidden="true"
-      className={`${className} ${toneClassName}`}
-      fill="none"
-      viewBox="0 0 16 16"
-    >
-      {icon === 'shield' ? (
-        <path
-          d="M8 1.75 13 3.5v3.65c0 3.1-1.9 5.55-5 7.1-3.1-1.55-5-4-5-7.1V3.5l5-1.75Z"
-          stroke="currentColor"
-          strokeLinejoin="round"
-          strokeWidth="1.5"
-        />
-      ) : (
-        <path
-          d="M8 2.25 14.25 13H1.75L8 2.25Zm0 3.5v3.5m0 2.25h.01"
-          stroke="currentColor"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="1.5"
-        />
-      )}
-    </svg>
-  );
-};
-
-const CompactSelectControl = ({
-  ariaLabel,
-  children,
-  className,
-  onChange,
-  value,
-}: {
-  ariaLabel: string;
-  children: ReactNode;
-  className: string;
-  onChange: (value: string) => void;
-  value: string;
-}): JSX.Element => (
-  <select
-    aria-label={ariaLabel}
-    className={`h-8 min-w-0 rounded-md border border-zinc-800 bg-zinc-950 text-xs font-medium text-zinc-200 outline-none transition hover:border-zinc-700 focus:border-[#EDFF00] focus:ring-2 focus:ring-[#EDFF00]/30 ${className}`}
-    onChange={(event: ChangeEvent<HTMLSelectElement>) => {
-      onChange(event.currentTarget.value);
-    }}
-    value={value}
-  >
-    {children}
-  </select>
-);
-
-const ModeControl = ({
-  mode,
-  onChange,
-}: {
-  mode: 'dangerous' | 'safe';
-  onChange: (mode: 'dangerous' | 'safe') => void;
-}): JSX.Element => {
-  const display = getFooterControlDisplay({ mode, model: '', thinkingEffort: 'medium' });
-  const [isOpen, setIsOpen] = useState(false);
-
-  return (
-    <div className="relative shrink-0">
-      <button
-        aria-expanded={isOpen}
-        aria-label={`${display.modeLabel} mode: ${display.modeDescription}`}
-        className="flex h-8 w-10 items-center justify-center rounded-md border border-zinc-800 bg-zinc-950 outline-none transition hover:border-zinc-700 focus:border-[#EDFF00] focus:ring-2 focus:ring-[#EDFF00]/30"
-        onClick={() => {
-          setIsOpen(current => !current);
-        }}
-        title={`${display.modeLabel} mode: ${display.modeDescription}`}
-        type="button"
-      >
-        <ModeIcon className="size-3.5" icon={display.modeIcon} tone={display.modeIconTone} />
-      </button>
-
-      {isOpen ? (
-        <div className="absolute bottom-10 left-0 z-10 grid w-56 gap-1 rounded-md border border-zinc-800 bg-zinc-950 p-1">
-          {modeOptions.map(option => {
-            const optionDisplay = getFooterControlDisplay({
-              mode: option.value,
-              model: '',
-              thinkingEffort: 'medium',
-            });
-
-            return (
-              <button
-                className={
-                  option.value === mode
-                    ? 'flex items-start gap-2 rounded-sm bg-zinc-900 px-2 py-2 text-left text-zinc-100'
-                    : 'flex items-start gap-2 rounded-sm px-2 py-2 text-left text-zinc-400 transition hover:bg-zinc-900 hover:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-1 focus:ring-offset-zinc-950'
-                }
-                key={option.value}
-                onClick={() => {
-                  onChange(option.value);
-                  setIsOpen(false);
-                }}
-                type="button"
-              >
-                <ModeIcon
-                  className="mt-0.5 size-3.5 shrink-0"
-                  icon={optionDisplay.modeIcon}
-                  tone={optionDisplay.modeIconTone}
-                />
-                <span className="grid gap-0.5">
-                  <span className="text-xs font-medium">{option.label}</span>
-                  <span className="text-[11px] leading-4 text-zinc-500">
-                    {optionDisplay.modeDescription}
-                  </span>
-                </span>
-              </button>
-            );
-          })}
-        </div>
-      ) : null}
-    </div>
-  );
-};
+const defaultThinkingOption = 'default';
+const fallbackDefaultModelId = 'Claude Sonnet 4';
+const apiBaseUrl = getKiloApiBaseUrl();
+const fetchFromWindow = (input: string, init?: RequestInit): Promise<Response> =>
+  fetch(input, init);
+
+const fallbackModelOptions: KiloGatewayModelOption[] = [
+  {
+    id: fallbackDefaultModelId,
+    isPreferred: true,
+    name: 'Claude Sonnet 4',
+    variants: [...effortOptions],
+  },
+  {
+    id: 'Claude Opus 4',
+    isPreferred: true,
+    name: 'Claude Opus 4',
+    variants: [...effortOptions],
+  },
+  {
+    id: 'GPT-5',
+    isPreferred: true,
+    name: 'GPT-5',
+    variants: [...effortOptions],
+  },
+];
 
 const Message = ({ message }: { message: AgentChatMessage }): JSX.Element => {
   const isUser = message.role === 'user';
@@ -166,13 +57,80 @@ const Message = ({ message }: { message: AgentChatMessage }): JSX.Element => {
   );
 };
 
-export const AgentChatPanel = (): JSX.Element => {
+export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
   const initialState = useMemo(() => getDefaultAgentPanelState(), []);
   const [draft, setDraft] = useState(initialState.draft);
   const [mode, setMode] = useState(initialState.footer.mode);
   const [model, setModel] = useState(initialState.footer.model);
+  const [modelOptions, setModelOptions] = useState<KiloGatewayModelOption[]>(fallbackModelOptions);
   const [thinkingEffort, setThinkingEffort] = useState(initialState.footer.thinkingEffort);
-  const footerDisplay = getFooterControlDisplay({ mode, model, thinkingEffort });
+  const selectedModel = useMemo(
+    () => modelOptions.find(option => option.id === model),
+    [model, modelOptions]
+  );
+  const thinkingOptions = useMemo(
+    () =>
+      selectedModel === undefined || selectedModel.variants.length === 0
+        ? [defaultThinkingOption]
+        : selectedModel.variants,
+    [selectedModel]
+  );
+  const footerDisplay = getFooterControlDisplay({
+    mode,
+    model: selectedModel?.name ?? model,
+    thinkingEffort,
+  });
+  const isThinkingSelectDisabled =
+    selectedModel !== undefined && selectedModel.variants.length === 0;
+
+  useEffect(() => {
+    const abort = new AbortController();
+
+    void (async (): Promise<void> => {
+      try {
+        const models = await fetchKiloGatewayModels({
+          apiBaseUrl,
+          fetch: fetchFromWindow,
+          signal: abort.signal,
+          token: auth.token,
+        });
+
+        if (!abort.signal.aborted && models.length > 0) {
+          setModelOptions(models);
+        }
+      } catch (error) {
+        if (error instanceof Error && error.name === 'AbortError') {
+          return;
+        }
+
+        setModelOptions(fallbackModelOptions);
+      }
+    })();
+
+    return () => {
+      abort.abort();
+    };
+  }, [auth.token]);
+
+  useEffect(() => {
+    if (modelOptions.length === 0) {
+      return;
+    }
+
+    if (!modelOptions.some(option => option.id === model)) {
+      setModel(modelOptions[0]?.id ?? fallbackDefaultModelId);
+    }
+  }, [model, modelOptions]);
+
+  useEffect(() => {
+    if (thinkingOptions.length === 0) {
+      return;
+    }
+
+    if (!thinkingOptions.includes(thinkingEffort)) {
+      setThinkingEffort(thinkingOptions[0] ?? defaultThinkingOption);
+    }
+  }, [thinkingEffort, thinkingOptions]);
 
   return (
     <div className="flex min-h-0 flex-1 flex-col">
@@ -215,49 +173,17 @@ export const AgentChatPanel = (): JSX.Element => {
       </form>
 
       <footer className="border-t border-zinc-900 bg-zinc-950 px-4 py-2">
-        <div className="flex min-w-0 items-center gap-2">
-          <ModeControl mode={mode} onChange={setMode} />
-          <CompactSelectControl
-            ariaLabel="Model"
-            className="flex-1 pl-2 pr-6"
-            onChange={setModel}
-            value={model}
-          >
-            {modelOptions.map(option => (
-              <option key={option} value={option}>
-                {
-                  getFooterControlDisplay({
-                    mode,
-                    model: option,
-                    thinkingEffort,
-                  }).modelLabel
-                }
-              </option>
-            ))}
-          </CompactSelectControl>
-          <CompactSelectControl
-            ariaLabel="Thinking effort"
-            className="w-20 pl-2 pr-6"
-            onChange={value => {
-              if (isThinkingEffort(value)) {
-                setThinkingEffort(value);
-              }
-            }}
-            value={thinkingEffort}
-          >
-            {effortOptions.map(option => (
-              <option key={option} value={option}>
-                {
-                  getFooterControlDisplay({
-                    mode,
-                    model,
-                    thinkingEffort: option,
-                  }).thinkingLabel
-                }
-              </option>
-            ))}
-          </CompactSelectControl>
-        </div>
+        <AgentFooterControls
+          isThinkingSelectDisabled={isThinkingSelectDisabled}
+          mode={mode}
+          model={model}
+          modelOptions={modelOptions}
+          onModeChange={setMode}
+          onModelChange={setModel}
+          onThinkingEffortChange={setThinkingEffort}
+          thinkingEffort={thinkingEffort}
+          thinkingOptions={thinkingOptions}
+        />
         <p className="sr-only">
           Mode {footerDisplay.modeLabel}: {footerDisplay.modeDescription}, model{' '}
           {footerDisplay.modelLabel}, thinking {footerDisplay.thinkingLabel}
diff --git a/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx b/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
new file mode 100644
index 0000000000..ad4ab6f82e
--- /dev/null
+++ b/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
@@ -0,0 +1,199 @@
+import { useState } from 'react';
+import type { JSX, ReactNode } from 'react';
+import { getFooterControlDisplay } from '@/src/shared/agent-chat-placeholder';
+import { thinkingEffortLabel } from '@/src/shared/kilo-api-client';
+import type { KiloGatewayModelOption } from '@/src/shared/kilo-api-client';
+
+const modeOptions = [
+  { label: 'Safe', value: 'safe' },
+  { label: 'Dangerous', value: 'dangerous' },
+] as const;
+
+const defaultThinkingOption = 'default';
+
+type AgentMode = 'dangerous' | 'safe';
+
+const ModeIcon = ({
+  className,
+  icon,
+  tone,
+}: {
+  className: string;
+  icon: ReturnType<typeof getFooterControlDisplay>['modeIcon'];
+  tone: ReturnType<typeof getFooterControlDisplay>['modeIconTone'];
+}): JSX.Element => {
+  const toneClassName = tone === 'safe' ? 'text-[#EDFF00]' : 'text-red-400';
+
+  return (
+    <svg
+      aria-hidden="true"
+      className={`${className} ${toneClassName}`}
+      fill="none"
+      viewBox="0 0 16 16"
+    >
+      {icon === 'shield' ? (
+        <path
+          d="M8 1.75 13 3.5v3.65c0 3.1-1.9 5.55-5 7.1-3.1-1.55-5-4-5-7.1V3.5l5-1.75Z"
+          stroke="currentColor"
+          strokeLinejoin="round"
+          strokeWidth="1.5"
+        />
+      ) : (
+        <path
+          d="M8 2.25 14.25 13H1.75L8 2.25Zm0 3.5v3.5m0 2.25h.01"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="1.5"
+        />
+      )}
+    </svg>
+  );
+};
+
+const CompactSelectControl = ({
+  ariaLabel,
+  children,
+  className,
+  onChange,
+  value,
+  disabled = false,
+}: {
+  ariaLabel: string;
+  children: ReactNode;
+  className: string;
+  disabled?: boolean;
+  onChange: (value: string) => void;
+  value: string;
+}): JSX.Element => (
+  <select
+    aria-label={ariaLabel}
+    className={`h-8 min-w-0 rounded-md border border-zinc-800 bg-zinc-950 text-xs font-medium text-zinc-200 outline-none transition hover:border-zinc-700 focus:border-[#EDFF00] focus:ring-2 focus:ring-[#EDFF00]/30 disabled:cursor-not-allowed disabled:text-zinc-600 ${className}`}
+    disabled={disabled}
+    onChange={event => {
+      onChange(event.currentTarget.value);
+    }}
+    value={value}
+  >
+    {children}
+  </select>
+);
+
+const ModeControl = ({
+  mode,
+  onChange,
+}: {
+  mode: AgentMode;
+  onChange: (mode: AgentMode) => void;
+}): JSX.Element => {
+  const display = getFooterControlDisplay({ mode, model: '', thinkingEffort: 'medium' });
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <div className="relative shrink-0">
+      <button
+        aria-expanded={isOpen}
+        aria-label={`${display.modeLabel} mode: ${display.modeDescription}`}
+        className="flex h-8 w-10 items-center justify-center rounded-md border border-zinc-800 bg-zinc-950 outline-none transition hover:border-zinc-700 focus:border-[#EDFF00] focus:ring-2 focus:ring-[#EDFF00]/30"
+        onClick={() => {
+          setIsOpen(current => !current);
+        }}
+        title={`${display.modeLabel} mode: ${display.modeDescription}`}
+        type="button"
+      >
+        <ModeIcon className="size-3.5" icon={display.modeIcon} tone={display.modeIconTone} />
+      </button>
+
+      {isOpen ? (
+        <div className="absolute bottom-10 left-0 z-10 grid w-56 gap-1 rounded-md border border-zinc-800 bg-zinc-950 p-1">
+          {modeOptions.map(option => {
+            const optionDisplay = getFooterControlDisplay({
+              mode: option.value,
+              model: '',
+              thinkingEffort: 'medium',
+            });
+
+            return (
+              <button
+                className={
+                  option.value === mode
+                    ? 'flex items-start gap-2 rounded-sm bg-zinc-900 px-2 py-2 text-left text-zinc-100'
+                    : 'flex items-start gap-2 rounded-sm px-2 py-2 text-left text-zinc-400 transition hover:bg-zinc-900 hover:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-1 focus:ring-offset-zinc-950'
+                }
+                key={option.value}
+                onClick={() => {
+                  onChange(option.value);
+                  setIsOpen(false);
+                }}
+                type="button"
+              >
+                <ModeIcon
+                  className="mt-0.5 size-3.5 shrink-0"
+                  icon={optionDisplay.modeIcon}
+                  tone={optionDisplay.modeIconTone}
+                />
+                <span className="grid gap-0.5">
+                  <span className="text-xs font-medium">{option.label}</span>
+                  <span className="text-[11px] leading-4 text-zinc-500">
+                    {optionDisplay.modeDescription}
+                  </span>
+                </span>
+              </button>
+            );
+          })}
+        </div>
+      ) : null}
+    </div>
+  );
+};
+
+export const AgentFooterControls = ({
+  isThinkingSelectDisabled,
+  mode,
+  model,
+  modelOptions,
+  onModeChange,
+  onModelChange,
+  onThinkingEffortChange,
+  thinkingEffort,
+  thinkingOptions,
+}: {
+  isThinkingSelectDisabled: boolean;
+  mode: AgentMode;
+  model: string;
+  modelOptions: KiloGatewayModelOption[];
+  onModeChange: (mode: AgentMode) => void;
+  onModelChange: (model: string) => void;
+  onThinkingEffortChange: (thinkingEffort: string) => void;
+  thinkingEffort: string;
+  thinkingOptions: string[];
+}): JSX.Element => (
+  <div className="flex min-w-0 items-center gap-2">
+    <ModeControl mode={mode} onChange={onModeChange} />
+    <CompactSelectControl
+      ariaLabel="Model"
+      className="flex-1 pl-2 pr-6"
+      onChange={onModelChange}
+      value={model}
+    >
+      {modelOptions.map(option => (
+        <option key={option.id} value={option.id}>
+          {option.name}
+        </option>
+      ))}
+    </CompactSelectControl>
+    <CompactSelectControl
+      ariaLabel="Thinking effort"
+      className="w-24 pl-2 pr-6"
+      disabled={isThinkingSelectDisabled}
+      onChange={onThinkingEffortChange}
+      value={thinkingEffort}
+    >
+      {thinkingOptions.map(option => (
+        <option key={option} value={option}>
+          {option === defaultThinkingOption ? 'Default' : thinkingEffortLabel(option)}
+        </option>
+      ))}
+    </CompactSelectControl>
+  </div>
+);
diff --git a/apps/extension/entrypoints/sidepanel/auth-views.tsx b/apps/extension/entrypoints/sidepanel/auth-views.tsx
index ed3b4231b5..1a287d00e5 100644
--- a/apps/extension/entrypoints/sidepanel/auth-views.tsx
+++ b/apps/extension/entrypoints/sidepanel/auth-views.tsx
@@ -187,6 +187,6 @@ export const SignedInView = ({
   onSignOut: () => void;
 }): JSX.Element => (
   <Shell auth={auth} onSignOut={onSignOut}>
-    <AgentChatPanel />
+    <AgentChatPanel auth={auth} />
   </Shell>
 );
diff --git a/apps/extension/src/shared/agent-chat-placeholder.ts b/apps/extension/src/shared/agent-chat-placeholder.ts
index 8facfd1bcc..24ee36779b 100644
--- a/apps/extension/src/shared/agent-chat-placeholder.ts
+++ b/apps/extension/src/shared/agent-chat-placeholder.ts
@@ -1,3 +1,5 @@
+import { thinkingEffortLabel } from './kilo-api-client';
+
 export interface AgentChatMessage {
   readonly body: string;
   readonly role: 'agent' | 'user';
@@ -6,7 +8,7 @@ export interface AgentChatMessage {
 export interface AgentPanelFooterState {
   readonly mode: 'dangerous' | 'safe';
   readonly model: string;
-  readonly thinkingEffort: 'high' | 'low' | 'medium';
+  readonly thinkingEffort: string;
 }
 
 export interface AgentPanelState {
@@ -21,7 +23,7 @@ export interface AgentFooterControlDisplay {
   readonly modeIconTone: 'danger' | 'safe';
   readonly modeLabel: 'Danger' | 'Safe';
   readonly modelLabel: string;
-  readonly thinkingLabel: 'High' | 'Low' | 'Med';
+  readonly thinkingLabel: string;
 }
 
 const modelLabels: Record<string, string> = {
@@ -30,20 +32,6 @@ const modelLabels: Record<string, string> = {
   'GPT-5': 'GPT-5',
 };
 
-const getThinkingLabel = (
-  thinkingEffort: AgentPanelFooterState['thinkingEffort']
-): AgentFooterControlDisplay['thinkingLabel'] => {
-  if (thinkingEffort === 'medium') {
-    return 'Med';
-  }
-
-  if (thinkingEffort === 'low') {
-    return 'Low';
-  }
-
-  return 'High';
-};
-
 export const getFooterControlDisplay = (
   footer: AgentPanelFooterState
 ): AgentFooterControlDisplay => ({
@@ -52,7 +40,7 @@ export const getFooterControlDisplay = (
   modeIconTone: footer.mode === 'safe' ? 'safe' : 'danger',
   modeLabel: footer.mode === 'safe' ? 'Safe' : 'Danger',
   modelLabel: modelLabels[footer.model] ?? footer.model,
-  thinkingLabel: getThinkingLabel(footer.thinkingEffort),
+  thinkingLabel: thinkingEffortLabel(footer.thinkingEffort),
 });
 
 export const getDefaultAgentPanelState = (): AgentPanelState => ({
diff --git a/apps/extension/src/shared/kilo-api-client.test.ts b/apps/extension/src/shared/kilo-api-client.test.ts
new file mode 100644
index 0000000000..b67ee2348b
--- /dev/null
+++ b/apps/extension/src/shared/kilo-api-client.test.ts
@@ -0,0 +1,121 @@
+import { describe, expect, it } from 'vitest';
+import {
+  fetchKiloGatewayModels,
+  parseKiloGatewayModelsResponse,
+  thinkingEffortLabel,
+} from './kilo-api-client';
+import type { FetchLike } from './auth';
+
+const jsonResponse = (body: unknown, init: ResponseInit = {}): Response =>
+  Response.json(body, {
+    ...init,
+  });
+
+describe('kilo API client', () => {
+  it('fetches gateway models with bearer auth', async () => {
+    const seen: { headers: Headers; input: string }[] = [];
+    const fetch: FetchLike = (input, init) => {
+      seen.push({ headers: new Headers(init?.headers), input: String(input) });
+      return jsonResponse({
+        data: [
+          {
+            id: 'anthropic/claude-sonnet-4',
+            name: 'Anthropic: Claude Sonnet 4',
+            opencode: { variants: { high: {}, low: {}, medium: {} } },
+            preferredIndex: 0,
+          },
+        ],
+      });
+    };
+
+    await expect(
+      fetchKiloGatewayModels({
+        apiBaseUrl: 'https://app.kilo.ai/',
+        fetch,
+        token: 'token-1',
+      })
+    ).resolves.toStrictEqual([
+      {
+        id: 'anthropic/claude-sonnet-4',
+        isPreferred: true,
+        name: 'Claude Sonnet 4',
+        variants: ['high', 'low', 'medium'],
+      },
+    ]);
+    expect(seen).toHaveLength(1);
+    expect(seen[0]?.input).toBe('https://app.kilo.ai/api/gateway/models');
+    expect(seen[0]?.headers.get('accept')).toBe('application/json');
+    expect(seen[0]?.headers.get('authorization')).toBe('Bearer token-1');
+  });
+
+  it('parses gateway models into sorted picker options', () => {
+    expect(
+      parseKiloGatewayModelsResponse({
+        data: [
+          {
+            id: 'z-model',
+            name: 'Provider: Z Model',
+            opencode: { variants: { high: {}, low: {} } },
+          },
+          {
+            id: 'preferred-2',
+            name: 'Provider: Preferred Two',
+            preferredIndex: 2,
+          },
+          {
+            id: 'preferred-1',
+            name: 'Provider: Preferred One',
+            opencode: { variants: { medium: {}, minimal: {}, xhigh: {} } },
+            preferredIndex: 1,
+          },
+          {
+            id: 'a-model',
+            name: 'A Model',
+          },
+          {
+            id: '',
+            name: 'Ignored Model',
+          },
+        ],
+      })
+    ).toStrictEqual([
+      {
+        id: 'preferred-1',
+        isPreferred: true,
+        name: 'Preferred One',
+        variants: ['medium', 'minimal', 'xhigh'],
+      },
+      {
+        id: 'preferred-2',
+        isPreferred: true,
+        name: 'Preferred Two',
+        variants: [],
+      },
+      {
+        id: 'a-model',
+        isPreferred: false,
+        name: 'A Model',
+        variants: [],
+      },
+      {
+        id: 'z-model',
+        isPreferred: false,
+        name: 'Z Model',
+        variants: ['high', 'low'],
+      },
+    ]);
+  });
+
+  it('rejects malformed model responses', () => {
+    expect(() => parseKiloGatewayModelsResponse({ data: {} })).toThrow(
+      'Gateway models response did not include a model list.'
+    );
+  });
+
+  it('labels thinking efforts compactly', () => {
+    expect(thinkingEffortLabel('medium')).toBe('Med');
+    expect(thinkingEffortLabel('xhigh')).toBe('XHigh');
+    expect(thinkingEffortLabel('minimal')).toBe('Min');
+    expect(thinkingEffortLabel('instant')).toBe('Instant');
+  });
+});
diff --git a/apps/extension/src/shared/kilo-api-client.ts b/apps/extension/src/shared/kilo-api-client.ts
new file mode 100644
index 0000000000..bad50f0108
--- /dev/null
+++ b/apps/extension/src/shared/kilo-api-client.ts
@@ -0,0 +1,191 @@
+import type { FetchLike } from './auth';
+
+export interface KiloGatewayModelOption {
+  readonly hasUserByokAvailable?: boolean;
+  readonly id: string;
+  readonly isFree?: boolean;
+  readonly isPreferred: boolean;
+  readonly mayTrainOnYourPrompts?: boolean;
+  readonly name: string;
+  readonly variants: string[];
+}
+
+interface FetchKiloGatewayModelsOptions {
+  readonly apiBaseUrl: string;
+  readonly fetch: FetchLike;
+  readonly signal?: AbortSignal;
+  readonly token: string;
+}
+
+interface ParsedGatewayModelOption {
+  hasUserByokAvailable?: boolean;
+  id: string;
+  isFree?: boolean;
+  isPreferred: boolean;
+  mayTrainOnYourPrompts?: boolean;
+  name: string;
+  preferredIndex?: number;
+  variants: string[];
+}
+
+const trimTrailingSlash = (value: string): string => value.replace(/\/+$/, '');
+
+const isRecord = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null;
+
+const getOptionalBoolean = (value: unknown): boolean | undefined =>
+  typeof value === 'boolean' ? value : undefined;
+
+const getOptionalNumber = (value: unknown): number | undefined =>
+  typeof value === 'number' && Number.isFinite(value) ? value : undefined;
+
+const getOptionalString = (value: unknown): string | undefined =>
+  typeof value === 'string' && value.length > 0 ? value : undefined;
+
+const formatShortModelName = (name: string): string => {
+  const colonIndex = name.indexOf(': ');
+  return colonIndex === -1 ? name : name.slice(colonIndex + 2);
+};
+
+const getModelVariants = (model: Record<string, unknown>): string[] => {
+  const { opencode } = model;
+
+  if (!isRecord(opencode)) {
+    return [];
+  }
+
+  const { variants } = opencode;
+
+  return isRecord(variants) ? Object.keys(variants) : [];
+};
+
+const compareModelOptions = (
+  left: ParsedGatewayModelOption,
+  right: ParsedGatewayModelOption
+): number => {
+  const leftIsPreferred = left.preferredIndex !== undefined;
+  const rightIsPreferred = right.preferredIndex !== undefined;
+
+  if (leftIsPreferred && rightIsPreferred) {
+    return (left.preferredIndex ?? 0) - (right.preferredIndex ?? 0);
+  }
+
+  if (leftIsPreferred) {
+    return -1;
+  }
+
+  if (rightIsPreferred) {
+    return 1;
+  }
+
+  return left.name.localeCompare(right.name);
+};
+
+const toGatewayModelOption = (model: ParsedGatewayModelOption): KiloGatewayModelOption => {
+  const option: {
+    hasUserByokAvailable?: boolean;
+    id: string;
+    isFree?: boolean;
+    isPreferred: boolean;
+    mayTrainOnYourPrompts?: boolean;
+    name: string;
+    variants: string[];
+  } = {
+    id: model.id,
+    isPreferred: model.isPreferred,
+    name: model.name,
+    variants: model.variants,
+  };
+
+  if (model.hasUserByokAvailable !== undefined) {
+    option.hasUserByokAvailable = model.hasUserByokAvailable;
+  }
+
+  if (model.isFree !== undefined) {
+    option.isFree = model.isFree;
+  }
+
+  if (model.mayTrainOnYourPrompts !== undefined) {
+    option.mayTrainOnYourPrompts = model.mayTrainOnYourPrompts;
+  }
+
+  return option;
+};
+
+export const parseKiloGatewayModelsResponse = (value: unknown): KiloGatewayModelOption[] => {
+  if (!isRecord(value) || !Array.isArray(value['data'])) {
+    throw new TypeError('Gateway models response did not include a model list.');
+  }
+
+  return value['data']
+    .flatMap(model => {
+      if (!isRecord(model)) {
+        return [];
+      }
+
+      const id = getOptionalString(model['id']);
+      const name = getOptionalString(model['name']);
+
+      if (id === undefined || name === undefined) {
+        return [];
+      }
+
+      const hasUserByokAvailable = getOptionalBoolean(model['hasUserByokAvailable']);
+      const isFree = getOptionalBoolean(model['isFree']);
+      const mayTrainOnYourPrompts = getOptionalBoolean(model['mayTrainOnYourPrompts']);
+      const preferredIndex = getOptionalNumber(model['preferredIndex']);
+      const option: ParsedGatewayModelOption = {
+        id,
+        isPreferred: preferredIndex !== undefined,
+        name: formatShortModelName(name),
+        variants: getModelVariants(model),
+        ...(hasUserByokAvailable === undefined ? {} : { hasUserByokAvailable }),
+        ...(isFree === undefined ? {} : { isFree }),
+        ...(mayTrainOnYourPrompts === undefined ? {} : { mayTrainOnYourPrompts }),
+        ...(preferredIndex === undefined ? {} : { preferredIndex }),
+      };
+
+      return [option];
+    })
+    .toSorted(compareModelOptions)
+    .map(model => toGatewayModelOption(model));
+};
+
+export const fetchKiloGatewayModels = async ({
+  apiBaseUrl,
+  fetch,
+  signal,
+  token,
+}: FetchKiloGatewayModelsOptions): Promise<KiloGatewayModelOption[]> => {
+  const response = await fetch(`${trimTrailingSlash(apiBaseUrl)}/api/gateway/models`, {
+    headers: {
+      Accept: 'application/json',
+      Authorization: `Bearer ${token}`,
+    },
+    ...(signal === undefined ? {} : { signal }),
+  });
+
+  if (!response.ok) {
+    throw new Error(`Failed to fetch gateway models: ${response.status}`);
+  }
+
+  const data: unknown = await response.json();
+  return parseKiloGatewayModelsResponse(data);
+};
+
+export const thinkingEffortLabel = (variant: string): string => {
+  switch (variant) {
+    case 'medium': {
+      return 'Med';
+    }
+    case 'minimal': {
+      return 'Min';
+    }
+    case 'xhigh': {
+      return 'XHigh';
+    }
+    default: {
+      return variant.charAt(0).toUpperCase() + variant.slice(1);
+    }
+  }
+};

From 3394d93c9ad1ca600d901f2cad9b0d0d972261fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 18:13:53 +0200
Subject: [PATCH 20/51] feat(extension): run eval from dangerous chat mode

---
 apps/extension/entrypoints/background.ts      |  19 ++-
 .../sidepanel/agent-chat-panel.tsx            | 105 ++++++++++----
 .../sidepanel/agent-conversation-events.tsx   |  94 +++++++++++++
 .../sidepanel/agent-eval-runtime.ts           |  68 ++++++++++
 .../sidepanel/agent-footer-controls.tsx       |  82 +++++++----
 .../src/shared/agent-conversation.test.ts     | 121 +++++++++++++++++
 .../src/shared/agent-conversation.ts          | 128 ++++++++++++++++++
 .../extension/src/shared/tab-debugger.test.ts |  56 +++++++-
 apps/extension/src/shared/tab-debugger.ts     | 111 ++++++++++++++-
 apps/extension/tests/e2e/sidebar.test.ts      | 100 +++++++++++++-
 10 files changed, 831 insertions(+), 53 deletions(-)
 create mode 100644 apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
 create mode 100644 apps/extension/entrypoints/sidepanel/agent-eval-runtime.ts
 create mode 100644 apps/extension/src/shared/agent-conversation.test.ts
 create mode 100644 apps/extension/src/shared/agent-conversation.ts

diff --git a/apps/extension/entrypoints/background.ts b/apps/extension/entrypoints/background.ts
index 6b32dc7eeb..ce71636cd4 100644
--- a/apps/extension/entrypoints/background.ts
+++ b/apps/extension/entrypoints/background.ts
@@ -1,7 +1,9 @@
 import { enableActionClickSidePanel } from '@/src/shared/side-panel';
 import {
+  EVAL_TAB_MESSAGE,
   GET_TAB_HTML_LENGTH_MESSAGE,
   LIST_INSPECTABLE_TABS_MESSAGE,
+  evalInTab,
   getTabHtmlLength,
   isTabDebuggerRequest,
   listInspectableTabs,
@@ -44,10 +46,23 @@ const handleTabDebuggerRequest = async ({
       };
     }
 
+    if (request.type === GET_TAB_HTML_LENGTH_MESSAGE) {
+      return {
+        length: await getTabHtmlLength(debuggerApi, request.tabId),
+        ok: true,
+        type: GET_TAB_HTML_LENGTH_MESSAGE,
+      };
+    }
+
     return {
-      length: await getTabHtmlLength(debuggerApi, request.tabId),
       ok: true,
-      type: GET_TAB_HTML_LENGTH_MESSAGE,
+      result: await evalInTab({
+        code: request.code,
+        debuggerApi,
+        tabId: request.tabId,
+        ...(request.timeoutMs === undefined ? {} : { timeoutMs: request.timeoutMs }),
+      }),
+      type: EVAL_TAB_MESSAGE,
     };
   } catch (error) {
     return {
diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index 9854c4dfc2..f61aa5652c 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -1,15 +1,24 @@
 import { useEffect, useMemo, useState } from 'react';
 import type { ChangeEvent, JSX } from 'react';
+import {
+  createAssistantMessage,
+  createToolResult,
+  createUserMessage,
+  planLocalDangerousAgentTurn,
+} from '@/src/shared/agent-conversation';
+import type { AgentConversationEvent } from '@/src/shared/agent-conversation';
 import {
   getDefaultAgentPanelState,
   getFooterControlDisplay,
 } from '@/src/shared/agent-chat-placeholder';
-import type { AgentChatMessage } from '@/src/shared/agent-chat-placeholder';
 import { getKiloApiBaseUrl } from '@/src/shared/auth';
 import type { StoredAuth } from '@/src/shared/auth';
 import { fetchKiloGatewayModels } from '@/src/shared/kilo-api-client';
 import type { KiloGatewayModelOption } from '@/src/shared/kilo-api-client';
+import { AgentConversationEventView } from './agent-conversation-events';
+import { executeEvalToolCall, getEvalSummary } from './agent-eval-runtime';
 import { AgentFooterControls } from './agent-footer-controls';
+import { useTabDebugger } from './use-tab-debugger';
 
 const effortOptions = ['low', 'medium', 'high'] as const;
 const defaultThinkingOption = 'default';
@@ -39,31 +48,19 @@ const fallbackModelOptions: KiloGatewayModelOption[] = [
   },
 ];
 
-const Message = ({ message }: { message: AgentChatMessage }): JSX.Element => {
-  const isUser = message.role === 'user';
-
-  return (
-    <div className={isUser ? 'flex justify-end' : 'flex justify-start'}>
-      <div
-        className={
-          isUser
-            ? 'max-w-[88%] rounded-lg bg-zinc-100 px-3 py-2 text-sm leading-5 text-zinc-950'
-            : 'max-w-[88%] rounded-lg border border-zinc-800 bg-zinc-900 px-3 py-2 text-sm leading-5 text-zinc-200'
-        }
-      >
-        <p>{message.body}</p>
-      </div>
-    </div>
-  );
-};
-
 export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
   const initialState = useMemo(() => getDefaultAgentPanelState(), []);
   const [draft, setDraft] = useState(initialState.draft);
+  const [events, setEvents] = useState<AgentConversationEvent[]>(() => [
+    createAssistantMessage('Pick a tab, switch to dangerous mode, and ask Kilo to inspect it.'),
+  ]);
+  const [isRunning, setIsRunning] = useState(false);
   const [mode, setMode] = useState(initialState.footer.mode);
   const [model, setModel] = useState(initialState.footer.model);
   const [modelOptions, setModelOptions] = useState<KiloGatewayModelOption[]>(fallbackModelOptions);
   const [thinkingEffort, setThinkingEffort] = useState(initialState.footer.thinkingEffort);
+  const { inspectableTabs, isLoadingTabs, loadInspectableTabs, selectTab, selectedTabId } =
+    useTabDebugger();
   const selectedModel = useMemo(
     () => modelOptions.find(option => option.id === model),
     [model, modelOptions]
@@ -83,6 +80,10 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
   const isThinkingSelectDisabled =
     selectedModel !== undefined && selectedModel.variants.length === 0;
 
+  useEffect(() => {
+    void loadInspectableTabs();
+  }, [loadInspectableTabs]);
+
   useEffect(() => {
     const abort = new AbortController();
 
@@ -132,6 +133,52 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
     }
   }, [thinkingEffort, thinkingOptions]);
 
+  const submitMessage = (text: string): void => {
+    const userEvent = createUserMessage(text);
+    const plannedEvents = planLocalDangerousAgentTurn({
+      mode,
+      selectedTabId,
+      userText: text,
+    });
+    const toolCalls = plannedEvents.filter(
+      (event): event is Extract<AgentConversationEvent, { readonly type: 'tool-call' }> =>
+        event.type === 'tool-call'
+    );
+
+    setEvents(currentEvents => [...currentEvents, userEvent, ...plannedEvents]);
+
+    if (toolCalls.length === 0) {
+      return;
+    }
+
+    setIsRunning(true);
+
+    void (async (): Promise<void> => {
+      const completedEvents = await Promise.all(
+        toolCalls.map(async toolCall => {
+          const result = await executeEvalToolCall(toolCall);
+          const toolResultEvent = result.ok
+            ? createToolResult({
+                ok: true,
+                toolCallId: toolCall.id,
+                value: result.value,
+              })
+            : createToolResult({
+                error: result.error,
+                ok: false,
+                toolCallId: toolCall.id,
+              });
+
+          return [toolResultEvent, createAssistantMessage(getEvalSummary(result))];
+        })
+      );
+
+      setEvents(currentEvents => [...currentEvents, ...completedEvents.flat()]);
+
+      setIsRunning(false);
+    })();
+  };
+
   return (
     <div className="flex min-h-0 flex-1 flex-col">
       <section
@@ -139,8 +186,8 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
         className="flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto px-4 py-4"
       >
         <div className="flex flex-1 flex-col justify-end gap-3">
-          {initialState.messages.map(message => (
-            <Message key={`${message.role}-${message.body}`} message={message} />
+          {events.map(event => (
+            <AgentConversationEventView event={event} key={event.id} />
           ))}
         </div>
       </section>
@@ -149,6 +196,14 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
         className="border-t border-zinc-900 px-4 py-3"
         onSubmit={event => {
           event.preventDefault();
+
+          const text = draft.trim();
+          if (text === '' || isRunning) {
+            return;
+          }
+
+          setDraft('');
+          submitMessage(text);
         }}
       >
         <label className="sr-only" htmlFor="agent-message">
@@ -165,22 +220,26 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
         />
         <button
           className="mt-2 h-9 w-full rounded-md bg-[#EDFF00] px-3 text-sm font-semibold text-zinc-950 transition hover:bg-[#d9ea00] focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950 disabled:cursor-not-allowed disabled:bg-zinc-800 disabled:text-zinc-500"
-          disabled={draft.trim() === ''}
+          disabled={draft.trim() === '' || isRunning}
           type="submit"
         >
-          Send message
+          {isRunning ? 'Running...' : 'Send message'}
         </button>
       </form>
 
       <footer className="border-t border-zinc-900 bg-zinc-950 px-4 py-2">
         <AgentFooterControls
+          inspectableTabs={inspectableTabs}
+          isLoadingTabs={isLoadingTabs}
           isThinkingSelectDisabled={isThinkingSelectDisabled}
           mode={mode}
           model={model}
           modelOptions={modelOptions}
           onModeChange={setMode}
           onModelChange={setModel}
+          onSelectedTabChange={selectTab}
           onThinkingEffortChange={setThinkingEffort}
+          selectedTabId={selectedTabId}
           thinkingEffort={thinkingEffort}
           thinkingOptions={thinkingOptions}
         />
diff --git a/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx b/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
new file mode 100644
index 0000000000..b0b8688f59
--- /dev/null
+++ b/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
@@ -0,0 +1,94 @@
+import type { JSX } from 'react';
+import type { AgentConversationEvent } from '@/src/shared/agent-conversation';
+
+const formatToolValue = (value: unknown): string => {
+  if (typeof value === 'string') {
+    return value;
+  }
+
+  if (
+    typeof value === 'number' ||
+    typeof value === 'boolean' ||
+    typeof value === 'bigint' ||
+    value === null
+  ) {
+    return String(value);
+  }
+
+  if (value === undefined) {
+    return 'undefined';
+  }
+
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return 'Unserializable result';
+  }
+};
+
+const MessageEvent = ({
+  event,
+}: {
+  event: Extract<AgentConversationEvent, { readonly type: 'message' }>;
+}): JSX.Element => {
+  const isUser = event.role === 'user';
+
+  return (
+    <div className={isUser ? 'flex justify-end' : 'flex justify-start'}>
+      <div
+        className={
+          isUser
+            ? 'max-w-[88%] rounded-lg bg-zinc-100 px-3 py-2 text-sm leading-5 text-zinc-950'
+            : 'max-w-[88%] rounded-lg border border-zinc-800 bg-zinc-900 px-3 py-2 text-sm leading-5 text-zinc-200'
+        }
+      >
+        <p>{event.text}</p>
+      </div>
+    </div>
+  );
+};
+
+const ToolCallEvent = ({
+  event,
+}: {
+  event: Extract<AgentConversationEvent, { readonly type: 'tool-call' }>;
+}): JSX.Element => (
+  <div className="rounded-md border border-red-500/30 bg-red-950/20 px-3 py-2">
+    <div className="flex items-center justify-between gap-2">
+      <p className="text-xs font-semibold text-red-200">eval</p>
+      <p className="text-[11px] text-red-200/70">tab {event.tabId}</p>
+    </div>
+    <pre className="mt-2 max-h-28 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-red-100/90">
+      {event.code}
+    </pre>
+  </div>
+);
+
+const ToolResultEvent = ({
+  event,
+}: {
+  event: Extract<AgentConversationEvent, { readonly type: 'tool-result' }>;
+}): JSX.Element => (
+  <div className="rounded-md border border-zinc-800 bg-zinc-900/70 px-3 py-2">
+    <p className="text-xs font-semibold text-zinc-300">{event.ok ? 'eval result' : 'eval error'}</p>
+    <pre className="mt-2 max-h-28 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-zinc-400">
+      {event.ok ? formatToolValue(event.value) : event.error}
+    </pre>
+  </div>
+);
+
+export const AgentConversationEventView = ({
+  event,
+}: {
+  event: AgentConversationEvent;
+}): JSX.Element => {
+  if (event.type === 'message') {
+    return <MessageEvent event={event} />;
+  }
+
+  if (event.type === 'tool-call') {
+    return <ToolCallEvent event={event} />;
+  }
+
+  return <ToolResultEvent event={event} />;
+};
diff --git a/apps/extension/entrypoints/sidepanel/agent-eval-runtime.ts b/apps/extension/entrypoints/sidepanel/agent-eval-runtime.ts
new file mode 100644
index 0000000000..b6e3596e45
--- /dev/null
+++ b/apps/extension/entrypoints/sidepanel/agent-eval-runtime.ts
@@ -0,0 +1,68 @@
+import { browser } from '#imports';
+import type { AgentConversationEvent } from '@/src/shared/agent-conversation';
+import { EVAL_TAB_MESSAGE, isTabDebuggerResponse } from '@/src/shared/tab-debugger';
+import type { EvalTabResult } from '@/src/shared/tab-debugger';
+
+export const formatEvalValue = (value: unknown): string => {
+  if (typeof value === 'string') {
+    return value;
+  }
+
+  if (
+    typeof value === 'number' ||
+    typeof value === 'boolean' ||
+    typeof value === 'bigint' ||
+    value === null
+  ) {
+    return String(value);
+  }
+
+  if (value === undefined) {
+    return 'undefined';
+  }
+
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return 'Unserializable result';
+  }
+};
+
+export const getEvalSummary = (result: EvalTabResult): string => {
+  if (!result.ok) {
+    return `Eval failed: ${result.error}`;
+  }
+
+  return `Eval returned ${formatEvalValue(result.value)}.`;
+};
+
+export const executeEvalToolCall = async (
+  toolCall: Extract<AgentConversationEvent, { readonly type: 'tool-call' }>
+): Promise<EvalTabResult> => {
+  try {
+    const response: unknown = await browser.runtime.sendMessage({
+      code: toolCall.code,
+      tabId: toolCall.tabId,
+      type: EVAL_TAB_MESSAGE,
+    });
+
+    if (!isTabDebuggerResponse(response)) {
+      return { error: 'Extension background returned an invalid response.', ok: false };
+    }
+
+    if (!response.ok) {
+      return { error: response.error, ok: false };
+    }
+
+    if (response.type !== EVAL_TAB_MESSAGE) {
+      return { error: 'Extension background returned the wrong response.', ok: false };
+    }
+
+    return response.result;
+  } catch (error) {
+    return {
+      error: error instanceof Error ? error.message : 'Failed to run eval.',
+      ok: false,
+    };
+  }
+};
diff --git a/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx b/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
index ad4ab6f82e..096d221614 100644
--- a/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
@@ -3,6 +3,7 @@ import type { JSX, ReactNode } from 'react';
 import { getFooterControlDisplay } from '@/src/shared/agent-chat-placeholder';
 import { thinkingEffortLabel } from '@/src/shared/kilo-api-client';
 import type { KiloGatewayModelOption } from '@/src/shared/kilo-api-client';
+import type { InspectableTab } from '@/src/shared/tab-debugger';
 
 const modeOptions = [
   { label: 'Safe', value: 'safe' },
@@ -148,52 +149,85 @@ const ModeControl = ({
 };
 
 export const AgentFooterControls = ({
+  inspectableTabs,
+  isLoadingTabs,
   isThinkingSelectDisabled,
   mode,
   model,
   modelOptions,
   onModeChange,
   onModelChange,
+  onSelectedTabChange,
   onThinkingEffortChange,
+  selectedTabId,
   thinkingEffort,
   thinkingOptions,
 }: {
+  inspectableTabs: InspectableTab[];
+  isLoadingTabs: boolean;
   isThinkingSelectDisabled: boolean;
   mode: AgentMode;
   model: string;
   modelOptions: KiloGatewayModelOption[];
   onModeChange: (mode: AgentMode) => void;
   onModelChange: (model: string) => void;
+  onSelectedTabChange: (tabId: number) => void;
   onThinkingEffortChange: (thinkingEffort: string) => void;
+  selectedTabId: number | undefined;
   thinkingEffort: string;
   thinkingOptions: string[];
 }): JSX.Element => (
-  <div className="flex min-w-0 items-center gap-2">
-    <ModeControl mode={mode} onChange={onModeChange} />
+  <div className="grid gap-2">
     <CompactSelectControl
-      ariaLabel="Model"
-      className="flex-1 pl-2 pr-6"
-      onChange={onModelChange}
-      value={model}
-    >
-      {modelOptions.map(option => (
-        <option key={option.id} value={option.id}>
-          {option.name}
-        </option>
-      ))}
-    </CompactSelectControl>
-    <CompactSelectControl
-      ariaLabel="Thinking effort"
-      className="w-24 pl-2 pr-6"
-      disabled={isThinkingSelectDisabled}
-      onChange={onThinkingEffortChange}
-      value={thinkingEffort}
+      ariaLabel="Target tab"
+      className="w-full pl-2 pr-6"
+      disabled={isLoadingTabs || inspectableTabs.length === 0}
+      onChange={value => {
+        const tabId = Number(value);
+
+        if (Number.isInteger(tabId)) {
+          onSelectedTabChange(tabId);
+        }
+      }}
+      value={selectedTabId === undefined ? '' : String(selectedTabId)}
     >
-      {thinkingOptions.map(option => (
-        <option key={option} value={option}>
-          {option === defaultThinkingOption ? 'Default' : thinkingEffortLabel(option)}
-        </option>
-      ))}
+      {inspectableTabs.length === 0 ? (
+        <option value="">{isLoadingTabs ? 'Loading tabs...' : 'No tabs'}</option>
+      ) : (
+        inspectableTabs.map(tab => (
+          <option key={tab.id} value={tab.id}>
+            {tab.title}
+          </option>
+        ))
+      )}
     </CompactSelectControl>
+    <div className="flex min-w-0 items-center gap-2">
+      <ModeControl mode={mode} onChange={onModeChange} />
+      <CompactSelectControl
+        ariaLabel="Model"
+        className="flex-1 pl-2 pr-6"
+        onChange={onModelChange}
+        value={model}
+      >
+        {modelOptions.map(option => (
+          <option key={option.id} value={option.id}>
+            {option.name}
+          </option>
+        ))}
+      </CompactSelectControl>
+      <CompactSelectControl
+        ariaLabel="Thinking effort"
+        className="w-24 pl-2 pr-6"
+        disabled={isThinkingSelectDisabled}
+        onChange={onThinkingEffortChange}
+        value={thinkingEffort}
+      >
+        {thinkingOptions.map(option => (
+          <option key={option} value={option}>
+            {option === defaultThinkingOption ? 'Default' : thinkingEffortLabel(option)}
+          </option>
+        ))}
+      </CompactSelectControl>
+    </div>
   </div>
 );
diff --git a/apps/extension/src/shared/agent-conversation.test.ts b/apps/extension/src/shared/agent-conversation.test.ts
new file mode 100644
index 0000000000..6480ba2b07
--- /dev/null
+++ b/apps/extension/src/shared/agent-conversation.test.ts
@@ -0,0 +1,121 @@
+import { describe, expect, it } from 'vitest';
+import {
+  createAssistantMessage,
+  createEvalToolCall,
+  createToolResult,
+  createUserMessage,
+  planLocalDangerousAgentTurn,
+} from './agent-conversation';
+
+describe('agent conversation events', () => {
+  it('creates stable conversation events for messages and eval tools', () => {
+    const userMessage = createUserMessage('Inspect the page');
+    const assistantMessage = createAssistantMessage('I can do that.');
+    const toolCall = createEvalToolCall({
+      code: 'return document.title;',
+      tabId: 7,
+    });
+    const toolResult = createToolResult({
+      ok: true,
+      toolCallId: 'event-3',
+      value: 'Kilo',
+    });
+
+    const { id: userMessageId, ...userMessagePayload } = userMessage;
+    const { id: assistantMessageId, ...assistantMessagePayload } = assistantMessage;
+    const { id: toolCallId, ...toolCallPayload } = toolCall;
+    const { id: toolResultId, ...toolResultPayload } = toolResult;
+
+    expect({
+      assistantMessageIdType: typeof assistantMessageId,
+      assistantMessagePayload,
+      toolCallIdType: typeof toolCallId,
+      toolCallPayload,
+      toolResultIdType: typeof toolResultId,
+      toolResultPayload,
+      userMessageIdType: typeof userMessageId,
+      userMessagePayload,
+    }).toStrictEqual({
+      assistantMessageIdType: 'string',
+      assistantMessagePayload: {
+        role: 'assistant',
+        text: 'I can do that.',
+        type: 'message',
+      },
+      toolCallIdType: 'string',
+      toolCallPayload: {
+        code: 'return document.title;',
+        name: 'eval',
+        tabId: 7,
+        type: 'tool-call',
+      },
+      toolResultIdType: 'string',
+      toolResultPayload: {
+        ok: true,
+        toolCallId: 'event-3',
+        type: 'tool-result',
+        value: 'Kilo',
+      },
+      userMessageIdType: 'string',
+      userMessagePayload: {
+        role: 'user',
+        text: 'Inspect the page',
+        type: 'message',
+      },
+    });
+  });
+
+  it('plans an eval tool call for dangerous-mode page inspection prompts', () => {
+    expect(
+      planLocalDangerousAgentTurn({
+        mode: 'dangerous',
+        selectedTabId: 7,
+        userText: 'Inspect this tab and tell me the HTML length',
+      })
+    ).toMatchObject([
+      {
+        role: 'assistant',
+        text: 'I will inspect the selected tab with eval.',
+        type: 'message',
+      },
+      {
+        code: 'return document.documentElement.outerHTML.length;',
+        name: 'eval',
+        tabId: 7,
+        type: 'tool-call',
+      },
+    ]);
+  });
+
+  it('does not plan eval outside dangerous mode', () => {
+    expect(
+      planLocalDangerousAgentTurn({
+        mode: 'safe',
+        selectedTabId: 7,
+        userText: 'Inspect this tab and tell me the HTML length',
+      })
+    ).toMatchObject([
+      {
+        role: 'assistant',
+        text: 'Switch to dangerous mode before I can run eval in a tab.',
+        type: 'message',
+      },
+    ]);
+  });
+
+  it('asks for a target tab before planning eval', () => {
+    expect(
+      planLocalDangerousAgentTurn({
+        mode: 'dangerous',
+        selectedTabId: undefined,
+        userText: 'Inspect this tab and tell me the HTML length',
+      })
+    ).toMatchObject([
+      {
+        role: 'assistant',
+        text: 'Pick a target tab first.',
+        type: 'message',
+      },
+    ]);
+  });
+});
diff --git a/apps/extension/src/shared/agent-conversation.ts b/apps/extension/src/shared/agent-conversation.ts
new file mode 100644
index 0000000000..a525c6172a
--- /dev/null
+++ b/apps/extension/src/shared/agent-conversation.ts
@@ -0,0 +1,128 @@
+export type AgentMode = 'dangerous' | 'safe';
+
+export type AgentConversationEvent =
+  | {
+      readonly id: string;
+      readonly role: 'assistant' | 'user';
+      readonly text: string;
+      readonly type: 'message';
+    }
+  | {
+      readonly code: string;
+      readonly id: string;
+      readonly name: 'eval';
+      readonly tabId: number;
+      readonly type: 'tool-call';
+    }
+  | {
+      readonly error?: string;
+      readonly id: string;
+      readonly ok: boolean;
+      readonly toolCallId: string;
+      readonly type: 'tool-result';
+      readonly value?: unknown;
+    };
+
+interface CreateEvalToolCallOptions {
+  readonly code: string;
+  readonly tabId: number;
+}
+
+interface CreateToolResultOptions {
+  readonly error?: string;
+  readonly ok: boolean;
+  readonly toolCallId: string;
+  readonly value?: unknown;
+}
+
+interface PlanLocalDangerousAgentTurnOptions {
+  readonly mode: AgentMode;
+  readonly selectedTabId: number | undefined;
+  readonly userText: string;
+}
+
+let nextEventId = 1;
+
+const createEventId = (): string => {
+  const id = `event-${nextEventId}`;
+  nextEventId += 1;
+  return id;
+};
+
+const looksLikePageInspectionPrompt = (text: string): boolean => {
+  const normalizedText = text.toLowerCase();
+  return (
+    normalizedText.includes('html length') ||
+    (normalizedText.includes('inspect') && normalizedText.includes('tab')) ||
+    normalizedText.includes('page')
+  );
+};
+
+export const createUserMessage = (text: string): AgentConversationEvent => ({
+  id: createEventId(),
+  role: 'user',
+  text,
+  type: 'message',
+});
+
+export const createAssistantMessage = (text: string): AgentConversationEvent => ({
+  id: createEventId(),
+  role: 'assistant',
+  text,
+  type: 'message',
+});
+
+export const createEvalToolCall = ({
+  code,
+  tabId,
+}: CreateEvalToolCallOptions): AgentConversationEvent => ({
+  code,
+  id: createEventId(),
+  name: 'eval',
+  tabId,
+  type: 'tool-call',
+});
+
+export const createToolResult = ({
+  error,
+  ok,
+  toolCallId,
+  value,
+}: CreateToolResultOptions): AgentConversationEvent => ({
+  id: createEventId(),
+  ok,
+  toolCallId,
+  type: 'tool-result',
+  ...(error === undefined ? {} : { error }),
+  ...(value === undefined ? {} : { value }),
+});
+
+export const planLocalDangerousAgentTurn = ({
+  mode,
+  selectedTabId,
+  userText,
+}: PlanLocalDangerousAgentTurnOptions): AgentConversationEvent[] => {
+  if (selectedTabId === undefined) {
+    return [createAssistantMessage('Pick a target tab first.')];
+  }
+
+  if (mode !== 'dangerous') {
+    return [createAssistantMessage('Switch to dangerous mode before I can run eval in a tab.')];
+  }
+
+  if (looksLikePageInspectionPrompt(userText)) {
+    return [
+      createAssistantMessage('I will inspect the selected tab with eval.'),
+      createEvalToolCall({
+        code: 'return document.documentElement.outerHTML.length;',
+        tabId: selectedTabId,
+      }),
+    ];
+  }
+
+  return [
+    createAssistantMessage(
+      'Dangerous mode is connected. For now, ask me to inspect the selected tab.'
+    ),
+  ];
+};
diff --git a/apps/extension/src/shared/tab-debugger.test.ts b/apps/extension/src/shared/tab-debugger.test.ts
index 1588f5be5f..04b08d72f4 100644
--- a/apps/extension/src/shared/tab-debugger.test.ts
+++ b/apps/extension/src/shared/tab-debugger.test.ts
@@ -1,5 +1,10 @@
 import { describe, expect, it } from 'vitest';
-import { HTML_LENGTH_EXPRESSION, getTabHtmlLength, listInspectableTabs } from './tab-debugger';
+import {
+  HTML_LENGTH_EXPRESSION,
+  evalInTab,
+  getTabHtmlLength,
+  listInspectableTabs,
+} from './tab-debugger';
 import type { ChromeDebuggerApi, ChromeDebuggerTargetInfo } from './tab-debugger';
 
 const createDebuggerApi = ({
@@ -76,4 +81,53 @@ describe('tab debugger helpers', () => {
     await expect(getTabHtmlLength(debuggerApi, 7)).rejects.toThrow('Evaluation failed.');
     expect(debuggerApi.calls).toStrictEqual(['attach:7', 'detach:7']);
   });
+
+  it('evaluates dangerous-mode code in the selected tab', async () => {
+    const calls: unknown[] = [];
+    const debuggerApi = createDebuggerApi({
+      sendCommand: (target, method, params) => {
+        calls.push({ method, params, target });
+        return { result: { type: 'number', value: 12_345 } };
+      },
+    });
+
+    await expect(
+      evalInTab({
+        code: 'return document.documentElement.outerHTML.length;',
+        debuggerApi,
+        tabId: 7,
+      })
+    ).resolves.toStrictEqual({ ok: true, value: 12_345 });
+    expect(debuggerApi.calls).toStrictEqual(['attach:7', 'detach:7']);
+    expect(calls).toStrictEqual([
+      {
+        method: 'Runtime.evaluate',
+        params: {
+          awaitPromise: true,
+          expression: '(async () => { return document.documentElement.outerHTML.length; })()',
+          returnByValue: true,
+          timeout: 5000,
+        },
+        target: { tabId: 7 },
+      },
+    ]);
+  });
+
+  it('returns eval errors and still detaches', async () => {
+    const debuggerApi = createDebuggerApi({
+      sendCommand: () => ({
+        exceptionDetails: { text: 'ReferenceError' },
+        result: { type: 'object' },
+      }),
+    });
+
+    await expect(
+      evalInTab({
+        code: 'return missingValue;',
+        debuggerApi,
+        tabId: 7,
+      })
+    ).resolves.toStrictEqual({ error: 'Page evaluation failed.', ok: false });
+    expect(debuggerApi.calls).toStrictEqual(['attach:7', 'detach:7']);
+  });
 });
diff --git a/apps/extension/src/shared/tab-debugger.ts b/apps/extension/src/shared/tab-debugger.ts
index 7eb9b7096f..fb905218d7 100644
--- a/apps/extension/src/shared/tab-debugger.ts
+++ b/apps/extension/src/shared/tab-debugger.ts
@@ -2,6 +2,8 @@ export const DEBUGGER_PROTOCOL_VERSION = '1.3';
 export const HTML_LENGTH_EXPRESSION = 'document.documentElement.outerHTML.length';
 export const LIST_INSPECTABLE_TABS_MESSAGE = 'kilo.tabs.listInspectable';
 export const GET_TAB_HTML_LENGTH_MESSAGE = 'kilo.tabs.getHtmlLength';
+export const EVAL_TAB_MESSAGE = 'kilo.tabs.eval';
+export const DEFAULT_EVAL_TIMEOUT_MS = 5000;
 
 export interface ChromeDebuggerTargetInfo {
   readonly attached?: boolean;
@@ -32,6 +34,17 @@ export interface InspectableTab {
   readonly url: string;
 }
 
+export type EvalTabResult =
+  | {
+      readonly description?: string;
+      readonly ok: true;
+      readonly value?: unknown;
+    }
+  | {
+      readonly error: string;
+      readonly ok: false;
+    };
+
 export type TabDebuggerRequest =
   | {
       readonly type: typeof LIST_INSPECTABLE_TABS_MESSAGE;
@@ -39,6 +52,12 @@ export type TabDebuggerRequest =
   | {
       readonly tabId: number;
       readonly type: typeof GET_TAB_HTML_LENGTH_MESSAGE;
+    }
+  | {
+      readonly code: string;
+      readonly tabId: number;
+      readonly timeoutMs?: number;
+      readonly type: typeof EVAL_TAB_MESSAGE;
     };
 
 export type TabDebuggerResponse =
@@ -52,6 +71,11 @@ export type TabDebuggerResponse =
       readonly ok: true;
       readonly type: typeof GET_TAB_HTML_LENGTH_MESSAGE;
     }
+  | {
+      readonly result: EvalTabResult;
+      readonly ok: true;
+      readonly type: typeof EVAL_TAB_MESSAGE;
+    }
   | {
       readonly error: string;
       readonly ok: false;
@@ -124,6 +148,67 @@ export const getTabHtmlLength = async (
   }
 };
 
+const getEvalExpression = (code: string): string => `(async () => { ${code} })()`;
+
+export const evalInTab = async ({
+  code,
+  debuggerApi,
+  tabId,
+  timeoutMs = DEFAULT_EVAL_TIMEOUT_MS,
+}: {
+  readonly code: string;
+  readonly debuggerApi: ChromeDebuggerApi;
+  readonly tabId: number;
+  readonly timeoutMs?: number;
+}): Promise<EvalTabResult> => {
+  const target = { tabId };
+  let attached = false;
+
+  try {
+    await debuggerApi.attach(target, DEBUGGER_PROTOCOL_VERSION);
+    attached = true;
+
+    const response = await debuggerApi.sendCommand(target, 'Runtime.evaluate', {
+      awaitPromise: true,
+      expression: getEvalExpression(code),
+      returnByValue: true,
+      timeout: timeoutMs,
+    });
+
+    if (!isRecord(response)) {
+      return { error: 'Debugger returned an invalid eval response.', ok: false };
+    }
+
+    const { exceptionDetails, result } = response;
+
+    if (exceptionDetails !== undefined) {
+      return { error: 'Page evaluation failed.', ok: false };
+    }
+
+    if (!isRecord(result)) {
+      return { error: 'Debugger returned an invalid eval result.', ok: false };
+    }
+
+    const description =
+      typeof result['description'] === 'string' ? result['description'] : undefined;
+
+    return {
+      ok: true,
+      ...(description === undefined ? {} : { description }),
+      ...('value' in result ? { value: result['value'] } : {}),
+    };
+  } catch (error) {
+    return {
+      error: error instanceof Error ? error.message : 'Page evaluation failed.',
+      ok: false,
+    };
+  } finally {
+    if (attached) {
+      await debuggerApi.detach(target);
+    }
+  }
+};
+
 export const isTabDebuggerRequest = (value: unknown): value is TabDebuggerRequest => {
   if (!isRecord(value) || typeof value['type'] !== 'string') {
     return false;
@@ -133,7 +218,16 @@ export const isTabDebuggerRequest = (value: unknown): value is TabDebuggerReques
     return true;
   }
 
-  return value['type'] === GET_TAB_HTML_LENGTH_MESSAGE && typeof value['tabId'] === 'number';
+  if (value['type'] === GET_TAB_HTML_LENGTH_MESSAGE) {
+    return typeof value['tabId'] === 'number';
+  }
+
+  return (
+    value['type'] === EVAL_TAB_MESSAGE &&
+    typeof value['tabId'] === 'number' &&
+    typeof value['code'] === 'string' &&
+    (value['timeoutMs'] === undefined || typeof value['timeoutMs'] === 'number')
+  );
 };
 
 export const isTabDebuggerResponse = (value: unknown): value is TabDebuggerResponse => {
@@ -158,5 +252,18 @@ export const isTabDebuggerResponse = (value: unknown): value is TabDebuggerRespo
     );
   }
 
-  return value['type'] === GET_TAB_HTML_LENGTH_MESSAGE && typeof value['length'] === 'number';
+  if (value['type'] === GET_TAB_HTML_LENGTH_MESSAGE) {
+    return typeof value['length'] === 'number';
+  }
+
+  if (value['type'] === EVAL_TAB_MESSAGE) {
+    const { result } = value;
+    return (
+      isRecord(result) &&
+      typeof result['ok'] === 'boolean' &&
+      (result['ok'] || typeof result['error'] === 'string')
+    );
+  }
+
+  return false;
 };
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index 04166b5cf1..d056b00b00 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -4,7 +4,7 @@ import { access, mkdtemp, readFile, rm } from 'node:fs/promises';
 import { createServer } from 'node:http';
 import { tmpdir } from 'node:os';
 import { join, resolve as resolvePath } from 'node:path';
-import type { BrowserContext } from '@playwright/test';
+import type { BrowserContext, Page } from '@playwright/test';
 
 const extensionPath = resolvePath(import.meta.dirname, '../../.output/chrome-mv3');
 
@@ -92,6 +92,70 @@ const launchExtensionContext = async (): Promise<{
   return { context, extensionId, userDataDir };
 };
 
+const mockKiloApi = async (context: BrowserContext): Promise<void> => {
+  await context.route('https://app.kilo.ai/api/user', route =>
+    route.fulfill({
+      json: { google_user_email: 'user@kilo.ai' },
+      status: 200,
+    })
+  );
+  await context.route('https://app.kilo.ai/api/gateway/models', route =>
+    route.fulfill({
+      json: {
+        data: [
+          {
+            id: 'anthropic/claude-sonnet-4',
+            name: 'Anthropic: Claude Sonnet 4',
+            opencode: { variants: { high: {}, low: {}, medium: {} } },
+            preferredIndex: 0,
+          },
+        ],
+      },
+      status: 200,
+    })
+  );
+};
+
+const seedExtensionAuth = async (page: Page): Promise<void> => {
+  await page.evaluate(
+    ({ token, userEmail }) =>
+      new Promise<void>((resolve, reject) => {
+        const chromeApi = (
+          globalThis as typeof globalThis & {
+            chrome?: {
+              runtime?: { lastError?: { message?: string } };
+              storage?: {
+                local?: {
+                  set: (items: Record<string, unknown>, callback: () => void) => void;
+                };
+              };
+            };
+          }
+        ).chrome;
+
+        const runtime = chromeApi?.runtime;
+        const storage = chromeApi?.storage?.local;
+
+        if (runtime === undefined || storage === undefined) {
+          reject(new Error('Extension runtime storage is unavailable.'));
+          return;
+        }
+
+        storage.set({ kiloAuth: { token, userEmail } }, () => {
+          const message = runtime.lastError?.message;
+
+          if (message !== undefined && message !== '') {
+            reject(new Error(message));
+            return;
+          }
+
+          resolve();
+        });
+      }),
+    { token: 'token-1', userEmail: 'user@kilo.ai' }
+  );
+};
+
 const isRecord = (value: unknown): value is Record<string, unknown> =>
   typeof value === 'object' && value !== null;
 
@@ -170,3 +234,37 @@ test('native side panel is outside the page DOM', async () => {
     await rm(userDataDir, { force: true, recursive: true });
   }
 });
+
+test('dangerous mode conversation can eval against a normal tab', async () => {
+  const fixture = await startFixtureServer();
+  const { context, extensionId, userDataDir } = await launchExtensionContext();
+
+  try {
+    await mockKiloApi(context);
+
+    const page = await context.newPage();
+    await page.goto(fixture.url);
+
+    const sidePanel = await context.newPage();
+    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
+    await seedExtensionAuth(sidePanel);
+    await sidePanel.reload();
+
+    await expect(sidePanel.getByText('user@kilo.ai')).toBeVisible();
+    await expect(sidePanel.getByLabel('Target tab')).toContainText('Kilo extension fixture');
+
+    await sidePanel.getByRole('button', { name: /Safe mode/u }).click();
+    await sidePanel.getByRole('button', { name: 'Dangerous' }).click();
+    await sidePanel
+      .getByLabel('Message agent')
+      .fill('Inspect this tab and tell me the HTML length');
+    await sidePanel.getByRole('button', { name: 'Send message' }).click();
+
+    await expect(sidePanel.getByText('eval', { exact: true })).toBeVisible();
+    await expect(sidePanel.getByText(/Eval returned [0-9]+\./u)).toBeVisible();
+  } finally {
+    await context.close();
+    await fixture.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});

From 52bf61cb5cbdb5a54491a9042bc3826f409b8476 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 18:24:59 +0200
Subject: [PATCH 21/51] feat(extension): add chat header actions

---
 .../sidepanel/agent-chat-panel.tsx            |  11 +-
 .../sidepanel/agent-conversation-events.tsx   |  92 +++++++++----
 .../entrypoints/sidepanel/auth-views.tsx      | 130 ++++++++++++++----
 .../src/shared/agent-conversation.test.ts     |  23 ++++
 .../src/shared/agent-conversation.ts          |  42 ++++++
 apps/extension/tests/e2e/sidebar.test.ts      |  13 +-
 6 files changed, 254 insertions(+), 57 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index f61aa5652c..4bf4842a4b 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -4,6 +4,7 @@ import {
   createAssistantMessage,
   createToolResult,
   createUserMessage,
+  groupConversationEvents,
   planLocalDangerousAgentTurn,
 } from '@/src/shared/agent-conversation';
 import type { AgentConversationEvent } from '@/src/shared/agent-conversation';
@@ -15,7 +16,7 @@ import { getKiloApiBaseUrl } from '@/src/shared/auth';
 import type { StoredAuth } from '@/src/shared/auth';
 import { fetchKiloGatewayModels } from '@/src/shared/kilo-api-client';
 import type { KiloGatewayModelOption } from '@/src/shared/kilo-api-client';
-import { AgentConversationEventView } from './agent-conversation-events';
+import { AgentConversationItemView } from './agent-conversation-events';
 import { executeEvalToolCall, getEvalSummary } from './agent-eval-runtime';
 import { AgentFooterControls } from './agent-footer-controls';
 import { useTabDebugger } from './use-tab-debugger';
@@ -65,6 +66,7 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
     () => modelOptions.find(option => option.id === model),
     [model, modelOptions]
   );
+  const groupedEvents = useMemo(() => groupConversationEvents(events), [events]);
   const thinkingOptions = useMemo(
     () =>
       selectedModel === undefined || selectedModel.variants.length === 0
@@ -186,8 +188,11 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
         className="flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto px-4 py-4"
       >
         <div className="flex flex-1 flex-col justify-end gap-3">
-          {events.map(event => (
-            <AgentConversationEventView event={event} key={event.id} />
+          {groupedEvents.map(item => (
+            <AgentConversationItemView
+              item={item}
+              key={item.type === 'event' ? item.event.id : item.toolCall.id}
+            />
           ))}
         </div>
       </section>
diff --git a/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx b/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
index b0b8688f59..f187a85c4d 100644
--- a/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
@@ -1,5 +1,8 @@
 import type { JSX } from 'react';
-import type { AgentConversationEvent } from '@/src/shared/agent-conversation';
+import type {
+  AgentConversationEvent,
+  GroupedConversationItem,
+} from '@/src/shared/agent-conversation';
 
 const formatToolValue = (value: unknown): string => {
   if (typeof value === 'string') {
@@ -48,47 +51,76 @@ const MessageEvent = ({
   );
 };
 
-const ToolCallEvent = ({
-  event,
+const ToolExchangeEvent = ({
+  item,
 }: {
-  event: Extract<AgentConversationEvent, { readonly type: 'tool-call' }>;
+  item: Extract<GroupedConversationItem, { readonly type: 'tool-exchange' }>;
 }): JSX.Element => (
-  <div className="rounded-md border border-red-500/30 bg-red-950/20 px-3 py-2">
-    <div className="flex items-center justify-between gap-2">
-      <p className="text-xs font-semibold text-red-200">eval</p>
-      <p className="text-[11px] text-red-200/70">tab {event.tabId}</p>
+  <details className="group rounded-md border border-red-500/30 bg-red-950/20 px-3 py-2">
+    <summary className="flex cursor-pointer list-none items-center justify-between gap-2 outline-none transition focus-visible:ring-2 focus-visible:ring-[#EDFF00] focus-visible:ring-offset-2 focus-visible:ring-offset-zinc-950">
+      <span className="text-xs font-semibold text-red-200">
+        eval {item.result.ok ? 'completed' : 'failed'}
+      </span>
+      <span className="text-[11px] text-red-200/70">tab {item.toolCall.tabId}</span>
+    </summary>
+    <div className="mt-2 grid gap-2">
+      <div>
+        <p className="text-[11px] font-medium text-red-200/80">Code</p>
+        <pre className="mt-1 max-h-28 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-red-100/90">
+          {item.toolCall.code}
+        </pre>
+      </div>
+      <div>
+        <p className="text-[11px] font-medium text-zinc-300">
+          {item.result.ok ? 'Result' : 'Error'}
+        </p>
+        <pre className="mt-1 max-h-28 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-zinc-400">
+          {item.result.ok ? formatToolValue(item.result.value) : item.result.error}
+        </pre>
+      </div>
     </div>
-    <pre className="mt-2 max-h-28 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-red-100/90">
-      {event.code}
-    </pre>
-  </div>
+  </details>
 );
 
-const ToolResultEvent = ({
+const StandaloneToolEvent = ({
   event,
 }: {
-  event: Extract<AgentConversationEvent, { readonly type: 'tool-result' }>;
-}): JSX.Element => (
-  <div className="rounded-md border border-zinc-800 bg-zinc-900/70 px-3 py-2">
-    <p className="text-xs font-semibold text-zinc-300">{event.ok ? 'eval result' : 'eval error'}</p>
-    <pre className="mt-2 max-h-28 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-zinc-400">
-      {event.ok ? formatToolValue(event.value) : event.error}
-    </pre>
-  </div>
-);
+  event: Exclude<AgentConversationEvent, { readonly type: 'message' }>;
+}): JSX.Element => {
+  let title = 'eval error';
+  let body = event.type === 'tool-call' ? event.code : event.error;
 
-export const AgentConversationEventView = ({
-  event,
+  if (event.type === 'tool-call') {
+    title = 'eval';
+  } else if (event.ok) {
+    title = 'eval result';
+    body = formatToolValue(event.value);
+  }
+
+  return (
+    <div className="rounded-md border border-zinc-800 bg-zinc-900/70 px-3 py-2">
+      <p className="text-xs font-semibold text-zinc-300">{title}</p>
+      <pre className="mt-2 max-h-28 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-zinc-400">
+        {body}
+      </pre>
+    </div>
+  );
+};
+
+export const AgentConversationItemView = ({
+  item,
 }: {
-  event: AgentConversationEvent;
+  item: GroupedConversationItem;
 }): JSX.Element => {
-  if (event.type === 'message') {
-    return <MessageEvent event={event} />;
+  if (item.type === 'tool-exchange') {
+    return <ToolExchangeEvent item={item} />;
   }
 
-  if (event.type === 'tool-call') {
-    return <ToolCallEvent event={event} />;
+  const { event } = item;
+
+  if (event.type === 'message') {
+    return <MessageEvent event={event} />;
   }
 
-  return <ToolResultEvent event={event} />;
+  return <StandaloneToolEvent event={event} />;
 };
diff --git a/apps/extension/entrypoints/sidepanel/auth-views.tsx b/apps/extension/entrypoints/sidepanel/auth-views.tsx
index 1a287d00e5..e69d3f1287 100644
--- a/apps/extension/entrypoints/sidepanel/auth-views.tsx
+++ b/apps/extension/entrypoints/sidepanel/auth-views.tsx
@@ -1,42 +1,114 @@
+import { useState } from 'react';
 import type { JSX, ReactNode } from 'react';
 import type { StoredAuth } from '@/src/shared/auth';
 import { KiloLogo } from '@/src/shared/kilo-logo';
 import { AgentChatPanel } from './agent-chat-panel';
 
-const HeaderAccountControls = ({
+const NewConversationIcon = ({ className }: { className: string }): JSX.Element => (
+  <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 16 16">
+    <path
+      d="M8 3.25v9.5M3.25 8h9.5"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeWidth="1.5"
+    />
+  </svg>
+);
+
+const SettingsIcon = ({ className }: { className: string }): JSX.Element => (
+  <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 16 16">
+    <path
+      d="M6.9 2.15h2.2l.35 1.45c.36.13.7.32 1.01.57l1.42-.44 1.1 1.9-1.07 1.02a4 4 0 0 1 0 1.18l1.07 1.02-1.1 1.9-1.42-.44c-.31.25-.65.44-1.01.57l-.35 1.45H6.9l-.35-1.45a3.8 3.8 0 0 1-1.01-.57l-1.42.44-1.1-1.9 1.07-1.02a4 4 0 0 1 0-1.18L3.02 5.63l1.1-1.9 1.42.44c.31-.25.65-.44 1.01-.57l.35-1.45Z"
+      stroke="currentColor"
+      strokeLinejoin="round"
+      strokeWidth="1.2"
+    />
+    <path
+      d="M8 6.1a1.9 1.9 0 1 1 0 3.8 1.9 1.9 0 0 1 0-3.8Z"
+      stroke="currentColor"
+      strokeWidth="1.2"
+    />
+  </svg>
+);
+
+const IconButton = ({
+  ariaLabel,
+  children,
+  onClick,
+}: {
+  ariaLabel: string;
+  children: ReactNode;
+  onClick: () => void;
+}): JSX.Element => (
+  <button
+    aria-label={ariaLabel}
+    className="flex size-8 items-center justify-center rounded-md border border-zinc-800 bg-zinc-950 text-zinc-300 transition hover:border-zinc-700 hover:bg-zinc-900 hover:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
+    onClick={onClick}
+    type="button"
+  >
+    {children}
+  </button>
+);
+
+const HeaderActions = ({
   auth,
+  onNewConversation,
   onSignOut,
 }: {
   auth: StoredAuth;
+  onNewConversation: () => void;
   onSignOut: () => void;
-}): JSX.Element => (
-  <div className="flex min-w-0 items-center justify-end gap-2">
-    {auth.userEmail === undefined ? null : (
-      <p className="min-w-0 truncate text-xs text-zinc-400">{auth.userEmail}</p>
-    )}
-    <button
-      className="h-8 shrink-0 rounded-md border border-zinc-700 px-3 text-sm font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
-      onClick={onSignOut}
-      type="button"
-    >
-      Sign out
-    </button>
-  </div>
-);
+}): JSX.Element => {
+  const [isSettingsOpen, setIsSettingsOpen] = useState(false);
+
+  return (
+    <div className="relative flex shrink-0 items-center justify-end gap-2">
+      <IconButton ariaLabel="New conversation" onClick={onNewConversation}>
+        <NewConversationIcon className="size-4" />
+      </IconButton>
+      <IconButton
+        ariaLabel="Settings"
+        onClick={() => {
+          setIsSettingsOpen(current => !current);
+        }}
+      >
+        <SettingsIcon className="size-4" />
+      </IconButton>
+
+      {isSettingsOpen ? (
+        <div className="absolute right-0 top-10 z-20 grid w-56 gap-3 rounded-md border border-zinc-800 bg-zinc-950 p-3 shadow-xl shadow-black/30">
+          <div className="min-w-0">
+            <p className="text-xs font-medium text-zinc-500">Signed in</p>
+            <p className="mt-1 truncate text-sm text-zinc-200">{auth.userEmail ?? 'Kilo user'}</p>
+          </div>
+          <button
+            className="h-8 rounded-md border border-zinc-700 px-3 text-sm font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
+            onClick={onSignOut}
+            type="button"
+          >
+            Sign out
+          </button>
+        </div>
+      ) : null}
+    </div>
+  );
+};
 
 const Header = ({
   auth,
+  onNewConversation,
   onSignOut,
 }: {
   auth?: StoredAuth | undefined;
+  onNewConversation?: (() => void) | undefined;
   onSignOut?: (() => void) | undefined;
 }): JSX.Element => (
   <div className="border-b border-zinc-800 px-4 py-3">
     <div className="flex min-w-0 items-center justify-between gap-3">
       <KiloLogo className="size-8 shrink-0 text-[#EDFF00]" />
       <span className="sr-only">Kilo</span>
-      {auth === undefined || onSignOut === undefined ? null : (
-        <HeaderAccountControls auth={auth} onSignOut={onSignOut} />
+      {auth === undefined || onNewConversation === undefined || onSignOut === undefined ? null : (
+        <HeaderActions auth={auth} onNewConversation={onNewConversation} onSignOut={onSignOut} />
       )}
     </div>
   </div>
@@ -45,14 +117,16 @@ const Header = ({
 const Shell = ({
   auth,
   children,
+  onNewConversation,
   onSignOut,
 }: {
   auth?: StoredAuth | undefined;
   children: ReactNode;
+  onNewConversation?: (() => void) | undefined;
   onSignOut?: (() => void) | undefined;
 }): JSX.Element => (
   <main className="flex min-h-dvh flex-col bg-zinc-950 text-zinc-50">
-    <Header auth={auth} onSignOut={onSignOut} />
+    <Header auth={auth} onNewConversation={onNewConversation} onSignOut={onSignOut} />
     {children}
   </main>
 );
@@ -185,8 +259,18 @@ export const SignedInView = ({
 }: {
   auth: StoredAuth;
   onSignOut: () => void;
-}): JSX.Element => (
-  <Shell auth={auth} onSignOut={onSignOut}>
-    <AgentChatPanel auth={auth} />
-  </Shell>
-);
+}): JSX.Element => {
+  const [conversationKey, setConversationKey] = useState(0);
+
+  return (
+    <Shell
+      auth={auth}
+      onNewConversation={() => {
+        setConversationKey(current => current + 1);
+      }}
+      onSignOut={onSignOut}
+    >
+      <AgentChatPanel auth={auth} key={conversationKey} />
+    </Shell>
+  );
+};
diff --git a/apps/extension/src/shared/agent-conversation.test.ts b/apps/extension/src/shared/agent-conversation.test.ts
index 6480ba2b07..0985a295e3 100644
--- a/apps/extension/src/shared/agent-conversation.test.ts
+++ b/apps/extension/src/shared/agent-conversation.test.ts
@@ -4,6 +4,7 @@ import {
   createEvalToolCall,
   createToolResult,
   createUserMessage,
+  groupConversationEvents,
   planLocalDangerousAgentTurn,
 } from './agent-conversation';
 
@@ -118,4 +119,26 @@ describe('agent conversation events', () => {
       },
     ]);
   });
+
+  it('groups matching eval tool calls and results into one transcript item', () => {
+    const userMessage = createUserMessage('Inspect');
+    const toolCall = createEvalToolCall({
+      code: 'return document.title;',
+      tabId: 7,
+    });
+    const toolResult = createToolResult({
+      ok: true,
+      toolCallId: toolCall.id,
+      value: 'Kilo',
+    });
+    const assistantMessage = createAssistantMessage('Eval returned Kilo.');
+
+    expect(
+      groupConversationEvents([userMessage, toolCall, toolResult, assistantMessage])
+    ).toStrictEqual([
+      { event: userMessage, type: 'event' },
+      { result: toolResult, toolCall, type: 'tool-exchange' },
+      { event: assistantMessage, type: 'event' },
+    ]);
+  });
 });
diff --git a/apps/extension/src/shared/agent-conversation.ts b/apps/extension/src/shared/agent-conversation.ts
index a525c6172a..831e4160f2 100644
--- a/apps/extension/src/shared/agent-conversation.ts
+++ b/apps/extension/src/shared/agent-conversation.ts
@@ -23,6 +23,17 @@ export type AgentConversationEvent =
       readonly value?: unknown;
     };
 
+export type GroupedConversationItem =
+  | {
+      readonly event: AgentConversationEvent;
+      readonly type: 'event';
+    }
+  | {
+      readonly result: Extract<AgentConversationEvent, { readonly type: 'tool-result' }>;
+      readonly toolCall: Extract<AgentConversationEvent, { readonly type: 'tool-call' }>;
+      readonly type: 'tool-exchange';
+    };
+
 interface CreateEvalToolCallOptions {
   readonly code: string;
   readonly tabId: number;
@@ -126,3 +137,34 @@ export const planLocalDangerousAgentTurn = ({
     ),
   ];
 };
+
+export const groupConversationEvents = (
+  events: AgentConversationEvent[]
+): GroupedConversationItem[] => {
+  const groupedItems: GroupedConversationItem[] = [];
+  const consumedEventIds = new Set<string>();
+
+  for (const event of events) {
+    if (!consumedEventIds.has(event.id)) {
+      if (event.type === 'tool-call') {
+        const result = events.find(
+          (
+            candidate
+          ): candidate is Extract<AgentConversationEvent, { readonly type: 'tool-result' }> =>
+            candidate.type === 'tool-result' && candidate.toolCallId === event.id
+        );
+
+        if (result === undefined) {
+          groupedItems.push({ event, type: 'event' });
+        } else {
+          consumedEventIds.add(result.id);
+          groupedItems.push({ result, toolCall: event, type: 'tool-exchange' });
+        }
+      } else {
+        groupedItems.push({ event, type: 'event' });
+      }
+    }
+  }
+
+  return groupedItems;
+};
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index d056b00b00..5788eeb95e 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -250,7 +250,11 @@ test('dangerous mode conversation can eval against a normal tab', async () => {
     await seedExtensionAuth(sidePanel);
     await sidePanel.reload();
 
+    await expect(sidePanel.getByLabel('Settings')).toBeVisible();
+    await expect(sidePanel.getByText('user@kilo.ai')).toBeHidden();
+    await sidePanel.getByLabel('Settings').click();
     await expect(sidePanel.getByText('user@kilo.ai')).toBeVisible();
+    await sidePanel.getByLabel('Settings').click();
     await expect(sidePanel.getByLabel('Target tab')).toContainText('Kilo extension fixture');
 
     await sidePanel.getByRole('button', { name: /Safe mode/u }).click();
@@ -260,8 +264,15 @@ test('dangerous mode conversation can eval against a normal tab', async () => {
       .fill('Inspect this tab and tell me the HTML length');
     await sidePanel.getByRole('button', { name: 'Send message' }).click();
 
-    await expect(sidePanel.getByText('eval', { exact: true })).toBeVisible();
+    await expect(sidePanel.getByText('eval completed')).toBeVisible();
+    await expect(sidePanel.getByText('Code')).toBeHidden();
     await expect(sidePanel.getByText(/Eval returned [0-9]+\./u)).toBeVisible();
+    await sidePanel.getByText('eval completed').click();
+    await expect(sidePanel.getByText('Code')).toBeVisible();
+
+    await sidePanel.getByLabel('New conversation').click();
+    await expect(sidePanel.getByText('eval completed')).toBeHidden();
+    await expect(sidePanel.getByText('Pick a tab, switch to dangerous mode')).toBeVisible();
   } finally {
     await context.close();
     await fixture.close();

From 1b9a329ab4349e031a1d1574a2da2a30a4d65682 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 18:38:29 +0200
Subject: [PATCH 22/51] feat(extension): run eval through gateway llm

---
 .../sidepanel/agent-chat-panel.tsx            |  65 +++----
 .../sidepanel/agent-llm-turn-runner.ts        | 122 ++++++++++++
 .../src/shared/agent-conversation.test.ts     |  55 ------
 .../src/shared/agent-conversation.ts          |  49 +----
 .../src/shared/agent-llm-harness.test.ts      |  80 ++++++++
 .../extension/src/shared/agent-llm-harness.ts |  98 ++++++++++
 .../src/shared/kilo-api-client.test.ts        | 127 +++++++++++++
 apps/extension/src/shared/kilo-api-client.ts  |  11 ++
 .../src/shared/kilo-gateway-chat-client.ts    | 175 ++++++++++++++++++
 apps/extension/tests/e2e/kilo-api-fixture.ts  | 112 +++++++++++
 apps/extension/tests/e2e/sidebar.test.ts      |  27 +--
 11 files changed, 760 insertions(+), 161 deletions(-)
 create mode 100644 apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
 create mode 100644 apps/extension/src/shared/agent-llm-harness.test.ts
 create mode 100644 apps/extension/src/shared/agent-llm-harness.ts
 create mode 100644 apps/extension/src/shared/kilo-gateway-chat-client.ts
 create mode 100644 apps/extension/tests/e2e/kilo-api-fixture.ts

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index 4bf4842a4b..3f4321c1d3 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -2,10 +2,8 @@ import { useEffect, useMemo, useState } from 'react';
 import type { ChangeEvent, JSX } from 'react';
 import {
   createAssistantMessage,
-  createToolResult,
   createUserMessage,
   groupConversationEvents,
-  planLocalDangerousAgentTurn,
 } from '@/src/shared/agent-conversation';
 import type { AgentConversationEvent } from '@/src/shared/agent-conversation';
 import {
@@ -17,8 +15,8 @@ import type { StoredAuth } from '@/src/shared/auth';
 import { fetchKiloGatewayModels } from '@/src/shared/kilo-api-client';
 import type { KiloGatewayModelOption } from '@/src/shared/kilo-api-client';
 import { AgentConversationItemView } from './agent-conversation-events';
-import { executeEvalToolCall, getEvalSummary } from './agent-eval-runtime';
 import { AgentFooterControls } from './agent-footer-controls';
+import { runDangerousLlmTurn } from './agent-llm-turn-runner';
 import { useTabDebugger } from './use-tab-debugger';
 
 const effortOptions = ['low', 'medium', 'high'] as const;
@@ -135,49 +133,44 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
     }
   }, [thinkingEffort, thinkingOptions]);
 
+  const appendEvents = (nextEvents: AgentConversationEvent[]): void => {
+    setEvents(currentEvents => [...currentEvents, ...nextEvents]);
+  };
+
   const submitMessage = (text: string): void => {
     const userEvent = createUserMessage(text);
-    const plannedEvents = planLocalDangerousAgentTurn({
-      mode,
-      selectedTabId,
-      userText: text,
-    });
-    const toolCalls = plannedEvents.filter(
-      (event): event is Extract<AgentConversationEvent, { readonly type: 'tool-call' }> =>
-        event.type === 'tool-call'
-    );
+    const conversationWithUserMessage = [...events, userEvent];
 
-    setEvents(currentEvents => [...currentEvents, userEvent, ...plannedEvents]);
+    appendEvents([userEvent]);
 
-    if (toolCalls.length === 0) {
+    if (selectedTabId === undefined) {
+      appendEvents([createAssistantMessage('Pick a target tab first.')]);
+      return;
+    }
+
+    if (mode !== 'dangerous') {
+      appendEvents([
+        createAssistantMessage('Switch to dangerous mode before I can run eval in a tab.'),
+      ]);
       return;
     }
 
     setIsRunning(true);
 
     void (async (): Promise<void> => {
-      const completedEvents = await Promise.all(
-        toolCalls.map(async toolCall => {
-          const result = await executeEvalToolCall(toolCall);
-          const toolResultEvent = result.ok
-            ? createToolResult({
-                ok: true,
-                toolCallId: toolCall.id,
-                value: result.value,
-              })
-            : createToolResult({
-                error: result.error,
-                ok: false,
-                toolCallId: toolCall.id,
-              });
-
-          return [toolResultEvent, createAssistantMessage(getEvalSummary(result))];
-        })
-      );
-
-      setEvents(currentEvents => [...currentEvents, ...completedEvents.flat()]);
-
-      setIsRunning(false);
+      try {
+        await runDangerousLlmTurn({
+          apiBaseUrl,
+          appendEvents,
+          conversationEvents: conversationWithUserMessage,
+          fetch: fetchFromWindow,
+          model,
+          selectedTabId,
+          token: auth.token,
+        });
+      } finally {
+        setIsRunning(false);
+      }
     })();
   };
 
diff --git a/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts b/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
new file mode 100644
index 0000000000..11dd79029f
--- /dev/null
+++ b/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
@@ -0,0 +1,122 @@
+import {
+  createAssistantMessage,
+  createEvalToolCall,
+  createToolResult,
+} from '@/src/shared/agent-conversation';
+import type { AgentConversationEvent } from '@/src/shared/agent-conversation';
+import {
+  buildGatewayMessagesFromEvents,
+  createEvalToolDefinition,
+} from '@/src/shared/agent-llm-harness';
+import type { FetchLike } from '@/src/shared/auth';
+import { fetchKiloGatewayChatCompletion } from '@/src/shared/kilo-api-client';
+import { executeEvalToolCall } from './agent-eval-runtime';
+
+interface RunDangerousLlmTurnOptions {
+  readonly apiBaseUrl: string;
+  readonly appendEvents: (events: AgentConversationEvent[]) => void;
+  readonly conversationEvents: AgentConversationEvent[];
+  readonly fetch: FetchLike;
+  readonly model: string;
+  readonly selectedTabId: number;
+  readonly token: string;
+}
+
+const evalToolDefinition = createEvalToolDefinition();
+
+export const runDangerousLlmTurn = async ({
+  apiBaseUrl,
+  appendEvents,
+  conversationEvents,
+  fetch,
+  model,
+  selectedTabId,
+  token,
+}: RunDangerousLlmTurnOptions): Promise<void> => {
+  const getGatewayChatCompletion = (nextEvents: AgentConversationEvent[]) =>
+    fetchKiloGatewayChatCompletion({
+      apiBaseUrl,
+      fetch,
+      messages: buildGatewayMessagesFromEvents(nextEvents),
+      model,
+      token,
+      tools: [evalToolDefinition],
+    });
+
+  try {
+    const firstCompletion = await getGatewayChatCompletion(conversationEvents);
+    const firstCompletionEvents: AgentConversationEvent[] = [];
+
+    if (firstCompletion.content !== undefined) {
+      firstCompletionEvents.push(createAssistantMessage(firstCompletion.content));
+    }
+
+    const [evalToolCall] = firstCompletion.toolCalls;
+
+    if (evalToolCall !== undefined) {
+      firstCompletionEvents.push(
+        createEvalToolCall({
+          code: evalToolCall.code,
+          providerToolCallId: evalToolCall.id,
+          tabId: selectedTabId,
+        })
+      );
+    }
+
+    if (firstCompletionEvents.length === 0) {
+      appendEvents([createAssistantMessage('The model did not return a response.')]);
+      return;
+    }
+
+    appendEvents(firstCompletionEvents);
+
+    if (evalToolCall === undefined) {
+      return;
+    }
+
+    const toolCallEvent = firstCompletionEvents.find(
+      (event): event is Extract<AgentConversationEvent, { readonly type: 'tool-call' }> =>
+        event.type === 'tool-call'
+    );
+
+    if (toolCallEvent === undefined) {
+      appendEvents([createAssistantMessage('The model did not return eval code.')]);
+      return;
+    }
+
+    const result = await executeEvalToolCall(toolCallEvent);
+    const toolResultEvent = result.ok
+      ? createToolResult({
+          ok: true,
+          toolCallId: toolCallEvent.id,
+          value: result.value,
+        })
+      : createToolResult({
+          error: result.error,
+          ok: false,
+          toolCallId: toolCallEvent.id,
+        });
+    const conversationWithToolResult = [
+      ...conversationEvents,
+      ...firstCompletionEvents,
+      toolResultEvent,
+    ];
+
+    appendEvents([toolResultEvent]);
+
+    const finalCompletion = await getGatewayChatCompletion(conversationWithToolResult);
+
+    appendEvents([
+      createAssistantMessage(
+        finalCompletion.content ??
+          'The model requested another eval after this tool result. Send another message to continue.'
+      ),
+    ]);
+  } catch (error) {
+    appendEvents([
+      createAssistantMessage(
+        `LLM request failed: ${error instanceof Error ? error.message : 'Unknown error'}`
+      ),
+    ]);
+  }
+};
diff --git a/apps/extension/src/shared/agent-conversation.test.ts b/apps/extension/src/shared/agent-conversation.test.ts
index 0985a295e3..3dbbfd7c00 100644
--- a/apps/extension/src/shared/agent-conversation.test.ts
+++ b/apps/extension/src/shared/agent-conversation.test.ts
@@ -5,7 +5,6 @@ import {
   createToolResult,
   createUserMessage,
   groupConversationEvents,
-  planLocalDangerousAgentTurn,
 } from './agent-conversation';
 
 describe('agent conversation events', () => {
@@ -66,60 +65,6 @@ describe('agent conversation events', () => {
     });
   });
 
-  it('plans an eval tool call for dangerous-mode page inspection prompts', () => {
-    expect(
-      planLocalDangerousAgentTurn({
-        mode: 'dangerous',
-        selectedTabId: 7,
-        userText: 'Inspect this tab and tell me the HTML length',
-      })
-    ).toMatchObject([
-      {
-        role: 'assistant',
-        text: 'I will inspect the selected tab with eval.',
-        type: 'message',
-      },
-      {
-        code: 'return document.documentElement.outerHTML.length;',
-        name: 'eval',
-        tabId: 7,
-        type: 'tool-call',
-      },
-    ]);
-  });
-
-  it('does not plan eval outside dangerous mode', () => {
-    expect(
-      planLocalDangerousAgentTurn({
-        mode: 'safe',
-        selectedTabId: 7,
-        userText: 'Inspect this tab and tell me the HTML length',
-      })
-    ).toMatchObject([
-      {
-        role: 'assistant',
-        text: 'Switch to dangerous mode before I can run eval in a tab.',
-        type: 'message',
-      },
-    ]);
-  });
-
-  it('asks for a target tab before planning eval', () => {
-    expect(
-      planLocalDangerousAgentTurn({
-        mode: 'dangerous',
-        selectedTabId: undefined,
-        userText: 'Inspect this tab and tell me the HTML length',
-      })
-    ).toMatchObject([
-      {
-        role: 'assistant',
-        text: 'Pick a target tab first.',
-        type: 'message',
-      },
-    ]);
-  });
-
   it('groups matching eval tool calls and results into one transcript item', () => {
     const userMessage = createUserMessage('Inspect');
     const toolCall = createEvalToolCall({
diff --git a/apps/extension/src/shared/agent-conversation.ts b/apps/extension/src/shared/agent-conversation.ts
index 831e4160f2..55c6035bf1 100644
--- a/apps/extension/src/shared/agent-conversation.ts
+++ b/apps/extension/src/shared/agent-conversation.ts
@@ -11,6 +11,7 @@ export type AgentConversationEvent =
       readonly code: string;
       readonly id: string;
       readonly name: 'eval';
+      readonly providerToolCallId?: string;
       readonly tabId: number;
       readonly type: 'tool-call';
     }
@@ -36,6 +37,7 @@ export type GroupedConversationItem =
 
 interface CreateEvalToolCallOptions {
   readonly code: string;
+  readonly providerToolCallId?: string;
   readonly tabId: number;
 }
 
@@ -46,12 +48,6 @@ interface CreateToolResultOptions {
   readonly value?: unknown;
 }
 
-interface PlanLocalDangerousAgentTurnOptions {
-  readonly mode: AgentMode;
-  readonly selectedTabId: number | undefined;
-  readonly userText: string;
-}
-
 let nextEventId = 1;
 
 const createEventId = (): string => {
@@ -60,15 +56,6 @@ const createEventId = (): string => {
   return id;
 };
 
-const looksLikePageInspectionPrompt = (text: string): boolean => {
-  const normalizedText = text.toLowerCase();
-  return (
-    normalizedText.includes('html length') ||
-    (normalizedText.includes('inspect') && normalizedText.includes('tab')) ||
-    normalizedText.includes('page')
-  );
-};
-
 export const createUserMessage = (text: string): AgentConversationEvent => ({
   id: createEventId(),
   role: 'user',
@@ -85,11 +72,13 @@ export const createAssistantMessage = (text: string): AgentConversationEvent =>
 
 export const createEvalToolCall = ({
   code,
+  providerToolCallId,
   tabId,
 }: CreateEvalToolCallOptions): AgentConversationEvent => ({
   code,
   id: createEventId(),
   name: 'eval',
+  ...(providerToolCallId === undefined ? {} : { providerToolCallId }),
   tabId,
   type: 'tool-call',
 });
@@ -108,36 +97,6 @@ export const createToolResult = ({
   ...(value === undefined ? {} : { value }),
 });
 
-export const planLocalDangerousAgentTurn = ({
-  mode,
-  selectedTabId,
-  userText,
-}: PlanLocalDangerousAgentTurnOptions): AgentConversationEvent[] => {
-  if (selectedTabId === undefined) {
-    return [createAssistantMessage('Pick a target tab first.')];
-  }
-
-  if (mode !== 'dangerous') {
-    return [createAssistantMessage('Switch to dangerous mode before I can run eval in a tab.')];
-  }
-
-  if (looksLikePageInspectionPrompt(userText)) {
-    return [
-      createAssistantMessage('I will inspect the selected tab with eval.'),
-      createEvalToolCall({
-        code: 'return document.documentElement.outerHTML.length;',
-        tabId: selectedTabId,
-      }),
-    ];
-  }
-
-  return [
-    createAssistantMessage(
-      'Dangerous mode is connected. For now, ask me to inspect the selected tab.'
-    ),
-  ];
-};
-
 export const groupConversationEvents = (
   events: AgentConversationEvent[]
 ): GroupedConversationItem[] => {
diff --git a/apps/extension/src/shared/agent-llm-harness.test.ts b/apps/extension/src/shared/agent-llm-harness.test.ts
new file mode 100644
index 0000000000..a70dd99227
--- /dev/null
+++ b/apps/extension/src/shared/agent-llm-harness.test.ts
@@ -0,0 +1,80 @@
+import { describe, expect, it } from 'vitest';
+import {
+  EXTENSION_AGENT_SYSTEM_PROMPT,
+  buildGatewayMessagesFromEvents,
+  createEvalToolDefinition,
+} from './agent-llm-harness';
+import {
+  createAssistantMessage,
+  createEvalToolCall,
+  createToolResult,
+  createUserMessage,
+} from './agent-conversation';
+
+describe('agent LLM harness', () => {
+  it('defines the eval tool as an async function body contract', () => {
+    expect(EXTENSION_AGENT_SYSTEM_PROMPT).toContain('selected browser tab');
+    expect(createEvalToolDefinition()).toStrictEqual({
+      function: {
+        description:
+          'Run JavaScript in the selected browser tab. The code is inserted inside an async function body, so use return for the value Kilo should read.',
+        name: 'eval',
+        parameters: {
+          additionalProperties: false,
+          properties: {
+            code: {
+              description:
+                'JavaScript async function body to run in the selected tab. Return a JSON-serializable value. Do not wrap it in markdown fences.',
+              type: 'string',
+            },
+          },
+          required: ['code'],
+          type: 'object',
+        },
+      },
+      type: 'function',
+    });
+  });
+
+  it('maps conversation events to gateway messages with tool results', () => {
+    const userMessage = createUserMessage('What is this page?');
+    const assistantMessage = createAssistantMessage('I will inspect it.');
+    const toolCall = createEvalToolCall({
+      code: 'return document.title;',
+      providerToolCallId: 'call_eval_1',
+      tabId: 7,
+    });
+    const toolResult = createToolResult({
+      ok: true,
+      toolCallId: toolCall.id,
+      value: 'Kilo fixture',
+    });
+
+    expect(
+      buildGatewayMessagesFromEvents([userMessage, assistantMessage, toolCall, toolResult])
+    ).toStrictEqual([
+      { content: EXTENSION_AGENT_SYSTEM_PROMPT, role: 'system' },
+      { content: 'What is this page?', role: 'user' },
+      { content: 'I will inspect it.', role: 'assistant' },
+      {
+        content: null,
+        role: 'assistant',
+        tool_calls: [
+          {
+            function: {
+              arguments: '{"code":"return document.title;"}',
+              name: 'eval',
+            },
+            id: 'call_eval_1',
+            type: 'function',
+          },
+        ],
+      },
+      {
+        content: '{"ok":true,"value":"Kilo fixture"}',
+        role: 'tool',
+        tool_call_id: 'call_eval_1',
+      },
+    ]);
+  });
+});
diff --git a/apps/extension/src/shared/agent-llm-harness.ts b/apps/extension/src/shared/agent-llm-harness.ts
new file mode 100644
index 0000000000..fc6b71ac95
--- /dev/null
+++ b/apps/extension/src/shared/agent-llm-harness.ts
@@ -0,0 +1,98 @@
+import type { KiloGatewayChatMessage, KiloGatewayToolDefinition } from './kilo-api-client';
+import type { AgentConversationEvent } from './agent-conversation';
+
+type EvalToolCallEvent = Extract<AgentConversationEvent, { readonly type: 'tool-call' }>;
+
+export const EXTENSION_AGENT_SYSTEM_PROMPT = [
+  'You are Kilo, an agent running in a browser extension side panel.',
+  'You are helping the user with the currently selected browser tab.',
+  'In dangerous mode, you have exactly one tool: eval.',
+  'The eval tool runs JavaScript in the selected browser tab. Its code argument is inserted inside an async function body.',
+  'Always return a JSON-serializable value from eval when you need to inspect or change the page.',
+  'Use eval for page inspection, clicking, typing, DOM reads, DOM writes, and other webpage control.',
+  'Do not claim that an action succeeded until the tool result confirms it.',
+  'Do not put markdown fences in eval code.',
+].join('\n');
+
+export const createEvalToolDefinition = (): KiloGatewayToolDefinition => ({
+  function: {
+    description:
+      'Run JavaScript in the selected browser tab. The code is inserted inside an async function body, so use return for the value Kilo should read.',
+    name: 'eval',
+    parameters: {
+      additionalProperties: false,
+      properties: {
+        code: {
+          description:
+            'JavaScript async function body to run in the selected tab. Return a JSON-serializable value. Do not wrap it in markdown fences.',
+          type: 'string',
+        },
+      },
+      required: ['code'],
+      type: 'object',
+    },
+  },
+  type: 'function',
+});
+
+const getProviderToolCallId = (toolCall: EvalToolCallEvent): string =>
+  toolCall.providerToolCallId ?? toolCall.id;
+
+const toToolResultContent = (
+  event: Extract<AgentConversationEvent, { readonly type: 'tool-result' }>
+): string =>
+  JSON.stringify(
+    event.ok
+      ? { ok: true, value: event.value }
+      : { error: event.error ?? 'Eval failed.', ok: false }
+  );
+
+export const buildGatewayMessagesFromEvents = (
+  events: AgentConversationEvent[]
+): KiloGatewayChatMessage[] => {
+  const toolCallsById = new Map<string, EvalToolCallEvent>();
+  const messages: KiloGatewayChatMessage[] = [
+    { content: EXTENSION_AGENT_SYSTEM_PROMPT, role: 'system' },
+  ];
+
+  for (const event of events) {
+    switch (event.type) {
+      case 'message': {
+        messages.push({ content: event.text, role: event.role });
+        break;
+      }
+      case 'tool-call': {
+        toolCallsById.set(event.id, event);
+        messages.push({
+          content: null,
+          role: 'assistant',
+          tool_calls: [
+            {
+              function: {
+                arguments: JSON.stringify({ code: event.code }),
+                name: 'eval',
+              },
+              id: getProviderToolCallId(event),
+              type: 'function',
+            },
+          ],
+        });
+        break;
+      }
+      case 'tool-result': {
+        const toolCall = toolCallsById.get(event.toolCallId);
+
+        if (toolCall !== undefined) {
+          messages.push({
+            content: toToolResultContent(event),
+            role: 'tool',
+            tool_call_id: getProviderToolCallId(toolCall),
+          });
+        }
+        break;
+      }
+    }
+  }
+
+  return messages;
+};
diff --git a/apps/extension/src/shared/kilo-api-client.test.ts b/apps/extension/src/shared/kilo-api-client.test.ts
index b67ee2348b..5a605aaa11 100644
--- a/apps/extension/src/shared/kilo-api-client.test.ts
+++ b/apps/extension/src/shared/kilo-api-client.test.ts
@@ -1,6 +1,8 @@
 import { describe, expect, it } from 'vitest';
 import {
+  fetchKiloGatewayChatCompletion,
   fetchKiloGatewayModels,
+  parseKiloGatewayChatCompletionResponse,
   parseKiloGatewayModelsResponse,
   thinkingEffortLabel,
 } from './kilo-api-client';
@@ -11,6 +13,14 @@ const jsonResponse = (body: unknown, init: ResponseInit = {}): Response =>
     ...init,
   });
 
+const parseJsonRequestBody = (body: BodyInit | null | undefined): unknown => {
+  if (typeof body !== 'string') {
+    throw new TypeError('Expected JSON string request body.');
+  }
+
+  return JSON.parse(body);
+};
+
 describe('kilo API client', () => {
   it('fetches gateway models with bearer auth', async () => {
     const seen: { headers: Headers; input: string }[] = [];
@@ -112,6 +122,123 @@ describe('kilo API client', () => {
     );
   });
 
+  it('fetches chat completions with eval tools and bearer auth', async () => {
+    const seen: { body: unknown; headers: Headers; input: string; method: string | undefined }[] =
+      [];
+    const fetch: FetchLike = (input, init) => {
+      seen.push({
+        body: parseJsonRequestBody(init?.body),
+        headers: new Headers(init?.headers),
+        input: String(input),
+        method: init?.method,
+      });
+
+      return jsonResponse({
+        choices: [
+          {
+            message: {
+              content: 'I will inspect the page.',
+              role: 'assistant',
+              tool_calls: [
+                {
+                  function: {
+                    arguments: '{"code":"return document.documentElement.outerHTML.length;"}',
+                    name: 'eval',
+                  },
+                  id: 'call_eval_1',
+                  type: 'function',
+                },
+              ],
+            },
+          },
+        ],
+      });
+    };
+
+    await expect(
+      fetchKiloGatewayChatCompletion({
+        apiBaseUrl: 'https://app.kilo.ai/',
+        fetch,
+        messages: [{ content: 'Inspect this page', role: 'user' }],
+        model: 'anthropic/claude-sonnet-4',
+        token: 'token-1',
+        tools: [
+          {
+            function: {
+              description: 'Run JavaScript',
+              name: 'eval',
+              parameters: { additionalProperties: false, type: 'object' },
+            },
+            type: 'function',
+          },
+        ],
+      })
+    ).resolves.toStrictEqual({
+      content: 'I will inspect the page.',
+      toolCalls: [
+        {
+          code: 'return document.documentElement.outerHTML.length;',
+          id: 'call_eval_1',
+          name: 'eval',
+        },
+      ],
+    });
+    expect(seen).toHaveLength(1);
+    expect(seen[0]).toMatchObject({
+      input: 'https://app.kilo.ai/api/gateway/v1/chat/completions',
+      method: 'POST',
+    });
+    expect({
+      accept: seen[0]?.headers.get('accept'),
+      authorization: seen[0]?.headers.get('authorization'),
+      contentType: seen[0]?.headers.get('content-type'),
+    }).toStrictEqual({
+      accept: 'application/json',
+      authorization: 'Bearer token-1',
+      contentType: 'application/json',
+    });
+    expect(seen[0]?.body).toStrictEqual({
+      messages: [{ content: 'Inspect this page', role: 'user' }],
+      model: 'anthropic/claude-sonnet-4',
+      temperature: 0,
+      tool_choice: 'auto',
+      tools: [
+        {
+          function: {
+            description: 'Run JavaScript',
+            name: 'eval',
+            parameters: { additionalProperties: false, type: 'object' },
+          },
+          type: 'function',
+        },
+      ],
+    });
+  });
+
+  it('rejects malformed eval tool calls', () => {
+    expect(() =>
+      parseKiloGatewayChatCompletionResponse({
+        choices: [
+          {
+            message: {
+              role: 'assistant',
+              tool_calls: [
+                {
+                  function: {
+                    arguments: '{"code":7}',
+                    name: 'eval',
+                  },
+                  id: 'call_eval_1',
+                  type: 'function',
+                },
+              ],
+            },
+          },
+        ],
+      })
+    ).toThrow('Gateway eval tool call did not include code.');
+  });
+
   it('labels thinking efforts compactly', () => {
     expect(thinkingEffortLabel('medium')).toBe('Med');
     expect(thinkingEffortLabel('xhigh')).toBe('XHigh');
diff --git a/apps/extension/src/shared/kilo-api-client.ts b/apps/extension/src/shared/kilo-api-client.ts
index bad50f0108..4b792578fb 100644
--- a/apps/extension/src/shared/kilo-api-client.ts
+++ b/apps/extension/src/shared/kilo-api-client.ts
@@ -1,4 +1,15 @@
 import type { FetchLike } from './auth';
+export {
+  fetchKiloGatewayChatCompletion,
+  parseKiloGatewayChatCompletionResponse,
+} from './kilo-gateway-chat-client';
+export type {
+  KiloGatewayChatCompletion,
+  KiloGatewayChatMessage,
+  KiloGatewayChatToolCall,
+  KiloGatewayEvalToolCall,
+  KiloGatewayToolDefinition,
+} from './kilo-gateway-chat-client';
 
 export interface KiloGatewayModelOption {
   readonly hasUserByokAvailable?: boolean;
diff --git a/apps/extension/src/shared/kilo-gateway-chat-client.ts b/apps/extension/src/shared/kilo-gateway-chat-client.ts
new file mode 100644
index 0000000000..aad1039708
--- /dev/null
+++ b/apps/extension/src/shared/kilo-gateway-chat-client.ts
@@ -0,0 +1,175 @@
+import type { FetchLike } from './auth';
+
+export interface KiloGatewayChatMessage {
+  readonly content?: string | null;
+  readonly role: 'assistant' | 'system' | 'tool' | 'user';
+  readonly tool_call_id?: string;
+  readonly tool_calls?: KiloGatewayChatToolCall[];
+}
+
+export interface KiloGatewayChatToolCall {
+  readonly function: {
+    readonly arguments: string;
+    readonly name: 'eval';
+  };
+  readonly id: string;
+  readonly type: 'function';
+}
+
+export interface KiloGatewayToolDefinition {
+  readonly function: {
+    readonly description: string;
+    readonly name: 'eval';
+    readonly parameters: Record<string, unknown>;
+  };
+  readonly type: 'function';
+}
+
+export interface KiloGatewayEvalToolCall {
+  readonly code: string;
+  readonly id: string;
+  readonly name: 'eval';
+}
+
+export interface KiloGatewayChatCompletion {
+  readonly content?: string;
+  readonly toolCalls: KiloGatewayEvalToolCall[];
+}
+
+interface FetchKiloGatewayChatCompletionOptions {
+  readonly apiBaseUrl: string;
+  readonly fetch: FetchLike;
+  readonly messages: KiloGatewayChatMessage[];
+  readonly model: string;
+  readonly signal?: AbortSignal;
+  readonly token: string;
+  readonly tools: KiloGatewayToolDefinition[];
+}
+
+const trimTrailingSlash = (value: string): string => value.replace(/\/+$/, '');
+
+const isRecord = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null;
+
+const getString = (value: unknown, message: string): string => {
+  if (typeof value !== 'string' || value.length === 0) {
+    throw new TypeError(message);
+  }
+
+  return value;
+};
+
+const parseJson = (value: string): unknown => {
+  try {
+    return JSON.parse(value);
+  } catch {
+    throw new TypeError('Gateway eval tool call arguments were not valid JSON.');
+  }
+};
+
+const parseEvalToolArguments = (value: unknown): { readonly code: string } => {
+  if (typeof value !== 'string') {
+    throw new TypeError('Gateway eval tool call did not include arguments.');
+  }
+
+  const parsed = parseJson(value);
+
+  if (!isRecord(parsed) || typeof parsed['code'] !== 'string' || parsed['code'].length === 0) {
+    throw new TypeError('Gateway eval tool call did not include code.');
+  }
+
+  return { code: parsed['code'] };
+};
+
+const parseEvalToolCall = (value: unknown): KiloGatewayEvalToolCall | undefined => {
+  if (!isRecord(value)) {
+    throw new TypeError('Gateway tool call was not an object.');
+  }
+
+  const { function: functionValue } = value;
+
+  if (!isRecord(functionValue)) {
+    throw new TypeError('Gateway tool call did not include a function.');
+  }
+
+  const { name } = functionValue;
+
+  if (name !== 'eval') {
+    return undefined;
+  }
+
+  const { code } = parseEvalToolArguments(functionValue['arguments']);
+
+  return {
+    code,
+    id: getString(value['id'], 'Gateway eval tool call did not include an id.'),
+    name,
+  };
+};
+
+export const parseKiloGatewayChatCompletionResponse = (
+  value: unknown
+): KiloGatewayChatCompletion => {
+  if (!isRecord(value)) {
+    throw new TypeError('Gateway chat completion response did not include choices.');
+  }
+
+  const { choices } = value;
+
+  if (!Array.isArray(choices)) {
+    throw new TypeError('Gateway chat completion response did not include choices.');
+  }
+
+  const choice: unknown = choices.at(0);
+
+  if (!isRecord(choice) || !isRecord(choice['message'])) {
+    throw new TypeError('Gateway chat completion response did not include a message.');
+  }
+
+  const { message } = choice;
+  const content = typeof message['content'] === 'string' ? message['content'] : undefined;
+  const rawToolCalls = Array.isArray(message['tool_calls']) ? message['tool_calls'] : [];
+  const toolCalls = rawToolCalls.flatMap(toolCall => {
+    const parsedToolCall = parseEvalToolCall(toolCall);
+    return parsedToolCall === undefined ? [] : [parsedToolCall];
+  });
+
+  return {
+    ...(content === undefined || content === '' ? {} : { content }),
+    toolCalls,
+  };
+};
+
+export const fetchKiloGatewayChatCompletion = async ({
+  apiBaseUrl,
+  fetch,
+  messages,
+  model,
+  signal,
+  token,
+  tools,
+}: FetchKiloGatewayChatCompletionOptions): Promise<KiloGatewayChatCompletion> => {
+  const response = await fetch(`${trimTrailingSlash(apiBaseUrl)}/api/gateway/v1/chat/completions`, {
+    body: JSON.stringify({
+      messages,
+      model,
+      temperature: 0,
+      tool_choice: tools.length === 0 ? 'none' : 'auto',
+      tools,
+    }),
+    headers: {
+      Accept: 'application/json',
+      Authorization: `Bearer ${token}`,
+      'Content-Type': 'application/json',
+    },
+    method: 'POST',
+    ...(signal === undefined ? {} : { signal }),
+  });
+
+  if (!response.ok) {
+    throw new Error(`Failed to fetch gateway chat completion: ${response.status}`);
+  }
+
+  const data: unknown = await response.json();
+  return parseKiloGatewayChatCompletionResponse(data);
+};
diff --git a/apps/extension/tests/e2e/kilo-api-fixture.ts b/apps/extension/tests/e2e/kilo-api-fixture.ts
new file mode 100644
index 0000000000..c18b34f888
--- /dev/null
+++ b/apps/extension/tests/e2e/kilo-api-fixture.ts
@@ -0,0 +1,112 @@
+import { expect } from '@playwright/test';
+import type { BrowserContext } from '@playwright/test';
+
+const isRecord = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null;
+
+const getToolResultHtmlLength = (body: unknown): string => {
+  if (!isRecord(body) || !Array.isArray(body['messages'])) {
+    return 'unknown';
+  }
+
+  const toolMessage = body['messages'].find(
+    (message): message is Record<string, unknown> =>
+      isRecord(message) && message['role'] === 'tool' && typeof message['content'] === 'string'
+  );
+
+  if (toolMessage === undefined || typeof toolMessage['content'] !== 'string') {
+    return 'unknown';
+  }
+
+  const toolResult: unknown = JSON.parse(toolMessage['content']);
+
+  if (!isRecord(toolResult) || typeof toolResult['value'] !== 'number') {
+    return 'unknown';
+  }
+
+  return String(toolResult['value']);
+};
+
+export const mockKiloApi = async (context: BrowserContext): Promise<void> => {
+  let chatCompletionCalls = 0;
+
+  await context.route('https://app.kilo.ai/api/user', route =>
+    route.fulfill({
+      json: { google_user_email: 'user@kilo.ai' },
+      status: 200,
+    })
+  );
+  await context.route('https://app.kilo.ai/api/gateway/models', route =>
+    route.fulfill({
+      json: {
+        data: [
+          {
+            id: 'anthropic/claude-sonnet-4',
+            name: 'Anthropic: Claude Sonnet 4',
+            opencode: { variants: { high: {}, low: {}, medium: {} } },
+            preferredIndex: 0,
+          },
+        ],
+      },
+      status: 200,
+    })
+  );
+  await context.route('https://app.kilo.ai/api/gateway/v1/chat/completions', route => {
+    chatCompletionCalls += 1;
+
+    const body: unknown = route.request().postDataJSON();
+
+    expect(body).toMatchObject({
+      model: 'anthropic/claude-sonnet-4',
+      tool_choice: 'auto',
+      tools: [
+        {
+          function: {
+            name: 'eval',
+          },
+          type: 'function',
+        },
+      ],
+    });
+
+    if (chatCompletionCalls === 1) {
+      return route.fulfill({
+        json: {
+          choices: [
+            {
+              message: {
+                content: 'I will inspect the selected tab.',
+                role: 'assistant',
+                tool_calls: [
+                  {
+                    function: {
+                      arguments: '{"code":"return document.documentElement.outerHTML.length;"}',
+                      name: 'eval',
+                    },
+                    id: 'call_eval_1',
+                    type: 'function',
+                  },
+                ],
+              },
+            },
+          ],
+        },
+        status: 200,
+      });
+    }
+
+    return route.fulfill({
+      json: {
+        choices: [
+          {
+            message: {
+              content: `The selected tab HTML length is ${getToolResultHtmlLength(body)}.`,
+              role: 'assistant',
+            },
+          },
+        ],
+      },
+      status: 200,
+    });
+  });
+};
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index 5788eeb95e..73d8399012 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -5,6 +5,7 @@ import { createServer } from 'node:http';
 import { tmpdir } from 'node:os';
 import { join, resolve as resolvePath } from 'node:path';
 import type { BrowserContext, Page } from '@playwright/test';
+import { mockKiloApi } from './kilo-api-fixture';
 
 const extensionPath = resolvePath(import.meta.dirname, '../../.output/chrome-mv3');
 
@@ -92,30 +93,6 @@ const launchExtensionContext = async (): Promise<{
   return { context, extensionId, userDataDir };
 };
 
-const mockKiloApi = async (context: BrowserContext): Promise<void> => {
-  await context.route('https://app.kilo.ai/api/user', route =>
-    route.fulfill({
-      json: { google_user_email: 'user@kilo.ai' },
-      status: 200,
-    })
-  );
-  await context.route('https://app.kilo.ai/api/gateway/models', route =>
-    route.fulfill({
-      json: {
-        data: [
-          {
-            id: 'anthropic/claude-sonnet-4',
-            name: 'Anthropic: Claude Sonnet 4',
-            opencode: { variants: { high: {}, low: {}, medium: {} } },
-            preferredIndex: 0,
-          },
-        ],
-      },
-      status: 200,
-    })
-  );
-};
-
 const seedExtensionAuth = async (page: Page): Promise<void> => {
   await page.evaluate(
     ({ token, userEmail }) =>
@@ -266,7 +243,7 @@ test('dangerous mode conversation can eval against a normal tab', async () => {
 
     await expect(sidePanel.getByText('eval completed')).toBeVisible();
     await expect(sidePanel.getByText('Code')).toBeHidden();
-    await expect(sidePanel.getByText(/Eval returned [0-9]+\./u)).toBeVisible();
+    await expect(sidePanel.getByText(/The selected tab HTML length is [0-9]+\./u)).toBeVisible();
     await sidePanel.getByText('eval completed').click();
     await expect(sidePanel.getByText('Code')).toBeVisible();
 

From 4a73cfa5860bb868ead63d2326fe1b836f88c709 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 18:46:18 +0200
Subject: [PATCH 23/51] feat(extension): submit chat input on enter

---
 .../sidepanel/agent-chat-panel.tsx            | 28 +++++++++++++------
 apps/extension/tests/e2e/sidebar.test.ts      | 10 ++++---
 2 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index 3f4321c1d3..db2d41a2f8 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useState } from 'react';
-import type { ChangeEvent, JSX } from 'react';
+import type { ChangeEvent, JSX, KeyboardEvent } from 'react';
 import {
   createAssistantMessage,
   createUserMessage,
@@ -174,6 +174,17 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
     })();
   };
 
+  const submitDraft = (): void => {
+    const text = draft.trim();
+
+    if (text === '' || isRunning) {
+      return;
+    }
+
+    setDraft('');
+    submitMessage(text);
+  };
+
   return (
     <div className="flex min-h-0 flex-1 flex-col">
       <section
@@ -194,14 +205,7 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
         className="border-t border-zinc-900 px-4 py-3"
         onSubmit={event => {
           event.preventDefault();
-
-          const text = draft.trim();
-          if (text === '' || isRunning) {
-            return;
-          }
-
-          setDraft('');
-          submitMessage(text);
+          submitDraft();
         }}
       >
         <label className="sr-only" htmlFor="agent-message">
@@ -213,6 +217,12 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
           onChange={(event: ChangeEvent<HTMLTextAreaElement>) => {
             setDraft(event.currentTarget.value);
           }}
+          onKeyDown={(event: KeyboardEvent<HTMLTextAreaElement>) => {
+            if (event.key === 'Enter' && !event.shiftKey) {
+              event.preventDefault();
+              submitDraft();
+            }
+          }}
           placeholder="Ask Kilo to inspect this tab..."
           value={draft}
         />
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index 73d8399012..6e6ed1063d 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -236,10 +236,12 @@ test('dangerous mode conversation can eval against a normal tab', async () => {
 
     await sidePanel.getByRole('button', { name: /Safe mode/u }).click();
     await sidePanel.getByRole('button', { name: 'Dangerous' }).click();
-    await sidePanel
-      .getByLabel('Message agent')
-      .fill('Inspect this tab and tell me the HTML length');
-    await sidePanel.getByRole('button', { name: 'Send message' }).click();
+    const messageInput = sidePanel.getByLabel('Message agent');
+    await messageInput.fill('Inspect this tab');
+    await messageInput.press('Shift+Enter');
+    await expect(messageInput).toHaveValue('Inspect this tab\n');
+    await messageInput.fill('Inspect this tab and tell me the HTML length');
+    await messageInput.press('Enter');
 
     await expect(sidePanel.getByText('eval completed')).toBeVisible();
     await expect(sidePanel.getByText('Code')).toBeHidden();

From 91a674dffee43ce44fd7a6096c81f85038e9d86a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 18:51:35 +0200
Subject: [PATCH 24/51] fix(extension): keep sidebar shell fixed

---
 .../entrypoints/sidepanel/auth-views.tsx      |  2 +-
 .../extension/entrypoints/sidepanel/style.css |  3 +-
 apps/extension/tests/e2e/kilo-api-fixture.ts  | 20 +++++++++++
 apps/extension/tests/e2e/sidebar.test.ts      | 33 ++++++++++++++++++-
 4 files changed, 55 insertions(+), 3 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/auth-views.tsx b/apps/extension/entrypoints/sidepanel/auth-views.tsx
index e69d3f1287..c1bf2d82fc 100644
--- a/apps/extension/entrypoints/sidepanel/auth-views.tsx
+++ b/apps/extension/entrypoints/sidepanel/auth-views.tsx
@@ -125,7 +125,7 @@ const Shell = ({
   onNewConversation?: (() => void) | undefined;
   onSignOut?: (() => void) | undefined;
 }): JSX.Element => (
-  <main className="flex min-h-dvh flex-col bg-zinc-950 text-zinc-50">
+  <main className="flex h-dvh min-h-0 flex-col overflow-hidden bg-zinc-950 text-zinc-50">
     <Header auth={auth} onNewConversation={onNewConversation} onSignOut={onSignOut} />
     {children}
   </main>
diff --git a/apps/extension/entrypoints/sidepanel/style.css b/apps/extension/entrypoints/sidepanel/style.css
index b9a1b57b45..6631170727 100644
--- a/apps/extension/entrypoints/sidepanel/style.css
+++ b/apps/extension/entrypoints/sidepanel/style.css
@@ -3,8 +3,9 @@
 html,
 body,
 #root {
-  min-height: 100%;
+  height: 100%;
   min-width: 20rem;
+  overflow: hidden;
 }
 
 body {
diff --git a/apps/extension/tests/e2e/kilo-api-fixture.ts b/apps/extension/tests/e2e/kilo-api-fixture.ts
index c18b34f888..5e766d633b 100644
--- a/apps/extension/tests/e2e/kilo-api-fixture.ts
+++ b/apps/extension/tests/e2e/kilo-api-fixture.ts
@@ -110,3 +110,23 @@ export const mockKiloApi = async (context: BrowserContext): Promise<void> => {
     });
   });
 };
+
+export const readSidePanelScrollState = (): {
+  documentClientHeight: number;
+  documentScrollHeight: number;
+  messagePaneClientHeight: number;
+  messagePaneScrollHeight: number;
+} => {
+  const conversation = document.querySelector('[aria-label="Agent conversation"]');
+
+  if (!(conversation instanceof HTMLElement)) {
+    throw new Error('Agent conversation pane was not found.');
+  }
+
+  return {
+    documentClientHeight: document.documentElement.clientHeight,
+    documentScrollHeight: document.documentElement.scrollHeight,
+    messagePaneClientHeight: conversation.clientHeight,
+    messagePaneScrollHeight: conversation.scrollHeight,
+  };
+};
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index 6e6ed1063d..99a9ea0862 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -5,7 +5,7 @@ import { createServer } from 'node:http';
 import { tmpdir } from 'node:os';
 import { join, resolve as resolvePath } from 'node:path';
 import type { BrowserContext, Page } from '@playwright/test';
-import { mockKiloApi } from './kilo-api-fixture';
+import { mockKiloApi, readSidePanelScrollState } from './kilo-api-fixture';
 
 const extensionPath = resolvePath(import.meta.dirname, '../../.output/chrome-mv3');
 
@@ -258,3 +258,34 @@ test('dangerous mode conversation can eval against a normal tab', async () => {
     await rm(userDataDir, { force: true, recursive: true });
   }
 });
+
+test('only the message pane scrolls when conversation content overflows', async () => {
+  const { context, extensionId, userDataDir } = await launchExtensionContext();
+
+  try {
+    await mockKiloApi(context);
+
+    const sidePanel = await context.newPage();
+    await sidePanel.setViewportSize({ height: 420, width: 360 });
+    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
+    await seedExtensionAuth(sidePanel);
+    await sidePanel.reload();
+
+    const messageInput = sidePanel.getByLabel('Message agent');
+    await messageInput.fill(Array.from({ length: 80 }, () => 'Overflow content.').join(' '));
+    await messageInput.press('Enter');
+
+    await expect(sidePanel.getByText('Switch to dangerous mode')).toBeVisible();
+    await expect(sidePanel.getByLabel('Agent conversation')).toBeVisible();
+
+    const scrollState = await sidePanel.evaluate(readSidePanelScrollState);
+
+    expect(scrollState.documentScrollHeight).toBe(scrollState.documentClientHeight);
+    expect(scrollState.messagePaneScrollHeight).toBeGreaterThan(
+      scrollState.messagePaneClientHeight
+    );
+  } finally {
+    await context.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});

From 524b5f73bf415f01076a7e42981b142e4d632378 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 19:00:42 +0200
Subject: [PATCH 25/51] feat(extension): virtualize message pane

---
 .../sidepanel/agent-chat-panel.tsx            |  16 +-
 .../virtualized-conversation-list.tsx         | 190 ++++++++++++++++++
 apps/extension/tests/e2e/kilo-api-fixture.ts  |  15 +-
 apps/extension/tests/e2e/sidebar.test.ts      |  10 +-
 4 files changed, 211 insertions(+), 20 deletions(-)
 create mode 100644 apps/extension/entrypoints/sidepanel/virtualized-conversation-list.tsx

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index db2d41a2f8..106a01fdae 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -14,10 +14,10 @@ import { getKiloApiBaseUrl } from '@/src/shared/auth';
 import type { StoredAuth } from '@/src/shared/auth';
 import { fetchKiloGatewayModels } from '@/src/shared/kilo-api-client';
 import type { KiloGatewayModelOption } from '@/src/shared/kilo-api-client';
-import { AgentConversationItemView } from './agent-conversation-events';
 import { AgentFooterControls } from './agent-footer-controls';
 import { runDangerousLlmTurn } from './agent-llm-turn-runner';
 import { useTabDebugger } from './use-tab-debugger';
+import { VirtualizedConversationList } from './virtualized-conversation-list';
 
 const effortOptions = ['low', 'medium', 'high'] as const;
 const defaultThinkingOption = 'default';
@@ -187,19 +187,7 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
 
   return (
     <div className="flex min-h-0 flex-1 flex-col">
-      <section
-        aria-label="Agent conversation"
-        className="flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto px-4 py-4"
-      >
-        <div className="flex flex-1 flex-col justify-end gap-3">
-          {groupedEvents.map(item => (
-            <AgentConversationItemView
-              item={item}
-              key={item.type === 'event' ? item.event.id : item.toolCall.id}
-            />
-          ))}
-        </div>
-      </section>
+      <VirtualizedConversationList items={groupedEvents} />
 
       <form
         className="border-t border-zinc-900 px-4 py-3"
diff --git a/apps/extension/entrypoints/sidepanel/virtualized-conversation-list.tsx b/apps/extension/entrypoints/sidepanel/virtualized-conversation-list.tsx
new file mode 100644
index 0000000000..dc2f636c4e
--- /dev/null
+++ b/apps/extension/entrypoints/sidepanel/virtualized-conversation-list.tsx
@@ -0,0 +1,190 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import type { CSSProperties, JSX, ReactNode, UIEvent } from 'react';
+import type { GroupedConversationItem } from '@/src/shared/agent-conversation';
+import { AgentConversationItemView } from './agent-conversation-events';
+
+const estimatedItemHeight = 64;
+const itemGap = 12;
+const overscanPx = 320;
+
+interface PositionedConversationItem {
+  readonly item: GroupedConversationItem;
+  readonly key: string;
+  readonly size: number;
+  readonly start: number;
+}
+
+const getConversationItemKey = (item: GroupedConversationItem): string =>
+  item.type === 'event' ? item.event.id : item.toolCall.id;
+
+const getMeasuredItemSize = (
+  item: GroupedConversationItem,
+  itemHeights: ReadonlyMap<string, number>
+): number => itemHeights.get(getConversationItemKey(item)) ?? estimatedItemHeight;
+
+const getPositionedItems = (
+  items: GroupedConversationItem[],
+  itemHeights: ReadonlyMap<string, number>
+): {
+  readonly contentHeight: number;
+  readonly positionedItems: PositionedConversationItem[];
+} => {
+  let nextStart = 0;
+  const positionedItems = items.map(item => {
+    const key = getConversationItemKey(item);
+    const size = getMeasuredItemSize(item, itemHeights);
+    const positionedItem = { item, key, size, start: nextStart };
+
+    nextStart += size + itemGap;
+
+    return positionedItem;
+  });
+
+  return {
+    contentHeight: Math.max(0, nextStart - itemGap),
+    positionedItems,
+  };
+};
+
+const VirtualizedRow = ({
+  children,
+  itemKey,
+  offsetY,
+  onSizeChange,
+}: {
+  children: ReactNode;
+  itemKey: string;
+  offsetY: number;
+  onSizeChange: (itemKey: string, size: number) => void;
+}): JSX.Element => {
+  const rowRef = useRef<HTMLDivElement | null>(null);
+  const style = useMemo<CSSProperties>(
+    () => ({
+      left: 0,
+      position: 'absolute',
+      right: 0,
+      top: 0,
+      transform: `translateY(${offsetY}px)`,
+    }),
+    [offsetY]
+  );
+
+  useEffect(() => {
+    const row = rowRef.current;
+
+    if (row === null) {
+      return;
+    }
+
+    const reportSize = (): void => {
+      onSizeChange(itemKey, row.getBoundingClientRect().height);
+    };
+    const resizeObserver = new ResizeObserver(reportSize);
+
+    reportSize();
+    resizeObserver.observe(row);
+
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [itemKey, onSizeChange]);
+
+  return (
+    <div data-conversation-item ref={rowRef} style={style}>
+      {children}
+    </div>
+  );
+};
+
+export const VirtualizedConversationList = ({
+  items,
+}: {
+  items: GroupedConversationItem[];
+}): JSX.Element => {
+  const [viewport, setViewport] = useState<HTMLElement | null>(null);
+  const [viewportHeight, setViewportHeight] = useState(0);
+  const [scrollTop, setScrollTop] = useState(0);
+  const [itemHeights, setItemHeights] = useState<ReadonlyMap<string, number>>(() => new Map());
+  const { contentHeight, positionedItems } = useMemo(
+    () => getPositionedItems(items, itemHeights),
+    [itemHeights, items]
+  );
+  const effectiveViewportHeight = viewportHeight === 0 ? 600 : viewportHeight;
+  const scrollHeight = Math.max(contentHeight, effectiveViewportHeight);
+  const bottomOffset = Math.max(0, effectiveViewportHeight - contentHeight);
+  const spacerStyle = useMemo<CSSProperties>(() => ({ height: scrollHeight }), [scrollHeight]);
+  const visibleStart = Math.max(0, scrollTop - overscanPx);
+  const visibleEnd = scrollTop + effectiveViewportHeight + overscanPx;
+  const visibleItems = positionedItems.filter(
+    item => item.start + item.size >= visibleStart && item.start <= visibleEnd
+  );
+
+  useEffect(() => {
+    if (viewport === null) {
+      return;
+    }
+
+    const updateViewportHeight = (): void => {
+      setViewportHeight(viewport.clientHeight);
+    };
+    const resizeObserver = new ResizeObserver(updateViewportHeight);
+
+    updateViewportHeight();
+    resizeObserver.observe(viewport);
+
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [viewport]);
+
+  useEffect(() => {
+    if (viewport === null) {
+      return;
+    }
+
+    const frame = globalThis.requestAnimationFrame(() => {
+      viewport.scrollTop = viewport.scrollHeight;
+      setScrollTop(viewport.scrollTop);
+    });
+
+    return () => {
+      globalThis.cancelAnimationFrame(frame);
+    };
+  }, [items.length, viewport]);
+
+  const handleScroll = (event: UIEvent<HTMLElement>): void => {
+    setScrollTop(event.currentTarget.scrollTop);
+  };
+
+  const handleSizeChange = useCallback((itemKey: string, size: number): void => {
+    setItemHeights(currentHeights => {
+      if (currentHeights.get(itemKey) === size) {
+        return currentHeights;
+      }
+
+      return new Map([...currentHeights, [itemKey, size]]);
+    });
+  }, []);
+
+  return (
+    <section
+      aria-label="Agent conversation"
+      className="min-h-0 flex-1 overflow-y-auto px-4 py-4"
+      onScroll={handleScroll}
+      ref={setViewport}
+    >
+      <div className="relative min-h-full" style={spacerStyle}>
+        {visibleItems.map(item => (
+          <VirtualizedRow
+            itemKey={item.key}
+            key={item.key}
+            offsetY={bottomOffset + item.start}
+            onSizeChange={handleSizeChange}
+          >
+            <AgentConversationItemView item={item.item} />
+          </VirtualizedRow>
+        ))}
+      </div>
+    </section>
+  );
+};
diff --git a/apps/extension/tests/e2e/kilo-api-fixture.ts b/apps/extension/tests/e2e/kilo-api-fixture.ts
index 5e766d633b..ecfa8b1bbc 100644
--- a/apps/extension/tests/e2e/kilo-api-fixture.ts
+++ b/apps/extension/tests/e2e/kilo-api-fixture.ts
@@ -1,5 +1,5 @@
 import { expect } from '@playwright/test';
-import type { BrowserContext } from '@playwright/test';
+import type { BrowserContext, Locator } from '@playwright/test';
 
 const isRecord = (value: unknown): value is Record<string, unknown> =>
   typeof value === 'object' && value !== null;
@@ -116,6 +116,7 @@ export const readSidePanelScrollState = (): {
   documentScrollHeight: number;
   messagePaneClientHeight: number;
   messagePaneScrollHeight: number;
+  renderedConversationItems: number;
 } => {
   const conversation = document.querySelector('[aria-label="Agent conversation"]');
 
@@ -128,5 +129,17 @@ export const readSidePanelScrollState = (): {
     documentScrollHeight: document.documentElement.scrollHeight,
     messagePaneClientHeight: conversation.clientHeight,
     messagePaneScrollHeight: conversation.scrollHeight,
+    renderedConversationItems: conversation.querySelectorAll(':scope > div > *').length,
   };
 };
+
+export const sendOverflowMessages = async (messageInput: Locator, count: number): Promise<void> => {
+  await Array.from({ length: count }).reduce<Promise<void>>(
+    async (previousMessage, _value, index) => {
+      await previousMessage;
+      await messageInput.fill(`Overflow content ${index}`);
+      await messageInput.press('Enter');
+    },
+    Promise.resolve()
+  );
+};
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index 99a9ea0862..9da11b4523 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -5,7 +5,7 @@ import { createServer } from 'node:http';
 import { tmpdir } from 'node:os';
 import { join, resolve as resolvePath } from 'node:path';
 import type { BrowserContext, Page } from '@playwright/test';
-import { mockKiloApi, readSidePanelScrollState } from './kilo-api-fixture';
+import { mockKiloApi, readSidePanelScrollState, sendOverflowMessages } from './kilo-api-fixture';
 
 const extensionPath = resolvePath(import.meta.dirname, '../../.output/chrome-mv3');
 
@@ -259,7 +259,7 @@ test('dangerous mode conversation can eval against a normal tab', async () => {
   }
 });
 
-test('only the message pane scrolls when conversation content overflows', async () => {
+test('only the message pane scrolls and virtualizes overflowing conversation content', async () => {
   const { context, extensionId, userDataDir } = await launchExtensionContext();
 
   try {
@@ -272,10 +272,9 @@ test('only the message pane scrolls when conversation content overflows', async
     await sidePanel.reload();
 
     const messageInput = sidePanel.getByLabel('Message agent');
-    await messageInput.fill(Array.from({ length: 80 }, () => 'Overflow content.').join(' '));
-    await messageInput.press('Enter');
+    await sendOverflowMessages(messageInput, 40);
 
-    await expect(sidePanel.getByText('Switch to dangerous mode')).toBeVisible();
+    await expect(sidePanel.getByText('Pick a target tab first.').last()).toBeVisible();
     await expect(sidePanel.getByLabel('Agent conversation')).toBeVisible();
 
     const scrollState = await sidePanel.evaluate(readSidePanelScrollState);
@@ -284,6 +283,7 @@ test('only the message pane scrolls when conversation content overflows', async
     expect(scrollState.messagePaneScrollHeight).toBeGreaterThan(
       scrollState.messagePaneClientHeight
     );
+    expect(scrollState.renderedConversationItems).toBeLessThan(30);
   } finally {
     await context.close();
     await rm(userDataDir, { force: true, recursive: true });

From 344fde80088e83f6c824cff0a0c6e417bdbd9567 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 19:11:15 +0200
Subject: [PATCH 26/51] feat(extension): stream agent responses

---
 .../sidepanel/agent-chat-panel.tsx            |  11 +
 .../sidepanel/agent-llm-turn-runner.ts        |  90 +++++-
 apps/extension/src/shared/kilo-api-client.ts  |   4 +
 .../kilo-gateway-chat-stream-client.test.ts   |  87 ++++++
 .../shared/kilo-gateway-chat-stream-client.ts | 294 ++++++++++++++++++
 apps/extension/tests/e2e/kilo-api-fixture.ts  |  64 ++--
 6 files changed, 510 insertions(+), 40 deletions(-)
 create mode 100644 apps/extension/src/shared/kilo-gateway-chat-stream-client.test.ts
 create mode 100644 apps/extension/src/shared/kilo-gateway-chat-stream-client.ts

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index 106a01fdae..994ef6f77c 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -137,6 +137,16 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
     setEvents(currentEvents => [...currentEvents, ...nextEvents]);
   };
 
+  const updateAssistantMessage = (eventId: string, text: string): void => {
+    setEvents(currentEvents =>
+      currentEvents.map(event =>
+        event.id === eventId && event.type === 'message' && event.role === 'assistant'
+          ? { ...event, text }
+          : event
+      )
+    );
+  };
+
   const submitMessage = (text: string): void => {
     const userEvent = createUserMessage(text);
     const conversationWithUserMessage = [...events, userEvent];
@@ -167,6 +177,7 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
           model,
           selectedTabId,
           token: auth.token,
+          updateAssistantMessage,
         });
       } finally {
         setIsRunning(false);
diff --git a/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts b/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
index 11dd79029f..41514c5b77 100644
--- a/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
+++ b/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
@@ -9,7 +9,7 @@ import {
   createEvalToolDefinition,
 } from '@/src/shared/agent-llm-harness';
 import type { FetchLike } from '@/src/shared/auth';
-import { fetchKiloGatewayChatCompletion } from '@/src/shared/kilo-api-client';
+import { fetchKiloGatewayChatCompletionStream } from '@/src/shared/kilo-api-client';
 import { executeEvalToolCall } from './agent-eval-runtime';
 
 interface RunDangerousLlmTurnOptions {
@@ -20,9 +20,21 @@ interface RunDangerousLlmTurnOptions {
   readonly model: string;
   readonly selectedTabId: number;
   readonly token: string;
+  readonly updateAssistantMessage: (eventId: string, text: string) => void;
 }
 
 const evalToolDefinition = createEvalToolDefinition();
+const createAssistantMessageEvent = (
+  text: string
+): Extract<AgentConversationEvent, { readonly type: 'message' }> => {
+  const event = createAssistantMessage(text);
+
+  if (event.type !== 'message') {
+    throw new Error('Expected assistant message event.');
+  }
+
+  return event;
+};
 
 export const runDangerousLlmTurn = async ({
   apiBaseUrl,
@@ -32,22 +44,58 @@ export const runDangerousLlmTurn = async ({
   model,
   selectedTabId,
   token,
+  updateAssistantMessage,
 }: RunDangerousLlmTurnOptions): Promise<void> => {
-  const getGatewayChatCompletion = (nextEvents: AgentConversationEvent[]) =>
-    fetchKiloGatewayChatCompletion({
+  const getGatewayChatCompletion = (
+    nextEvents: AgentConversationEvent[],
+    onContentDelta: (delta: string) => void
+  ) =>
+    fetchKiloGatewayChatCompletionStream({
       apiBaseUrl,
       fetch,
       messages: buildGatewayMessagesFromEvents(nextEvents),
       model,
+      onContentDelta,
       token,
       tools: [evalToolDefinition],
     });
 
   try {
-    const firstCompletion = await getGatewayChatCompletion(conversationEvents);
     const firstCompletionEvents: AgentConversationEvent[] = [];
+    let streamedText = '';
+    let streamedAssistantEventId: string | undefined = undefined;
+    const firstCompletion = await getGatewayChatCompletion(conversationEvents, delta => {
+      streamedText += delta;
+
+      if (streamedAssistantEventId === undefined) {
+        const assistantEvent = createAssistantMessageEvent(streamedText);
+
+        streamedAssistantEventId = assistantEvent.id;
+        firstCompletionEvents.push(assistantEvent);
+        appendEvents([assistantEvent]);
+        return;
+      }
+
+      updateAssistantMessage(streamedAssistantEventId, streamedText);
+    });
+
+    if (streamedAssistantEventId !== undefined) {
+      const finalStreamedText = firstCompletion.content ?? streamedText;
+      const streamedAssistantEventIndex = firstCompletionEvents.findIndex(
+        event => event.id === streamedAssistantEventId
+      );
+
+      if (streamedAssistantEventIndex !== -1) {
+        firstCompletionEvents.splice(streamedAssistantEventIndex, 1, {
+          id: streamedAssistantEventId,
+          role: 'assistant',
+          text: finalStreamedText,
+          type: 'message',
+        });
+      }
+    }
 
-    if (firstCompletion.content !== undefined) {
+    if (firstCompletion.content !== undefined && streamedAssistantEventId === undefined) {
       firstCompletionEvents.push(createAssistantMessage(firstCompletion.content));
     }
 
@@ -68,7 +116,7 @@ export const runDangerousLlmTurn = async ({
       return;
     }
 
-    appendEvents(firstCompletionEvents);
+    appendEvents(firstCompletionEvents.filter(event => event.id !== streamedAssistantEventId));
 
     if (evalToolCall === undefined) {
       return;
@@ -104,14 +152,30 @@ export const runDangerousLlmTurn = async ({
 
     appendEvents([toolResultEvent]);
 
-    const finalCompletion = await getGatewayChatCompletion(conversationWithToolResult);
+    let finalText = '';
+    let finalAssistantEventId: string | undefined = undefined;
+    const finalCompletion = await getGatewayChatCompletion(conversationWithToolResult, delta => {
+      finalText += delta;
 
-    appendEvents([
-      createAssistantMessage(
-        finalCompletion.content ??
-          'The model requested another eval after this tool result. Send another message to continue.'
-      ),
-    ]);
+      if (finalAssistantEventId === undefined) {
+        const assistantEvent = createAssistantMessageEvent(finalText);
+
+        finalAssistantEventId = assistantEvent.id;
+        appendEvents([assistantEvent]);
+        return;
+      }
+
+      updateAssistantMessage(finalAssistantEventId, finalText);
+    });
+
+    if (finalAssistantEventId === undefined) {
+      appendEvents([
+        createAssistantMessage(
+          finalCompletion.content ??
+            'The model requested another eval after this tool result. Send another message to continue.'
+        ),
+      ]);
+    }
   } catch (error) {
     appendEvents([
       createAssistantMessage(
diff --git a/apps/extension/src/shared/kilo-api-client.ts b/apps/extension/src/shared/kilo-api-client.ts
index 4b792578fb..4ae9831952 100644
--- a/apps/extension/src/shared/kilo-api-client.ts
+++ b/apps/extension/src/shared/kilo-api-client.ts
@@ -3,6 +3,10 @@ export {
   fetchKiloGatewayChatCompletion,
   parseKiloGatewayChatCompletionResponse,
 } from './kilo-gateway-chat-client';
+export {
+  fetchKiloGatewayChatCompletionStream,
+  parseKiloGatewayChatCompletionStream,
+} from './kilo-gateway-chat-stream-client';
 export type {
   KiloGatewayChatCompletion,
   KiloGatewayChatMessage,
diff --git a/apps/extension/src/shared/kilo-gateway-chat-stream-client.test.ts b/apps/extension/src/shared/kilo-gateway-chat-stream-client.test.ts
new file mode 100644
index 0000000000..7d1b16006c
--- /dev/null
+++ b/apps/extension/src/shared/kilo-gateway-chat-stream-client.test.ts
@@ -0,0 +1,87 @@
+import { describe, expect, it } from 'vitest';
+import { fetchKiloGatewayChatCompletionStream } from './kilo-api-client';
+import type { FetchLike } from './auth';
+
+const parseJsonRequestBody = (body: BodyInit | null | undefined): unknown => {
+  if (typeof body !== 'string') {
+    throw new TypeError('Expected JSON string request body.');
+  }
+
+  return JSON.parse(body);
+};
+
+const streamResponse = (chunks: string[]): Response => {
+  const encoder = new TextEncoder();
+
+  return new Response(
+    new ReadableStream<Uint8Array>({
+      start(controller) {
+        for (const chunk of chunks) {
+          controller.enqueue(encoder.encode(chunk));
+        }
+
+        controller.close();
+      },
+    }),
+    {
+      headers: { 'Content-Type': 'text/event-stream' },
+      status: 200,
+    }
+  );
+};
+
+describe('kilo gateway chat stream client', () => {
+  it('streams chat completion content and eval tool call deltas', async () => {
+    const seen: { body: unknown; headers: Headers }[] = [];
+    const contentDeltas: string[] = [];
+    const fetch: FetchLike = (_input, init) => {
+      seen.push({
+        body: parseJsonRequestBody(init?.body),
+        headers: new Headers(init?.headers),
+      });
+
+      return streamResponse([
+        'data: {"choices":[{"delta":{"content":"I will "}}]}\n\n',
+        'data: {"choices":[{"delta":{"content":"inspect."}}]}\n\n',
+        'data: {"choices":[{"delta":{"tool_calls":[{"index":0,"id":"call_eval_1","type":"function","function":{"name":"eval","arguments":"{\\"code\\":\\"return "}}]}}]}\n\n',
+        'data: {"choices":[{"delta":{"tool_calls":[{"index":0,"function":{"arguments":"document.title;\\"}"}}]}}]}\n\n',
+        'data: [DONE]\n\n',
+      ]);
+    };
+
+    await expect(
+      fetchKiloGatewayChatCompletionStream({
+        apiBaseUrl: 'https://app.kilo.ai',
+        fetch,
+        messages: [{ content: 'Inspect this page', role: 'user' }],
+        model: 'anthropic/claude-sonnet-4',
+        onContentDelta: delta => {
+          contentDeltas.push(delta);
+        },
+        token: 'token-1',
+        tools: [
+          {
+            function: {
+              description: 'Run JavaScript',
+              name: 'eval',
+              parameters: { additionalProperties: false, type: 'object' },
+            },
+            type: 'function',
+          },
+        ],
+      })
+    ).resolves.toStrictEqual({
+      content: 'I will inspect.',
+      toolCalls: [
+        {
+          code: 'return document.title;',
+          id: 'call_eval_1',
+          name: 'eval',
+        },
+      ],
+    });
+    expect(contentDeltas).toStrictEqual(['I will ', 'inspect.']);
+    expect(seen[0]?.headers.get('accept')).toBe('text/event-stream');
+    expect(seen[0]?.body).toMatchObject({ stream: true });
+  });
+});
diff --git a/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts b/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts
new file mode 100644
index 0000000000..aaacff3e9e
--- /dev/null
+++ b/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts
@@ -0,0 +1,294 @@
+import type {
+  KiloGatewayChatCompletion,
+  KiloGatewayChatMessage,
+  KiloGatewayEvalToolCall,
+  KiloGatewayToolDefinition,
+} from './kilo-gateway-chat-client';
+import type { FetchLike } from './auth';
+
+interface FetchKiloGatewayChatCompletionStreamOptions {
+  readonly apiBaseUrl: string;
+  readonly fetch: FetchLike;
+  readonly messages: KiloGatewayChatMessage[];
+  readonly model: string;
+  readonly onContentDelta: (delta: string) => void;
+  readonly signal?: AbortSignal;
+  readonly token: string;
+  readonly tools: KiloGatewayToolDefinition[];
+}
+
+interface StreamingToolCallBuffer {
+  arguments: string;
+  id: string | undefined;
+  name: 'eval' | undefined;
+}
+
+interface StreamingAccumulator {
+  content: string;
+  isDone: boolean;
+  pendingText: string;
+  toolCallsByIndex: Map<number, StreamingToolCallBuffer>;
+}
+
+interface StreamReaderContext {
+  readonly accumulator: StreamingAccumulator;
+  readonly decoder: TextDecoder;
+  readonly onContentDelta: (delta: string) => void;
+  readonly reader: ReadableStreamDefaultReader<Uint8Array>;
+}
+
+const trimTrailingSlash = (value: string): string => value.replace(/\/+$/, '');
+
+const isRecord = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null;
+
+const parseJson = (value: string): unknown => {
+  try {
+    return JSON.parse(value);
+  } catch {
+    throw new TypeError('Gateway eval tool call arguments were not valid JSON.');
+  }
+};
+
+const getString = (value: unknown, message: string): string => {
+  if (typeof value !== 'string' || value.length === 0) {
+    throw new TypeError(message);
+  }
+
+  return value;
+};
+
+const parseEvalToolArguments = (value: unknown): { readonly code: string } => {
+  if (typeof value !== 'string') {
+    throw new TypeError('Gateway eval tool call did not include arguments.');
+  }
+
+  const parsed = parseJson(value);
+
+  if (!isRecord(parsed) || typeof parsed['code'] !== 'string' || parsed['code'].length === 0) {
+    throw new TypeError('Gateway eval tool call did not include code.');
+  }
+
+  return { code: parsed['code'] };
+};
+
+const parseEvalToolCallBuffer = (value: StreamingToolCallBuffer): KiloGatewayEvalToolCall => {
+  if (value.name !== 'eval') {
+    throw new TypeError('Gateway stream tool call did not include eval.');
+  }
+
+  const { code } = parseEvalToolArguments(value.arguments);
+
+  return {
+    code,
+    id: getString(value.id, 'Gateway eval tool call did not include an id.'),
+    name: value.name,
+  };
+};
+
+const parseServerSentEvents = (text: string): string[] =>
+  text
+    .split('\n\n')
+    .flatMap(block => {
+      const dataLines = block
+        .split('\n')
+        .map(line => line.trim())
+        .filter(line => line.startsWith('data:'))
+        .map(line => line.slice('data:'.length).trim());
+
+      return dataLines.length === 0 ? [] : [dataLines.join('\n')];
+    })
+    .filter(data => data.length > 0);
+
+const mergeStreamingToolCall = (
+  toolCallsByIndex: Map<number, StreamingToolCallBuffer>,
+  value: unknown
+): void => {
+  if (!isRecord(value) || typeof value['index'] !== 'number') {
+    throw new TypeError('Gateway stream tool call delta did not include an index.');
+  }
+
+  const { index } = value;
+  const current = toolCallsByIndex.get(index) ?? {
+    arguments: '',
+    id: undefined,
+    name: undefined,
+  };
+  const functionValue = value['function'];
+  const next: StreamingToolCallBuffer = {
+    arguments: current.arguments,
+    id: typeof value['id'] === 'string' ? value['id'] : current.id,
+    name: current.name,
+  };
+
+  if (isRecord(functionValue)) {
+    if (functionValue['name'] === 'eval') {
+      next.name = 'eval';
+    }
+
+    if (typeof functionValue['arguments'] === 'string') {
+      next.arguments += functionValue['arguments'];
+    }
+  }
+
+  toolCallsByIndex.set(index, next);
+};
+
+const applyStreamingData = (
+  accumulator: StreamingAccumulator,
+  data: string,
+  onContentDelta: (delta: string) => void
+): void => {
+  if (data === '[DONE]') {
+    accumulator.isDone = true;
+    return;
+  }
+
+  const parsed = parseJson(data);
+
+  if (!isRecord(parsed) || !Array.isArray(parsed['choices'])) {
+    return;
+  }
+
+  const choice: unknown = parsed['choices'].at(0);
+
+  if (!isRecord(choice) || !isRecord(choice['delta'])) {
+    return;
+  }
+
+  const { delta } = choice;
+
+  if (typeof delta['content'] === 'string') {
+    accumulator.content += delta['content'];
+    onContentDelta(delta['content']);
+  }
+
+  if (Array.isArray(delta['tool_calls'])) {
+    for (const toolCall of delta['tool_calls']) {
+      mergeStreamingToolCall(accumulator.toolCallsByIndex, toolCall);
+    }
+  }
+};
+
+const toCompletion = (accumulator: StreamingAccumulator): KiloGatewayChatCompletion => ({
+  ...(accumulator.content === '' ? {} : { content: accumulator.content }),
+  toolCalls: [...accumulator.toolCallsByIndex.values()].map(toolCall =>
+    parseEvalToolCallBuffer(toolCall)
+  ),
+});
+
+export const parseKiloGatewayChatCompletionStream = (
+  text: string,
+  onContentDelta: (delta: string) => void
+): KiloGatewayChatCompletion => {
+  const accumulator: StreamingAccumulator = {
+    content: '',
+    isDone: false,
+    pendingText: '',
+    toolCallsByIndex: new Map(),
+  };
+
+  for (const data of parseServerSentEvents(text)) {
+    applyStreamingData(accumulator, data, onContentDelta);
+
+    if (accumulator.isDone) {
+      break;
+    }
+  }
+
+  return toCompletion(accumulator);
+};
+
+const consumeStreamReader = async ({
+  accumulator,
+  decoder,
+  onContentDelta,
+  reader,
+}: StreamReaderContext): Promise<void> => {
+  if (accumulator.isDone) {
+    return;
+  }
+
+  const { done, value } = await reader.read();
+
+  accumulator.pendingText += decoder.decode(value, { stream: !done });
+
+  const blocks = accumulator.pendingText.split('\n\n');
+  accumulator.pendingText = blocks.pop() ?? '';
+
+  for (const data of parseServerSentEvents(blocks.join('\n\n'))) {
+    applyStreamingData(accumulator, data, onContentDelta);
+
+    if (accumulator.isDone) {
+      return;
+    }
+  }
+
+  if (done) {
+    accumulator.isDone = true;
+    return;
+  }
+
+  await consumeStreamReader({ accumulator, decoder, onContentDelta, reader });
+};
+
+const consumeKiloGatewayChatCompletionStream = async (
+  body: ReadableStream<Uint8Array>,
+  onContentDelta: (delta: string) => void
+): Promise<KiloGatewayChatCompletion> => {
+  const accumulator: StreamingAccumulator = {
+    content: '',
+    isDone: false,
+    pendingText: '',
+    toolCallsByIndex: new Map(),
+  };
+  const reader = body.getReader();
+  const decoder = new TextDecoder();
+
+  await consumeStreamReader({ accumulator, decoder, onContentDelta, reader });
+
+  for (const data of parseServerSentEvents(accumulator.pendingText)) {
+    applyStreamingData(accumulator, data, onContentDelta);
+  }
+
+  return toCompletion(accumulator);
+};
+
+export const fetchKiloGatewayChatCompletionStream = async ({
+  apiBaseUrl,
+  fetch,
+  messages,
+  model,
+  onContentDelta,
+  signal,
+  token,
+  tools,
+}: FetchKiloGatewayChatCompletionStreamOptions): Promise<KiloGatewayChatCompletion> => {
+  const response = await fetch(`${trimTrailingSlash(apiBaseUrl)}/api/gateway/v1/chat/completions`, {
+    body: JSON.stringify({
+      messages,
+      model,
+      stream: true,
+      temperature: 0,
+      tool_choice: tools.length === 0 ? 'none' : 'auto',
+      tools,
+    }),
+    headers: {
+      Accept: 'text/event-stream',
+      Authorization: `Bearer ${token}`,
+      'Content-Type': 'application/json',
+    },
+    method: 'POST',
+    ...(signal === undefined ? {} : { signal }),
+  });
+
+  if (!response.ok) {
+    throw new Error(`Failed to fetch gateway chat completion stream: ${response.status}`);
+  }
+
+  if (response.body === null) {
+    throw new Error('Gateway chat completion stream did not include a body.');
+  }
+
+  return consumeKiloGatewayChatCompletionStream(response.body, onContentDelta);
+};
diff --git a/apps/extension/tests/e2e/kilo-api-fixture.ts b/apps/extension/tests/e2e/kilo-api-fixture.ts
index ecfa8b1bbc..4e85f50947 100644
--- a/apps/extension/tests/e2e/kilo-api-fixture.ts
+++ b/apps/extension/tests/e2e/kilo-api-fixture.ts
@@ -27,6 +27,9 @@ const getToolResultHtmlLength = (body: unknown): string => {
   return String(toolResult['value']);
 };
 
+const chatCompletionStreamResponse = (events: unknown[]): string =>
+  `${events.map(event => `data: ${JSON.stringify(event)}\n\n`).join('')}data: [DONE]\n\n`;
+
 export const mockKiloApi = async (context: BrowserContext): Promise<void> => {
   let chatCompletionCalls = 0;
 
@@ -58,6 +61,7 @@ export const mockKiloApi = async (context: BrowserContext): Promise<void> => {
 
     expect(body).toMatchObject({
       model: 'anthropic/claude-sonnet-4',
+      stream: true,
       tool_choice: 'auto',
       tools: [
         {
@@ -71,41 +75,47 @@ export const mockKiloApi = async (context: BrowserContext): Promise<void> => {
 
     if (chatCompletionCalls === 1) {
       return route.fulfill({
-        json: {
-          choices: [
-            {
-              message: {
-                content: 'I will inspect the selected tab.',
-                role: 'assistant',
-                tool_calls: [
-                  {
-                    function: {
-                      arguments: '{"code":"return document.documentElement.outerHTML.length;"}',
-                      name: 'eval',
+        body: chatCompletionStreamResponse([
+          { choices: [{ delta: { content: 'I will ' } }] },
+          { choices: [{ delta: { content: 'inspect the selected tab.' } }] },
+          {
+            choices: [
+              {
+                delta: {
+                  tool_calls: [
+                    {
+                      function: {
+                        arguments: '{"code":"return document.documentElement.outerHTML.length;"}',
+                        name: 'eval',
+                      },
+                      id: 'call_eval_1',
+                      index: 0,
+                      type: 'function',
                     },
-                    id: 'call_eval_1',
-                    type: 'function',
-                  },
-                ],
+                  ],
+                },
               },
-            },
-          ],
-        },
+            ],
+          },
+        ]),
+        contentType: 'text/event-stream',
         status: 200,
       });
     }
 
     return route.fulfill({
-      json: {
-        choices: [
-          {
-            message: {
-              content: `The selected tab HTML length is ${getToolResultHtmlLength(body)}.`,
-              role: 'assistant',
+      body: chatCompletionStreamResponse([
+        {
+          choices: [
+            {
+              delta: {
+                content: `The selected tab HTML length is ${getToolResultHtmlLength(body)}.`,
+              },
             },
-          },
-        ],
-      },
+          ],
+        },
+      ]),
+      contentType: 'text/event-stream',
       status: 200,
     });
   });

From 4e99458233eda47d88f2b2526680a48ef3ee5548 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 19:14:06 +0200
Subject: [PATCH 27/51] fix(extension): prevent eval code horizontal overflow

---
 .../sidepanel/agent-conversation-events.tsx   |  6 +--
 apps/extension/tests/e2e/kilo-api-fixture.ts  | 37 ++++++++++++++++++-
 apps/extension/tests/e2e/sidebar.test.ts      |  8 +++-
 3 files changed, 45 insertions(+), 6 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx b/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
index f187a85c4d..3768043d63 100644
--- a/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
@@ -66,7 +66,7 @@ const ToolExchangeEvent = ({
     <div className="mt-2 grid gap-2">
       <div>
         <p className="text-[11px] font-medium text-red-200/80">Code</p>
-        <pre className="mt-1 max-h-28 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-red-100/90">
+        <pre className="mt-1 max-h-28 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-red-100/90">
           {item.toolCall.code}
         </pre>
       </div>
@@ -74,7 +74,7 @@ const ToolExchangeEvent = ({
         <p className="text-[11px] font-medium text-zinc-300">
           {item.result.ok ? 'Result' : 'Error'}
         </p>
-        <pre className="mt-1 max-h-28 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-zinc-400">
+        <pre className="mt-1 max-h-28 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-zinc-400">
           {item.result.ok ? formatToolValue(item.result.value) : item.result.error}
         </pre>
       </div>
@@ -100,7 +100,7 @@ const StandaloneToolEvent = ({
   return (
     <div className="rounded-md border border-zinc-800 bg-zinc-900/70 px-3 py-2">
       <p className="text-xs font-semibold text-zinc-300">{title}</p>
-      <pre className="mt-2 max-h-28 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-zinc-400">
+      <pre className="mt-2 max-h-28 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-zinc-400">
         {body}
       </pre>
     </div>
diff --git a/apps/extension/tests/e2e/kilo-api-fixture.ts b/apps/extension/tests/e2e/kilo-api-fixture.ts
index 4e85f50947..7e6785a20e 100644
--- a/apps/extension/tests/e2e/kilo-api-fixture.ts
+++ b/apps/extension/tests/e2e/kilo-api-fixture.ts
@@ -1,5 +1,5 @@
 import { expect } from '@playwright/test';
-import type { BrowserContext, Locator } from '@playwright/test';
+import type { BrowserContext, Locator, Page } from '@playwright/test';
 
 const isRecord = (value: unknown): value is Record<string, unknown> =>
   typeof value === 'object' && value !== null;
@@ -30,6 +30,9 @@ const getToolResultHtmlLength = (body: unknown): string => {
 const chatCompletionStreamResponse = (events: unknown[]): string =>
   `${events.map(event => `data: ${JSON.stringify(event)}\n\n`).join('')}data: [DONE]\n\n`;
 
+const longEvalIdentifier = `kilo${'VeryLongIdentifier'.repeat(16)}`;
+const evalFixtureCode = `const ${longEvalIdentifier} = document.documentElement.outerHTML.length; return ${longEvalIdentifier};`;
+
 export const mockKiloApi = async (context: BrowserContext): Promise<void> => {
   let chatCompletionCalls = 0;
 
@@ -85,7 +88,7 @@ export const mockKiloApi = async (context: BrowserContext): Promise<void> => {
                   tool_calls: [
                     {
                       function: {
-                        arguments: '{"code":"return document.documentElement.outerHTML.length;"}',
+                        arguments: JSON.stringify({ code: evalFixtureCode }),
                         name: 'eval',
                       },
                       id: 'call_eval_1',
@@ -143,6 +146,36 @@ export const readSidePanelScrollState = (): {
   };
 };
 
+export const readEvalCodeBlockOverflowState = (): {
+  codeBlockClientWidth: number;
+  codeBlockOverflowX: string;
+  codeBlockScrollWidth: number;
+} => {
+  const codeLabel = [...document.querySelectorAll('p')].find(
+    element => element.textContent === 'Code'
+  );
+  const codeBlock = codeLabel?.parentElement?.querySelector('pre');
+
+  if (!(codeBlock instanceof HTMLElement)) {
+    throw new Error('Eval code block was not found.');
+  }
+
+  return {
+    codeBlockClientWidth: codeBlock.clientWidth,
+    codeBlockOverflowX: getComputedStyle(codeBlock).overflowX,
+    codeBlockScrollWidth: codeBlock.scrollWidth,
+  };
+};
+
+export const expectEvalCodeBlockNoHorizontalOverflow = async (sidePanel: Page): Promise<void> => {
+  const codeBlockOverflowState = await sidePanel.evaluate(readEvalCodeBlockOverflowState);
+
+  expect(codeBlockOverflowState.codeBlockScrollWidth).toBeLessThanOrEqual(
+    codeBlockOverflowState.codeBlockClientWidth
+  );
+  expect(codeBlockOverflowState.codeBlockOverflowX).toBe('hidden');
+};
+
 export const sendOverflowMessages = async (messageInput: Locator, count: number): Promise<void> => {
   await Array.from({ length: count }).reduce<Promise<void>>(
     async (previousMessage, _value, index) => {
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index 9da11b4523..7abc9a8126 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -5,7 +5,12 @@ import { createServer } from 'node:http';
 import { tmpdir } from 'node:os';
 import { join, resolve as resolvePath } from 'node:path';
 import type { BrowserContext, Page } from '@playwright/test';
-import { mockKiloApi, readSidePanelScrollState, sendOverflowMessages } from './kilo-api-fixture';
+import {
+  expectEvalCodeBlockNoHorizontalOverflow,
+  mockKiloApi,
+  readSidePanelScrollState,
+  sendOverflowMessages,
+} from './kilo-api-fixture';
 
 const extensionPath = resolvePath(import.meta.dirname, '../../.output/chrome-mv3');
 
@@ -248,6 +253,7 @@ test('dangerous mode conversation can eval against a normal tab', async () => {
     await expect(sidePanel.getByText(/The selected tab HTML length is [0-9]+\./u)).toBeVisible();
     await sidePanel.getByText('eval completed').click();
     await expect(sidePanel.getByText('Code')).toBeVisible();
+    await expectEvalCodeBlockNoHorizontalOverflow(sidePanel);
 
     await sidePanel.getByLabel('New conversation').click();
     await expect(sidePanel.getByText('eval completed')).toBeHidden();

From 3991ecea19909aa1e25ec5152dd32ea15a884ff6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 19:38:29 +0200
Subject: [PATCH 28/51] refactor(extension): simplify side panel agent

---
 apps/extension/entrypoints/background.ts      |  10 -
 .../sidepanel/agent-chat-panel.tsx            |  22 +-
 .../sidepanel/agent-eval-runtime.ts           |  33 ---
 .../sidepanel/agent-llm-turn-runner.ts        |  60 +++---
 apps/extension/entrypoints/sidepanel/app.tsx  |  75 ++++---
 .../sidepanel/conversation-list.tsx           |  17 ++
 .../entrypoints/sidepanel/use-tab-debugger.ts |  49 +----
 .../virtualized-conversation-list.tsx         | 190 ------------------
 .../src/shared/agent-chat-placeholder.test.ts |  27 +--
 .../src/shared/agent-chat-placeholder.ts      |  34 ----
 .../src/shared/agent-conversation.ts          |  12 +-
 .../src/shared/agent-llm-harness.test.ts      |  39 ++++
 .../extension/src/shared/agent-llm-harness.ts |  84 +++++---
 .../src/shared/kilo-api-client.test.ts        | 127 ------------
 apps/extension/src/shared/kilo-api-client.ts  |   4 -
 .../src/shared/kilo-gateway-chat-client.ts    | 140 -------------
 .../extension/src/shared/tab-debugger.test.ts |  41 +---
 apps/extension/src/shared/tab-debugger.ts     |  57 ------
 apps/extension/tests/e2e/kilo-api-fixture.ts  |   2 -
 apps/extension/tests/e2e/sidebar.test.ts      |   3 +-
 20 files changed, 204 insertions(+), 822 deletions(-)
 create mode 100644 apps/extension/entrypoints/sidepanel/conversation-list.tsx
 delete mode 100644 apps/extension/entrypoints/sidepanel/virtualized-conversation-list.tsx

diff --git a/apps/extension/entrypoints/background.ts b/apps/extension/entrypoints/background.ts
index ce71636cd4..0152776256 100644
--- a/apps/extension/entrypoints/background.ts
+++ b/apps/extension/entrypoints/background.ts
@@ -1,10 +1,8 @@
 import { enableActionClickSidePanel } from '@/src/shared/side-panel';
 import {
   EVAL_TAB_MESSAGE,
-  GET_TAB_HTML_LENGTH_MESSAGE,
   LIST_INSPECTABLE_TABS_MESSAGE,
   evalInTab,
-  getTabHtmlLength,
   isTabDebuggerRequest,
   listInspectableTabs,
 } from '@/src/shared/tab-debugger';
@@ -46,14 +44,6 @@ const handleTabDebuggerRequest = async ({
       };
     }
 
-    if (request.type === GET_TAB_HTML_LENGTH_MESSAGE) {
-      return {
-        length: await getTabHtmlLength(debuggerApi, request.tabId),
-        ok: true,
-        type: GET_TAB_HTML_LENGTH_MESSAGE,
-      };
-    }
-
     return {
       ok: true,
       result: await evalInTab({
diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index 994ef6f77c..c7858c74f5 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -5,11 +5,8 @@ import {
   createUserMessage,
   groupConversationEvents,
 } from '@/src/shared/agent-conversation';
-import type { AgentConversationEvent } from '@/src/shared/agent-conversation';
-import {
-  getDefaultAgentPanelState,
-  getFooterControlDisplay,
-} from '@/src/shared/agent-chat-placeholder';
+import type { AgentConversationEvent, AgentMode } from '@/src/shared/agent-conversation';
+import { getFooterControlDisplay } from '@/src/shared/agent-chat-placeholder';
 import { getKiloApiBaseUrl } from '@/src/shared/auth';
 import type { StoredAuth } from '@/src/shared/auth';
 import { fetchKiloGatewayModels } from '@/src/shared/kilo-api-client';
@@ -17,11 +14,13 @@ import type { KiloGatewayModelOption } from '@/src/shared/kilo-api-client';
 import { AgentFooterControls } from './agent-footer-controls';
 import { runDangerousLlmTurn } from './agent-llm-turn-runner';
 import { useTabDebugger } from './use-tab-debugger';
-import { VirtualizedConversationList } from './virtualized-conversation-list';
+import { ConversationList } from './conversation-list';
 
 const effortOptions = ['low', 'medium', 'high'] as const;
 const defaultThinkingOption = 'default';
 const fallbackDefaultModelId = 'Claude Sonnet 4';
+const defaultMode = 'safe';
+const defaultThinkingEffort = 'medium';
 const apiBaseUrl = getKiloApiBaseUrl();
 const fetchFromWindow = (input: string, init?: RequestInit): Promise<Response> =>
   fetch(input, init);
@@ -48,16 +47,15 @@ const fallbackModelOptions: KiloGatewayModelOption[] = [
 ];
 
 export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
-  const initialState = useMemo(() => getDefaultAgentPanelState(), []);
-  const [draft, setDraft] = useState(initialState.draft);
+  const [draft, setDraft] = useState('');
   const [events, setEvents] = useState<AgentConversationEvent[]>(() => [
     createAssistantMessage('Pick a tab, switch to dangerous mode, and ask Kilo to inspect it.'),
   ]);
   const [isRunning, setIsRunning] = useState(false);
-  const [mode, setMode] = useState(initialState.footer.mode);
-  const [model, setModel] = useState(initialState.footer.model);
+  const [mode, setMode] = useState<AgentMode>(defaultMode);
+  const [model, setModel] = useState(fallbackDefaultModelId);
   const [modelOptions, setModelOptions] = useState<KiloGatewayModelOption[]>(fallbackModelOptions);
-  const [thinkingEffort, setThinkingEffort] = useState(initialState.footer.thinkingEffort);
+  const [thinkingEffort, setThinkingEffort] = useState(defaultThinkingEffort);
   const { inspectableTabs, isLoadingTabs, loadInspectableTabs, selectTab, selectedTabId } =
     useTabDebugger();
   const selectedModel = useMemo(
@@ -198,7 +196,7 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
 
   return (
     <div className="flex min-h-0 flex-1 flex-col">
-      <VirtualizedConversationList items={groupedEvents} />
+      <ConversationList items={groupedEvents} />
 
       <form
         className="border-t border-zinc-900 px-4 py-3"
diff --git a/apps/extension/entrypoints/sidepanel/agent-eval-runtime.ts b/apps/extension/entrypoints/sidepanel/agent-eval-runtime.ts
index b6e3596e45..6692e6a308 100644
--- a/apps/extension/entrypoints/sidepanel/agent-eval-runtime.ts
+++ b/apps/extension/entrypoints/sidepanel/agent-eval-runtime.ts
@@ -3,39 +3,6 @@ import type { AgentConversationEvent } from '@/src/shared/agent-conversation';
 import { EVAL_TAB_MESSAGE, isTabDebuggerResponse } from '@/src/shared/tab-debugger';
 import type { EvalTabResult } from '@/src/shared/tab-debugger';
 
-export const formatEvalValue = (value: unknown): string => {
-  if (typeof value === 'string') {
-    return value;
-  }
-
-  if (
-    typeof value === 'number' ||
-    typeof value === 'boolean' ||
-    typeof value === 'bigint' ||
-    value === null
-  ) {
-    return String(value);
-  }
-
-  if (value === undefined) {
-    return 'undefined';
-  }
-
-  try {
-    return JSON.stringify(value);
-  } catch {
-    return 'Unserializable result';
-  }
-};
-
-export const getEvalSummary = (result: EvalTabResult): string => {
-  if (!result.ok) {
-    return `Eval failed: ${result.error}`;
-  }
-
-  return `Eval returned ${formatEvalValue(result.value)}.`;
-};
-
 export const executeEvalToolCall = async (
   toolCall: Extract<AgentConversationEvent, { readonly type: 'tool-call' }>
 ): Promise<EvalTabResult> => {
diff --git a/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts b/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
index 41514c5b77..cebb545eae 100644
--- a/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
+++ b/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
@@ -99,17 +99,14 @@ export const runDangerousLlmTurn = async ({
       firstCompletionEvents.push(createAssistantMessage(firstCompletion.content));
     }
 
-    const [evalToolCall] = firstCompletion.toolCalls;
-
-    if (evalToolCall !== undefined) {
-      firstCompletionEvents.push(
-        createEvalToolCall({
-          code: evalToolCall.code,
-          providerToolCallId: evalToolCall.id,
-          tabId: selectedTabId,
-        })
-      );
-    }
+    const toolCallEvents = firstCompletion.toolCalls.map(evalToolCall =>
+      createEvalToolCall({
+        code: evalToolCall.code,
+        providerToolCallId: evalToolCall.id,
+        tabId: selectedTabId,
+      })
+    );
+    firstCompletionEvents.push(...toolCallEvents);
 
     if (firstCompletionEvents.length === 0) {
       appendEvents([createAssistantMessage('The model did not return a response.')]);
@@ -118,39 +115,34 @@ export const runDangerousLlmTurn = async ({
 
     appendEvents(firstCompletionEvents.filter(event => event.id !== streamedAssistantEventId));
 
-    if (evalToolCall === undefined) {
+    if (toolCallEvents.length === 0) {
       return;
     }
 
-    const toolCallEvent = firstCompletionEvents.find(
-      (event): event is Extract<AgentConversationEvent, { readonly type: 'tool-call' }> =>
-        event.type === 'tool-call'
+    const toolResultEvents: AgentConversationEvent[] = await Promise.all(
+      toolCallEvents.map(async toolCallEvent => {
+        const result = await executeEvalToolCall(toolCallEvent);
+        return result.ok
+          ? createToolResult({
+              ok: true,
+              toolCallId: toolCallEvent.id,
+              value: result.value,
+            })
+          : createToolResult({
+              error: result.error,
+              ok: false,
+              toolCallId: toolCallEvent.id,
+            });
+      })
     );
 
-    if (toolCallEvent === undefined) {
-      appendEvents([createAssistantMessage('The model did not return eval code.')]);
-      return;
-    }
-
-    const result = await executeEvalToolCall(toolCallEvent);
-    const toolResultEvent = result.ok
-      ? createToolResult({
-          ok: true,
-          toolCallId: toolCallEvent.id,
-          value: result.value,
-        })
-      : createToolResult({
-          error: result.error,
-          ok: false,
-          toolCallId: toolCallEvent.id,
-        });
     const conversationWithToolResult = [
       ...conversationEvents,
       ...firstCompletionEvents,
-      toolResultEvent,
+      ...toolResultEvents,
     ];
 
-    appendEvents([toolResultEvent]);
+    appendEvents(toolResultEvents);
 
     let finalText = '';
     let finalAssistantEventId: string | undefined = undefined;
diff --git a/apps/extension/entrypoints/sidepanel/app.tsx b/apps/extension/entrypoints/sidepanel/app.tsx
index 3387c6e183..054488b8b5 100644
--- a/apps/extension/entrypoints/sidepanel/app.tsx
+++ b/apps/extension/entrypoints/sidepanel/app.tsx
@@ -22,6 +22,8 @@ import {
 const pollIntervalMs = 3000;
 const apiBaseUrl = getKiloApiBaseUrl();
 const fetchFromWindow: FetchLike = (input, init) => fetch(input, init);
+const isAbortError = (error: unknown): boolean =>
+  error instanceof Error && error.name === 'AbortError';
 
 type PanelState =
   | {
@@ -60,38 +62,46 @@ export const App = (): JSX.Element => {
     stopPolling();
     setState({ status: 'checking' });
 
-    const storedAuth = await loadStoredAuth(storage);
-    if (!storedAuth) {
-      setState({ status: 'signedOut' });
-      return;
-    }
+    try {
+      const storedAuth = await loadStoredAuth(storage);
+      if (!storedAuth) {
+        setState({ status: 'signedOut' });
+        return;
+      }
 
-    const abort = new AbortController();
-    abortRef.current = abort;
-    const result = await validateAuthToken({
-      apiBaseUrl,
-      fetch: fetchFromWindow,
-      signal: abort.signal,
-      token: storedAuth.token,
-    });
-
-    if (abort.signal.aborted) {
-      return;
-    }
+      const abort = new AbortController();
+      abortRef.current = abort;
+      const result = await validateAuthToken({
+        apiBaseUrl,
+        fetch: fetchFromWindow,
+        signal: abort.signal,
+        token: storedAuth.token,
+      });
+
+      if (abort.signal.aborted) {
+        return;
+      }
 
-    if (result.status === 'valid') {
-      await saveStoredAuth(storage, result.auth);
-      setState({ auth: result.auth, status: 'signedIn' });
-      return;
-    }
+      if (result.status === 'valid') {
+        await saveStoredAuth(storage, result.auth);
+        setState({ auth: result.auth, status: 'signedIn' });
+        return;
+      }
 
-    if (result.status === 'invalid') {
-      await clearStoredAuth(storage);
-      setState({ message: 'Your session expired. Sign in again.', status: 'signedOut' });
-      return;
-    }
+      if (result.status === 'invalid') {
+        await clearStoredAuth(storage);
+        setState({ message: 'Your session expired. Sign in again.', status: 'signedOut' });
+        return;
+      }
+
+      setState({ status: 'validationError' });
+    } catch (error) {
+      if (isAbortError(error)) {
+        return;
+      }
 
-    setState({ status: 'validationError' });
+      setState({ status: 'validationError' });
+    }
   }, [stopPolling]);
 
   useEffect(() => {
@@ -110,7 +120,12 @@ export const App = (): JSX.Element => {
   const signOut = useCallback((): void => {
     stopPolling();
     void (async (): Promise<void> => {
-      await clearStoredAuth(storage);
+      try {
+        await clearStoredAuth(storage);
+      } catch {
+        // Storage clear failure should not keep the local panel signed in.
+      }
+
       setState({ status: 'signedOut' });
     })();
   }, [stopPolling]);
@@ -160,7 +175,7 @@ export const App = (): JSX.Element => {
             }
           }
         } catch (error) {
-          if (error instanceof Error && error.name === 'AbortError') {
+          if (isAbortError(error)) {
             return;
           }
 
diff --git a/apps/extension/entrypoints/sidepanel/conversation-list.tsx b/apps/extension/entrypoints/sidepanel/conversation-list.tsx
new file mode 100644
index 0000000000..b68ce8e929
--- /dev/null
+++ b/apps/extension/entrypoints/sidepanel/conversation-list.tsx
@@ -0,0 +1,17 @@
+import type { JSX } from 'react';
+import type { GroupedConversationItem } from '@/src/shared/agent-conversation';
+import { AgentConversationItemView } from './agent-conversation-events';
+
+const getConversationItemKey = (item: GroupedConversationItem): string =>
+  item.type === 'event' ? item.event.id : item.toolCall.id;
+
+export const ConversationList = ({ items }: { items: GroupedConversationItem[] }): JSX.Element => (
+  <section
+    aria-label="Agent conversation"
+    className="min-h-0 flex-1 space-y-3 overflow-y-auto px-4 py-4"
+  >
+    {items.map(item => (
+      <AgentConversationItemView item={item} key={getConversationItemKey(item)} />
+    ))}
+  </section>
+);
diff --git a/apps/extension/entrypoints/sidepanel/use-tab-debugger.ts b/apps/extension/entrypoints/sidepanel/use-tab-debugger.ts
index 60d9e598f5..1c174c8f1f 100644
--- a/apps/extension/entrypoints/sidepanel/use-tab-debugger.ts
+++ b/apps/extension/entrypoints/sidepanel/use-tab-debugger.ts
@@ -1,10 +1,6 @@
 import { browser } from '#imports';
 import { useCallback, useState } from 'react';
-import {
-  GET_TAB_HTML_LENGTH_MESSAGE,
-  LIST_INSPECTABLE_TABS_MESSAGE,
-  isTabDebuggerResponse,
-} from '@/src/shared/tab-debugger';
+import { LIST_INSPECTABLE_TABS_MESSAGE, isTabDebuggerResponse } from '@/src/shared/tab-debugger';
 import type {
   InspectableTab,
   TabDebuggerRequest,
@@ -27,20 +23,15 @@ const sendTabDebuggerRequest = async (
 };
 
 export const useTabDebugger = (): {
-  readonly htmlLength: number | undefined;
   readonly inspectableTabs: InspectableTab[];
   readonly isLoadingTabs: boolean;
-  readonly isMeasuringHtml: boolean;
   readonly loadInspectableTabs: () => Promise<void>;
-  readonly measureSelectedTabHtml: () => void;
   readonly selectTab: (tabId: number) => void;
   readonly selectedTabId: number | undefined;
   readonly tabDebuggerError: string | undefined;
 } => {
-  const [htmlLength, setHtmlLength] = useState<number | undefined>();
   const [inspectableTabs, setInspectableTabs] = useState<InspectableTab[]>([]);
   const [isLoadingTabs, setIsLoadingTabs] = useState(false);
-  const [isMeasuringHtml, setIsMeasuringHtml] = useState(false);
   const [selectedTabId, setSelectedTabId] = useState<number | undefined>();
   const [tabDebuggerError, setTabDebuggerError] = useState<string | undefined>();
 
@@ -77,52 +68,14 @@ export const useTabDebugger = (): {
   }, []);
 
   const selectTab = useCallback((tabId: number): void => {
-    setHtmlLength(undefined);
     setSelectedTabId(tabId);
     setTabDebuggerError(undefined);
   }, []);
 
-  const measureSelectedTabHtml = useCallback((): void => {
-    if (selectedTabId === undefined) {
-      setTabDebuggerError('Select a tab first.');
-      return;
-    }
-
-    setHtmlLength(undefined);
-    setIsMeasuringHtml(true);
-    setTabDebuggerError(undefined);
-
-    void (async (): Promise<void> => {
-      try {
-        const response = await sendTabDebuggerRequest({
-          tabId: selectedTabId,
-          type: GET_TAB_HTML_LENGTH_MESSAGE,
-        });
-
-        if (!response.ok) {
-          throw new Error(response.error);
-        }
-
-        if (response.type !== GET_TAB_HTML_LENGTH_MESSAGE) {
-          throw new Error('Extension background returned the wrong response.');
-        }
-
-        setHtmlLength(response.length);
-      } catch (error) {
-        setTabDebuggerError(getErrorMessage(error, 'Failed to measure HTML.'));
-      } finally {
-        setIsMeasuringHtml(false);
-      }
-    })();
-  }, [selectedTabId]);
-
   return {
-    htmlLength,
     inspectableTabs,
     isLoadingTabs,
-    isMeasuringHtml,
     loadInspectableTabs,
-    measureSelectedTabHtml,
     selectTab,
     selectedTabId,
     tabDebuggerError,
diff --git a/apps/extension/entrypoints/sidepanel/virtualized-conversation-list.tsx b/apps/extension/entrypoints/sidepanel/virtualized-conversation-list.tsx
deleted file mode 100644
index dc2f636c4e..0000000000
--- a/apps/extension/entrypoints/sidepanel/virtualized-conversation-list.tsx
+++ /dev/null
@@ -1,190 +0,0 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import type { CSSProperties, JSX, ReactNode, UIEvent } from 'react';
-import type { GroupedConversationItem } from '@/src/shared/agent-conversation';
-import { AgentConversationItemView } from './agent-conversation-events';
-
-const estimatedItemHeight = 64;
-const itemGap = 12;
-const overscanPx = 320;
-
-interface PositionedConversationItem {
-  readonly item: GroupedConversationItem;
-  readonly key: string;
-  readonly size: number;
-  readonly start: number;
-}
-
-const getConversationItemKey = (item: GroupedConversationItem): string =>
-  item.type === 'event' ? item.event.id : item.toolCall.id;
-
-const getMeasuredItemSize = (
-  item: GroupedConversationItem,
-  itemHeights: ReadonlyMap<string, number>
-): number => itemHeights.get(getConversationItemKey(item)) ?? estimatedItemHeight;
-
-const getPositionedItems = (
-  items: GroupedConversationItem[],
-  itemHeights: ReadonlyMap<string, number>
-): {
-  readonly contentHeight: number;
-  readonly positionedItems: PositionedConversationItem[];
-} => {
-  let nextStart = 0;
-  const positionedItems = items.map(item => {
-    const key = getConversationItemKey(item);
-    const size = getMeasuredItemSize(item, itemHeights);
-    const positionedItem = { item, key, size, start: nextStart };
-
-    nextStart += size + itemGap;
-
-    return positionedItem;
-  });
-
-  return {
-    contentHeight: Math.max(0, nextStart - itemGap),
-    positionedItems,
-  };
-};
-
-const VirtualizedRow = ({
-  children,
-  itemKey,
-  offsetY,
-  onSizeChange,
-}: {
-  children: ReactNode;
-  itemKey: string;
-  offsetY: number;
-  onSizeChange: (itemKey: string, size: number) => void;
-}): JSX.Element => {
-  const rowRef = useRef<HTMLDivElement | null>(null);
-  const style = useMemo<CSSProperties>(
-    () => ({
-      left: 0,
-      position: 'absolute',
-      right: 0,
-      top: 0,
-      transform: `translateY(${offsetY}px)`,
-    }),
-    [offsetY]
-  );
-
-  useEffect(() => {
-    const row = rowRef.current;
-
-    if (row === null) {
-      return;
-    }
-
-    const reportSize = (): void => {
-      onSizeChange(itemKey, row.getBoundingClientRect().height);
-    };
-    const resizeObserver = new ResizeObserver(reportSize);
-
-    reportSize();
-    resizeObserver.observe(row);
-
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [itemKey, onSizeChange]);
-
-  return (
-    <div data-conversation-item ref={rowRef} style={style}>
-      {children}
-    </div>
-  );
-};
-
-export const VirtualizedConversationList = ({
-  items,
-}: {
-  items: GroupedConversationItem[];
-}): JSX.Element => {
-  const [viewport, setViewport] = useState<HTMLElement | null>(null);
-  const [viewportHeight, setViewportHeight] = useState(0);
-  const [scrollTop, setScrollTop] = useState(0);
-  const [itemHeights, setItemHeights] = useState<ReadonlyMap<string, number>>(() => new Map());
-  const { contentHeight, positionedItems } = useMemo(
-    () => getPositionedItems(items, itemHeights),
-    [itemHeights, items]
-  );
-  const effectiveViewportHeight = viewportHeight === 0 ? 600 : viewportHeight;
-  const scrollHeight = Math.max(contentHeight, effectiveViewportHeight);
-  const bottomOffset = Math.max(0, effectiveViewportHeight - contentHeight);
-  const spacerStyle = useMemo<CSSProperties>(() => ({ height: scrollHeight }), [scrollHeight]);
-  const visibleStart = Math.max(0, scrollTop - overscanPx);
-  const visibleEnd = scrollTop + effectiveViewportHeight + overscanPx;
-  const visibleItems = positionedItems.filter(
-    item => item.start + item.size >= visibleStart && item.start <= visibleEnd
-  );
-
-  useEffect(() => {
-    if (viewport === null) {
-      return;
-    }
-
-    const updateViewportHeight = (): void => {
-      setViewportHeight(viewport.clientHeight);
-    };
-    const resizeObserver = new ResizeObserver(updateViewportHeight);
-
-    updateViewportHeight();
-    resizeObserver.observe(viewport);
-
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [viewport]);
-
-  useEffect(() => {
-    if (viewport === null) {
-      return;
-    }
-
-    const frame = globalThis.requestAnimationFrame(() => {
-      viewport.scrollTop = viewport.scrollHeight;
-      setScrollTop(viewport.scrollTop);
-    });
-
-    return () => {
-      globalThis.cancelAnimationFrame(frame);
-    };
-  }, [items.length, viewport]);
-
-  const handleScroll = (event: UIEvent<HTMLElement>): void => {
-    setScrollTop(event.currentTarget.scrollTop);
-  };
-
-  const handleSizeChange = useCallback((itemKey: string, size: number): void => {
-    setItemHeights(currentHeights => {
-      if (currentHeights.get(itemKey) === size) {
-        return currentHeights;
-      }
-
-      return new Map([...currentHeights, [itemKey, size]]);
-    });
-  }, []);
-
-  return (
-    <section
-      aria-label="Agent conversation"
-      className="min-h-0 flex-1 overflow-y-auto px-4 py-4"
-      onScroll={handleScroll}
-      ref={setViewport}
-    >
-      <div className="relative min-h-full" style={spacerStyle}>
-        {visibleItems.map(item => (
-          <VirtualizedRow
-            itemKey={item.key}
-            key={item.key}
-            offsetY={bottomOffset + item.start}
-            onSizeChange={handleSizeChange}
-          >
-            <AgentConversationItemView item={item.item} />
-          </VirtualizedRow>
-        ))}
-      </div>
-    </section>
-  );
-};
diff --git a/apps/extension/src/shared/agent-chat-placeholder.test.ts b/apps/extension/src/shared/agent-chat-placeholder.test.ts
index 4b089bd539..64ebe68d7b 100644
--- a/apps/extension/src/shared/agent-chat-placeholder.test.ts
+++ b/apps/extension/src/shared/agent-chat-placeholder.test.ts
@@ -1,32 +1,7 @@
 import { describe, expect, it } from 'vitest';
-import { getDefaultAgentPanelState, getFooterControlDisplay } from './agent-chat-placeholder';
+import { getFooterControlDisplay } from './agent-chat-placeholder';
 
 describe('agent chat placeholder state', () => {
-  it('provides the initial extension agent shell defaults', () => {
-    expect(getDefaultAgentPanelState()).toStrictEqual({
-      draft: '',
-      footer: {
-        mode: 'safe',
-        model: 'Claude Sonnet 4',
-        thinkingEffort: 'medium',
-      },
-      messages: [
-        {
-          body: 'I can inspect the selected tab, read page structure, and prepare browser actions.',
-          role: 'agent',
-        },
-        {
-          body: 'Check this page and tell me what Kilo can do here.',
-          role: 'user',
-        },
-        {
-          body: 'Ready. Safe mode is on, so I will only read page context until you change modes.',
-          role: 'agent',
-        },
-      ],
-    });
-  });
-
   it('provides compact footer labels for the sidebar controls', () => {
     expect(
       getFooterControlDisplay({
diff --git a/apps/extension/src/shared/agent-chat-placeholder.ts b/apps/extension/src/shared/agent-chat-placeholder.ts
index 24ee36779b..24684ee00b 100644
--- a/apps/extension/src/shared/agent-chat-placeholder.ts
+++ b/apps/extension/src/shared/agent-chat-placeholder.ts
@@ -1,22 +1,11 @@
 import { thinkingEffortLabel } from './kilo-api-client';
 
-export interface AgentChatMessage {
-  readonly body: string;
-  readonly role: 'agent' | 'user';
-}
-
 export interface AgentPanelFooterState {
   readonly mode: 'dangerous' | 'safe';
   readonly model: string;
   readonly thinkingEffort: string;
 }
 
-export interface AgentPanelState {
-  readonly draft: string;
-  readonly footer: AgentPanelFooterState;
-  readonly messages: AgentChatMessage[];
-}
-
 export interface AgentFooterControlDisplay {
   readonly modeDescription: 'Arbitrary webpage control' | 'Read only';
   readonly modeIcon: 'alert' | 'shield';
@@ -42,26 +31,3 @@ export const getFooterControlDisplay = (
   modelLabel: modelLabels[footer.model] ?? footer.model,
   thinkingLabel: thinkingEffortLabel(footer.thinkingEffort),
 });
-
-export const getDefaultAgentPanelState = (): AgentPanelState => ({
-  draft: '',
-  footer: {
-    mode: 'safe',
-    model: 'Claude Sonnet 4',
-    thinkingEffort: 'medium',
-  },
-  messages: [
-    {
-      body: 'I can inspect the selected tab, read page structure, and prepare browser actions.',
-      role: 'agent',
-    },
-    {
-      body: 'Check this page and tell me what Kilo can do here.',
-      role: 'user',
-    },
-    {
-      body: 'Ready. Safe mode is on, so I will only read page context until you change modes.',
-      role: 'agent',
-    },
-  ],
-});
diff --git a/apps/extension/src/shared/agent-conversation.ts b/apps/extension/src/shared/agent-conversation.ts
index 55c6035bf1..a9b0b26035 100644
--- a/apps/extension/src/shared/agent-conversation.ts
+++ b/apps/extension/src/shared/agent-conversation.ts
@@ -24,6 +24,10 @@ export type AgentConversationEvent =
       readonly value?: unknown;
     };
 
+type MessageEvent = Extract<AgentConversationEvent, { readonly type: 'message' }>;
+type ToolCallEvent = Extract<AgentConversationEvent, { readonly type: 'tool-call' }>;
+type ToolResultEvent = Extract<AgentConversationEvent, { readonly type: 'tool-result' }>;
+
 export type GroupedConversationItem =
   | {
       readonly event: AgentConversationEvent;
@@ -56,14 +60,14 @@ const createEventId = (): string => {
   return id;
 };
 
-export const createUserMessage = (text: string): AgentConversationEvent => ({
+export const createUserMessage = (text: string): MessageEvent => ({
   id: createEventId(),
   role: 'user',
   text,
   type: 'message',
 });
 
-export const createAssistantMessage = (text: string): AgentConversationEvent => ({
+export const createAssistantMessage = (text: string): MessageEvent => ({
   id: createEventId(),
   role: 'assistant',
   text,
@@ -74,7 +78,7 @@ export const createEvalToolCall = ({
   code,
   providerToolCallId,
   tabId,
-}: CreateEvalToolCallOptions): AgentConversationEvent => ({
+}: CreateEvalToolCallOptions): ToolCallEvent => ({
   code,
   id: createEventId(),
   name: 'eval',
@@ -88,7 +92,7 @@ export const createToolResult = ({
   ok,
   toolCallId,
   value,
-}: CreateToolResultOptions): AgentConversationEvent => ({
+}: CreateToolResultOptions): ToolResultEvent => ({
   id: createEventId(),
   ok,
   toolCallId,
diff --git a/apps/extension/src/shared/agent-llm-harness.test.ts b/apps/extension/src/shared/agent-llm-harness.test.ts
index a70dd99227..eae37d119a 100644
--- a/apps/extension/src/shared/agent-llm-harness.test.ts
+++ b/apps/extension/src/shared/agent-llm-harness.test.ts
@@ -77,4 +77,43 @@ describe('agent LLM harness', () => {
       },
     ]);
   });
+
+  it('keeps consecutive eval tool calls in one assistant message', () => {
+    const firstToolCall = createEvalToolCall({
+      code: 'return document.title;',
+      providerToolCallId: 'call_eval_1',
+      tabId: 7,
+    });
+    const secondToolCall = createEvalToolCall({
+      code: 'return location.href;',
+      providerToolCallId: 'call_eval_2',
+      tabId: 7,
+    });
+
+    expect(buildGatewayMessagesFromEvents([firstToolCall, secondToolCall])).toStrictEqual([
+      { content: EXTENSION_AGENT_SYSTEM_PROMPT, role: 'system' },
+      {
+        content: null,
+        role: 'assistant',
+        tool_calls: [
+          {
+            function: {
+              arguments: '{"code":"return document.title;"}',
+              name: 'eval',
+            },
+            id: 'call_eval_1',
+            type: 'function',
+          },
+          {
+            function: {
+              arguments: '{"code":"return location.href;"}',
+              name: 'eval',
+            },
+            id: 'call_eval_2',
+            type: 'function',
+          },
+        ],
+      },
+    ]);
+  });
 });
diff --git a/apps/extension/src/shared/agent-llm-harness.ts b/apps/extension/src/shared/agent-llm-harness.ts
index fc6b71ac95..c115a1e057 100644
--- a/apps/extension/src/shared/agent-llm-harness.ts
+++ b/apps/extension/src/shared/agent-llm-harness.ts
@@ -47,6 +47,25 @@ const toToolResultContent = (
       : { error: event.error ?? 'Eval failed.', ok: false }
   );
 
+const getConsecutiveToolCalls = (
+  events: AgentConversationEvent[],
+  startIndex: number
+): EvalToolCallEvent[] => {
+  const toolCalls: EvalToolCallEvent[] = [];
+
+  for (let index = startIndex; index < events.length; index += 1) {
+    const toolCall = events[index];
+
+    if (toolCall === undefined || toolCall.type !== 'tool-call') {
+      break;
+    }
+
+    toolCalls.push(toolCall);
+  }
+
+  return toolCalls;
+};
+
 export const buildGatewayMessagesFromEvents = (
   events: AgentConversationEvent[]
 ): KiloGatewayChatMessage[] => {
@@ -55,41 +74,48 @@ export const buildGatewayMessagesFromEvents = (
     { content: EXTENSION_AGENT_SYSTEM_PROMPT, role: 'system' },
   ];
 
-  for (const event of events) {
-    switch (event.type) {
-      case 'message': {
-        messages.push({ content: event.text, role: event.role });
-        break;
-      }
-      case 'tool-call': {
-        toolCallsById.set(event.id, event);
-        messages.push({
-          content: null,
-          role: 'assistant',
-          tool_calls: [
-            {
+  for (let index = 0; index < events.length; index += 1) {
+    const event = events[index];
+
+    if (event !== undefined) {
+      switch (event.type) {
+        case 'message': {
+          messages.push({ content: event.text, role: event.role });
+          break;
+        }
+        case 'tool-call': {
+          const toolCalls = getConsecutiveToolCalls(events, index);
+          for (const toolCall of toolCalls) {
+            toolCallsById.set(toolCall.id, toolCall);
+          }
+
+          index += toolCalls.length - 1;
+          messages.push({
+            content: null,
+            role: 'assistant',
+            tool_calls: toolCalls.map(toolCall => ({
               function: {
-                arguments: JSON.stringify({ code: event.code }),
+                arguments: JSON.stringify({ code: toolCall.code }),
                 name: 'eval',
               },
-              id: getProviderToolCallId(event),
+              id: getProviderToolCallId(toolCall),
               type: 'function',
-            },
-          ],
-        });
-        break;
-      }
-      case 'tool-result': {
-        const toolCall = toolCallsById.get(event.toolCallId);
-
-        if (toolCall !== undefined) {
-          messages.push({
-            content: toToolResultContent(event),
-            role: 'tool',
-            tool_call_id: getProviderToolCallId(toolCall),
+            })),
           });
+          break;
+        }
+        case 'tool-result': {
+          const toolCall = toolCallsById.get(event.toolCallId);
+
+          if (toolCall !== undefined) {
+            messages.push({
+              content: toToolResultContent(event),
+              role: 'tool',
+              tool_call_id: getProviderToolCallId(toolCall),
+            });
+          }
+          break;
         }
-        break;
       }
     }
   }
diff --git a/apps/extension/src/shared/kilo-api-client.test.ts b/apps/extension/src/shared/kilo-api-client.test.ts
index 5a605aaa11..b67ee2348b 100644
--- a/apps/extension/src/shared/kilo-api-client.test.ts
+++ b/apps/extension/src/shared/kilo-api-client.test.ts
@@ -1,8 +1,6 @@
 import { describe, expect, it } from 'vitest';
 import {
-  fetchKiloGatewayChatCompletion,
   fetchKiloGatewayModels,
-  parseKiloGatewayChatCompletionResponse,
   parseKiloGatewayModelsResponse,
   thinkingEffortLabel,
 } from './kilo-api-client';
@@ -13,14 +11,6 @@ const jsonResponse = (body: unknown, init: ResponseInit = {}): Response =>
     ...init,
   });
 
-const parseJsonRequestBody = (body: BodyInit | null | undefined): unknown => {
-  if (typeof body !== 'string') {
-    throw new TypeError('Expected JSON string request body.');
-  }
-
-  return JSON.parse(body);
-};
-
 describe('kilo API client', () => {
   it('fetches gateway models with bearer auth', async () => {
     const seen: { headers: Headers; input: string }[] = [];
@@ -122,123 +112,6 @@ describe('kilo API client', () => {
     );
   });
 
-  it('fetches chat completions with eval tools and bearer auth', async () => {
-    const seen: { body: unknown; headers: Headers; input: string; method: string | undefined }[] =
-      [];
-    const fetch: FetchLike = (input, init) => {
-      seen.push({
-        body: parseJsonRequestBody(init?.body),
-        headers: new Headers(init?.headers),
-        input: String(input),
-        method: init?.method,
-      });
-
-      return jsonResponse({
-        choices: [
-          {
-            message: {
-              content: 'I will inspect the page.',
-              role: 'assistant',
-              tool_calls: [
-                {
-                  function: {
-                    arguments: '{"code":"return document.documentElement.outerHTML.length;"}',
-                    name: 'eval',
-                  },
-                  id: 'call_eval_1',
-                  type: 'function',
-                },
-              ],
-            },
-          },
-        ],
-      });
-    };
-
-    await expect(
-      fetchKiloGatewayChatCompletion({
-        apiBaseUrl: 'https://app.kilo.ai/',
-        fetch,
-        messages: [{ content: 'Inspect this page', role: 'user' }],
-        model: 'anthropic/claude-sonnet-4',
-        token: 'token-1',
-        tools: [
-          {
-            function: {
-              description: 'Run JavaScript',
-              name: 'eval',
-              parameters: { additionalProperties: false, type: 'object' },
-            },
-            type: 'function',
-          },
-        ],
-      })
-    ).resolves.toStrictEqual({
-      content: 'I will inspect the page.',
-      toolCalls: [
-        {
-          code: 'return document.documentElement.outerHTML.length;',
-          id: 'call_eval_1',
-          name: 'eval',
-        },
-      ],
-    });
-    expect(seen).toHaveLength(1);
-    expect(seen[0]).toMatchObject({
-      input: 'https://app.kilo.ai/api/gateway/v1/chat/completions',
-      method: 'POST',
-    });
-    expect({
-      accept: seen[0]?.headers.get('accept'),
-      authorization: seen[0]?.headers.get('authorization'),
-      contentType: seen[0]?.headers.get('content-type'),
-    }).toStrictEqual({
-      accept: 'application/json',
-      authorization: 'Bearer token-1',
-      contentType: 'application/json',
-    });
-    expect(seen[0]?.body).toStrictEqual({
-      messages: [{ content: 'Inspect this page', role: 'user' }],
-      model: 'anthropic/claude-sonnet-4',
-      temperature: 0,
-      tool_choice: 'auto',
-      tools: [
-        {
-          function: {
-            description: 'Run JavaScript',
-            name: 'eval',
-            parameters: { additionalProperties: false, type: 'object' },
-          },
-          type: 'function',
-        },
-      ],
-    });
-  });
-
-  it('rejects malformed eval tool calls', () => {
-    expect(() =>
-      parseKiloGatewayChatCompletionResponse({
-        choices: [
-          {
-            message: {
-              role: 'assistant',
-              tool_calls: [
-                {
-                  function: {
-                    arguments: '{"code":7}',
-                    name: 'eval',
-                  },
-                  id: 'call_eval_1',
-                  type: 'function',
-                },
-              ],
-            },
-          },
-        ],
-      })
-    ).toThrow('Gateway eval tool call did not include code.');
-  });
-
   it('labels thinking efforts compactly', () => {
     expect(thinkingEffortLabel('medium')).toBe('Med');
     expect(thinkingEffortLabel('xhigh')).toBe('XHigh');
diff --git a/apps/extension/src/shared/kilo-api-client.ts b/apps/extension/src/shared/kilo-api-client.ts
index 4ae9831952..27515c860b 100644
--- a/apps/extension/src/shared/kilo-api-client.ts
+++ b/apps/extension/src/shared/kilo-api-client.ts
@@ -1,8 +1,4 @@
 import type { FetchLike } from './auth';
-export {
-  fetchKiloGatewayChatCompletion,
-  parseKiloGatewayChatCompletionResponse,
-} from './kilo-gateway-chat-client';
 export {
   fetchKiloGatewayChatCompletionStream,
   parseKiloGatewayChatCompletionStream,
diff --git a/apps/extension/src/shared/kilo-gateway-chat-client.ts b/apps/extension/src/shared/kilo-gateway-chat-client.ts
index aad1039708..042aedb3d6 100644
--- a/apps/extension/src/shared/kilo-gateway-chat-client.ts
+++ b/apps/extension/src/shared/kilo-gateway-chat-client.ts
@@ -1,5 +1,3 @@
-import type { FetchLike } from './auth';
-
 export interface KiloGatewayChatMessage {
   readonly content?: string | null;
   readonly role: 'assistant' | 'system' | 'tool' | 'user';
@@ -35,141 +33,3 @@ export interface KiloGatewayChatCompletion {
   readonly content?: string;
   readonly toolCalls: KiloGatewayEvalToolCall[];
 }
-
-interface FetchKiloGatewayChatCompletionOptions {
-  readonly apiBaseUrl: string;
-  readonly fetch: FetchLike;
-  readonly messages: KiloGatewayChatMessage[];
-  readonly model: string;
-  readonly signal?: AbortSignal;
-  readonly token: string;
-  readonly tools: KiloGatewayToolDefinition[];
-}
-
-const trimTrailingSlash = (value: string): string => value.replace(/\/+$/, '');
-
-const isRecord = (value: unknown): value is Record<string, unknown> =>
-  typeof value === 'object' && value !== null;
-
-const getString = (value: unknown, message: string): string => {
-  if (typeof value !== 'string' || value.length === 0) {
-    throw new TypeError(message);
-  }
-
-  return value;
-};
-
-const parseJson = (value: string): unknown => {
-  try {
-    return JSON.parse(value);
-  } catch {
-    throw new TypeError('Gateway eval tool call arguments were not valid JSON.');
-  }
-};
-
-const parseEvalToolArguments = (value: unknown): { readonly code: string } => {
-  if (typeof value !== 'string') {
-    throw new TypeError('Gateway eval tool call did not include arguments.');
-  }
-
-  const parsed = parseJson(value);
-
-  if (!isRecord(parsed) || typeof parsed['code'] !== 'string' || parsed['code'].length === 0) {
-    throw new TypeError('Gateway eval tool call did not include code.');
-  }
-
-  return { code: parsed['code'] };
-};
-
-const parseEvalToolCall = (value: unknown): KiloGatewayEvalToolCall | undefined => {
-  if (!isRecord(value)) {
-    throw new TypeError('Gateway tool call was not an object.');
-  }
-
-  const { function: functionValue } = value;
-
-  if (!isRecord(functionValue)) {
-    throw new TypeError('Gateway tool call did not include a function.');
-  }
-
-  const { name } = functionValue;
-
-  if (name !== 'eval') {
-    return undefined;
-  }
-
-  const { code } = parseEvalToolArguments(functionValue['arguments']);
-
-  return {
-    code,
-    id: getString(value['id'], 'Gateway eval tool call did not include an id.'),
-    name,
-  };
-};
-
-export const parseKiloGatewayChatCompletionResponse = (
-  value: unknown
-): KiloGatewayChatCompletion => {
-  if (!isRecord(value)) {
-    throw new TypeError('Gateway chat completion response did not include choices.');
-  }
-
-  const { choices } = value;
-
-  if (!Array.isArray(choices)) {
-    throw new TypeError('Gateway chat completion response did not include choices.');
-  }
-
-  const choice: unknown = choices.at(0);
-
-  if (!isRecord(choice) || !isRecord(choice['message'])) {
-    throw new TypeError('Gateway chat completion response did not include a message.');
-  }
-
-  const { message } = choice;
-  const content = typeof message['content'] === 'string' ? message['content'] : undefined;
-  const rawToolCalls = Array.isArray(message['tool_calls']) ? message['tool_calls'] : [];
-  const toolCalls = rawToolCalls.flatMap(toolCall => {
-    const parsedToolCall = parseEvalToolCall(toolCall);
-    return parsedToolCall === undefined ? [] : [parsedToolCall];
-  });
-
-  return {
-    ...(content === undefined || content === '' ? {} : { content }),
-    toolCalls,
-  };
-};
-
-export const fetchKiloGatewayChatCompletion = async ({
-  apiBaseUrl,
-  fetch,
-  messages,
-  model,
-  signal,
-  token,
-  tools,
-}: FetchKiloGatewayChatCompletionOptions): Promise<KiloGatewayChatCompletion> => {
-  const response = await fetch(`${trimTrailingSlash(apiBaseUrl)}/api/gateway/v1/chat/completions`, {
-    body: JSON.stringify({
-      messages,
-      model,
-      temperature: 0,
-      tool_choice: tools.length === 0 ? 'none' : 'auto',
-      tools,
-    }),
-    headers: {
-      Accept: 'application/json',
-      Authorization: `Bearer ${token}`,
-      'Content-Type': 'application/json',
-    },
-    method: 'POST',
-    ...(signal === undefined ? {} : { signal }),
-  });
-
-  if (!response.ok) {
-    throw new Error(`Failed to fetch gateway chat completion: ${response.status}`);
-  }
-
-  const data: unknown = await response.json();
-  return parseKiloGatewayChatCompletionResponse(data);
-};
diff --git a/apps/extension/src/shared/tab-debugger.test.ts b/apps/extension/src/shared/tab-debugger.test.ts
index 04b08d72f4..8afeef25fb 100644
--- a/apps/extension/src/shared/tab-debugger.test.ts
+++ b/apps/extension/src/shared/tab-debugger.test.ts
@@ -1,10 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import {
-  HTML_LENGTH_EXPRESSION,
-  evalInTab,
-  getTabHtmlLength,
-  listInspectableTabs,
-} from './tab-debugger';
+import { evalInTab, listInspectableTabs } from './tab-debugger';
 import type { ChromeDebuggerApi, ChromeDebuggerTargetInfo } from './tab-debugger';
 
 const createDebuggerApi = ({
@@ -48,40 +43,6 @@ describe('tab debugger helpers', () => {
     ]);
   });
 
-  it('evaluates and returns the selected tab html length', async () => {
-    const calls: unknown[] = [];
-    const debuggerApi = createDebuggerApi({
-      sendCommand: (target, method, params) => {
-        calls.push({ method, params, target });
-        return { result: { type: 'number', value: 12_345 } };
-      },
-    });
-
-    await expect(getTabHtmlLength(debuggerApi, 7)).resolves.toBe(12_345);
-    expect(debuggerApi.calls).toStrictEqual(['attach:7', 'detach:7']);
-    expect(calls).toStrictEqual([
-      {
-        method: 'Runtime.evaluate',
-        params: {
-          expression: HTML_LENGTH_EXPRESSION,
-          returnByValue: true,
-        },
-        target: { tabId: 7 },
-      },
-    ]);
-  });
-
-  it('detaches from the tab when evaluation fails', async () => {
-    const debuggerApi = createDebuggerApi({
-      sendCommand: () => {
-        throw new Error('Evaluation failed.');
-      },
-    });
-
-    await expect(getTabHtmlLength(debuggerApi, 7)).rejects.toThrow('Evaluation failed.');
-    expect(debuggerApi.calls).toStrictEqual(['attach:7', 'detach:7']);
-  });
-
   it('evaluates dangerous-mode code in the selected tab', async () => {
     const calls: unknown[] = [];
     const debuggerApi = createDebuggerApi({
diff --git a/apps/extension/src/shared/tab-debugger.ts b/apps/extension/src/shared/tab-debugger.ts
index fb905218d7..8942e95618 100644
--- a/apps/extension/src/shared/tab-debugger.ts
+++ b/apps/extension/src/shared/tab-debugger.ts
@@ -1,7 +1,5 @@
 export const DEBUGGER_PROTOCOL_VERSION = '1.3';
-export const HTML_LENGTH_EXPRESSION = 'document.documentElement.outerHTML.length';
 export const LIST_INSPECTABLE_TABS_MESSAGE = 'kilo.tabs.listInspectable';
-export const GET_TAB_HTML_LENGTH_MESSAGE = 'kilo.tabs.getHtmlLength';
 export const EVAL_TAB_MESSAGE = 'kilo.tabs.eval';
 export const DEFAULT_EVAL_TIMEOUT_MS = 5000;
 
@@ -49,10 +47,6 @@ export type TabDebuggerRequest =
   | {
       readonly type: typeof LIST_INSPECTABLE_TABS_MESSAGE;
     }
-  | {
-      readonly tabId: number;
-      readonly type: typeof GET_TAB_HTML_LENGTH_MESSAGE;
-    }
   | {
       readonly code: string;
       readonly tabId: number;
@@ -66,11 +60,6 @@ export type TabDebuggerResponse =
       readonly tabs: InspectableTab[];
       readonly type: typeof LIST_INSPECTABLE_TABS_MESSAGE;
     }
-  | {
-      readonly length: number;
-      readonly ok: true;
-      readonly type: typeof GET_TAB_HTML_LENGTH_MESSAGE;
-    }
   | {
       readonly result: EvalTabResult;
       readonly ok: true;
@@ -110,44 +99,6 @@ export const listInspectableTabs = async (
     });
 };
 
-export const getTabHtmlLength = async (
-  debuggerApi: ChromeDebuggerApi,
-  tabId: number
-): Promise<number> => {
-  const target = { tabId };
-  let attached = false;
-
-  await debuggerApi.attach(target, DEBUGGER_PROTOCOL_VERSION);
-  attached = true;
-
-  try {
-    const response = await debuggerApi.sendCommand(target, 'Runtime.evaluate', {
-      expression: HTML_LENGTH_EXPRESSION,
-      returnByValue: true,
-    });
-
-    if (!isRecord(response)) {
-      throw new Error('Debugger did not return an HTML length.');
-    }
-
-    const { exceptionDetails, result } = response;
-
-    if (exceptionDetails !== undefined) {
-      throw new Error('Page evaluation failed.');
-    }
-
-    if (!isRecord(result) || typeof result['value'] !== 'number') {
-      throw new Error('Debugger did not return an HTML length.');
-    }
-
-    return result['value'];
-  } finally {
-    if (attached) {
-      await debuggerApi.detach(target);
-    }
-  }
-};
-
 const getEvalExpression = (code: string): string => `(async () => { ${code} })()`;
 
 export const evalInTab = async ({
@@ -218,10 +169,6 @@ export const isTabDebuggerRequest = (value: unknown): value is TabDebuggerReques
     return true;
   }
 
-  if (value['type'] === GET_TAB_HTML_LENGTH_MESSAGE) {
-    return typeof value['tabId'] === 'number';
-  }
-
   return (
     value['type'] === EVAL_TAB_MESSAGE &&
     typeof value['tabId'] === 'number' &&
@@ -252,10 +199,6 @@ export const isTabDebuggerResponse = (value: unknown): value is TabDebuggerRespo
     );
   }
 
-  if (value['type'] === GET_TAB_HTML_LENGTH_MESSAGE) {
-    return typeof value['length'] === 'number';
-  }
-
   if (value['type'] === EVAL_TAB_MESSAGE) {
     const { result } = value;
     return (
diff --git a/apps/extension/tests/e2e/kilo-api-fixture.ts b/apps/extension/tests/e2e/kilo-api-fixture.ts
index 7e6785a20e..07dc165113 100644
--- a/apps/extension/tests/e2e/kilo-api-fixture.ts
+++ b/apps/extension/tests/e2e/kilo-api-fixture.ts
@@ -129,7 +129,6 @@ export const readSidePanelScrollState = (): {
   documentScrollHeight: number;
   messagePaneClientHeight: number;
   messagePaneScrollHeight: number;
-  renderedConversationItems: number;
 } => {
   const conversation = document.querySelector('[aria-label="Agent conversation"]');
 
@@ -142,7 +141,6 @@ export const readSidePanelScrollState = (): {
     documentScrollHeight: document.documentElement.scrollHeight,
     messagePaneClientHeight: conversation.clientHeight,
     messagePaneScrollHeight: conversation.scrollHeight,
-    renderedConversationItems: conversation.querySelectorAll(':scope > div > *').length,
   };
 };
 
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index 7abc9a8126..1c61397340 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -265,7 +265,7 @@ test('dangerous mode conversation can eval against a normal tab', async () => {
   }
 });
 
-test('only the message pane scrolls and virtualizes overflowing conversation content', async () => {
+test('only the message pane scrolls overflowing conversation content', async () => {
   const { context, extensionId, userDataDir } = await launchExtensionContext();
 
   try {
@@ -289,7 +289,6 @@ test('only the message pane scrolls and virtualizes overflowing conversation con
     expect(scrollState.messagePaneScrollHeight).toBeGreaterThan(
       scrollState.messagePaneClientHeight
     );
-    expect(scrollState.renderedConversationItems).toBeLessThan(30);
   } finally {
     await context.close();
     await rm(userDataDir, { force: true, recursive: true });

From 0dc7af768b0ad78917c5d51c3960d4b8c9350a47 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 19:51:07 +0200
Subject: [PATCH 29/51] fix(extension): keep agent turns ordered

---
 .../sidepanel/agent-llm-turn-runner.ts        | 25 +++---------
 .../sidepanel/conversation-list.tsx           | 34 ++++++++++++-----
 .../src/shared/agent-tool-results.test.ts     | 24 ++++++++++++
 .../src/shared/agent-tool-results.ts          | 38 +++++++++++++++++++
 apps/extension/tests/e2e/kilo-api-fixture.ts  |  2 +
 apps/extension/tests/e2e/sidebar.test.ts      |  3 ++
 6 files changed, 96 insertions(+), 30 deletions(-)
 create mode 100644 apps/extension/src/shared/agent-tool-results.test.ts
 create mode 100644 apps/extension/src/shared/agent-tool-results.ts

diff --git a/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts b/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
index cebb545eae..70eb56150c 100644
--- a/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
+++ b/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
@@ -1,13 +1,10 @@
-import {
-  createAssistantMessage,
-  createEvalToolCall,
-  createToolResult,
-} from '@/src/shared/agent-conversation';
+import { createAssistantMessage, createEvalToolCall } from '@/src/shared/agent-conversation';
 import type { AgentConversationEvent } from '@/src/shared/agent-conversation';
 import {
   buildGatewayMessagesFromEvents,
   createEvalToolDefinition,
 } from '@/src/shared/agent-llm-harness';
+import { runEvalToolCalls } from '@/src/shared/agent-tool-results';
 import type { FetchLike } from '@/src/shared/auth';
 import { fetchKiloGatewayChatCompletionStream } from '@/src/shared/kilo-api-client';
 import { executeEvalToolCall } from './agent-eval-runtime';
@@ -119,21 +116,9 @@ export const runDangerousLlmTurn = async ({
       return;
     }
 
-    const toolResultEvents: AgentConversationEvent[] = await Promise.all(
-      toolCallEvents.map(async toolCallEvent => {
-        const result = await executeEvalToolCall(toolCallEvent);
-        return result.ok
-          ? createToolResult({
-              ok: true,
-              toolCallId: toolCallEvent.id,
-              value: result.value,
-            })
-          : createToolResult({
-              error: result.error,
-              ok: false,
-              toolCallId: toolCallEvent.id,
-            });
-      })
+    const toolResultEvents: AgentConversationEvent[] = await runEvalToolCalls(
+      toolCallEvents,
+      executeEvalToolCall
     );
 
     const conversationWithToolResult = [
diff --git a/apps/extension/entrypoints/sidepanel/conversation-list.tsx b/apps/extension/entrypoints/sidepanel/conversation-list.tsx
index b68ce8e929..eef5f3d8a3 100644
--- a/apps/extension/entrypoints/sidepanel/conversation-list.tsx
+++ b/apps/extension/entrypoints/sidepanel/conversation-list.tsx
@@ -1,3 +1,4 @@
+import { useEffect, useRef } from 'react';
 import type { JSX } from 'react';
 import type { GroupedConversationItem } from '@/src/shared/agent-conversation';
 import { AgentConversationItemView } from './agent-conversation-events';
@@ -5,13 +6,26 @@ import { AgentConversationItemView } from './agent-conversation-events';
 const getConversationItemKey = (item: GroupedConversationItem): string =>
   item.type === 'event' ? item.event.id : item.toolCall.id;
 
-export const ConversationList = ({ items }: { items: GroupedConversationItem[] }): JSX.Element => (
-  <section
-    aria-label="Agent conversation"
-    className="min-h-0 flex-1 space-y-3 overflow-y-auto px-4 py-4"
-  >
-    {items.map(item => (
-      <AgentConversationItemView item={item} key={getConversationItemKey(item)} />
-    ))}
-  </section>
-);
+export const ConversationList = ({ items }: { items: GroupedConversationItem[] }): JSX.Element => {
+  const listRef = useRef<HTMLElement | null>(null);
+
+  useEffect(() => {
+    const list = listRef.current;
+
+    if (list !== null) {
+      list.scrollTop = list.scrollHeight;
+    }
+  }, [items.length]);
+
+  return (
+    <section
+      aria-label="Agent conversation"
+      className="min-h-0 flex-1 space-y-3 overflow-y-auto px-4 py-4"
+      ref={listRef}
+    >
+      {items.map(item => (
+        <AgentConversationItemView item={item} key={getConversationItemKey(item)} />
+      ))}
+    </section>
+  );
+};
diff --git a/apps/extension/src/shared/agent-tool-results.test.ts b/apps/extension/src/shared/agent-tool-results.test.ts
new file mode 100644
index 0000000000..43b3b7d6b6
--- /dev/null
+++ b/apps/extension/src/shared/agent-tool-results.test.ts
@@ -0,0 +1,24 @@
+import { describe, expect, it } from 'vitest';
+import { createEvalToolCall } from './agent-conversation';
+import { runEvalToolCalls } from './agent-tool-results';
+
+describe('agent tool results', () => {
+  it('runs eval tool calls sequentially', async () => {
+    const events: string[] = [];
+    const firstToolCall = createEvalToolCall({ code: 'first', tabId: 1 });
+    const secondToolCall = createEvalToolCall({ code: 'second', tabId: 1 });
+
+    const results = await runEvalToolCalls([firstToolCall, secondToolCall], async toolCall => {
+      events.push(`start:${toolCall.code}`);
+      await Promise.resolve();
+      events.push(`end:${toolCall.code}`);
+      return { ok: true, value: toolCall.code };
+    });
+
+    expect(events).toStrictEqual(['start:first', 'end:first', 'start:second', 'end:second']);
+    expect(results.map(result => result.toolCallId)).toStrictEqual([
+      firstToolCall.id,
+      secondToolCall.id,
+    ]);
+  });
+});
diff --git a/apps/extension/src/shared/agent-tool-results.ts b/apps/extension/src/shared/agent-tool-results.ts
new file mode 100644
index 0000000000..f81c802ed9
--- /dev/null
+++ b/apps/extension/src/shared/agent-tool-results.ts
@@ -0,0 +1,38 @@
+import { createToolResult } from './agent-conversation';
+import type { AgentConversationEvent } from './agent-conversation';
+import type { EvalTabResult } from './tab-debugger';
+
+type EvalToolCallEvent = Extract<AgentConversationEvent, { readonly type: 'tool-call' }>;
+type ToolResultEvent = Extract<AgentConversationEvent, { readonly type: 'tool-result' }>;
+
+const toToolResultEvent = (toolCall: EvalToolCallEvent, result: EvalTabResult): ToolResultEvent =>
+  result.ok
+    ? createToolResult({
+        ok: true,
+        toolCallId: toolCall.id,
+        value: result.value,
+      })
+    : createToolResult({
+        error: result.error,
+        ok: false,
+        toolCallId: toolCall.id,
+      });
+
+export const runEvalToolCalls = (
+  toolCalls: EvalToolCallEvent[],
+  executeEvalToolCall: (toolCall: EvalToolCallEvent) => Promise<EvalTabResult>
+): Promise<ToolResultEvent[]> => {
+  const runNext = async (index: number, results: ToolResultEvent[]): Promise<ToolResultEvent[]> => {
+    const toolCall = toolCalls[index];
+
+    if (toolCall === undefined) {
+      return results;
+    }
+
+    const result = await executeEvalToolCall(toolCall);
+
+    return runNext(index + 1, [...results, toToolResultEvent(toolCall, result)]);
+  };
+
+  return runNext(0, []);
+};
diff --git a/apps/extension/tests/e2e/kilo-api-fixture.ts b/apps/extension/tests/e2e/kilo-api-fixture.ts
index 07dc165113..493c5ac977 100644
--- a/apps/extension/tests/e2e/kilo-api-fixture.ts
+++ b/apps/extension/tests/e2e/kilo-api-fixture.ts
@@ -129,6 +129,7 @@ export const readSidePanelScrollState = (): {
   documentScrollHeight: number;
   messagePaneClientHeight: number;
   messagePaneScrollHeight: number;
+  messagePaneScrollTop: number;
 } => {
   const conversation = document.querySelector('[aria-label="Agent conversation"]');
 
@@ -141,6 +142,7 @@ export const readSidePanelScrollState = (): {
     documentScrollHeight: document.documentElement.scrollHeight,
     messagePaneClientHeight: conversation.clientHeight,
     messagePaneScrollHeight: conversation.scrollHeight,
+    messagePaneScrollTop: conversation.scrollTop,
   };
 };
 
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index 1c61397340..91accbfe33 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -289,6 +289,9 @@ test('only the message pane scrolls overflowing conversation content', async ()
     expect(scrollState.messagePaneScrollHeight).toBeGreaterThan(
       scrollState.messagePaneClientHeight
     );
+    expect(
+      scrollState.messagePaneScrollTop + scrollState.messagePaneClientHeight
+    ).toBeGreaterThanOrEqual(scrollState.messagePaneScrollHeight - 4);
   } finally {
     await context.close();
     await rm(userDataDir, { force: true, recursive: true });

From 3302b561a9f1b4a6fd76382c7605b2df760422f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 20:06:20 +0200
Subject: [PATCH 30/51] feat(extension): add organization credit picker

---
 .../sidepanel/agent-chat-panel.tsx            |  12 +-
 .../sidepanel/agent-llm-turn-runner.ts        |   3 +
 .../entrypoints/sidepanel/auth-shell.tsx      | 175 ++++++++++++++++++
 .../entrypoints/sidepanel/auth-views.tsx      | 143 ++------------
 .../sidepanel/organization-credit-account.tsx | 101 ++++++++++
 .../src/shared/kilo-api-client.test.ts        |  65 ++++++-
 apps/extension/src/shared/kilo-api-client.ts  |  70 ++++++-
 .../kilo-gateway-chat-stream-client.test.ts   |   2 +
 .../shared/kilo-gateway-chat-stream-client.ts |   6 +
 .../tests/e2e/extension-context-fixture.ts    | 120 ++++++++++++
 apps/extension/tests/e2e/kilo-api-fixture.ts  |  19 +-
 .../tests/e2e/organization-picker.test.ts     |  46 +++++
 apps/extension/tests/e2e/sidebar.test.ts      | 127 +------------
 .../src/app/api/organizations/route.test.ts   |  39 ++++
 apps/web/src/app/api/organizations/route.ts   |  23 +++
 15 files changed, 698 insertions(+), 253 deletions(-)
 create mode 100644 apps/extension/entrypoints/sidepanel/auth-shell.tsx
 create mode 100644 apps/extension/entrypoints/sidepanel/organization-credit-account.tsx
 create mode 100644 apps/extension/tests/e2e/extension-context-fixture.ts
 create mode 100644 apps/extension/tests/e2e/organization-picker.test.ts
 create mode 100644 apps/web/src/app/api/organizations/route.test.ts
 create mode 100644 apps/web/src/app/api/organizations/route.ts

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index c7858c74f5..3165a1071b 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -46,7 +46,13 @@ const fallbackModelOptions: KiloGatewayModelOption[] = [
   },
 ];
 
-export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
+export const AgentChatPanel = ({
+  auth,
+  organizationId,
+}: {
+  auth: StoredAuth;
+  organizationId: string | undefined;
+}): JSX.Element => {
   const [draft, setDraft] = useState('');
   const [events, setEvents] = useState<AgentConversationEvent[]>(() => [
     createAssistantMessage('Pick a tab, switch to dangerous mode, and ask Kilo to inspect it.'),
@@ -90,6 +96,7 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
         const models = await fetchKiloGatewayModels({
           apiBaseUrl,
           fetch: fetchFromWindow,
+          organizationId,
           signal: abort.signal,
           token: auth.token,
         });
@@ -109,7 +116,7 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
     return () => {
       abort.abort();
     };
-  }, [auth.token]);
+  }, [auth.token, organizationId]);
 
   useEffect(() => {
     if (modelOptions.length === 0) {
@@ -173,6 +180,7 @@ export const AgentChatPanel = ({ auth }: { auth: StoredAuth }): JSX.Element => {
           conversationEvents: conversationWithUserMessage,
           fetch: fetchFromWindow,
           model,
+          organizationId,
           selectedTabId,
           token: auth.token,
           updateAssistantMessage,
diff --git a/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts b/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
index 70eb56150c..b57b1b85aa 100644
--- a/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
+++ b/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
@@ -15,6 +15,7 @@ interface RunDangerousLlmTurnOptions {
   readonly conversationEvents: AgentConversationEvent[];
   readonly fetch: FetchLike;
   readonly model: string;
+  readonly organizationId?: string | undefined;
   readonly selectedTabId: number;
   readonly token: string;
   readonly updateAssistantMessage: (eventId: string, text: string) => void;
@@ -39,6 +40,7 @@ export const runDangerousLlmTurn = async ({
   conversationEvents,
   fetch,
   model,
+  organizationId,
   selectedTabId,
   token,
   updateAssistantMessage,
@@ -53,6 +55,7 @@ export const runDangerousLlmTurn = async ({
       messages: buildGatewayMessagesFromEvents(nextEvents),
       model,
       onContentDelta,
+      organizationId,
       token,
       tools: [evalToolDefinition],
     });
diff --git a/apps/extension/entrypoints/sidepanel/auth-shell.tsx b/apps/extension/entrypoints/sidepanel/auth-shell.tsx
new file mode 100644
index 0000000000..71efd5b500
--- /dev/null
+++ b/apps/extension/entrypoints/sidepanel/auth-shell.tsx
@@ -0,0 +1,175 @@
+import { useState } from 'react';
+import type { JSX, ReactNode } from 'react';
+import type { StoredAuth } from '@/src/shared/auth';
+import type { KiloOrganizationOption } from '@/src/shared/kilo-api-client';
+import { KiloLogo } from '@/src/shared/kilo-logo';
+import { OrganizationCreditAccountSelect } from './organization-credit-account';
+
+const emptyOrganizationOptions: KiloOrganizationOption[] = [];
+
+const NewConversationIcon = ({ className }: { className: string }): JSX.Element => (
+  <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 16 16">
+    <path
+      d="M8 3.25v9.5M3.25 8h9.5"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeWidth="1.5"
+    />
+  </svg>
+);
+
+const SettingsIcon = ({ className }: { className: string }): JSX.Element => (
+  <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 16 16">
+    <path
+      d="M6.9 2.15h2.2l.35 1.45c.36.13.7.32 1.01.57l1.42-.44 1.1 1.9-1.07 1.02a4 4 0 0 1 0 1.18l1.07 1.02-1.1 1.9-1.42-.44c-.31.25-.65.44-1.01.57l-.35 1.45H6.9l-.35-1.45a3.8 3.8 0 0 1-1.01-.57l-1.42.44-1.1-1.9 1.07-1.02a4 4 0 0 1 0-1.18L3.02 5.63l1.1-1.9 1.42.44c.31-.25.65-.44 1.01-.57l.35-1.45Z"
+      stroke="currentColor"
+      strokeLinejoin="round"
+      strokeWidth="1.2"
+    />
+    <path
+      d="M8 6.1a1.9 1.9 0 1 1 0 3.8 1.9 1.9 0 0 1 0-3.8Z"
+      stroke="currentColor"
+      strokeWidth="1.2"
+    />
+  </svg>
+);
+
+const IconButton = ({
+  ariaLabel,
+  children,
+  onClick,
+}: {
+  ariaLabel: string;
+  children: ReactNode;
+  onClick: () => void;
+}): JSX.Element => (
+  <button
+    aria-label={ariaLabel}
+    className="flex size-8 items-center justify-center rounded-md border border-zinc-800 bg-zinc-950 text-zinc-300 transition hover:border-zinc-700 hover:bg-zinc-900 hover:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
+    onClick={onClick}
+    type="button"
+  >
+    {children}
+  </button>
+);
+
+const HeaderActions = ({
+  auth,
+  onNewConversation,
+  onOrganizationChange,
+  onSignOut,
+  organizationOptions,
+  selectedOrganizationId,
+}: {
+  auth: StoredAuth;
+  onNewConversation: () => void;
+  onOrganizationChange: (organizationId: string) => void;
+  onSignOut: () => void;
+  organizationOptions: KiloOrganizationOption[];
+  selectedOrganizationId: string;
+}): JSX.Element => {
+  const [isSettingsOpen, setIsSettingsOpen] = useState(false);
+
+  return (
+    <div className="relative flex shrink-0 items-center justify-end gap-2">
+      <IconButton ariaLabel="New conversation" onClick={onNewConversation}>
+        <NewConversationIcon className="size-4" />
+      </IconButton>
+      <IconButton
+        ariaLabel="Settings"
+        onClick={() => {
+          setIsSettingsOpen(current => !current);
+        }}
+      >
+        <SettingsIcon className="size-4" />
+      </IconButton>
+
+      {isSettingsOpen ? (
+        <div className="absolute right-0 top-10 z-20 grid w-56 gap-3 rounded-md border border-zinc-800 bg-zinc-950 p-3 shadow-xl shadow-black/30">
+          <div className="min-w-0">
+            <p className="text-xs font-medium text-zinc-500">Signed in</p>
+            <p className="mt-1 truncate text-sm text-zinc-200">{auth.userEmail ?? 'Kilo user'}</p>
+          </div>
+          <OrganizationCreditAccountSelect
+            onChange={onOrganizationChange}
+            organizationOptions={organizationOptions}
+            selectedOrganizationId={selectedOrganizationId}
+          />
+          <button
+            className="h-8 rounded-md border border-zinc-700 px-3 text-sm font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
+            onClick={onSignOut}
+            type="button"
+          >
+            Sign out
+          </button>
+        </div>
+      ) : null}
+    </div>
+  );
+};
+
+const Header = ({
+  auth,
+  onNewConversation,
+  onOrganizationChange,
+  onSignOut,
+  organizationOptions = emptyOrganizationOptions,
+  selectedOrganizationId = '',
+}: {
+  auth?: StoredAuth | undefined;
+  onNewConversation?: (() => void) | undefined;
+  onOrganizationChange?: ((organizationId: string) => void) | undefined;
+  onSignOut?: (() => void) | undefined;
+  organizationOptions?: KiloOrganizationOption[] | undefined;
+  selectedOrganizationId?: string | undefined;
+}): JSX.Element => (
+  <div className="border-b border-zinc-800 px-4 py-3">
+    <div className="flex min-w-0 items-center justify-between gap-3">
+      <KiloLogo className="size-8 shrink-0 text-[#EDFF00]" />
+      <span className="sr-only">Kilo</span>
+      {auth === undefined ||
+      onNewConversation === undefined ||
+      onOrganizationChange === undefined ||
+      onSignOut === undefined ? null : (
+        <HeaderActions
+          auth={auth}
+          onNewConversation={onNewConversation}
+          onOrganizationChange={onOrganizationChange}
+          onSignOut={onSignOut}
+          organizationOptions={organizationOptions}
+          selectedOrganizationId={selectedOrganizationId}
+        />
+      )}
+    </div>
+  </div>
+);
+
+export const Shell = ({
+  auth,
+  children,
+  onNewConversation,
+  onOrganizationChange,
+  onSignOut,
+  organizationOptions = emptyOrganizationOptions,
+  selectedOrganizationId = '',
+}: {
+  auth?: StoredAuth | undefined;
+  children: ReactNode;
+  onNewConversation?: (() => void) | undefined;
+  onOrganizationChange?: ((organizationId: string) => void) | undefined;
+  onSignOut?: (() => void) | undefined;
+  organizationOptions?: KiloOrganizationOption[] | undefined;
+  selectedOrganizationId?: string | undefined;
+}): JSX.Element => (
+  <main className="flex h-dvh min-h-0 flex-col overflow-hidden bg-zinc-950 text-zinc-50">
+    <Header
+      auth={auth}
+      onNewConversation={onNewConversation}
+      onOrganizationChange={onOrganizationChange}
+      onSignOut={onSignOut}
+      organizationOptions={organizationOptions}
+      selectedOrganizationId={selectedOrganizationId}
+    />
+    {children}
+  </main>
+);
diff --git a/apps/extension/entrypoints/sidepanel/auth-views.tsx b/apps/extension/entrypoints/sidepanel/auth-views.tsx
index c1bf2d82fc..4f3c9514aa 100644
--- a/apps/extension/entrypoints/sidepanel/auth-views.tsx
+++ b/apps/extension/entrypoints/sidepanel/auth-views.tsx
@@ -1,135 +1,9 @@
 import { useState } from 'react';
-import type { JSX, ReactNode } from 'react';
+import type { JSX } from 'react';
 import type { StoredAuth } from '@/src/shared/auth';
-import { KiloLogo } from '@/src/shared/kilo-logo';
 import { AgentChatPanel } from './agent-chat-panel';
-
-const NewConversationIcon = ({ className }: { className: string }): JSX.Element => (
-  <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 16 16">
-    <path
-      d="M8 3.25v9.5M3.25 8h9.5"
-      stroke="currentColor"
-      strokeLinecap="round"
-      strokeWidth="1.5"
-    />
-  </svg>
-);
-
-const SettingsIcon = ({ className }: { className: string }): JSX.Element => (
-  <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 16 16">
-    <path
-      d="M6.9 2.15h2.2l.35 1.45c.36.13.7.32 1.01.57l1.42-.44 1.1 1.9-1.07 1.02a4 4 0 0 1 0 1.18l1.07 1.02-1.1 1.9-1.42-.44c-.31.25-.65.44-1.01.57l-.35 1.45H6.9l-.35-1.45a3.8 3.8 0 0 1-1.01-.57l-1.42.44-1.1-1.9 1.07-1.02a4 4 0 0 1 0-1.18L3.02 5.63l1.1-1.9 1.42.44c.31-.25.65-.44 1.01-.57l.35-1.45Z"
-      stroke="currentColor"
-      strokeLinejoin="round"
-      strokeWidth="1.2"
-    />
-    <path
-      d="M8 6.1a1.9 1.9 0 1 1 0 3.8 1.9 1.9 0 0 1 0-3.8Z"
-      stroke="currentColor"
-      strokeWidth="1.2"
-    />
-  </svg>
-);
-
-const IconButton = ({
-  ariaLabel,
-  children,
-  onClick,
-}: {
-  ariaLabel: string;
-  children: ReactNode;
-  onClick: () => void;
-}): JSX.Element => (
-  <button
-    aria-label={ariaLabel}
-    className="flex size-8 items-center justify-center rounded-md border border-zinc-800 bg-zinc-950 text-zinc-300 transition hover:border-zinc-700 hover:bg-zinc-900 hover:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
-    onClick={onClick}
-    type="button"
-  >
-    {children}
-  </button>
-);
-
-const HeaderActions = ({
-  auth,
-  onNewConversation,
-  onSignOut,
-}: {
-  auth: StoredAuth;
-  onNewConversation: () => void;
-  onSignOut: () => void;
-}): JSX.Element => {
-  const [isSettingsOpen, setIsSettingsOpen] = useState(false);
-
-  return (
-    <div className="relative flex shrink-0 items-center justify-end gap-2">
-      <IconButton ariaLabel="New conversation" onClick={onNewConversation}>
-        <NewConversationIcon className="size-4" />
-      </IconButton>
-      <IconButton
-        ariaLabel="Settings"
-        onClick={() => {
-          setIsSettingsOpen(current => !current);
-        }}
-      >
-        <SettingsIcon className="size-4" />
-      </IconButton>
-
-      {isSettingsOpen ? (
-        <div className="absolute right-0 top-10 z-20 grid w-56 gap-3 rounded-md border border-zinc-800 bg-zinc-950 p-3 shadow-xl shadow-black/30">
-          <div className="min-w-0">
-            <p className="text-xs font-medium text-zinc-500">Signed in</p>
-            <p className="mt-1 truncate text-sm text-zinc-200">{auth.userEmail ?? 'Kilo user'}</p>
-          </div>
-          <button
-            className="h-8 rounded-md border border-zinc-700 px-3 text-sm font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
-            onClick={onSignOut}
-            type="button"
-          >
-            Sign out
-          </button>
-        </div>
-      ) : null}
-    </div>
-  );
-};
-
-const Header = ({
-  auth,
-  onNewConversation,
-  onSignOut,
-}: {
-  auth?: StoredAuth | undefined;
-  onNewConversation?: (() => void) | undefined;
-  onSignOut?: (() => void) | undefined;
-}): JSX.Element => (
-  <div className="border-b border-zinc-800 px-4 py-3">
-    <div className="flex min-w-0 items-center justify-between gap-3">
-      <KiloLogo className="size-8 shrink-0 text-[#EDFF00]" />
-      <span className="sr-only">Kilo</span>
-      {auth === undefined || onNewConversation === undefined || onSignOut === undefined ? null : (
-        <HeaderActions auth={auth} onNewConversation={onNewConversation} onSignOut={onSignOut} />
-      )}
-    </div>
-  </div>
-);
-
-const Shell = ({
-  auth,
-  children,
-  onNewConversation,
-  onSignOut,
-}: {
-  auth?: StoredAuth | undefined;
-  children: ReactNode;
-  onNewConversation?: (() => void) | undefined;
-  onSignOut?: (() => void) | undefined;
-}): JSX.Element => (
-  <main className="flex h-dvh min-h-0 flex-col overflow-hidden bg-zinc-950 text-zinc-50">
-    <Header auth={auth} onNewConversation={onNewConversation} onSignOut={onSignOut} />
-    {children}
-  </main>
-);
+import { Shell } from './auth-shell';
+import { useOrganizationCreditAccount } from './organization-credit-account';
 
 export const LoadingView = (): JSX.Element => (
   <Shell>
@@ -261,6 +135,8 @@ export const SignedInView = ({
   onSignOut: () => void;
 }): JSX.Element => {
   const [conversationKey, setConversationKey] = useState(0);
+  const { organizationOptions, selectOrganization, selectedOrganizationId } =
+    useOrganizationCreditAccount(auth.token);
 
   return (
     <Shell
@@ -268,9 +144,16 @@ export const SignedInView = ({
       onNewConversation={() => {
         setConversationKey(current => current + 1);
       }}
+      onOrganizationChange={selectOrganization}
       onSignOut={onSignOut}
+      organizationOptions={organizationOptions}
+      selectedOrganizationId={selectedOrganizationId}
     >
-      <AgentChatPanel auth={auth} key={conversationKey} />
+      <AgentChatPanel
+        auth={auth}
+        key={conversationKey}
+        organizationId={selectedOrganizationId === '' ? undefined : selectedOrganizationId}
+      />
     </Shell>
   );
 };
diff --git a/apps/extension/entrypoints/sidepanel/organization-credit-account.tsx b/apps/extension/entrypoints/sidepanel/organization-credit-account.tsx
new file mode 100644
index 0000000000..912e343017
--- /dev/null
+++ b/apps/extension/entrypoints/sidepanel/organization-credit-account.tsx
@@ -0,0 +1,101 @@
+import { storage } from '#imports';
+import { useEffect, useState } from 'react';
+import type { JSX } from 'react';
+import { getKiloApiBaseUrl } from '@/src/shared/auth';
+import type { FetchLike } from '@/src/shared/auth';
+import { fetchKiloOrganizations } from '@/src/shared/kilo-api-client';
+import type { KiloOrganizationOption } from '@/src/shared/kilo-api-client';
+
+const selectedOrganizationStorageKey = 'local:kiloSelectedOrganizationId';
+const apiBaseUrl = getKiloApiBaseUrl();
+const fetchFromWindow: FetchLike = (input, init) => fetch(input, init);
+
+export const useOrganizationCreditAccount = (
+  token: string
+): {
+  organizationOptions: KiloOrganizationOption[];
+  selectOrganization: (organizationId: string) => void;
+  selectedOrganizationId: string;
+} => {
+  const [organizationOptions, setOrganizationOptions] = useState<KiloOrganizationOption[]>([]);
+  const [selectedOrganizationId, setSelectedOrganizationId] = useState('');
+
+  useEffect(() => {
+    const abort = new AbortController();
+
+    void (async (): Promise<void> => {
+      try {
+        const organizations = await fetchKiloOrganizations({
+          apiBaseUrl,
+          fetch: fetchFromWindow,
+          signal: abort.signal,
+          token,
+        });
+        const storedOrganizationId = await storage.getItem<string>(selectedOrganizationStorageKey);
+
+        if (abort.signal.aborted) {
+          return;
+        }
+
+        setOrganizationOptions(organizations);
+
+        if (
+          typeof storedOrganizationId === 'string' &&
+          organizations.some(organization => organization.id === storedOrganizationId)
+        ) {
+          setSelectedOrganizationId(storedOrganizationId);
+        }
+      } catch (error) {
+        if (!(error instanceof Error) || error.name !== 'AbortError') {
+          setOrganizationOptions([]);
+        }
+      }
+    })();
+
+    return () => {
+      abort.abort();
+    };
+  }, [token]);
+
+  const selectOrganization = (organizationId: string): void => {
+    setSelectedOrganizationId(organizationId);
+
+    if (organizationId === '') {
+      void storage.removeItem(selectedOrganizationStorageKey);
+      return;
+    }
+
+    void storage.setItem(selectedOrganizationStorageKey, organizationId);
+  };
+
+  return { organizationOptions, selectOrganization, selectedOrganizationId };
+};
+
+export const OrganizationCreditAccountSelect = ({
+  onChange,
+  organizationOptions,
+  selectedOrganizationId,
+}: {
+  onChange: (organizationId: string) => void;
+  organizationOptions: KiloOrganizationOption[];
+  selectedOrganizationId: string;
+}): JSX.Element => (
+  <label className="grid gap-1 text-xs font-medium text-zinc-500">
+    Credit account
+    <select
+      aria-label="Credit account"
+      className="h-8 rounded-md border border-zinc-800 bg-zinc-950 px-2 text-sm text-zinc-200 outline-none transition hover:border-zinc-700 focus:border-[#EDFF00] focus:ring-2 focus:ring-[#EDFF00]/30"
+      onChange={event => {
+        onChange(event.currentTarget.value);
+      }}
+      value={selectedOrganizationId}
+    >
+      <option value="">Personal</option>
+      {organizationOptions.map(organization => (
+        <option key={organization.id} value={organization.id}>
+          {organization.name}
+        </option>
+      ))}
+    </select>
+  </label>
+);
diff --git a/apps/extension/src/shared/kilo-api-client.test.ts b/apps/extension/src/shared/kilo-api-client.test.ts
index b67ee2348b..bfff70e1fa 100644
--- a/apps/extension/src/shared/kilo-api-client.test.ts
+++ b/apps/extension/src/shared/kilo-api-client.test.ts
@@ -1,7 +1,9 @@
 import { describe, expect, it } from 'vitest';
 import {
+  fetchKiloOrganizations,
   fetchKiloGatewayModels,
   parseKiloGatewayModelsResponse,
+  parseKiloOrganizationsResponse,
   thinkingEffortLabel,
 } from './kilo-api-client';
 import type { FetchLike } from './auth';
@@ -11,6 +13,16 @@ const jsonResponse = (body: unknown, init: ResponseInit = {}): Response =>
     ...init,
   });
 
+const firstRequest = <Request>(requests: Request[]): Request => {
+  const [request] = requests;
+
+  if (request === undefined) {
+    throw new Error('Expected request to be captured.');
+  }
+
+  return request;
+};
+
 describe('kilo API client', () => {
   it('fetches gateway models with bearer auth', async () => {
     const seen: { headers: Headers; input: string }[] = [];
@@ -32,6 +44,7 @@ describe('kilo API client', () => {
       fetchKiloGatewayModels({
         apiBaseUrl: 'https://app.kilo.ai/',
         fetch,
+        organizationId: 'org-1',
         token: 'token-1',
       })
     ).resolves.toStrictEqual([
@@ -43,7 +56,38 @@ describe('kilo API client', () => {
       },
     ]);
     expect(seen).toHaveLength(1);
-    expect(seen[0]?.input).toBe('https://app.kilo.ai/api/gateway/models');
+    const request = firstRequest(seen);
+    expect(request.input).toBe('https://app.kilo.ai/api/gateway/models');
+    expect(Object.fromEntries(request.headers.entries())).toMatchObject({
+      accept: 'application/json',
+      authorization: 'Bearer token-1',
+      'x-kilocode-organizationid': 'org-1',
+    });
+  });
+
+  it('fetches organizations with bearer auth', async () => {
+    const seen: { headers: Headers; input: string }[] = [];
+    const fetch: FetchLike = (input, init) => {
+      seen.push({ headers: new Headers(init?.headers), input: String(input) });
+      return jsonResponse({
+        organizations: [
+          { id: 'org-1', name: 'Acme' },
+          { id: 'org-2', name: 'Kilo' },
+        ],
+      });
+    };
+
+    await expect(
+      fetchKiloOrganizations({
+        apiBaseUrl: 'https://app.kilo.ai/',
+        fetch,
+        token: 'token-1',
+      })
+    ).resolves.toStrictEqual([
+      { id: 'org-1', name: 'Acme' },
+      { id: 'org-2', name: 'Kilo' },
+    ]);
+    expect(seen[0]?.input).toBe('https://app.kilo.ai/api/organizations');
     expect(seen[0]?.headers.get('accept')).toBe('application/json');
     expect(seen[0]?.headers.get('authorization')).toBe('Bearer token-1');
   });
@@ -112,6 +156,25 @@ describe('kilo API client', () => {
     );
   });
 
+  it('parses organizations and drops malformed entries', () => {
+    expect(
+      parseKiloOrganizationsResponse({
+        organizations: [
+          { id: 'org-1', name: 'Acme' },
+          { id: '', name: 'Nope' },
+          { id: 'org-2', name: '' },
+          { id: 'org-3', name: 'Kilo' },
+        ],
+      })
+    ).toStrictEqual([
+      { id: 'org-1', name: 'Acme' },
+      { id: 'org-3', name: 'Kilo' },
+    ]);
+    expect(() => parseKiloOrganizationsResponse({ organizations: {} })).toThrow(
+      'Organizations response did not include a list.'
+    );
+  });
+
   it('labels thinking efforts compactly', () => {
     expect(thinkingEffortLabel('medium')).toBe('Med');
     expect(thinkingEffortLabel('xhigh')).toBe('XHigh');
diff --git a/apps/extension/src/shared/kilo-api-client.ts b/apps/extension/src/shared/kilo-api-client.ts
index 27515c860b..2d0b524bff 100644
--- a/apps/extension/src/shared/kilo-api-client.ts
+++ b/apps/extension/src/shared/kilo-api-client.ts
@@ -21,7 +21,20 @@ export interface KiloGatewayModelOption {
   readonly variants: string[];
 }
 
+export interface KiloOrganizationOption {
+  readonly id: string;
+  readonly name: string;
+}
+
 interface FetchKiloGatewayModelsOptions {
+  readonly apiBaseUrl: string;
+  readonly fetch: FetchLike;
+  readonly organizationId?: string | undefined;
+  readonly signal?: AbortSignal;
+  readonly token: string;
+}
+
+interface FetchKiloOrganizationsOptions {
   readonly apiBaseUrl: string;
   readonly fetch: FetchLike;
   readonly signal?: AbortSignal;
@@ -58,6 +71,16 @@ const formatShortModelName = (name: string): string => {
   return colonIndex === -1 ? name : name.slice(colonIndex + 2);
 };
 
+const organizationHeaderName = 'x-kilocode-organizationid';
+
+const withOrganizationHeader = (
+  headers: Record<string, string>,
+  organizationId: string | undefined
+): Record<string, string> =>
+  organizationId === undefined || organizationId === ''
+    ? headers
+    : { ...headers, [organizationHeaderName]: organizationId };
+
 const getModelVariants = (model: Record<string, unknown>): string[] => {
   const { opencode } = model;
 
@@ -162,13 +185,56 @@ export const parseKiloGatewayModelsResponse = (value: unknown): KiloGatewayModel
     .map(model => toGatewayModelOption(model));
 };
 
+export const parseKiloOrganizationsResponse = (value: unknown): KiloOrganizationOption[] => {
+  if (!isRecord(value) || !Array.isArray(value['organizations'])) {
+    throw new TypeError('Organizations response did not include a list.');
+  }
+
+  return value['organizations'].flatMap(organization => {
+    if (!isRecord(organization)) {
+      return [];
+    }
+
+    const id = getOptionalString(organization['id']);
+    const name = getOptionalString(organization['name']);
+
+    return id === undefined || name === undefined ? [] : [{ id, name }];
+  });
+};
+
 export const fetchKiloGatewayModels = async ({
   apiBaseUrl,
   fetch,
+  organizationId,
   signal,
   token,
 }: FetchKiloGatewayModelsOptions): Promise<KiloGatewayModelOption[]> => {
   const response = await fetch(`${trimTrailingSlash(apiBaseUrl)}/api/gateway/models`, {
+    headers: withOrganizationHeader(
+      {
+        Accept: 'application/json',
+        Authorization: `Bearer ${token}`,
+      },
+      organizationId
+    ),
+    ...(signal === undefined ? {} : { signal }),
+  });
+
+  if (!response.ok) {
+    throw new Error(`Failed to fetch gateway models: ${response.status}`);
+  }
+
+  const data: unknown = await response.json();
+  return parseKiloGatewayModelsResponse(data);
+};
+
+export const fetchKiloOrganizations = async ({
+  apiBaseUrl,
+  fetch,
+  signal,
+  token,
+}: FetchKiloOrganizationsOptions): Promise<KiloOrganizationOption[]> => {
+  const response = await fetch(`${trimTrailingSlash(apiBaseUrl)}/api/organizations`, {
     headers: {
       Accept: 'application/json',
       Authorization: `Bearer ${token}`,
@@ -177,11 +243,11 @@ export const fetchKiloGatewayModels = async ({
   });
 
   if (!response.ok) {
-    throw new Error(`Failed to fetch gateway models: ${response.status}`);
+    throw new Error(`Failed to fetch organizations: ${response.status}`);
   }
 
   const data: unknown = await response.json();
-  return parseKiloGatewayModelsResponse(data);
+  return parseKiloOrganizationsResponse(data);
 };
 
 export const thinkingEffortLabel = (variant: string): string => {
diff --git a/apps/extension/src/shared/kilo-gateway-chat-stream-client.test.ts b/apps/extension/src/shared/kilo-gateway-chat-stream-client.test.ts
index 7d1b16006c..1340f21ac1 100644
--- a/apps/extension/src/shared/kilo-gateway-chat-stream-client.test.ts
+++ b/apps/extension/src/shared/kilo-gateway-chat-stream-client.test.ts
@@ -58,6 +58,7 @@ describe('kilo gateway chat stream client', () => {
         onContentDelta: delta => {
           contentDeltas.push(delta);
         },
+        organizationId: 'org-1',
         token: 'token-1',
         tools: [
           {
@@ -82,6 +83,7 @@ describe('kilo gateway chat stream client', () => {
     });
     expect(contentDeltas).toStrictEqual(['I will ', 'inspect.']);
     expect(seen[0]?.headers.get('accept')).toBe('text/event-stream');
+    expect(seen[0]?.headers.get('x-kilocode-organizationid')).toBe('org-1');
     expect(seen[0]?.body).toMatchObject({ stream: true });
   });
 });
diff --git a/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts b/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts
index aaacff3e9e..2aa15f6d07 100644
--- a/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts
+++ b/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts
@@ -12,6 +12,7 @@ interface FetchKiloGatewayChatCompletionStreamOptions {
   readonly messages: KiloGatewayChatMessage[];
   readonly model: string;
   readonly onContentDelta: (delta: string) => void;
+  readonly organizationId?: string | undefined;
   readonly signal?: AbortSignal;
   readonly token: string;
   readonly tools: KiloGatewayToolDefinition[];
@@ -38,6 +39,7 @@ interface StreamReaderContext {
 }
 
 const trimTrailingSlash = (value: string): string => value.replace(/\/+$/, '');
+const organizationHeaderName = 'x-kilocode-organizationid';
 
 const isRecord = (value: unknown): value is Record<string, unknown> =>
   typeof value === 'object' && value !== null;
@@ -260,6 +262,7 @@ export const fetchKiloGatewayChatCompletionStream = async ({
   messages,
   model,
   onContentDelta,
+  organizationId,
   signal,
   token,
   tools,
@@ -277,6 +280,9 @@ export const fetchKiloGatewayChatCompletionStream = async ({
       Accept: 'text/event-stream',
       Authorization: `Bearer ${token}`,
       'Content-Type': 'application/json',
+      ...(organizationId === undefined || organizationId === ''
+        ? {}
+        : { [organizationHeaderName]: organizationId }),
     },
     method: 'POST',
     ...(signal === undefined ? {} : { signal }),
diff --git a/apps/extension/tests/e2e/extension-context-fixture.ts b/apps/extension/tests/e2e/extension-context-fixture.ts
new file mode 100644
index 0000000000..ef902a11ff
--- /dev/null
+++ b/apps/extension/tests/e2e/extension-context-fixture.ts
@@ -0,0 +1,120 @@
+/* eslint-disable import/no-nodejs-modules, promise/avoid-new, promise/prefer-await-to-callbacks */
+import { chromium } from '@playwright/test';
+import type { BrowserContext, Page } from '@playwright/test';
+import { access, mkdtemp } from 'node:fs/promises';
+import { createServer } from 'node:http';
+import { tmpdir } from 'node:os';
+import { join, resolve as resolvePath } from 'node:path';
+
+export const extensionPath = resolvePath(import.meta.dirname, '../../.output/chrome-mv3');
+
+export const startFixtureServer = async (): Promise<{
+  close: () => Promise<void>;
+  url: string;
+}> => {
+  const server = createServer((_request, response) => {
+    response.writeHead(200, { 'content-type': 'text/html; charset=utf-8' });
+    response.end(`
+      <!doctype html>
+      <html>
+        <head><title>Kilo extension fixture</title></head>
+        <body>
+          <main>
+            <h1>Kilo extension fixture page</h1>
+            <p>This page exists so content scripts run in a normal HTTP tab.</p>
+          </main>
+        </body>
+      </html>
+    `);
+  });
+
+  await new Promise<void>((resolve, reject) => {
+    server.once('error', reject);
+    server.listen(0, '127.0.0.1', () => {
+      server.off('error', reject);
+      resolve();
+    });
+  });
+
+  const address = server.address();
+
+  if (address === null || typeof address === 'string') {
+    throw new Error('Fixture server did not start on a TCP port.');
+  }
+
+  return {
+    close: () =>
+      new Promise<void>((resolve, reject) => {
+        server.close(error => {
+          if (error) {
+            reject(error);
+            return;
+          }
+
+          resolve();
+        });
+      }),
+    url: `http://127.0.0.1:${address.port}`,
+  };
+};
+
+export const launchExtensionContext = async (): Promise<{
+  context: BrowserContext;
+  extensionId: string;
+  userDataDir: string;
+}> => {
+  const userDataDir = await mkdtemp(join(tmpdir(), 'kilo-extension-e2e-'));
+  await access(join(extensionPath, 'manifest.json'));
+
+  const context = await chromium.launchPersistentContext(userDataDir, {
+    args: [`--disable-extensions-except=${extensionPath}`, `--load-extension=${extensionPath}`],
+    headless: false,
+  });
+
+  const [existingServiceWorker] = context.serviceWorkers();
+  const serviceWorker = existingServiceWorker ?? (await context.waitForEvent('serviceworker'));
+
+  const extensionId = new URL(serviceWorker.url()).host;
+
+  return { context, extensionId, userDataDir };
+};
+
+export const seedExtensionAuth = async (page: Page): Promise<void> => {
+  await page.evaluate(
+    ({ token, userEmail }) =>
+      new Promise<void>((resolve, reject) => {
+        const chromeApi = (
+          globalThis as typeof globalThis & {
+            chrome?: {
+              runtime?: { lastError?: { message?: string } };
+              storage?: {
+                local?: {
+                  set: (items: Record<string, unknown>, callback: () => void) => void;
+                };
+              };
+            };
+          }
+        ).chrome;
+
+        const runtime = chromeApi?.runtime;
+        const storage = chromeApi?.storage?.local;
+
+        if (runtime === undefined || storage === undefined) {
+          reject(new Error('Extension runtime storage is unavailable.'));
+          return;
+        }
+
+        storage.set({ kiloAuth: { token, userEmail } }, () => {
+          const message = runtime.lastError?.message;
+
+          if (message !== undefined && message !== '') {
+            reject(new Error(message));
+            return;
+          }
+
+          resolve();
+        });
+      }),
+    { token: 'token-1', userEmail: 'user@kilo.ai' }
+  );
+};
diff --git a/apps/extension/tests/e2e/kilo-api-fixture.ts b/apps/extension/tests/e2e/kilo-api-fixture.ts
index 493c5ac977..6da26d1fd8 100644
--- a/apps/extension/tests/e2e/kilo-api-fixture.ts
+++ b/apps/extension/tests/e2e/kilo-api-fixture.ts
@@ -33,7 +33,13 @@ const chatCompletionStreamResponse = (events: unknown[]): string =>
 const longEvalIdentifier = `kilo${'VeryLongIdentifier'.repeat(16)}`;
 const evalFixtureCode = `const ${longEvalIdentifier} = document.documentElement.outerHTML.length; return ${longEvalIdentifier};`;
 
-export const mockKiloApi = async (context: BrowserContext): Promise<void> => {
+export const mockKiloApi = async (
+  context: BrowserContext,
+  options: {
+    organizations?: { id: string; name: string }[];
+    seenChatOrganizationIds?: string[];
+  } = {}
+): Promise<void> => {
   let chatCompletionCalls = 0;
 
   await context.route('https://app.kilo.ai/api/user', route =>
@@ -42,6 +48,14 @@ export const mockKiloApi = async (context: BrowserContext): Promise<void> => {
       status: 200,
     })
   );
+  await context.route('https://app.kilo.ai/api/organizations', route =>
+    route.fulfill({
+      json: {
+        organizations: options.organizations ?? [],
+      },
+      status: 200,
+    })
+  );
   await context.route('https://app.kilo.ai/api/gateway/models', route =>
     route.fulfill({
       json: {
@@ -59,6 +73,9 @@ export const mockKiloApi = async (context: BrowserContext): Promise<void> => {
   );
   await context.route('https://app.kilo.ai/api/gateway/v1/chat/completions', route => {
     chatCompletionCalls += 1;
+    options.seenChatOrganizationIds?.push(
+      route.request().headers()['x-kilocode-organizationid'] ?? ''
+    );
 
     const body: unknown = route.request().postDataJSON();
 
diff --git a/apps/extension/tests/e2e/organization-picker.test.ts b/apps/extension/tests/e2e/organization-picker.test.ts
new file mode 100644
index 0000000000..e7c1997e15
--- /dev/null
+++ b/apps/extension/tests/e2e/organization-picker.test.ts
@@ -0,0 +1,46 @@
+/* eslint-disable import/no-nodejs-modules */
+import { expect, test } from '@playwright/test';
+import { rm } from 'node:fs/promises';
+import {
+  launchExtensionContext,
+  seedExtensionAuth,
+  startFixtureServer,
+} from './extension-context-fixture';
+import { mockKiloApi } from './kilo-api-fixture';
+
+test('settings organization picker sends org context to the gateway', async () => {
+  const fixture = await startFixtureServer();
+  const seenChatOrganizationIds: string[] = [];
+  const { context, extensionId, userDataDir } = await launchExtensionContext();
+
+  try {
+    await mockKiloApi(context, {
+      organizations: [{ id: 'org-1', name: 'Acme' }],
+      seenChatOrganizationIds,
+    });
+
+    const page = await context.newPage();
+    await page.goto(fixture.url);
+
+    const sidePanel = await context.newPage();
+    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
+    await seedExtensionAuth(sidePanel);
+    await sidePanel.reload();
+
+    await sidePanel.getByLabel('Settings').click();
+    await sidePanel.getByLabel('Credit account').selectOption('org-1');
+    await sidePanel.getByLabel('Settings').click();
+
+    await sidePanel.getByRole('button', { name: /Safe mode/u }).click();
+    await sidePanel.getByRole('button', { name: 'Dangerous' }).click();
+    await sidePanel.getByLabel('Message agent').fill('Inspect this tab');
+    await sidePanel.getByLabel('Message agent').press('Enter');
+
+    await expect(sidePanel.getByText(/The selected tab HTML length is [0-9]+\./u)).toBeVisible();
+    expect(seenChatOrganizationIds).toContain('org-1');
+  } finally {
+    await context.close();
+    await fixture.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index 91accbfe33..6441cb77ca 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -1,18 +1,19 @@
-/* eslint-disable import/no-nodejs-modules, promise/avoid-new, promise/prefer-await-to-callbacks */
-import { chromium, expect, test } from '@playwright/test';
-import { access, mkdtemp, readFile, rm } from 'node:fs/promises';
-import { createServer } from 'node:http';
-import { tmpdir } from 'node:os';
-import { join, resolve as resolvePath } from 'node:path';
-import type { BrowserContext, Page } from '@playwright/test';
+/* eslint-disable import/no-nodejs-modules */
+import { expect, test } from '@playwright/test';
+import { readFile, rm } from 'node:fs/promises';
+import { join } from 'node:path';
 import {
   expectEvalCodeBlockNoHorizontalOverflow,
   mockKiloApi,
   readSidePanelScrollState,
   sendOverflowMessages,
 } from './kilo-api-fixture';
-
-const extensionPath = resolvePath(import.meta.dirname, '../../.output/chrome-mv3');
+import {
+  extensionPath,
+  launchExtensionContext,
+  seedExtensionAuth,
+  startFixtureServer,
+} from './extension-context-fixture';
 
 interface ExtensionManifest {
   readonly action:
@@ -30,114 +31,6 @@ interface ExtensionManifest {
     | undefined;
 }
 
-const startFixtureServer = async (): Promise<{ close: () => Promise<void>; url: string }> => {
-  const server = createServer((_request, response) => {
-    response.writeHead(200, { 'content-type': 'text/html; charset=utf-8' });
-    response.end(`
-      <!doctype html>
-      <html>
-        <head><title>Kilo extension fixture</title></head>
-        <body>
-          <main>
-            <h1>Kilo extension fixture page</h1>
-            <p>This page exists so content scripts run in a normal HTTP tab.</p>
-          </main>
-        </body>
-      </html>
-    `);
-  });
-
-  await new Promise<void>((resolve, reject) => {
-    server.once('error', reject);
-    server.listen(0, '127.0.0.1', () => {
-      server.off('error', reject);
-      resolve();
-    });
-  });
-
-  const address = server.address();
-
-  if (address === null || typeof address === 'string') {
-    throw new Error('Fixture server did not start on a TCP port.');
-  }
-
-  return {
-    close: () =>
-      new Promise<void>((resolve, reject) => {
-        server.close(error => {
-          if (error) {
-            reject(error);
-            return;
-          }
-
-          resolve();
-        });
-      }),
-    url: `http://127.0.0.1:${address.port}`,
-  };
-};
-
-const launchExtensionContext = async (): Promise<{
-  context: BrowserContext;
-  extensionId: string;
-  userDataDir: string;
-}> => {
-  const userDataDir = await mkdtemp(join(tmpdir(), 'kilo-extension-e2e-'));
-  await access(join(extensionPath, 'manifest.json'));
-
-  const context = await chromium.launchPersistentContext(userDataDir, {
-    args: [`--disable-extensions-except=${extensionPath}`, `--load-extension=${extensionPath}`],
-    headless: false,
-  });
-
-  const [existingServiceWorker] = context.serviceWorkers();
-  const serviceWorker = existingServiceWorker ?? (await context.waitForEvent('serviceworker'));
-
-  const extensionId = new URL(serviceWorker.url()).host;
-
-  return { context, extensionId, userDataDir };
-};
-
-const seedExtensionAuth = async (page: Page): Promise<void> => {
-  await page.evaluate(
-    ({ token, userEmail }) =>
-      new Promise<void>((resolve, reject) => {
-        const chromeApi = (
-          globalThis as typeof globalThis & {
-            chrome?: {
-              runtime?: { lastError?: { message?: string } };
-              storage?: {
-                local?: {
-                  set: (items: Record<string, unknown>, callback: () => void) => void;
-                };
-              };
-            };
-          }
-        ).chrome;
-
-        const runtime = chromeApi?.runtime;
-        const storage = chromeApi?.storage?.local;
-
-        if (runtime === undefined || storage === undefined) {
-          reject(new Error('Extension runtime storage is unavailable.'));
-          return;
-        }
-
-        storage.set({ kiloAuth: { token, userEmail } }, () => {
-          const message = runtime.lastError?.message;
-
-          if (message !== undefined && message !== '') {
-            reject(new Error(message));
-            return;
-          }
-
-          resolve();
-        });
-      }),
-    { token: 'token-1', userEmail: 'user@kilo.ai' }
-  );
-};
-
 const isRecord = (value: unknown): value is Record<string, unknown> =>
   typeof value === 'object' && value !== null;
 
diff --git a/apps/web/src/app/api/organizations/route.test.ts b/apps/web/src/app/api/organizations/route.test.ts
new file mode 100644
index 0000000000..0956de718f
--- /dev/null
+++ b/apps/web/src/app/api/organizations/route.test.ts
@@ -0,0 +1,39 @@
+import { describe, expect, test } from '@jest/globals';
+import { NextRequest } from 'next/server';
+import { GET } from './route';
+import { getProfileOrganizations } from '@/lib/organizations/organizations';
+import { getUserFromAuth } from '@/lib/user/server';
+
+jest.mock('@/lib/organizations/organizations', () => ({
+  getProfileOrganizations: jest.fn(),
+}));
+jest.mock('@/lib/user/server', () => ({
+  getUserFromAuth: jest.fn(),
+}));
+
+const mockedGetProfileOrganizations = jest.mocked(getProfileOrganizations);
+const mockedGetUserFromAuth = jest.mocked(getUserFromAuth);
+
+describe('GET /api/organizations', () => {
+  test('returns organizations for the authenticated user', async () => {
+    mockedGetUserFromAuth.mockResolvedValue({
+      authFailedResponse: null,
+      user: { id: 'user-1' },
+    } as never);
+    mockedGetProfileOrganizations.mockResolvedValue([
+      { id: 'org-1', name: 'Acme', role: 'owner' },
+      { id: 'org-2', name: 'Kilo', role: 'member' },
+    ]);
+
+    const response = await GET(new NextRequest('http://localhost:3000/api/organizations'));
+
+    expect(response.status).toBe(200);
+    await expect(response.json()).resolves.toEqual({
+      organizations: [
+        { id: 'org-1', name: 'Acme' },
+        { id: 'org-2', name: 'Kilo' },
+      ],
+    });
+    expect(mockedGetProfileOrganizations).toHaveBeenCalledWith('user-1');
+  });
+});
diff --git a/apps/web/src/app/api/organizations/route.ts b/apps/web/src/app/api/organizations/route.ts
new file mode 100644
index 0000000000..c50f5d4027
--- /dev/null
+++ b/apps/web/src/app/api/organizations/route.ts
@@ -0,0 +1,23 @@
+import type { NextRequest } from 'next/server';
+import { NextResponse } from 'next/server';
+import { getProfileOrganizations } from '@/lib/organizations/organizations';
+import { getUserFromAuth } from '@/lib/user/server';
+
+export async function GET(
+  _request: NextRequest
+): Promise<NextResponse<{ error: string } | { organizations: { id: string; name: string }[] }>> {
+  const { user, authFailedResponse } = await getUserFromAuth({ adminOnly: false });
+
+  if (authFailedResponse) {
+    return authFailedResponse;
+  }
+
+  const organizations = await getProfileOrganizations(user.id);
+
+  return NextResponse.json({
+    organizations: organizations.map(organization => ({
+      id: organization.id,
+      name: organization.name,
+    })),
+  });
+}

From 237bd071c7ba1684d58b0d33ef84ced9cf843c7c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 20:08:46 +0200
Subject: [PATCH 31/51] fix(extension): keep streaming output scrolled

---
 .../entrypoints/sidepanel/conversation-list.tsx     |  4 +++-
 .../extension/src/shared/agent-conversation.test.ts | 11 +++++++++++
 apps/extension/src/shared/agent-conversation.ts     | 13 +++++++++++++
 3 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/apps/extension/entrypoints/sidepanel/conversation-list.tsx b/apps/extension/entrypoints/sidepanel/conversation-list.tsx
index eef5f3d8a3..10a792d105 100644
--- a/apps/extension/entrypoints/sidepanel/conversation-list.tsx
+++ b/apps/extension/entrypoints/sidepanel/conversation-list.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useRef } from 'react';
 import type { JSX } from 'react';
+import { getConversationScrollKey } from '@/src/shared/agent-conversation';
 import type { GroupedConversationItem } from '@/src/shared/agent-conversation';
 import { AgentConversationItemView } from './agent-conversation-events';
 
@@ -8,6 +9,7 @@ const getConversationItemKey = (item: GroupedConversationItem): string =>
 
 export const ConversationList = ({ items }: { items: GroupedConversationItem[] }): JSX.Element => {
   const listRef = useRef<HTMLElement | null>(null);
+  const scrollKey = getConversationScrollKey(items);
 
   useEffect(() => {
     const list = listRef.current;
@@ -15,7 +17,7 @@ export const ConversationList = ({ items }: { items: GroupedConversationItem[] }
     if (list !== null) {
       list.scrollTop = list.scrollHeight;
     }
-  }, [items.length]);
+  }, [scrollKey]);
 
   return (
     <section
diff --git a/apps/extension/src/shared/agent-conversation.test.ts b/apps/extension/src/shared/agent-conversation.test.ts
index 3dbbfd7c00..7b99736de0 100644
--- a/apps/extension/src/shared/agent-conversation.test.ts
+++ b/apps/extension/src/shared/agent-conversation.test.ts
@@ -5,6 +5,7 @@ import {
   createToolResult,
   createUserMessage,
   groupConversationEvents,
+  getConversationScrollKey,
 } from './agent-conversation';
 
 describe('agent conversation events', () => {
@@ -86,4 +87,14 @@ describe('agent conversation events', () => {
       { event: assistantMessage, type: 'event' },
     ]);
   });
+
+  it('changes the scroll key when a streamed message grows in place', () => {
+    const assistantMessage = createAssistantMessage('Streaming');
+    const firstKey = getConversationScrollKey(groupConversationEvents([assistantMessage]));
+    const nextKey = getConversationScrollKey(
+      groupConversationEvents([{ ...assistantMessage, text: 'Streaming more tokens' }])
+    );
+
+    expect(nextKey).not.toBe(firstKey);
+  });
 });
diff --git a/apps/extension/src/shared/agent-conversation.ts b/apps/extension/src/shared/agent-conversation.ts
index a9b0b26035..0b3478048b 100644
--- a/apps/extension/src/shared/agent-conversation.ts
+++ b/apps/extension/src/shared/agent-conversation.ts
@@ -131,3 +131,16 @@ export const groupConversationEvents = (
 
   return groupedItems;
 };
+
+export const getConversationScrollKey = (items: GroupedConversationItem[]): string =>
+  items
+    .map(item => {
+      if (item.type === 'tool-exchange') {
+        return `${item.toolCall.id}:${item.result.id}`;
+      }
+
+      const { event } = item;
+
+      return event.type === 'message' ? `${event.id}:${event.text.length}` : event.id;
+    })
+    .join('|');

From 89fd45ef82a97d60ecd2434de82df275ef99ba78 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 20:12:29 +0200
Subject: [PATCH 32/51] feat(extension): stop running agent requests

---
 .../sidepanel/agent-chat-panel.tsx            | 39 +++++++++++++++----
 .../sidepanel/agent-llm-turn-runner.ts        | 23 +++++++++++
 .../shared/kilo-gateway-chat-stream-client.ts |  2 +-
 apps/extension/tests/e2e/kilo-api-fixture.ts  |  7 +++-
 apps/extension/tests/e2e/sidebar.test.ts      | 36 +++++++++++++++++
 5 files changed, 97 insertions(+), 10 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index 3165a1071b..4db21f04e2 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import type { ChangeEvent, JSX, KeyboardEvent } from 'react';
 import {
   createAssistantMessage,
@@ -62,6 +62,7 @@ export const AgentChatPanel = ({
   const [model, setModel] = useState(fallbackDefaultModelId);
   const [modelOptions, setModelOptions] = useState<KiloGatewayModelOption[]>(fallbackModelOptions);
   const [thinkingEffort, setThinkingEffort] = useState(defaultThinkingEffort);
+  const runAbortRef = useRef<AbortController | null>(null);
   const { inspectableTabs, isLoadingTabs, loadInspectableTabs, selectTab, selectedTabId } =
     useTabDebugger();
   const selectedModel = useMemo(
@@ -170,6 +171,8 @@ export const AgentChatPanel = ({
       return;
     }
 
+    const abort = new AbortController();
+    runAbortRef.current = abort;
     setIsRunning(true);
 
     void (async (): Promise<void> => {
@@ -182,10 +185,15 @@ export const AgentChatPanel = ({
           model,
           organizationId,
           selectedTabId,
+          signal: abort.signal,
           token: auth.token,
           updateAssistantMessage,
         });
       } finally {
+        if (runAbortRef.current === abort) {
+          runAbortRef.current = null;
+        }
+
         setIsRunning(false);
       }
     })();
@@ -202,6 +210,10 @@ export const AgentChatPanel = ({
     submitMessage(text);
   };
 
+  const stopRun = (): void => {
+    runAbortRef.current?.abort();
+  };
+
   return (
     <div className="flex min-h-0 flex-1 flex-col">
       <ConversationList items={groupedEvents} />
@@ -231,13 +243,24 @@ export const AgentChatPanel = ({
           placeholder="Ask Kilo to inspect this tab..."
           value={draft}
         />
-        <button
-          className="mt-2 h-9 w-full rounded-md bg-[#EDFF00] px-3 text-sm font-semibold text-zinc-950 transition hover:bg-[#d9ea00] focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950 disabled:cursor-not-allowed disabled:bg-zinc-800 disabled:text-zinc-500"
-          disabled={draft.trim() === '' || isRunning}
-          type="submit"
-        >
-          {isRunning ? 'Running...' : 'Send message'}
-        </button>
+        <div className="mt-2 grid gap-2">
+          <button
+            className="h-9 w-full rounded-md bg-[#EDFF00] px-3 text-sm font-semibold text-zinc-950 transition hover:bg-[#d9ea00] focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950 disabled:cursor-not-allowed disabled:bg-zinc-800 disabled:text-zinc-500"
+            disabled={draft.trim() === '' || isRunning}
+            type="submit"
+          >
+            {isRunning ? 'Running...' : 'Send message'}
+          </button>
+          {isRunning ? (
+            <button
+              className="h-9 w-full rounded-md border border-zinc-700 px-3 text-sm font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
+              onClick={stopRun}
+              type="button"
+            >
+              Stop
+            </button>
+          ) : null}
+        </div>
       </form>
 
       <footer className="border-t border-zinc-900 bg-zinc-950 px-4 py-2">
diff --git a/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts b/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
index b57b1b85aa..59b8d76bab 100644
--- a/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
+++ b/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
@@ -17,6 +17,7 @@ interface RunDangerousLlmTurnOptions {
   readonly model: string;
   readonly organizationId?: string | undefined;
   readonly selectedTabId: number;
+  readonly signal?: AbortSignal | undefined;
   readonly token: string;
   readonly updateAssistantMessage: (eventId: string, text: string) => void;
 }
@@ -34,6 +35,11 @@ const createAssistantMessageEvent = (
   return event;
 };
 
+const isAbortError = (error: unknown): boolean =>
+  error instanceof Error && error.name === 'AbortError';
+
+const isSignalAborted = (signal: AbortSignal | undefined): boolean => signal?.aborted === true;
+
 export const runDangerousLlmTurn = async ({
   apiBaseUrl,
   appendEvents,
@@ -42,6 +48,7 @@ export const runDangerousLlmTurn = async ({
   model,
   organizationId,
   selectedTabId,
+  signal,
   token,
   updateAssistantMessage,
 }: RunDangerousLlmTurnOptions): Promise<void> => {
@@ -56,6 +63,7 @@ export const runDangerousLlmTurn = async ({
       model,
       onContentDelta,
       organizationId,
+      signal,
       token,
       tools: [evalToolDefinition],
     });
@@ -119,11 +127,21 @@ export const runDangerousLlmTurn = async ({
       return;
     }
 
+    if (isSignalAborted(signal)) {
+      appendEvents([createAssistantMessage('Stopped.')]);
+      return;
+    }
+
     const toolResultEvents: AgentConversationEvent[] = await runEvalToolCalls(
       toolCallEvents,
       executeEvalToolCall
     );
 
+    if (isSignalAborted(signal)) {
+      appendEvents([createAssistantMessage('Stopped.')]);
+      return;
+    }
+
     const conversationWithToolResult = [
       ...conversationEvents,
       ...firstCompletionEvents,
@@ -157,6 +175,11 @@ export const runDangerousLlmTurn = async ({
       ]);
     }
   } catch (error) {
+    if (isAbortError(error)) {
+      appendEvents([createAssistantMessage('Stopped.')]);
+      return;
+    }
+
     appendEvents([
       createAssistantMessage(
         `LLM request failed: ${error instanceof Error ? error.message : 'Unknown error'}`
diff --git a/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts b/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts
index 2aa15f6d07..5365e58fd9 100644
--- a/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts
+++ b/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts
@@ -13,7 +13,7 @@ interface FetchKiloGatewayChatCompletionStreamOptions {
   readonly model: string;
   readonly onContentDelta: (delta: string) => void;
   readonly organizationId?: string | undefined;
-  readonly signal?: AbortSignal;
+  readonly signal?: AbortSignal | undefined;
   readonly token: string;
   readonly tools: KiloGatewayToolDefinition[];
 }
diff --git a/apps/extension/tests/e2e/kilo-api-fixture.ts b/apps/extension/tests/e2e/kilo-api-fixture.ts
index 6da26d1fd8..e47bd539da 100644
--- a/apps/extension/tests/e2e/kilo-api-fixture.ts
+++ b/apps/extension/tests/e2e/kilo-api-fixture.ts
@@ -36,6 +36,7 @@ const evalFixtureCode = `const ${longEvalIdentifier} = document.documentElement.
 export const mockKiloApi = async (
   context: BrowserContext,
   options: {
+    beforeFirstCompletion?: () => Promise<void>;
     organizations?: { id: string; name: string }[];
     seenChatOrganizationIds?: string[];
   } = {}
@@ -71,7 +72,7 @@ export const mockKiloApi = async (
       status: 200,
     })
   );
-  await context.route('https://app.kilo.ai/api/gateway/v1/chat/completions', route => {
+  await context.route('https://app.kilo.ai/api/gateway/v1/chat/completions', async route => {
     chatCompletionCalls += 1;
     options.seenChatOrganizationIds?.push(
       route.request().headers()['x-kilocode-organizationid'] ?? ''
@@ -94,6 +95,10 @@ export const mockKiloApi = async (
     });
 
     if (chatCompletionCalls === 1) {
+      if (options.beforeFirstCompletion !== undefined) {
+        await options.beforeFirstCompletion();
+      }
+
       return route.fulfill({
         body: chatCompletionStreamResponse([
           { choices: [{ delta: { content: 'I will ' } }] },
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index 6441cb77ca..2a1cdb77ef 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -158,6 +158,42 @@ test('dangerous mode conversation can eval against a normal tab', async () => {
   }
 });
 
+test('running conversation can be stopped', async () => {
+  const fixture = await startFixtureServer();
+  const { promise: pendingCompletion, resolve: releaseCompletion } = Promise.withResolvers<void>();
+  const { context, extensionId, userDataDir } = await launchExtensionContext();
+
+  try {
+    await mockKiloApi(context, {
+      beforeFirstCompletion: () => pendingCompletion,
+    });
+
+    const page = await context.newPage();
+    await page.goto(fixture.url);
+
+    const sidePanel = await context.newPage();
+    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
+    await seedExtensionAuth(sidePanel);
+    await sidePanel.reload();
+
+    await sidePanel.getByRole('button', { name: /Safe mode/u }).click();
+    await sidePanel.getByRole('button', { name: 'Dangerous' }).click();
+    await sidePanel.getByLabel('Message agent').fill('Inspect this tab');
+    await sidePanel.getByLabel('Message agent').press('Enter');
+
+    await expect(sidePanel.getByRole('button', { name: 'Stop' })).toBeVisible();
+    await sidePanel.getByRole('button', { name: 'Stop' }).click();
+
+    await expect(sidePanel.getByRole('button', { name: 'Send message' })).toBeVisible();
+    await expect(sidePanel.getByText('Stopped.')).toBeVisible();
+  } finally {
+    releaseCompletion();
+    await context.close();
+    await fixture.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});
+
 test('only the message pane scrolls overflowing conversation content', async () => {
   const { context, extensionId, userDataDir } = await launchExtensionContext();
 

From 7a2e1900e158463868380b6760b670c4f4936c3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 20:15:16 +0200
Subject: [PATCH 33/51] feat(extension): refresh target tabs

---
 .../sidepanel/agent-chat-panel.tsx            | 12 ++-
 .../sidepanel/agent-footer-controls.tsx       | 73 +++++++++++++------
 .../tests/e2e/extension-context-fixture.ts    | 13 ++--
 apps/extension/tests/e2e/sidebar.test.ts      | 31 ++++++++
 4 files changed, 99 insertions(+), 30 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index 4db21f04e2..d167a04289 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -63,8 +63,14 @@ export const AgentChatPanel = ({
   const [modelOptions, setModelOptions] = useState<KiloGatewayModelOption[]>(fallbackModelOptions);
   const [thinkingEffort, setThinkingEffort] = useState(defaultThinkingEffort);
   const runAbortRef = useRef<AbortController | null>(null);
-  const { inspectableTabs, isLoadingTabs, loadInspectableTabs, selectTab, selectedTabId } =
-    useTabDebugger();
+  const {
+    inspectableTabs,
+    isLoadingTabs,
+    loadInspectableTabs,
+    selectTab,
+    selectedTabId,
+    tabDebuggerError,
+  } = useTabDebugger();
   const selectedModel = useMemo(
     () => modelOptions.find(option => option.id === model),
     [model, modelOptions]
@@ -273,9 +279,11 @@ export const AgentChatPanel = ({
           modelOptions={modelOptions}
           onModeChange={setMode}
           onModelChange={setModel}
+          onRefreshTabs={loadInspectableTabs}
           onSelectedTabChange={selectTab}
           onThinkingEffortChange={setThinkingEffort}
           selectedTabId={selectedTabId}
+          tabDebuggerError={tabDebuggerError}
           thinkingEffort={thinkingEffort}
           thinkingOptions={thinkingOptions}
         />
diff --git a/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx b/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
index 096d221614..22e215127f 100644
--- a/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
@@ -157,9 +157,11 @@ export const AgentFooterControls = ({
   modelOptions,
   onModeChange,
   onModelChange,
+  onRefreshTabs,
   onSelectedTabChange,
   onThinkingEffortChange,
   selectedTabId,
+  tabDebuggerError,
   thinkingEffort,
   thinkingOptions,
 }: {
@@ -171,36 +173,63 @@ export const AgentFooterControls = ({
   modelOptions: KiloGatewayModelOption[];
   onModeChange: (mode: AgentMode) => void;
   onModelChange: (model: string) => void;
+  onRefreshTabs: () => Promise<void>;
   onSelectedTabChange: (tabId: number) => void;
   onThinkingEffortChange: (thinkingEffort: string) => void;
   selectedTabId: number | undefined;
+  tabDebuggerError: string | undefined;
   thinkingEffort: string;
   thinkingOptions: string[];
 }): JSX.Element => (
   <div className="grid gap-2">
-    <CompactSelectControl
-      ariaLabel="Target tab"
-      className="w-full pl-2 pr-6"
-      disabled={isLoadingTabs || inspectableTabs.length === 0}
-      onChange={value => {
-        const tabId = Number(value);
+    <div className="flex min-w-0 items-center gap-2">
+      <CompactSelectControl
+        ariaLabel="Target tab"
+        className="min-w-0 flex-1 pl-2 pr-6"
+        disabled={isLoadingTabs || inspectableTabs.length === 0}
+        onChange={value => {
+          const tabId = Number(value);
 
-        if (Number.isInteger(tabId)) {
-          onSelectedTabChange(tabId);
-        }
-      }}
-      value={selectedTabId === undefined ? '' : String(selectedTabId)}
-    >
-      {inspectableTabs.length === 0 ? (
-        <option value="">{isLoadingTabs ? 'Loading tabs...' : 'No tabs'}</option>
-      ) : (
-        inspectableTabs.map(tab => (
-          <option key={tab.id} value={tab.id}>
-            {tab.title}
-          </option>
-        ))
-      )}
-    </CompactSelectControl>
+          if (Number.isInteger(tabId)) {
+            onSelectedTabChange(tabId);
+          }
+        }}
+        value={selectedTabId === undefined ? '' : String(selectedTabId)}
+      >
+        {inspectableTabs.length === 0 ? (
+          <option value="">{isLoadingTabs ? 'Loading tabs...' : 'No tabs'}</option>
+        ) : (
+          inspectableTabs.map(tab => (
+            <option key={tab.id} value={tab.id}>
+              {tab.title}
+            </option>
+          ))
+        )}
+      </CompactSelectControl>
+      <button
+        aria-label="Refresh tabs"
+        className="flex size-8 shrink-0 items-center justify-center rounded-md border border-zinc-800 bg-zinc-950 text-xs font-semibold text-zinc-300 transition hover:border-zinc-700 hover:bg-zinc-900 hover:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950 disabled:cursor-not-allowed disabled:text-zinc-600"
+        disabled={isLoadingTabs}
+        onClick={() => {
+          void onRefreshTabs();
+        }}
+        title="Refresh tabs"
+        type="button"
+      >
+        <svg aria-hidden="true" className="size-3.5" fill="none" viewBox="0 0 16 16">
+          <path
+            d="M13.25 7.75a5.25 5.25 0 1 1-1.54-3.71M13.25 2.75v3.5h-3.5"
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="1.5"
+          />
+        </svg>
+      </button>
+    </div>
+    {tabDebuggerError === undefined ? null : (
+      <p className="text-xs leading-4 text-red-300">{tabDebuggerError}</p>
+    )}
     <div className="flex min-w-0 items-center gap-2">
       <ModeControl mode={mode} onChange={onModeChange} />
       <CompactSelectControl
diff --git a/apps/extension/tests/e2e/extension-context-fixture.ts b/apps/extension/tests/e2e/extension-context-fixture.ts
index ef902a11ff..16b505d5e0 100644
--- a/apps/extension/tests/e2e/extension-context-fixture.ts
+++ b/apps/extension/tests/e2e/extension-context-fixture.ts
@@ -8,19 +8,20 @@ import { join, resolve as resolvePath } from 'node:path';
 
 export const extensionPath = resolvePath(import.meta.dirname, '../../.output/chrome-mv3');
 
-export const startFixtureServer = async (): Promise<{
-  close: () => Promise<void>;
-  url: string;
-}> => {
+export const startFixtureServer = async ({
+  title = 'Kilo extension fixture',
+}: {
+  title?: string;
+} = {}): Promise<{ close: () => Promise<void>; url: string }> => {
   const server = createServer((_request, response) => {
     response.writeHead(200, { 'content-type': 'text/html; charset=utf-8' });
     response.end(`
       <!doctype html>
       <html>
-        <head><title>Kilo extension fixture</title></head>
+        <head><title>${title}</title></head>
         <body>
           <main>
-            <h1>Kilo extension fixture page</h1>
+            <h1>${title}</h1>
             <p>This page exists so content scripts run in a normal HTTP tab.</p>
           </main>
         </body>
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index 2a1cdb77ef..debcf9ad13 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -194,6 +194,37 @@ test('running conversation can be stopped', async () => {
   }
 });
 
+test('target tab list can be refreshed', async () => {
+  const fixture = await startFixtureServer();
+  const refreshedFixture = await startFixtureServer({ title: 'Refreshed target tab' });
+  const { context, extensionId, userDataDir } = await launchExtensionContext();
+
+  try {
+    await mockKiloApi(context);
+
+    const page = await context.newPage();
+    await page.goto(fixture.url);
+
+    const sidePanel = await context.newPage();
+    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
+    await seedExtensionAuth(sidePanel);
+    await sidePanel.reload();
+
+    await expect(sidePanel.getByLabel('Target tab')).toContainText('Kilo extension fixture');
+
+    const refreshedPage = await context.newPage();
+    await refreshedPage.goto(refreshedFixture.url);
+    await sidePanel.getByRole('button', { name: 'Refresh tabs' }).click();
+
+    await expect(sidePanel.getByLabel('Target tab')).toContainText('Refreshed target tab');
+  } finally {
+    await context.close();
+    await fixture.close();
+    await refreshedFixture.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});
+
 test('only the message pane scrolls overflowing conversation content', async () => {
   const { context, extensionId, userDataDir } = await launchExtensionContext();
 

From 52ce5f859250274751c121b2150728b78dd027a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 20:17:25 +0200
Subject: [PATCH 34/51] feat(extension): persist agent conversations

---
 .../sidepanel/agent-chat-panel.tsx            |  8 +-
 .../sidepanel/agent-conversation-storage.ts   | 82 +++++++++++++++++++
 .../entrypoints/sidepanel/auth-views.tsx      |  6 +-
 apps/extension/tests/e2e/sidebar.test.ts      | 25 ++++++
 4 files changed, 117 insertions(+), 4 deletions(-)
 create mode 100644 apps/extension/entrypoints/sidepanel/agent-conversation-storage.ts

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index d167a04289..d3bf862759 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -12,6 +12,7 @@ import type { StoredAuth } from '@/src/shared/auth';
 import { fetchKiloGatewayModels } from '@/src/shared/kilo-api-client';
 import type { KiloGatewayModelOption } from '@/src/shared/kilo-api-client';
 import { AgentFooterControls } from './agent-footer-controls';
+import { useStoredAgentConversation } from './agent-conversation-storage';
 import { runDangerousLlmTurn } from './agent-llm-turn-runner';
 import { useTabDebugger } from './use-tab-debugger';
 import { ConversationList } from './conversation-list';
@@ -24,6 +25,9 @@ const defaultThinkingEffort = 'medium';
 const apiBaseUrl = getKiloApiBaseUrl();
 const fetchFromWindow = (input: string, init?: RequestInit): Promise<Response> =>
   fetch(input, init);
+const createDefaultConversationEvents = (): AgentConversationEvent[] => [
+  createAssistantMessage('Pick a tab, switch to dangerous mode, and ask Kilo to inspect it.'),
+];
 
 const fallbackModelOptions: KiloGatewayModelOption[] = [
   {
@@ -54,9 +58,7 @@ export const AgentChatPanel = ({
   organizationId: string | undefined;
 }): JSX.Element => {
   const [draft, setDraft] = useState('');
-  const [events, setEvents] = useState<AgentConversationEvent[]>(() => [
-    createAssistantMessage('Pick a tab, switch to dangerous mode, and ask Kilo to inspect it.'),
-  ]);
+  const [events, setEvents] = useStoredAgentConversation(createDefaultConversationEvents);
   const [isRunning, setIsRunning] = useState(false);
   const [mode, setMode] = useState<AgentMode>(defaultMode);
   const [model, setModel] = useState(fallbackDefaultModelId);
diff --git a/apps/extension/entrypoints/sidepanel/agent-conversation-storage.ts b/apps/extension/entrypoints/sidepanel/agent-conversation-storage.ts
new file mode 100644
index 0000000000..6ab8e4472a
--- /dev/null
+++ b/apps/extension/entrypoints/sidepanel/agent-conversation-storage.ts
@@ -0,0 +1,82 @@
+import { storage } from '#imports';
+import { useEffect, useState } from 'react';
+import type { Dispatch, SetStateAction } from 'react';
+import type { AgentConversationEvent } from '@/src/shared/agent-conversation';
+
+const conversationStorageKey = 'local:kiloAgentConversation';
+
+const isRecord = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null;
+
+const isMessageEvent = (value: Record<string, unknown>): boolean =>
+  value['type'] === 'message' &&
+  (value['role'] === 'assistant' || value['role'] === 'user') &&
+  typeof value['id'] === 'string' &&
+  typeof value['text'] === 'string';
+
+const isToolCallEvent = (value: Record<string, unknown>): boolean =>
+  value['type'] === 'tool-call' &&
+  value['name'] === 'eval' &&
+  typeof value['code'] === 'string' &&
+  typeof value['id'] === 'string' &&
+  typeof value['tabId'] === 'number';
+
+const isToolResultEvent = (value: Record<string, unknown>): boolean =>
+  value['type'] === 'tool-result' &&
+  typeof value['id'] === 'string' &&
+  typeof value['ok'] === 'boolean' &&
+  typeof value['toolCallId'] === 'string';
+
+const normalizeConversationEvents = (value: unknown): AgentConversationEvent[] | undefined => {
+  if (!Array.isArray(value)) {
+    return undefined;
+  }
+
+  return value.every(
+    event =>
+      isRecord(event) &&
+      (isMessageEvent(event) || isToolCallEvent(event) || isToolResultEvent(event))
+  )
+    ? value
+    : undefined;
+};
+
+export const clearStoredAgentConversation = async (): Promise<void> => {
+  await storage.removeItem(conversationStorageKey);
+};
+
+export const useStoredAgentConversation = (
+  createDefaultEvents: () => AgentConversationEvent[]
+): readonly [AgentConversationEvent[], Dispatch<SetStateAction<AgentConversationEvent[]>>] => {
+  const [events, setEvents] = useState<AgentConversationEvent[]>(createDefaultEvents);
+  const [isLoaded, setIsLoaded] = useState(false);
+
+  useEffect(() => {
+    let isCurrent = true;
+
+    void (async (): Promise<void> => {
+      const storedEvents = normalizeConversationEvents(
+        await storage.getItem(conversationStorageKey)
+      );
+
+      if (!isCurrent) {
+        return;
+      }
+
+      setEvents(storedEvents ?? createDefaultEvents());
+      setIsLoaded(true);
+    })();
+
+    return () => {
+      isCurrent = false;
+    };
+  }, [createDefaultEvents]);
+
+  useEffect(() => {
+    if (isLoaded) {
+      void storage.setItem(conversationStorageKey, events);
+    }
+  }, [events, isLoaded]);
+
+  return [events, setEvents];
+};
diff --git a/apps/extension/entrypoints/sidepanel/auth-views.tsx b/apps/extension/entrypoints/sidepanel/auth-views.tsx
index 4f3c9514aa..fe7c175947 100644
--- a/apps/extension/entrypoints/sidepanel/auth-views.tsx
+++ b/apps/extension/entrypoints/sidepanel/auth-views.tsx
@@ -2,6 +2,7 @@ import { useState } from 'react';
 import type { JSX } from 'react';
 import type { StoredAuth } from '@/src/shared/auth';
 import { AgentChatPanel } from './agent-chat-panel';
+import { clearStoredAgentConversation } from './agent-conversation-storage';
 import { Shell } from './auth-shell';
 import { useOrganizationCreditAccount } from './organization-credit-account';
 
@@ -142,7 +143,10 @@ export const SignedInView = ({
     <Shell
       auth={auth}
       onNewConversation={() => {
-        setConversationKey(current => current + 1);
+        void (async (): Promise<void> => {
+          await clearStoredAgentConversation();
+          setConversationKey(current => current + 1);
+        })();
       }}
       onOrganizationChange={selectOrganization}
       onSignOut={onSignOut}
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index debcf9ad13..16ea8bfc4d 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -225,6 +225,31 @@ test('target tab list can be refreshed', async () => {
   }
 });
 
+test('conversation survives side panel reload', async () => {
+  const { context, extensionId, userDataDir } = await launchExtensionContext();
+
+  try {
+    await mockKiloApi(context);
+
+    const sidePanel = await context.newPage();
+    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
+    await seedExtensionAuth(sidePanel);
+    await sidePanel.reload();
+
+    await sidePanel.getByLabel('Message agent').fill('Remember this after reload');
+    await sidePanel.getByLabel('Message agent').press('Enter');
+    await expect(sidePanel.getByText('Pick a target tab first.')).toBeVisible();
+
+    await sidePanel.reload();
+
+    await expect(sidePanel.getByText('Remember this after reload')).toBeVisible();
+    await expect(sidePanel.getByText('Pick a target tab first.')).toBeVisible();
+  } finally {
+    await context.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});
+
 test('only the message pane scrolls overflowing conversation content', async () => {
   const { context, extensionId, userDataDir } = await launchExtensionContext();
 

From 785e525bff6aceba2f3f0d5e7db020b52a131cc6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 20:21:10 +0200
Subject: [PATCH 35/51] feat(extension): continue eval tool rounds

---
 .../sidepanel/agent-llm-turn-runner.ts        | 116 +++++++++---------
 .../extension/tests/e2e/auto-continue.test.ts |  66 ++++++++++
 apps/extension/tests/e2e/kilo-api-fixture.ts  |  63 ++++++----
 3 files changed, 168 insertions(+), 77 deletions(-)
 create mode 100644 apps/extension/tests/e2e/auto-continue.test.ts

diff --git a/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts b/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
index 59b8d76bab..83aa545762 100644
--- a/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
+++ b/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
@@ -9,6 +9,8 @@ import type { FetchLike } from '@/src/shared/auth';
 import { fetchKiloGatewayChatCompletionStream } from '@/src/shared/kilo-api-client';
 import { executeEvalToolCall } from './agent-eval-runtime';
 
+type EvalToolCallEvent = Extract<AgentConversationEvent, { readonly type: 'tool-call' }>;
+
 interface RunDangerousLlmTurnOptions {
   readonly apiBaseUrl: string;
   readonly appendEvents: (events: AgentConversationEvent[]) => void;
@@ -39,6 +41,7 @@ const isAbortError = (error: unknown): boolean =>
   error instanceof Error && error.name === 'AbortError';
 
 const isSignalAborted = (signal: AbortSignal | undefined): boolean => signal?.aborted === true;
+const maxEvalRounds = 4;
 
 export const runDangerousLlmTurn = async ({
   apiBaseUrl,
@@ -68,18 +71,23 @@ export const runDangerousLlmTurn = async ({
       tools: [evalToolDefinition],
     });
 
-  try {
-    const firstCompletionEvents: AgentConversationEvent[] = [];
+  const appendCompletion = async (
+    nextEvents: AgentConversationEvent[]
+  ): Promise<{
+    completionEvents: AgentConversationEvent[];
+    toolCallEvents: EvalToolCallEvent[];
+  }> => {
+    const completionEvents: AgentConversationEvent[] = [];
     let streamedText = '';
     let streamedAssistantEventId: string | undefined = undefined;
-    const firstCompletion = await getGatewayChatCompletion(conversationEvents, delta => {
+    const completion = await getGatewayChatCompletion(nextEvents, delta => {
       streamedText += delta;
 
       if (streamedAssistantEventId === undefined) {
         const assistantEvent = createAssistantMessageEvent(streamedText);
 
         streamedAssistantEventId = assistantEvent.id;
-        firstCompletionEvents.push(assistantEvent);
+        completionEvents.push(assistantEvent);
         appendEvents([assistantEvent]);
         return;
       }
@@ -88,13 +96,13 @@ export const runDangerousLlmTurn = async ({
     });
 
     if (streamedAssistantEventId !== undefined) {
-      const finalStreamedText = firstCompletion.content ?? streamedText;
-      const streamedAssistantEventIndex = firstCompletionEvents.findIndex(
+      const finalStreamedText = completion.content ?? streamedText;
+      const streamedAssistantEventIndex = completionEvents.findIndex(
         event => event.id === streamedAssistantEventId
       );
 
       if (streamedAssistantEventIndex !== -1) {
-        firstCompletionEvents.splice(streamedAssistantEventIndex, 1, {
+        completionEvents.splice(streamedAssistantEventIndex, 1, {
           id: streamedAssistantEventId,
           role: 'assistant',
           text: finalStreamedText,
@@ -103,77 +111,73 @@ export const runDangerousLlmTurn = async ({
       }
     }
 
-    if (firstCompletion.content !== undefined && streamedAssistantEventId === undefined) {
-      firstCompletionEvents.push(createAssistantMessage(firstCompletion.content));
+    if (completion.content !== undefined && streamedAssistantEventId === undefined) {
+      completionEvents.push(createAssistantMessage(completion.content));
     }
 
-    const toolCallEvents = firstCompletion.toolCalls.map(evalToolCall =>
+    const toolCallEvents = completion.toolCalls.map(evalToolCall =>
       createEvalToolCall({
         code: evalToolCall.code,
         providerToolCallId: evalToolCall.id,
         tabId: selectedTabId,
       })
     );
-    firstCompletionEvents.push(...toolCallEvents);
+    completionEvents.push(...toolCallEvents);
 
-    if (firstCompletionEvents.length === 0) {
-      appendEvents([createAssistantMessage('The model did not return a response.')]);
-      return;
-    }
+    appendEvents(completionEvents.filter(event => event.id !== streamedAssistantEventId));
 
-    appendEvents(firstCompletionEvents.filter(event => event.id !== streamedAssistantEventId));
-
-    if (toolCallEvents.length === 0) {
-      return;
-    }
+    return { completionEvents, toolCallEvents };
+  };
 
-    if (isSignalAborted(signal)) {
-      appendEvents([createAssistantMessage('Stopped.')]);
-      return;
-    }
+  try {
+    const continueConversation = async (
+      nextConversationEvents: AgentConversationEvent[],
+      remainingRounds: number
+    ): Promise<void> => {
+      if (remainingRounds === 0) {
+        appendEvents([
+          createAssistantMessage(
+            'The model requested too many eval rounds. Send another message to continue.'
+          ),
+        ]);
+        return;
+      }
 
-    const toolResultEvents: AgentConversationEvent[] = await runEvalToolCalls(
-      toolCallEvents,
-      executeEvalToolCall
-    );
+      const { completionEvents, toolCallEvents } = await appendCompletion(nextConversationEvents);
 
-    if (isSignalAborted(signal)) {
-      appendEvents([createAssistantMessage('Stopped.')]);
-      return;
-    }
+      if (completionEvents.length === 0) {
+        appendEvents([createAssistantMessage('The model did not return a response.')]);
+        return;
+      }
 
-    const conversationWithToolResult = [
-      ...conversationEvents,
-      ...firstCompletionEvents,
-      ...toolResultEvents,
-    ];
+      nextConversationEvents.push(...completionEvents);
 
-    appendEvents(toolResultEvents);
+      if (toolCallEvents.length === 0) {
+        return;
+      }
 
-    let finalText = '';
-    let finalAssistantEventId: string | undefined = undefined;
-    const finalCompletion = await getGatewayChatCompletion(conversationWithToolResult, delta => {
-      finalText += delta;
+      if (isSignalAborted(signal)) {
+        appendEvents([createAssistantMessage('Stopped.')]);
+        return;
+      }
 
-      if (finalAssistantEventId === undefined) {
-        const assistantEvent = createAssistantMessageEvent(finalText);
+      const toolResultEvents: AgentConversationEvent[] = await runEvalToolCalls(
+        toolCallEvents,
+        executeEvalToolCall
+      );
 
-        finalAssistantEventId = assistantEvent.id;
-        appendEvents([assistantEvent]);
+      if (isSignalAborted(signal)) {
+        appendEvents([createAssistantMessage('Stopped.')]);
         return;
       }
 
-      updateAssistantMessage(finalAssistantEventId, finalText);
-    });
+      appendEvents(toolResultEvents);
+      nextConversationEvents.push(...toolResultEvents);
 
-    if (finalAssistantEventId === undefined) {
-      appendEvents([
-        createAssistantMessage(
-          finalCompletion.content ??
-            'The model requested another eval after this tool result. Send another message to continue.'
-        ),
-      ]);
-    }
+      await continueConversation(nextConversationEvents, remainingRounds - 1);
+    };
+
+    await continueConversation([...conversationEvents], maxEvalRounds);
   } catch (error) {
     if (isAbortError(error)) {
       appendEvents([createAssistantMessage('Stopped.')]);
diff --git a/apps/extension/tests/e2e/auto-continue.test.ts b/apps/extension/tests/e2e/auto-continue.test.ts
new file mode 100644
index 0000000000..7e865ac5ad
--- /dev/null
+++ b/apps/extension/tests/e2e/auto-continue.test.ts
@@ -0,0 +1,66 @@
+/* eslint-disable import/no-nodejs-modules */
+import { expect, test } from '@playwright/test';
+import { rm } from 'node:fs/promises';
+import {
+  launchExtensionContext,
+  seedExtensionAuth,
+  startFixtureServer,
+} from './extension-context-fixture';
+import { mockKiloApi } from './kilo-api-fixture';
+
+test('conversation automatically continues through another eval request', async () => {
+  const fixture = await startFixtureServer();
+  const { context, extensionId, userDataDir } = await launchExtensionContext();
+
+  try {
+    await mockKiloApi(context, {
+      secondCompletionEvents: [
+        {
+          choices: [
+            {
+              delta: {
+                tool_calls: [
+                  {
+                    function: {
+                      arguments: JSON.stringify({ code: 'return document.title;' }),
+                      name: 'eval',
+                    },
+                    id: 'call_eval_2',
+                    index: 0,
+                    type: 'function',
+                  },
+                ],
+              },
+            },
+          ],
+        },
+      ],
+      thirdCompletionEvents: [
+        { choices: [{ delta: { content: 'Second round finished and final answer ready.' } }] },
+      ],
+    });
+
+    const page = await context.newPage();
+    await page.goto(fixture.url);
+
+    const sidePanel = await context.newPage();
+    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
+    await seedExtensionAuth(sidePanel);
+    await sidePanel.reload();
+
+    await sidePanel.getByRole('button', { name: /Safe mode/u }).click();
+    await sidePanel.getByRole('button', { name: 'Dangerous' }).click();
+    await sidePanel.getByLabel('Message agent').fill('Inspect twice');
+    await sidePanel.getByLabel('Message agent').press('Enter');
+
+    await expect(
+      sidePanel.getByText('Second round finished and final answer ready.')
+    ).toBeVisible();
+    await expect(sidePanel.getByText('eval completed')).toHaveCount(2);
+    await expect(sidePanel.getByText(/requested another eval/u)).toBeHidden();
+  } finally {
+    await context.close();
+    await fixture.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});
diff --git a/apps/extension/tests/e2e/kilo-api-fixture.ts b/apps/extension/tests/e2e/kilo-api-fixture.ts
index e47bd539da..6c64b2a9ce 100644
--- a/apps/extension/tests/e2e/kilo-api-fixture.ts
+++ b/apps/extension/tests/e2e/kilo-api-fixture.ts
@@ -37,8 +37,11 @@ export const mockKiloApi = async (
   context: BrowserContext,
   options: {
     beforeFirstCompletion?: () => Promise<void>;
+    firstCompletionEvents?: unknown[];
     organizations?: { id: string; name: string }[];
+    secondCompletionEvents?: unknown[];
     seenChatOrganizationIds?: string[];
+    thirdCompletionEvents?: unknown[];
   } = {}
 ): Promise<void> => {
   let chatCompletionCalls = 0;
@@ -100,29 +103,47 @@ export const mockKiloApi = async (
       }
 
       return route.fulfill({
-        body: chatCompletionStreamResponse([
-          { choices: [{ delta: { content: 'I will ' } }] },
-          { choices: [{ delta: { content: 'inspect the selected tab.' } }] },
-          {
-            choices: [
-              {
-                delta: {
-                  tool_calls: [
-                    {
-                      function: {
-                        arguments: JSON.stringify({ code: evalFixtureCode }),
-                        name: 'eval',
+        body: chatCompletionStreamResponse(
+          options.firstCompletionEvents ?? [
+            { choices: [{ delta: { content: 'I will ' } }] },
+            { choices: [{ delta: { content: 'inspect the selected tab.' } }] },
+            {
+              choices: [
+                {
+                  delta: {
+                    tool_calls: [
+                      {
+                        function: {
+                          arguments: JSON.stringify({ code: evalFixtureCode }),
+                          name: 'eval',
+                        },
+                        id: 'call_eval_1',
+                        index: 0,
+                        type: 'function',
                       },
-                      id: 'call_eval_1',
-                      index: 0,
-                      type: 'function',
-                    },
-                  ],
+                    ],
+                  },
                 },
-              },
-            ],
-          },
-        ]),
+              ],
+            },
+          ]
+        ),
+        contentType: 'text/event-stream',
+        status: 200,
+      });
+    }
+
+    if (chatCompletionCalls === 2 && options.secondCompletionEvents !== undefined) {
+      return route.fulfill({
+        body: chatCompletionStreamResponse(options.secondCompletionEvents),
+        contentType: 'text/event-stream',
+        status: 200,
+      });
+    }
+
+    if (chatCompletionCalls === 3 && options.thirdCompletionEvents !== undefined) {
+      return route.fulfill({
+        body: chatCompletionStreamResponse(options.thirdCompletionEvents),
         contentType: 'text/event-stream',
         status: 200,
       });

From a2098e4613e8388c55195e6d6843547c3dffc38d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 20:26:30 +0200
Subject: [PATCH 36/51] feat(extension): send thinking effort to gateway

---
 .../sidepanel/agent-chat-panel.tsx            |  1 +
 .../sidepanel/agent-llm-turn-runner.ts        |  3 ++
 .../kilo-gateway-chat-stream-client.test.ts   | 48 +++++++++++++++++++
 .../shared/kilo-gateway-chat-stream-client.ts | 26 +++++-----
 4 files changed, 63 insertions(+), 15 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index d3bf862759..28eafcfdc0 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -194,6 +194,7 @@ export const AgentChatPanel = ({
           organizationId,
           selectedTabId,
           signal: abort.signal,
+          thinkingEffort,
           token: auth.token,
           updateAssistantMessage,
         });
diff --git a/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts b/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
index 83aa545762..6d109a5e8f 100644
--- a/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
+++ b/apps/extension/entrypoints/sidepanel/agent-llm-turn-runner.ts
@@ -20,6 +20,7 @@ interface RunDangerousLlmTurnOptions {
   readonly organizationId?: string | undefined;
   readonly selectedTabId: number;
   readonly signal?: AbortSignal | undefined;
+  readonly thinkingEffort?: string | undefined;
   readonly token: string;
   readonly updateAssistantMessage: (eventId: string, text: string) => void;
 }
@@ -52,6 +53,7 @@ export const runDangerousLlmTurn = async ({
   organizationId,
   selectedTabId,
   signal,
+  thinkingEffort,
   token,
   updateAssistantMessage,
 }: RunDangerousLlmTurnOptions): Promise<void> => {
@@ -67,6 +69,7 @@ export const runDangerousLlmTurn = async ({
       onContentDelta,
       organizationId,
       signal,
+      thinkingEffort,
       token,
       tools: [evalToolDefinition],
     });
diff --git a/apps/extension/src/shared/kilo-gateway-chat-stream-client.test.ts b/apps/extension/src/shared/kilo-gateway-chat-stream-client.test.ts
index 1340f21ac1..bb929a6cea 100644
--- a/apps/extension/src/shared/kilo-gateway-chat-stream-client.test.ts
+++ b/apps/extension/src/shared/kilo-gateway-chat-stream-client.test.ts
@@ -86,4 +86,52 @@ describe('kilo gateway chat stream client', () => {
     expect(seen[0]?.headers.get('x-kilocode-organizationid')).toBe('org-1');
     expect(seen[0]?.body).toMatchObject({ stream: true });
   });
+
+  it('sends selected thinking effort as gateway reasoning', async () => {
+    let seenBody: unknown = null;
+    const fetch: FetchLike = (_input, init) => {
+      seenBody = parseJsonRequestBody(init?.body);
+
+      return streamResponse(['data: [DONE]\n\n']);
+    };
+
+    await fetchKiloGatewayChatCompletionStream({
+      apiBaseUrl: 'https://app.kilo.ai',
+      fetch,
+      messages: [{ content: 'Think hard', role: 'user' }],
+      model: 'anthropic/claude-sonnet-4',
+      onContentDelta: () => {},
+      thinkingEffort: 'high',
+      token: 'token-1',
+      tools: [],
+    });
+
+    expect(seenBody).toMatchObject({
+      reasoning: { effort: 'high', enabled: true },
+    });
+  });
+
+  it('disables gateway reasoning for none thinking effort', async () => {
+    let seenBody: unknown = null;
+    const fetch: FetchLike = (_input, init) => {
+      seenBody = parseJsonRequestBody(init?.body);
+
+      return streamResponse(['data: [DONE]\n\n']);
+    };
+
+    await fetchKiloGatewayChatCompletionStream({
+      apiBaseUrl: 'https://app.kilo.ai',
+      fetch,
+      messages: [{ content: 'Be fast', role: 'user' }],
+      model: 'anthropic/claude-sonnet-4',
+      onContentDelta: () => {},
+      thinkingEffort: 'none',
+      token: 'token-1',
+      tools: [],
+    });
+
+    expect(seenBody).toMatchObject({
+      reasoning: { effort: 'none', enabled: false },
+    });
+  });
 });
diff --git a/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts b/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts
index 5365e58fd9..172cd1ae72 100644
--- a/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts
+++ b/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts
@@ -14,6 +14,7 @@ interface FetchKiloGatewayChatCompletionStreamOptions {
   readonly onContentDelta: (delta: string) => void;
   readonly organizationId?: string | undefined;
   readonly signal?: AbortSignal | undefined;
+  readonly thinkingEffort?: string | undefined;
   readonly token: string;
   readonly tools: KiloGatewayToolDefinition[];
 }
@@ -40,10 +41,15 @@ interface StreamReaderContext {
 
 const trimTrailingSlash = (value: string): string => value.replace(/\/+$/, '');
 const organizationHeaderName = 'x-kilocode-organizationid';
-
 const isRecord = (value: unknown): value is Record<string, unknown> =>
   typeof value === 'object' && value !== null;
-
+const toReasoning = (effort: string | undefined) =>
+  effort === undefined || effort === 'default'
+    ? undefined
+    : {
+        effort: effort === 'instant' ? 'none' : effort,
+        enabled: effort !== 'instant' && effort !== 'none',
+      };
 const parseJson = (value: string): unknown => {
   try {
     return JSON.parse(value);
@@ -51,7 +57,6 @@ const parseJson = (value: string): unknown => {
     throw new TypeError('Gateway eval tool call arguments were not valid JSON.');
   }
 };
-
 const getString = (value: unknown, message: string): string => {
   if (typeof value !== 'string' || value.length === 0) {
     throw new TypeError(message);
@@ -59,7 +64,6 @@ const getString = (value: unknown, message: string): string => {
 
   return value;
 };
-
 const parseEvalToolArguments = (value: unknown): { readonly code: string } => {
   if (typeof value !== 'string') {
     throw new TypeError('Gateway eval tool call did not include arguments.');
@@ -73,7 +77,6 @@ const parseEvalToolArguments = (value: unknown): { readonly code: string } => {
 
   return { code: parsed['code'] };
 };
-
 const parseEvalToolCallBuffer = (value: StreamingToolCallBuffer): KiloGatewayEvalToolCall => {
   if (value.name !== 'eval') {
     throw new TypeError('Gateway stream tool call did not include eval.');
@@ -87,7 +90,6 @@ const parseEvalToolCallBuffer = (value: StreamingToolCallBuffer): KiloGatewayEva
     name: value.name,
   };
 };
-
 const parseServerSentEvents = (text: string): string[] =>
   text
     .split('\n\n')
@@ -101,7 +103,6 @@ const parseServerSentEvents = (text: string): string[] =>
       return dataLines.length === 0 ? [] : [dataLines.join('\n')];
     })
     .filter(data => data.length > 0);
-
 const mergeStreamingToolCall = (
   toolCallsByIndex: Map<number, StreamingToolCallBuffer>,
   value: unknown
@@ -135,7 +136,6 @@ const mergeStreamingToolCall = (
 
   toolCallsByIndex.set(index, next);
 };
-
 const applyStreamingData = (
   accumulator: StreamingAccumulator,
   data: string,
@@ -171,7 +171,6 @@ const applyStreamingData = (
     }
   }
 };
-
 const toCompletion = (accumulator: StreamingAccumulator): KiloGatewayChatCompletion => ({
   ...(accumulator.content === '' ? {} : { content: accumulator.content }),
   toolCalls: [...accumulator.toolCallsByIndex.values()].map(toolCall =>
@@ -200,7 +199,6 @@ export const parseKiloGatewayChatCompletionStream = (
 
   return toCompletion(accumulator);
 };
-
 const consumeStreamReader = async ({
   accumulator,
   decoder,
@@ -233,7 +231,6 @@ const consumeStreamReader = async ({
 
   await consumeStreamReader({ accumulator, decoder, onContentDelta, reader });
 };
-
 const consumeKiloGatewayChatCompletionStream = async (
   body: ReadableStream<Uint8Array>,
   onContentDelta: (delta: string) => void
@@ -255,7 +252,6 @@ const consumeKiloGatewayChatCompletionStream = async (
 
   return toCompletion(accumulator);
 };
-
 export const fetchKiloGatewayChatCompletionStream = async ({
   apiBaseUrl,
   fetch,
@@ -264,13 +260,16 @@ export const fetchKiloGatewayChatCompletionStream = async ({
   onContentDelta,
   organizationId,
   signal,
+  thinkingEffort,
   token,
   tools,
 }: FetchKiloGatewayChatCompletionStreamOptions): Promise<KiloGatewayChatCompletion> => {
+  const reasoning = toReasoning(thinkingEffort);
   const response = await fetch(`${trimTrailingSlash(apiBaseUrl)}/api/gateway/v1/chat/completions`, {
     body: JSON.stringify({
       messages,
       model,
+      ...(reasoning === undefined ? {} : { reasoning }),
       stream: true,
       temperature: 0,
       tool_choice: tools.length === 0 ? 'none' : 'auto',
@@ -287,14 +286,11 @@ export const fetchKiloGatewayChatCompletionStream = async ({
     method: 'POST',
     ...(signal === undefined ? {} : { signal }),
   });
-
   if (!response.ok) {
     throw new Error(`Failed to fetch gateway chat completion stream: ${response.status}`);
   }
-
   if (response.body === null) {
     throw new Error('Gateway chat completion stream did not include a body.');
   }
-
   return consumeKiloGatewayChatCompletionStream(response.body, onContentDelta);
 };

From b7354d1acba44587eadeae099f99755c1c9fab7c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 20:29:36 +0200
Subject: [PATCH 37/51] fix(extension): clear unavailable organization
 selection

---
 .../sidepanel/organization-credit-account.tsx | 22 +++++++++++-----
 .../src/shared/organization-selection.test.ts | 24 +++++++++++++++++
 .../src/shared/organization-selection.ts      | 26 +++++++++++++++++++
 3 files changed, 66 insertions(+), 6 deletions(-)
 create mode 100644 apps/extension/src/shared/organization-selection.test.ts
 create mode 100644 apps/extension/src/shared/organization-selection.ts

diff --git a/apps/extension/entrypoints/sidepanel/organization-credit-account.tsx b/apps/extension/entrypoints/sidepanel/organization-credit-account.tsx
index 912e343017..1f87d6ff64 100644
--- a/apps/extension/entrypoints/sidepanel/organization-credit-account.tsx
+++ b/apps/extension/entrypoints/sidepanel/organization-credit-account.tsx
@@ -1,10 +1,11 @@
 import { storage } from '#imports';
-import { useEffect, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import type { JSX } from 'react';
 import { getKiloApiBaseUrl } from '@/src/shared/auth';
 import type { FetchLike } from '@/src/shared/auth';
 import { fetchKiloOrganizations } from '@/src/shared/kilo-api-client';
 import type { KiloOrganizationOption } from '@/src/shared/kilo-api-client';
+import { getSelectableOrganizationId } from '@/src/shared/organization-selection';
 
 const selectedOrganizationStorageKey = 'local:kiloSelectedOrganizationId';
 const apiBaseUrl = getKiloApiBaseUrl();
@@ -19,6 +20,7 @@ export const useOrganizationCreditAccount = (
 } => {
   const [organizationOptions, setOrganizationOptions] = useState<KiloOrganizationOption[]>([]);
   const [selectedOrganizationId, setSelectedOrganizationId] = useState('');
+  const selectedOrganizationIdRef = useRef('');
 
   useEffect(() => {
     const abort = new AbortController();
@@ -39,11 +41,18 @@ export const useOrganizationCreditAccount = (
 
         setOrganizationOptions(organizations);
 
-        if (
-          typeof storedOrganizationId === 'string' &&
-          organizations.some(organization => organization.id === storedOrganizationId)
-        ) {
-          setSelectedOrganizationId(storedOrganizationId);
+        const nextOrganizationId = getSelectableOrganizationId({
+          organizations,
+          selectedOrganizationId: selectedOrganizationIdRef.current,
+          storedOrganizationId:
+            typeof storedOrganizationId === 'string' ? storedOrganizationId : null,
+        });
+
+        selectedOrganizationIdRef.current = nextOrganizationId;
+        setSelectedOrganizationId(nextOrganizationId);
+
+        if (nextOrganizationId === '') {
+          await storage.removeItem(selectedOrganizationStorageKey);
         }
       } catch (error) {
         if (!(error instanceof Error) || error.name !== 'AbortError') {
@@ -58,6 +67,7 @@ export const useOrganizationCreditAccount = (
   }, [token]);
 
   const selectOrganization = (organizationId: string): void => {
+    selectedOrganizationIdRef.current = organizationId;
     setSelectedOrganizationId(organizationId);
 
     if (organizationId === '') {
diff --git a/apps/extension/src/shared/organization-selection.test.ts b/apps/extension/src/shared/organization-selection.test.ts
new file mode 100644
index 0000000000..a73e9185f1
--- /dev/null
+++ b/apps/extension/src/shared/organization-selection.test.ts
@@ -0,0 +1,24 @@
+import { describe, expect, it } from 'vitest';
+import { getSelectableOrganizationId } from './organization-selection';
+
+describe('organization selection', () => {
+  it('clears a selected organization that is no longer available', () => {
+    expect(
+      getSelectableOrganizationId({
+        organizations: [{ id: 'org-2', name: 'Other org' }],
+        selectedOrganizationId: 'org-1',
+        storedOrganizationId: 'org-1',
+      })
+    ).toBe('');
+  });
+
+  it('keeps a selected organization that is still available', () => {
+    expect(
+      getSelectableOrganizationId({
+        organizations: [{ id: 'org-1', name: 'Acme' }],
+        selectedOrganizationId: 'org-1',
+        storedOrganizationId: null,
+      })
+    ).toBe('org-1');
+  });
+});
diff --git a/apps/extension/src/shared/organization-selection.ts b/apps/extension/src/shared/organization-selection.ts
new file mode 100644
index 0000000000..796fd0ab1b
--- /dev/null
+++ b/apps/extension/src/shared/organization-selection.ts
@@ -0,0 +1,26 @@
+import type { KiloOrganizationOption } from './kilo-api-client';
+
+const hasOrganization = (
+  organizations: KiloOrganizationOption[],
+  organizationId: string
+): boolean => organizations.some(organization => organization.id === organizationId);
+
+export const getSelectableOrganizationId = ({
+  organizations,
+  selectedOrganizationId,
+  storedOrganizationId,
+}: {
+  organizations: KiloOrganizationOption[];
+  selectedOrganizationId: string;
+  storedOrganizationId: string | null;
+}): string => {
+  if (selectedOrganizationId !== '' && hasOrganization(organizations, selectedOrganizationId)) {
+    return selectedOrganizationId;
+  }
+
+  if (storedOrganizationId !== null && hasOrganization(organizations, storedOrganizationId)) {
+    return storedOrganizationId;
+  }
+
+  return '';
+};

From 946d4e7752994dcfeb42d1e12799015771aaefd2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 20:35:24 +0200
Subject: [PATCH 38/51] fix(extension): abort running request on remount

---
 .../sidepanel/agent-chat-panel.tsx            | 38 +++-------
 .../src/shared/agent-chat-placeholder.ts      | 29 ++++++++
 apps/extension/tests/e2e/run-abort.test.ts    | 69 +++++++++++++++++++
 3 files changed, 109 insertions(+), 27 deletions(-)
 create mode 100644 apps/extension/tests/e2e/run-abort.test.ts

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index 28eafcfdc0..1e42466a8e 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -6,7 +6,14 @@ import {
   groupConversationEvents,
 } from '@/src/shared/agent-conversation';
 import type { AgentConversationEvent, AgentMode } from '@/src/shared/agent-conversation';
-import { getFooterControlDisplay } from '@/src/shared/agent-chat-placeholder';
+import {
+  defaultMode,
+  defaultThinkingEffort,
+  defaultThinkingOption,
+  fallbackDefaultModelId,
+  fallbackModelOptions,
+  getFooterControlDisplay,
+} from '@/src/shared/agent-chat-placeholder';
 import { getKiloApiBaseUrl } from '@/src/shared/auth';
 import type { StoredAuth } from '@/src/shared/auth';
 import { fetchKiloGatewayModels } from '@/src/shared/kilo-api-client';
@@ -17,11 +24,6 @@ import { runDangerousLlmTurn } from './agent-llm-turn-runner';
 import { useTabDebugger } from './use-tab-debugger';
 import { ConversationList } from './conversation-list';
 
-const effortOptions = ['low', 'medium', 'high'] as const;
-const defaultThinkingOption = 'default';
-const fallbackDefaultModelId = 'Claude Sonnet 4';
-const defaultMode = 'safe';
-const defaultThinkingEffort = 'medium';
 const apiBaseUrl = getKiloApiBaseUrl();
 const fetchFromWindow = (input: string, init?: RequestInit): Promise<Response> =>
   fetch(input, init);
@@ -29,27 +31,6 @@ const createDefaultConversationEvents = (): AgentConversationEvent[] => [
   createAssistantMessage('Pick a tab, switch to dangerous mode, and ask Kilo to inspect it.'),
 ];
 
-const fallbackModelOptions: KiloGatewayModelOption[] = [
-  {
-    id: fallbackDefaultModelId,
-    isPreferred: true,
-    name: 'Claude Sonnet 4',
-    variants: [...effortOptions],
-  },
-  {
-    id: 'Claude Opus 4',
-    isPreferred: true,
-    name: 'Claude Opus 4',
-    variants: [...effortOptions],
-  },
-  {
-    id: 'GPT-5',
-    isPreferred: true,
-    name: 'GPT-5',
-    variants: [...effortOptions],
-  },
-];
-
 export const AgentChatPanel = ({
   auth,
   organizationId,
@@ -95,6 +76,9 @@ export const AgentChatPanel = ({
 
   useEffect(() => {
     void loadInspectableTabs();
+    return () => {
+      runAbortRef.current?.abort();
+    };
   }, [loadInspectableTabs]);
 
   useEffect(() => {
diff --git a/apps/extension/src/shared/agent-chat-placeholder.ts b/apps/extension/src/shared/agent-chat-placeholder.ts
index 24684ee00b..497d187f5c 100644
--- a/apps/extension/src/shared/agent-chat-placeholder.ts
+++ b/apps/extension/src/shared/agent-chat-placeholder.ts
@@ -1,4 +1,5 @@
 import { thinkingEffortLabel } from './kilo-api-client';
+import type { KiloGatewayModelOption } from './kilo-api-client';
 
 export interface AgentPanelFooterState {
   readonly mode: 'dangerous' | 'safe';
@@ -21,6 +22,34 @@ const modelLabels: Record<string, string> = {
   'GPT-5': 'GPT-5',
 };
 
+const effortOptions = ['low', 'medium', 'high'] as const;
+
+export const defaultMode = 'safe';
+export const defaultThinkingEffort = 'medium';
+export const fallbackDefaultModelId = 'Claude Sonnet 4';
+export const defaultThinkingOption = 'default';
+
+export const fallbackModelOptions: KiloGatewayModelOption[] = [
+  {
+    id: fallbackDefaultModelId,
+    isPreferred: true,
+    name: 'Claude Sonnet 4',
+    variants: [...effortOptions],
+  },
+  {
+    id: 'Claude Opus 4',
+    isPreferred: true,
+    name: 'Claude Opus 4',
+    variants: [...effortOptions],
+  },
+  {
+    id: 'GPT-5',
+    isPreferred: true,
+    name: 'GPT-5',
+    variants: [...effortOptions],
+  },
+];
+
 export const getFooterControlDisplay = (
   footer: AgentPanelFooterState
 ): AgentFooterControlDisplay => ({
diff --git a/apps/extension/tests/e2e/run-abort.test.ts b/apps/extension/tests/e2e/run-abort.test.ts
new file mode 100644
index 0000000000..c581672edb
--- /dev/null
+++ b/apps/extension/tests/e2e/run-abort.test.ts
@@ -0,0 +1,69 @@
+/* eslint-disable import/no-nodejs-modules */
+import { expect, test } from '@playwright/test';
+import { rm } from 'node:fs/promises';
+import {
+  launchExtensionContext,
+  seedExtensionAuth,
+  startFixtureServer,
+} from './extension-context-fixture';
+import { mockKiloApi } from './kilo-api-fixture';
+
+test('new conversation aborts a running request', async () => {
+  const fixture = await startFixtureServer();
+  const { promise: pendingCompletion, resolve: releaseCompletion } = Promise.withResolvers<void>();
+  const { context, extensionId, userDataDir } = await launchExtensionContext();
+
+  try {
+    await mockKiloApi(context, {
+      beforeFirstCompletion: () => pendingCompletion,
+    });
+
+    const page = await context.newPage();
+    await page.goto(fixture.url);
+
+    const sidePanel = await context.newPage();
+    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
+    await seedExtensionAuth(sidePanel);
+    await sidePanel.reload();
+    await sidePanel.evaluate(() => {
+      const originalFetch = globalThis.fetch.bind(globalThis);
+      const state = globalThis as typeof globalThis & { __kiloChatAborted?: boolean };
+
+      state.__kiloChatAborted = false;
+      globalThis.fetch = ((input, init) => {
+        init?.signal?.addEventListener(
+          'abort',
+          () => {
+            state.__kiloChatAborted = true;
+          },
+          { once: true }
+        );
+
+        return originalFetch(input, init);
+      }) as typeof globalThis.fetch;
+    });
+
+    await sidePanel.getByRole('button', { name: /Safe mode/u }).click();
+    await sidePanel.getByRole('button', { name: 'Dangerous' }).click();
+    await sidePanel.getByLabel('Message agent').fill('Inspect this tab');
+    await sidePanel.getByLabel('Message agent').press('Enter');
+
+    await expect(sidePanel.getByRole('button', { name: 'Stop' })).toBeVisible();
+    await sidePanel.getByLabel('New conversation').click();
+
+    await expect
+      .poll(() =>
+        sidePanel.evaluate(() => {
+          const state = globalThis as typeof globalThis & { __kiloChatAborted?: boolean };
+
+          return state.__kiloChatAborted === true;
+        })
+      )
+      .toBe(true);
+  } finally {
+    releaseCompletion();
+    await context.close();
+    await fixture.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});

From abd7da7840ae188eb144c67296955f6a91ef2bd0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 20:41:08 +0200
Subject: [PATCH 39/51] fix(extension): wait for model catalog

---
 .../sidepanel/agent-chat-panel.tsx            | 49 ++++++++++---------
 .../sidepanel/agent-footer-controls.tsx       | 33 ++++++++-----
 .../src/shared/agent-chat-placeholder.ts      | 27 ----------
 .../kilo-gateway-chat-stream-client.test.ts   | 46 +++++++++++++++++
 .../shared/kilo-gateway-chat-stream-client.ts | 17 ++++---
 apps/extension/tests/e2e/kilo-api-fixture.ts  | 13 +++--
 .../extension/tests/e2e/model-loading.test.ts | 37 ++++++++++++++
 7 files changed, 148 insertions(+), 74 deletions(-)
 create mode 100644 apps/extension/tests/e2e/model-loading.test.ts

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index 1e42466a8e..fa3d8e6882 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -6,14 +6,7 @@ import {
   groupConversationEvents,
 } from '@/src/shared/agent-conversation';
 import type { AgentConversationEvent, AgentMode } from '@/src/shared/agent-conversation';
-import {
-  defaultMode,
-  defaultThinkingEffort,
-  defaultThinkingOption,
-  fallbackDefaultModelId,
-  fallbackModelOptions,
-  getFooterControlDisplay,
-} from '@/src/shared/agent-chat-placeholder';
+import { defaultMode, getFooterControlDisplay } from '@/src/shared/agent-chat-placeholder';
 import { getKiloApiBaseUrl } from '@/src/shared/auth';
 import type { StoredAuth } from '@/src/shared/auth';
 import { fetchKiloGatewayModels } from '@/src/shared/kilo-api-client';
@@ -42,9 +35,9 @@ export const AgentChatPanel = ({
   const [events, setEvents] = useStoredAgentConversation(createDefaultConversationEvents);
   const [isRunning, setIsRunning] = useState(false);
   const [mode, setMode] = useState<AgentMode>(defaultMode);
-  const [model, setModel] = useState(fallbackDefaultModelId);
-  const [modelOptions, setModelOptions] = useState<KiloGatewayModelOption[]>(fallbackModelOptions);
-  const [thinkingEffort, setThinkingEffort] = useState(defaultThinkingEffort);
+  const [model, setModel] = useState('');
+  const [modelOptions, setModelOptions] = useState<KiloGatewayModelOption[]>([]);
+  const [thinkingEffort, setThinkingEffort] = useState('');
   const runAbortRef = useRef<AbortController | null>(null);
   const {
     inspectableTabs,
@@ -60,10 +53,7 @@ export const AgentChatPanel = ({
   );
   const groupedEvents = useMemo(() => groupConversationEvents(events), [events]);
   const thinkingOptions = useMemo(
-    () =>
-      selectedModel === undefined || selectedModel.variants.length === 0
-        ? [defaultThinkingOption]
-        : selectedModel.variants,
+    () => (selectedModel === undefined ? [] : selectedModel.variants),
     [selectedModel]
   );
   const footerDisplay = getFooterControlDisplay({
@@ -71,8 +61,8 @@ export const AgentChatPanel = ({
     model: selectedModel?.name ?? model,
     thinkingEffort,
   });
-  const isThinkingSelectDisabled =
-    selectedModel !== undefined && selectedModel.variants.length === 0;
+  const isModelSelectDisabled = modelOptions.length === 0;
+  const isThinkingSelectDisabled = thinkingOptions.length === 0;
 
   useEffect(() => {
     void loadInspectableTabs();
@@ -94,15 +84,14 @@ export const AgentChatPanel = ({
           token: auth.token,
         });
 
-        if (!abort.signal.aborted && models.length > 0) {
+        if (!abort.signal.aborted) {
           setModelOptions(models);
         }
       } catch (error) {
         if (error instanceof Error && error.name === 'AbortError') {
           return;
         }
-
-        setModelOptions(fallbackModelOptions);
+        setModelOptions([]);
       }
     })();
 
@@ -113,21 +102,27 @@ export const AgentChatPanel = ({
 
   useEffect(() => {
     if (modelOptions.length === 0) {
+      if (model !== '') {
+        setModel('');
+      }
       return;
     }
 
     if (!modelOptions.some(option => option.id === model)) {
-      setModel(modelOptions[0]?.id ?? fallbackDefaultModelId);
+      setModel(modelOptions[0]?.id ?? '');
     }
   }, [model, modelOptions]);
 
   useEffect(() => {
     if (thinkingOptions.length === 0) {
+      if (thinkingEffort !== '') {
+        setThinkingEffort('');
+      }
       return;
     }
 
     if (!thinkingOptions.includes(thinkingEffort)) {
-      setThinkingEffort(thinkingOptions[0] ?? defaultThinkingOption);
+      setThinkingEffort(thinkingOptions[0] ?? '');
     }
   }, [thinkingEffort, thinkingOptions]);
 
@@ -163,6 +158,11 @@ export const AgentChatPanel = ({
       return;
     }
 
+    if (model === '') {
+      appendEvents([createAssistantMessage('Models are still loading.')]);
+      return;
+    }
+
     const abort = new AbortController();
     runAbortRef.current = abort;
     setIsRunning(true);
@@ -195,7 +195,7 @@ export const AgentChatPanel = ({
   const submitDraft = (): void => {
     const text = draft.trim();
 
-    if (text === '' || isRunning) {
+    if (text === '' || isRunning || model === '') {
       return;
     }
 
@@ -239,7 +239,7 @@ export const AgentChatPanel = ({
         <div className="mt-2 grid gap-2">
           <button
             className="h-9 w-full rounded-md bg-[#EDFF00] px-3 text-sm font-semibold text-zinc-950 transition hover:bg-[#d9ea00] focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950 disabled:cursor-not-allowed disabled:bg-zinc-800 disabled:text-zinc-500"
-            disabled={draft.trim() === '' || isRunning}
+            disabled={draft.trim() === '' || isRunning || model === ''}
             type="submit"
           >
             {isRunning ? 'Running...' : 'Send message'}
@@ -260,6 +260,7 @@ export const AgentChatPanel = ({
         <AgentFooterControls
           inspectableTabs={inspectableTabs}
           isLoadingTabs={isLoadingTabs}
+          isModelSelectDisabled={isModelSelectDisabled}
           isThinkingSelectDisabled={isThinkingSelectDisabled}
           mode={mode}
           model={model}
diff --git a/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx b/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
index 22e215127f..5aa94307d1 100644
--- a/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
@@ -10,8 +10,6 @@ const modeOptions = [
   { label: 'Dangerous', value: 'dangerous' },
 ] as const;
 
-const defaultThinkingOption = 'default';
-
 type AgentMode = 'dangerous' | 'safe';
 
 const ModeIcon = ({
@@ -151,6 +149,7 @@ const ModeControl = ({
 export const AgentFooterControls = ({
   inspectableTabs,
   isLoadingTabs,
+  isModelSelectDisabled,
   isThinkingSelectDisabled,
   mode,
   model,
@@ -167,6 +166,7 @@ export const AgentFooterControls = ({
 }: {
   inspectableTabs: InspectableTab[];
   isLoadingTabs: boolean;
+  isModelSelectDisabled: boolean;
   isThinkingSelectDisabled: boolean;
   mode: AgentMode;
   model: string;
@@ -235,14 +235,19 @@ export const AgentFooterControls = ({
       <CompactSelectControl
         ariaLabel="Model"
         className="flex-1 pl-2 pr-6"
+        disabled={isModelSelectDisabled}
         onChange={onModelChange}
         value={model}
       >
-        {modelOptions.map(option => (
-          <option key={option.id} value={option.id}>
-            {option.name}
-          </option>
-        ))}
+        {modelOptions.length === 0 ? (
+          <option value="">Loading models...</option>
+        ) : (
+          modelOptions.map(option => (
+            <option key={option.id} value={option.id}>
+              {option.name}
+            </option>
+          ))
+        )}
       </CompactSelectControl>
       <CompactSelectControl
         ariaLabel="Thinking effort"
@@ -251,11 +256,15 @@ export const AgentFooterControls = ({
         onChange={onThinkingEffortChange}
         value={thinkingEffort}
       >
-        {thinkingOptions.map(option => (
-          <option key={option} value={option}>
-            {option === defaultThinkingOption ? 'Default' : thinkingEffortLabel(option)}
-          </option>
-        ))}
+        {thinkingOptions.length === 0 ? (
+          <option value="">...</option>
+        ) : (
+          thinkingOptions.map(option => (
+            <option key={option} value={option}>
+              {thinkingEffortLabel(option)}
+            </option>
+          ))
+        )}
       </CompactSelectControl>
     </div>
   </div>
diff --git a/apps/extension/src/shared/agent-chat-placeholder.ts b/apps/extension/src/shared/agent-chat-placeholder.ts
index 497d187f5c..b441686c9a 100644
--- a/apps/extension/src/shared/agent-chat-placeholder.ts
+++ b/apps/extension/src/shared/agent-chat-placeholder.ts
@@ -1,5 +1,4 @@
 import { thinkingEffortLabel } from './kilo-api-client';
-import type { KiloGatewayModelOption } from './kilo-api-client';
 
 export interface AgentPanelFooterState {
   readonly mode: 'dangerous' | 'safe';
@@ -22,33 +21,7 @@ const modelLabels: Record<string, string> = {
   'GPT-5': 'GPT-5',
 };
 
-const effortOptions = ['low', 'medium', 'high'] as const;
-
 export const defaultMode = 'safe';
-export const defaultThinkingEffort = 'medium';
-export const fallbackDefaultModelId = 'Claude Sonnet 4';
-export const defaultThinkingOption = 'default';
-
-export const fallbackModelOptions: KiloGatewayModelOption[] = [
-  {
-    id: fallbackDefaultModelId,
-    isPreferred: true,
-    name: 'Claude Sonnet 4',
-    variants: [...effortOptions],
-  },
-  {
-    id: 'Claude Opus 4',
-    isPreferred: true,
-    name: 'Claude Opus 4',
-    variants: [...effortOptions],
-  },
-  {
-    id: 'GPT-5',
-    isPreferred: true,
-    name: 'GPT-5',
-    variants: [...effortOptions],
-  },
-];
 
 export const getFooterControlDisplay = (
   footer: AgentPanelFooterState
diff --git a/apps/extension/src/shared/kilo-gateway-chat-stream-client.test.ts b/apps/extension/src/shared/kilo-gateway-chat-stream-client.test.ts
index bb929a6cea..74fcbd3e1f 100644
--- a/apps/extension/src/shared/kilo-gateway-chat-stream-client.test.ts
+++ b/apps/extension/src/shared/kilo-gateway-chat-stream-client.test.ts
@@ -134,4 +134,50 @@ describe('kilo gateway chat stream client', () => {
       reasoning: { effort: 'none', enabled: false },
     });
   });
+
+  it('maps instant thinking effort to disabled gateway reasoning', async () => {
+    let seenBody: unknown = null;
+    const fetch: FetchLike = (_input, init) => {
+      seenBody = parseJsonRequestBody(init?.body);
+
+      return streamResponse(['data: [DONE]\n\n']);
+    };
+
+    await fetchKiloGatewayChatCompletionStream({
+      apiBaseUrl: 'https://app.kilo.ai',
+      fetch,
+      messages: [{ content: 'Be instant', role: 'user' }],
+      model: 'anthropic/claude-sonnet-4',
+      onContentDelta: () => {},
+      thinkingEffort: 'instant',
+      token: 'token-1',
+      tools: [],
+    });
+
+    expect(seenBody).toMatchObject({
+      reasoning: { effort: 'none', enabled: false },
+    });
+  });
+
+  it('omits unsupported thinking effort variants from gateway reasoning', async () => {
+    let seenBody: unknown = null;
+    const fetch: FetchLike = (_input, init) => {
+      seenBody = parseJsonRequestBody(init?.body);
+
+      return streamResponse(['data: [DONE]\n\n']);
+    };
+
+    await fetchKiloGatewayChatCompletionStream({
+      apiBaseUrl: 'https://app.kilo.ai',
+      fetch,
+      messages: [{ content: 'Think harder', role: 'user' }],
+      model: 'anthropic/claude-sonnet-4',
+      onContentDelta: () => {},
+      thinkingEffort: 'xhigh',
+      token: 'token-1',
+      tools: [],
+    });
+
+    expect(seenBody).not.toHaveProperty('reasoning');
+  });
 });
diff --git a/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts b/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts
index 172cd1ae72..d14f42b757 100644
--- a/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts
+++ b/apps/extension/src/shared/kilo-gateway-chat-stream-client.ts
@@ -41,15 +41,18 @@ interface StreamReaderContext {
 
 const trimTrailingSlash = (value: string): string => value.replace(/\/+$/, '');
 const organizationHeaderName = 'x-kilocode-organizationid';
+const validGatewayReasoningEfforts = new Set(['high', 'low', 'medium', 'minimal', 'none']);
 const isRecord = (value: unknown): value is Record<string, unknown> =>
   typeof value === 'object' && value !== null;
-const toReasoning = (effort: string | undefined) =>
-  effort === undefined || effort === 'default'
-    ? undefined
-    : {
-        effort: effort === 'instant' ? 'none' : effort,
-        enabled: effort !== 'instant' && effort !== 'none',
-      };
+const toReasoning = (effort: string | undefined) => {
+  const gatewayEffort = effort === 'instant' ? 'none' : effort;
+
+  if (gatewayEffort === undefined || !validGatewayReasoningEfforts.has(gatewayEffort)) {
+    return;
+  }
+
+  return { effort: gatewayEffort, enabled: gatewayEffort !== 'none' };
+};
 const parseJson = (value: string): unknown => {
   try {
     return JSON.parse(value);
diff --git a/apps/extension/tests/e2e/kilo-api-fixture.ts b/apps/extension/tests/e2e/kilo-api-fixture.ts
index 6c64b2a9ce..4977a7f78f 100644
--- a/apps/extension/tests/e2e/kilo-api-fixture.ts
+++ b/apps/extension/tests/e2e/kilo-api-fixture.ts
@@ -37,6 +37,7 @@ export const mockKiloApi = async (
   context: BrowserContext,
   options: {
     beforeFirstCompletion?: () => Promise<void>;
+    beforeModels?: () => Promise<void>;
     firstCompletionEvents?: unknown[];
     organizations?: { id: string; name: string }[];
     secondCompletionEvents?: unknown[];
@@ -60,8 +61,12 @@ export const mockKiloApi = async (
       status: 200,
     })
   );
-  await context.route('https://app.kilo.ai/api/gateway/models', route =>
-    route.fulfill({
+  await context.route('https://app.kilo.ai/api/gateway/models', async route => {
+    if (options.beforeModels !== undefined) {
+      await options.beforeModels();
+    }
+
+    await route.fulfill({
       json: {
         data: [
           {
@@ -73,8 +78,8 @@ export const mockKiloApi = async (
         ],
       },
       status: 200,
-    })
-  );
+    });
+  });
   await context.route('https://app.kilo.ai/api/gateway/v1/chat/completions', async route => {
     chatCompletionCalls += 1;
     options.seenChatOrganizationIds?.push(
diff --git a/apps/extension/tests/e2e/model-loading.test.ts b/apps/extension/tests/e2e/model-loading.test.ts
new file mode 100644
index 0000000000..f3621f4a40
--- /dev/null
+++ b/apps/extension/tests/e2e/model-loading.test.ts
@@ -0,0 +1,37 @@
+/* eslint-disable import/no-nodejs-modules */
+import { expect, test } from '@playwright/test';
+import { rm } from 'node:fs/promises';
+import { launchExtensionContext, seedExtensionAuth } from './extension-context-fixture';
+import { mockKiloApi } from './kilo-api-fixture';
+
+test('model and thinking controls wait for the model catalog', async () => {
+  const { promise: pendingModels, resolve: releaseModels } = Promise.withResolvers<void>();
+  const { context, extensionId, userDataDir } = await launchExtensionContext();
+
+  try {
+    await mockKiloApi(context, {
+      beforeModels: () => pendingModels,
+    });
+
+    const sidePanel = await context.newPage();
+    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
+    await seedExtensionAuth(sidePanel);
+    await sidePanel.reload();
+
+    await expect(sidePanel.getByLabel('Model')).toBeDisabled();
+    await expect(sidePanel.getByLabel('Model')).toContainText('Loading models...');
+    await expect(sidePanel.getByLabel('Thinking effort')).toBeDisabled();
+    await sidePanel.getByLabel('Message agent').fill('Inspect this tab');
+    await expect(sidePanel.getByRole('button', { name: 'Send message' })).toBeDisabled();
+
+    releaseModels();
+
+    await expect(sidePanel.getByLabel('Model')).toBeEnabled();
+    await expect(sidePanel.getByLabel('Model')).toContainText('Claude Sonnet 4');
+    await expect(sidePanel.getByLabel('Thinking effort')).toBeEnabled();
+  } finally {
+    releaseModels();
+    await context.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});

From f6a652f6f71b8cb83cd6114dfc6d4843c236b2d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 20:42:09 +0200
Subject: [PATCH 40/51] fix(extension): clear missing selected organization

---
 .../src/shared/organization-selection.test.ts          | 10 ++++++++++
 apps/extension/src/shared/organization-selection.ts    |  4 ++++
 2 files changed, 14 insertions(+)

diff --git a/apps/extension/src/shared/organization-selection.test.ts b/apps/extension/src/shared/organization-selection.test.ts
index a73e9185f1..fde23a7eeb 100644
--- a/apps/extension/src/shared/organization-selection.test.ts
+++ b/apps/extension/src/shared/organization-selection.test.ts
@@ -12,6 +12,16 @@ describe('organization selection', () => {
     ).toBe('');
   });
 
+  it('does not replace a missing selected organization with stored organization', () => {
+    expect(
+      getSelectableOrganizationId({
+        organizations: [{ id: 'org-2', name: 'Other org' }],
+        selectedOrganizationId: 'org-1',
+        storedOrganizationId: 'org-2',
+      })
+    ).toBe('');
+  });
+
   it('keeps a selected organization that is still available', () => {
     expect(
       getSelectableOrganizationId({
diff --git a/apps/extension/src/shared/organization-selection.ts b/apps/extension/src/shared/organization-selection.ts
index 796fd0ab1b..c8af3ca0fe 100644
--- a/apps/extension/src/shared/organization-selection.ts
+++ b/apps/extension/src/shared/organization-selection.ts
@@ -18,6 +18,10 @@ export const getSelectableOrganizationId = ({
     return selectedOrganizationId;
   }
 
+  if (selectedOrganizationId !== '') {
+    return '';
+  }
+
   if (storedOrganizationId !== null && hasOrganization(organizations, storedOrganizationId)) {
     return storedOrganizationId;
   }

From 017f3ff473cc9b87b7c876610a6f9fd4fc4ef209 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 20:46:44 +0200
Subject: [PATCH 41/51] test(extension): observe chat request abort

---
 apps/extension/tests/e2e/kilo-api-fixture.ts | 44 ++++++++++++++++++++
 apps/extension/tests/e2e/run-abort.test.ts   | 34 ++++-----------
 2 files changed, 51 insertions(+), 27 deletions(-)

diff --git a/apps/extension/tests/e2e/kilo-api-fixture.ts b/apps/extension/tests/e2e/kilo-api-fixture.ts
index 4977a7f78f..9993bdb064 100644
--- a/apps/extension/tests/e2e/kilo-api-fixture.ts
+++ b/apps/extension/tests/e2e/kilo-api-fixture.ts
@@ -32,6 +32,11 @@ const chatCompletionStreamResponse = (events: unknown[]): string =>
 
 const longEvalIdentifier = `kilo${'VeryLongIdentifier'.repeat(16)}`;
 const evalFixtureCode = `const ${longEvalIdentifier} = document.documentElement.outerHTML.length; return ${longEvalIdentifier};`;
+const chatCompletionsPath = '/api/gateway/v1/chat/completions';
+
+type ChatAbortObserverWindow = typeof globalThis & {
+  __kiloChatCompletionAborted?: boolean;
+};
 
 export const mockKiloApi = async (
   context: BrowserContext,
@@ -172,6 +177,45 @@ export const mockKiloApi = async (
   });
 };
 
+export const installChatCompletionAbortObserver = async (sidePanel: Page): Promise<void> => {
+  await sidePanel.evaluate(chatPath => {
+    const originalFetch = globalThis.fetch.bind(globalThis);
+    const state = globalThis as ChatAbortObserverWindow;
+
+    state.__kiloChatCompletionAborted = false;
+    globalThis.fetch = ((input, init) => {
+      let requestUrl = '';
+
+      if (input instanceof Request) {
+        requestUrl = input.url;
+      } else if (input instanceof URL) {
+        requestUrl = input.href;
+      } else {
+        requestUrl = input;
+      }
+
+      if (requestUrl.endsWith(chatPath)) {
+        init?.signal?.addEventListener(
+          'abort',
+          () => {
+            state.__kiloChatCompletionAborted = true;
+          },
+          { once: true }
+        );
+      }
+
+      return originalFetch(input, init);
+    }) as typeof globalThis.fetch;
+  }, chatCompletionsPath);
+};
+
+export const wasChatCompletionAborted = (sidePanel: Page): Promise<boolean> =>
+  sidePanel.evaluate(() => {
+    const state = globalThis as ChatAbortObserverWindow;
+
+    return state.__kiloChatCompletionAborted === true;
+  });
+
 export const readSidePanelScrollState = (): {
   documentClientHeight: number;
   documentScrollHeight: number;
diff --git a/apps/extension/tests/e2e/run-abort.test.ts b/apps/extension/tests/e2e/run-abort.test.ts
index c581672edb..572a15b4f0 100644
--- a/apps/extension/tests/e2e/run-abort.test.ts
+++ b/apps/extension/tests/e2e/run-abort.test.ts
@@ -6,7 +6,11 @@ import {
   seedExtensionAuth,
   startFixtureServer,
 } from './extension-context-fixture';
-import { mockKiloApi } from './kilo-api-fixture';
+import {
+  installChatCompletionAbortObserver,
+  mockKiloApi,
+  wasChatCompletionAborted,
+} from './kilo-api-fixture';
 
 test('new conversation aborts a running request', async () => {
   const fixture = await startFixtureServer();
@@ -25,23 +29,7 @@ test('new conversation aborts a running request', async () => {
     await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
     await seedExtensionAuth(sidePanel);
     await sidePanel.reload();
-    await sidePanel.evaluate(() => {
-      const originalFetch = globalThis.fetch.bind(globalThis);
-      const state = globalThis as typeof globalThis & { __kiloChatAborted?: boolean };
-
-      state.__kiloChatAborted = false;
-      globalThis.fetch = ((input, init) => {
-        init?.signal?.addEventListener(
-          'abort',
-          () => {
-            state.__kiloChatAborted = true;
-          },
-          { once: true }
-        );
-
-        return originalFetch(input, init);
-      }) as typeof globalThis.fetch;
-    });
+    await installChatCompletionAbortObserver(sidePanel);
 
     await sidePanel.getByRole('button', { name: /Safe mode/u }).click();
     await sidePanel.getByRole('button', { name: 'Dangerous' }).click();
@@ -51,15 +39,7 @@ test('new conversation aborts a running request', async () => {
     await expect(sidePanel.getByRole('button', { name: 'Stop' })).toBeVisible();
     await sidePanel.getByLabel('New conversation').click();
 
-    await expect
-      .poll(() =>
-        sidePanel.evaluate(() => {
-          const state = globalThis as typeof globalThis & { __kiloChatAborted?: boolean };
-
-          return state.__kiloChatAborted === true;
-        })
-      )
-      .toBe(true);
+    await expect.poll(() => wasChatCompletionAborted(sidePanel)).toBe(true);
   } finally {
     releaseCompletion();
     await context.close();

From f1e2c9fff1a5146dc5759cd53a5d175f35d5bb50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 20:50:05 +0200
Subject: [PATCH 42/51] fix(extension): retry model catalog load

---
 .../sidepanel/agent-chat-panel.tsx            | 27 +++++++++++++------
 .../sidepanel/agent-footer-controls.tsx       | 18 +++++++++++++
 apps/extension/tests/e2e/kilo-api-fixture.ts  |  9 +++++++
 .../extension/tests/e2e/model-loading.test.ts | 26 ++++++++++++++++++
 4 files changed, 72 insertions(+), 8 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index fa3d8e6882..ed9346bd4d 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import type { ChangeEvent, JSX, KeyboardEvent } from 'react';
 import {
   createAssistantMessage,
@@ -36,6 +36,7 @@ export const AgentChatPanel = ({
   const [isRunning, setIsRunning] = useState(false);
   const [mode, setMode] = useState<AgentMode>(defaultMode);
   const [model, setModel] = useState('');
+  const [modelLoadError, setModelLoadError] = useState<string | undefined>();
   const [modelOptions, setModelOptions] = useState<KiloGatewayModelOption[]>([]);
   const [thinkingEffort, setThinkingEffort] = useState('');
   const runAbortRef = useRef<AbortController | null>(null);
@@ -71,34 +72,42 @@ export const AgentChatPanel = ({
     };
   }, [loadInspectableTabs]);
 
-  useEffect(() => {
-    const abort = new AbortController();
+  const loadModels = useCallback(
+    async (signal?: AbortSignal): Promise<void> => {
+      setModelLoadError(undefined);
 
-    void (async (): Promise<void> => {
       try {
         const models = await fetchKiloGatewayModels({
           apiBaseUrl,
           fetch: fetchFromWindow,
           organizationId,
-          signal: abort.signal,
+          ...(signal === undefined ? {} : { signal }),
           token: auth.token,
         });
 
-        if (!abort.signal.aborted) {
+        if (signal?.aborted !== true) {
           setModelOptions(models);
         }
       } catch (error) {
         if (error instanceof Error && error.name === 'AbortError') {
           return;
         }
+
         setModelOptions([]);
+        setModelLoadError('Could not load models.');
       }
-    })();
+    },
+    [auth.token, organizationId]
+  );
+
+  useEffect(() => {
+    const abort = new AbortController();
 
+    void loadModels(abort.signal);
     return () => {
       abort.abort();
     };
-  }, [auth.token, organizationId]);
+  }, [loadModels]);
 
   useEffect(() => {
     if (modelOptions.length === 0) {
@@ -264,10 +273,12 @@ export const AgentChatPanel = ({
           isThinkingSelectDisabled={isThinkingSelectDisabled}
           mode={mode}
           model={model}
+          modelLoadError={modelLoadError}
           modelOptions={modelOptions}
           onModeChange={setMode}
           onModelChange={setModel}
           onRefreshTabs={loadInspectableTabs}
+          onRetryModels={() => loadModels()}
           onSelectedTabChange={selectTab}
           onThinkingEffortChange={setThinkingEffort}
           selectedTabId={selectedTabId}
diff --git a/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx b/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
index 5aa94307d1..ec68d7abae 100644
--- a/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
@@ -153,10 +153,12 @@ export const AgentFooterControls = ({
   isThinkingSelectDisabled,
   mode,
   model,
+  modelLoadError,
   modelOptions,
   onModeChange,
   onModelChange,
   onRefreshTabs,
+  onRetryModels,
   onSelectedTabChange,
   onThinkingEffortChange,
   selectedTabId,
@@ -170,10 +172,12 @@ export const AgentFooterControls = ({
   isThinkingSelectDisabled: boolean;
   mode: AgentMode;
   model: string;
+  modelLoadError: string | undefined;
   modelOptions: KiloGatewayModelOption[];
   onModeChange: (mode: AgentMode) => void;
   onModelChange: (model: string) => void;
   onRefreshTabs: () => Promise<void>;
+  onRetryModels: () => Promise<void>;
   onSelectedTabChange: (tabId: number) => void;
   onThinkingEffortChange: (thinkingEffort: string) => void;
   selectedTabId: number | undefined;
@@ -267,5 +271,19 @@ export const AgentFooterControls = ({
         )}
       </CompactSelectControl>
     </div>
+    {modelLoadError === undefined ? null : (
+      <div className="flex items-center justify-between gap-2">
+        <p className="text-xs leading-4 text-red-300">{modelLoadError}</p>
+        <button
+          className="h-7 shrink-0 rounded-md border border-zinc-700 px-2 text-xs font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
+          onClick={() => {
+            void onRetryModels();
+          }}
+          type="button"
+        >
+          Retry models
+        </button>
+      </div>
+    )}
   </div>
 );
diff --git a/apps/extension/tests/e2e/kilo-api-fixture.ts b/apps/extension/tests/e2e/kilo-api-fixture.ts
index 9993bdb064..6eb42d1292 100644
--- a/apps/extension/tests/e2e/kilo-api-fixture.ts
+++ b/apps/extension/tests/e2e/kilo-api-fixture.ts
@@ -44,6 +44,7 @@ export const mockKiloApi = async (
     beforeFirstCompletion?: () => Promise<void>;
     beforeModels?: () => Promise<void>;
     firstCompletionEvents?: unknown[];
+    modelFailuresBeforeSuccess?: number;
     organizations?: { id: string; name: string }[];
     secondCompletionEvents?: unknown[];
     seenChatOrganizationIds?: string[];
@@ -51,6 +52,7 @@ export const mockKiloApi = async (
   } = {}
 ): Promise<void> => {
   let chatCompletionCalls = 0;
+  let modelCalls = 0;
 
   await context.route('https://app.kilo.ai/api/user', route =>
     route.fulfill({
@@ -67,10 +69,17 @@ export const mockKiloApi = async (
     })
   );
   await context.route('https://app.kilo.ai/api/gateway/models', async route => {
+    modelCalls += 1;
+
     if (options.beforeModels !== undefined) {
       await options.beforeModels();
     }
 
+    if (modelCalls <= (options.modelFailuresBeforeSuccess ?? 0)) {
+      await route.fulfill({ status: 500 });
+      return;
+    }
+
     await route.fulfill({
       json: {
         data: [
diff --git a/apps/extension/tests/e2e/model-loading.test.ts b/apps/extension/tests/e2e/model-loading.test.ts
index f3621f4a40..64c7648fb0 100644
--- a/apps/extension/tests/e2e/model-loading.test.ts
+++ b/apps/extension/tests/e2e/model-loading.test.ts
@@ -35,3 +35,29 @@ test('model and thinking controls wait for the model catalog', async () => {
     await rm(userDataDir, { force: true, recursive: true });
   }
 });
+
+test('model catalog failures can be retried', async () => {
+  const { context, extensionId, userDataDir } = await launchExtensionContext();
+
+  try {
+    await mockKiloApi(context, {
+      modelFailuresBeforeSuccess: 1,
+    });
+
+    const sidePanel = await context.newPage();
+    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
+    await seedExtensionAuth(sidePanel);
+    await sidePanel.reload();
+
+    await expect(sidePanel.getByText('Could not load models.')).toBeVisible();
+    await expect(sidePanel.getByLabel('Model')).toBeDisabled();
+
+    await sidePanel.getByRole('button', { name: 'Retry models' }).click();
+
+    await expect(sidePanel.getByLabel('Model')).toBeEnabled();
+    await expect(sidePanel.getByLabel('Model')).toContainText('Claude Sonnet 4');
+  } finally {
+    await context.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});

From 447c633105877ddbfc277edcc1838c0602b26d99 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 21:01:54 +0200
Subject: [PATCH 43/51] fix(extension): ignore stale model retries

---
 .../sidepanel/agent-chat-panel.tsx            | 16 ++--
 apps/extension/tests/e2e/kilo-api-fixture.ts  | 19 ++++-
 .../extension/tests/e2e/model-loading.test.ts | 82 +++++++++++++++++++
 3 files changed, 107 insertions(+), 10 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index ed9346bd4d..33dc300ef8 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -40,6 +40,7 @@ export const AgentChatPanel = ({
   const [modelOptions, setModelOptions] = useState<KiloGatewayModelOption[]>([]);
   const [thinkingEffort, setThinkingEffort] = useState('');
   const runAbortRef = useRef<AbortController | null>(null);
+  const modelLoadRequestRef = useRef(0);
   const {
     inspectableTabs,
     isLoadingTabs,
@@ -74,6 +75,10 @@ export const AgentChatPanel = ({
 
   const loadModels = useCallback(
     async (signal?: AbortSignal): Promise<void> => {
+      const requestId = (modelLoadRequestRef.current += 1);
+      const isCurrentRequest = (): boolean =>
+        modelLoadRequestRef.current === requestId && signal?.aborted !== true;
+
       setModelLoadError(undefined);
 
       try {
@@ -85,7 +90,7 @@ export const AgentChatPanel = ({
           token: auth.token,
         });
 
-        if (signal?.aborted !== true) {
+        if (isCurrentRequest()) {
           setModelOptions(models);
         }
       } catch (error) {
@@ -93,6 +98,10 @@ export const AgentChatPanel = ({
           return;
         }
 
+        if (!isCurrentRequest()) {
+          return;
+        }
+
         setModelOptions([]);
         setModelLoadError('Could not load models.');
       }
@@ -167,11 +176,6 @@ export const AgentChatPanel = ({
       return;
     }
 
-    if (model === '') {
-      appendEvents([createAssistantMessage('Models are still loading.')]);
-      return;
-    }
-
     const abort = new AbortController();
     runAbortRef.current = abort;
     setIsRunning(true);
diff --git a/apps/extension/tests/e2e/kilo-api-fixture.ts b/apps/extension/tests/e2e/kilo-api-fixture.ts
index 6eb42d1292..e175a246b6 100644
--- a/apps/extension/tests/e2e/kilo-api-fixture.ts
+++ b/apps/extension/tests/e2e/kilo-api-fixture.ts
@@ -42,8 +42,10 @@ export const mockKiloApi = async (
   context: BrowserContext,
   options: {
     beforeFirstCompletion?: () => Promise<void>;
-    beforeModels?: () => Promise<void>;
+    beforeModels?: (organizationId: string) => Promise<void>;
     firstCompletionEvents?: unknown[];
+    modelFailuresBeforeSuccessByOrganizationId?: Record<string, number>;
+    modelNameByOrganizationId?: Record<string, string>;
     modelFailuresBeforeSuccess?: number;
     organizations?: { id: string; name: string }[];
     secondCompletionEvents?: unknown[];
@@ -53,6 +55,7 @@ export const mockKiloApi = async (
 ): Promise<void> => {
   let chatCompletionCalls = 0;
   let modelCalls = 0;
+  const modelCallsByOrganizationId = new Map<string, number>();
 
   await context.route('https://app.kilo.ai/api/user', route =>
     route.fulfill({
@@ -70,12 +73,19 @@ export const mockKiloApi = async (
   );
   await context.route('https://app.kilo.ai/api/gateway/models', async route => {
     modelCalls += 1;
+    const organizationId = route.request().headers()['x-kilocode-organizationid'] ?? '';
+    const organizationModelCalls = (modelCallsByOrganizationId.get(organizationId) ?? 0) + 1;
+    modelCallsByOrganizationId.set(organizationId, organizationModelCalls);
 
     if (options.beforeModels !== undefined) {
-      await options.beforeModels();
+      await options.beforeModels(organizationId);
     }
 
-    if (modelCalls <= (options.modelFailuresBeforeSuccess ?? 0)) {
+    if (
+      modelCalls <= (options.modelFailuresBeforeSuccess ?? 0) ||
+      organizationModelCalls <=
+        (options.modelFailuresBeforeSuccessByOrganizationId?.[organizationId] ?? 0)
+    ) {
       await route.fulfill({ status: 500 });
       return;
     }
@@ -85,7 +95,8 @@ export const mockKiloApi = async (
         data: [
           {
             id: 'anthropic/claude-sonnet-4',
-            name: 'Anthropic: Claude Sonnet 4',
+            name:
+              options.modelNameByOrganizationId?.[organizationId] ?? 'Anthropic: Claude Sonnet 4',
             opencode: { variants: { high: {}, low: {}, medium: {} } },
             preferredIndex: 0,
           },
diff --git a/apps/extension/tests/e2e/model-loading.test.ts b/apps/extension/tests/e2e/model-loading.test.ts
index 64c7648fb0..25beef3e8d 100644
--- a/apps/extension/tests/e2e/model-loading.test.ts
+++ b/apps/extension/tests/e2e/model-loading.test.ts
@@ -1,9 +1,42 @@
 /* eslint-disable import/no-nodejs-modules */
 import { expect, test } from '@playwright/test';
+import type { Response } from '@playwright/test';
 import { rm } from 'node:fs/promises';
 import { launchExtensionContext, seedExtensionAuth } from './extension-context-fixture';
 import { mockKiloApi } from './kilo-api-fixture';
 
+const orgOneId = 'org-1';
+const orgTwoId = 'org-2';
+
+const isOrgOneModelsResponse = (response: Response): boolean =>
+  response.url().endsWith('/api/gateway/models') &&
+  response.request().headers()['x-kilocode-organizationid'] === orgOneId;
+
+const delaySecondOrgOneModelRequest = ({
+  pendingOrgOneModels,
+  markOrgOneModelsRequested,
+}: {
+  markOrgOneModelsRequested: () => void;
+  pendingOrgOneModels: Promise<void>;
+}): ((organizationId: string) => Promise<void>) => {
+  let orgOneModelCalls = 0;
+
+  return organizationId => {
+    if (organizationId !== orgOneId) {
+      return Promise.resolve();
+    }
+
+    orgOneModelCalls += 1;
+
+    if (orgOneModelCalls === 2) {
+      markOrgOneModelsRequested();
+      return pendingOrgOneModels;
+    }
+
+    return Promise.resolve();
+  };
+};
+
 test('model and thinking controls wait for the model catalog', async () => {
   const { promise: pendingModels, resolve: releaseModels } = Promise.withResolvers<void>();
   const { context, extensionId, userDataDir } = await launchExtensionContext();
@@ -61,3 +94,52 @@ test('model catalog failures can be retried', async () => {
     await rm(userDataDir, { force: true, recursive: true });
   }
 });
+
+test('stale organization model loads cannot overwrite the current catalog', async () => {
+  const { promise: pendingOrgOneModels, resolve: releaseOrgOneModels } =
+    Promise.withResolvers<void>();
+  const { promise: orgOneModelsRequested, resolve: markOrgOneModelsRequested } =
+    Promise.withResolvers<void>();
+  const { context, extensionId, userDataDir } = await launchExtensionContext();
+
+  try {
+    await mockKiloApi(context, {
+      beforeModels: delaySecondOrgOneModelRequest({
+        markOrgOneModelsRequested,
+        pendingOrgOneModels,
+      }),
+      modelFailuresBeforeSuccessByOrganizationId: { [orgOneId]: 1 },
+      modelNameByOrganizationId: {
+        [orgOneId]: 'Provider: Org One Model',
+        [orgTwoId]: 'Provider: Org Two Model',
+      },
+      organizations: [
+        { id: orgOneId, name: 'Acme' },
+        { id: orgTwoId, name: 'Beta' },
+      ],
+    });
+
+    const sidePanel = await context.newPage();
+    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
+    await seedExtensionAuth(sidePanel);
+    await sidePanel.reload();
+
+    await sidePanel.getByLabel('Settings').click();
+    await sidePanel.getByLabel('Credit account').selectOption(orgOneId);
+    await expect(sidePanel.getByText('Could not load models.')).toBeVisible();
+    await sidePanel.getByRole('button', { name: 'Retry models' }).click();
+    await orgOneModelsRequested;
+    await sidePanel.getByLabel('Credit account').selectOption(orgTwoId);
+    await expect(sidePanel.getByLabel('Model')).toContainText('Org Two Model');
+
+    const orgOneResponse = sidePanel.waitForResponse(isOrgOneModelsResponse);
+    releaseOrgOneModels();
+    await orgOneResponse;
+
+    await expect(sidePanel.getByLabel('Model')).toContainText('Org Two Model');
+  } finally {
+    releaseOrgOneModels();
+    await context.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});

From a701fb49fb65e2bc90adb75daffe60338a0df9f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 21:13:13 +0200
Subject: [PATCH 44/51] fix(extension): clear model during catalog reload

---
 .../sidepanel/agent-chat-panel.tsx            | 14 ++---
 .../extension/tests/e2e/model-loading.test.ts | 63 +++++++++++++++++++
 2 files changed, 67 insertions(+), 10 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index 33dc300ef8..99b7c87f60 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -6,7 +6,7 @@ import {
   groupConversationEvents,
 } from '@/src/shared/agent-conversation';
 import type { AgentConversationEvent, AgentMode } from '@/src/shared/agent-conversation';
-import { defaultMode, getFooterControlDisplay } from '@/src/shared/agent-chat-placeholder';
+import { defaultMode } from '@/src/shared/agent-chat-placeholder';
 import { getKiloApiBaseUrl } from '@/src/shared/auth';
 import type { StoredAuth } from '@/src/shared/auth';
 import { fetchKiloGatewayModels } from '@/src/shared/kilo-api-client';
@@ -58,11 +58,6 @@ export const AgentChatPanel = ({
     () => (selectedModel === undefined ? [] : selectedModel.variants),
     [selectedModel]
   );
-  const footerDisplay = getFooterControlDisplay({
-    mode,
-    model: selectedModel?.name ?? model,
-    thinkingEffort,
-  });
   const isModelSelectDisabled = modelOptions.length === 0;
   const isThinkingSelectDisabled = thinkingOptions.length === 0;
 
@@ -80,6 +75,9 @@ export const AgentChatPanel = ({
         modelLoadRequestRef.current === requestId && signal?.aborted !== true;
 
       setModelLoadError(undefined);
+      setModelOptions([]);
+      setModel('');
+      setThinkingEffort('');
 
       try {
         const models = await fetchKiloGatewayModels({
@@ -290,10 +288,6 @@ export const AgentChatPanel = ({
           thinkingEffort={thinkingEffort}
           thinkingOptions={thinkingOptions}
         />
-        <p className="sr-only">
-          Mode {footerDisplay.modeLabel}: {footerDisplay.modeDescription}, model{' '}
-          {footerDisplay.modelLabel}, thinking {footerDisplay.thinkingLabel}
-        </p>
       </footer>
     </div>
   );
diff --git a/apps/extension/tests/e2e/model-loading.test.ts b/apps/extension/tests/e2e/model-loading.test.ts
index 25beef3e8d..b2cf2f4756 100644
--- a/apps/extension/tests/e2e/model-loading.test.ts
+++ b/apps/extension/tests/e2e/model-loading.test.ts
@@ -37,6 +37,23 @@ const delaySecondOrgOneModelRequest = ({
   };
 };
 
+const delayOrgTwoModels =
+  ({
+    markOrgTwoModelsRequested,
+    pendingOrgTwoModels,
+  }: {
+    markOrgTwoModelsRequested: () => void;
+    pendingOrgTwoModels: Promise<void>;
+  }): ((organizationId: string) => Promise<void>) =>
+  organizationId => {
+    if (organizationId !== orgTwoId) {
+      return Promise.resolve();
+    }
+
+    markOrgTwoModelsRequested();
+    return pendingOrgTwoModels;
+  };
+
 test('model and thinking controls wait for the model catalog', async () => {
   const { promise: pendingModels, resolve: releaseModels } = Promise.withResolvers<void>();
   const { context, extensionId, userDataDir } = await launchExtensionContext();
@@ -95,6 +112,52 @@ test('model catalog failures can be retried', async () => {
   }
 });
 
+test('switching credit accounts clears the model while the next catalog loads', async () => {
+  const { promise: pendingOrgTwoModels, resolve: releaseOrgTwoModels } =
+    Promise.withResolvers<void>();
+  const { promise: orgTwoModelsRequested, resolve: markOrgTwoModelsRequested } =
+    Promise.withResolvers<void>();
+  const { context, extensionId, userDataDir } = await launchExtensionContext();
+
+  try {
+    await mockKiloApi(context, {
+      beforeModels: delayOrgTwoModels({
+        markOrgTwoModelsRequested,
+        pendingOrgTwoModels,
+      }),
+      modelNameByOrganizationId: {
+        [orgTwoId]: 'Provider: Org Two Model',
+      },
+      organizations: [{ id: orgTwoId, name: 'Beta' }],
+    });
+
+    const sidePanel = await context.newPage();
+    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
+    await seedExtensionAuth(sidePanel);
+    await sidePanel.reload();
+
+    await expect(sidePanel.getByLabel('Model')).toContainText('Claude Sonnet 4');
+    await sidePanel.getByLabel('Message agent').fill('Inspect this tab');
+    await expect(sidePanel.getByRole('button', { name: 'Send message' })).toBeEnabled();
+
+    await sidePanel.getByLabel('Settings').click();
+    await sidePanel.getByLabel('Credit account').selectOption(orgTwoId);
+    await orgTwoModelsRequested;
+
+    await expect(sidePanel.getByLabel('Model')).toBeDisabled();
+    await expect(sidePanel.getByLabel('Model')).toContainText('Loading models...');
+    await expect(sidePanel.getByRole('button', { name: 'Send message' })).toBeDisabled();
+
+    releaseOrgTwoModels();
+
+    await expect(sidePanel.getByLabel('Model')).toContainText('Org Two Model');
+  } finally {
+    releaseOrgTwoModels();
+    await context.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});
+
 test('stale organization model loads cannot overwrite the current catalog', async () => {
   const { promise: pendingOrgOneModels, resolve: releaseOrgOneModels } =
     Promise.withResolvers<void>();

From 4ec7201a24c108c208716f7bfe992b9ee8cb9d62 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 21:35:40 +0200
Subject: [PATCH 45/51] fix(extension): polish side panel chat

---
 .../sidepanel/agent-chat-panel.tsx            |  16 +--
 .../sidepanel/agent-conversation-events.tsx   |   5 +-
 .../sidepanel/agent-footer-controls.tsx       |  39 +-----
 .../entrypoints/sidepanel/auth-shell.tsx      |  32 +----
 .../sidepanel/conversation-list.tsx           |  53 ++++++--
 .../extension/entrypoints/sidepanel/style.css |  68 ++++++++++
 apps/extension/package.json                   |   5 +-
 .../tests/e2e/conversation-rendering.test.ts  | 125 ++++++++++++++++++
 apps/extension/tests/e2e/sidebar.test.ts      |  75 +++++------
 pnpm-lock.yaml                                |  28 +++-
 10 files changed, 316 insertions(+), 130 deletions(-)
 create mode 100644 apps/extension/tests/e2e/conversation-rendering.test.ts

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index 99b7c87f60..6b0e6afd7c 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -250,20 +250,12 @@ export const AgentChatPanel = ({
         <div className="mt-2 grid gap-2">
           <button
             className="h-9 w-full rounded-md bg-[#EDFF00] px-3 text-sm font-semibold text-zinc-950 transition hover:bg-[#d9ea00] focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950 disabled:cursor-not-allowed disabled:bg-zinc-800 disabled:text-zinc-500"
-            disabled={draft.trim() === '' || isRunning || model === ''}
-            type="submit"
+            disabled={isRunning ? false : draft.trim() === '' || model === ''}
+            onClick={isRunning ? stopRun : undefined}
+            type={isRunning ? 'button' : 'submit'}
           >
-            {isRunning ? 'Running...' : 'Send message'}
+            {isRunning ? 'Stop' : 'Send message'}
           </button>
-          {isRunning ? (
-            <button
-              className="h-9 w-full rounded-md border border-zinc-700 px-3 text-sm font-medium text-zinc-200 transition hover:border-zinc-600 hover:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[#EDFF00] focus:ring-offset-2 focus:ring-offset-zinc-950"
-              onClick={stopRun}
-              type="button"
-            >
-              Stop
-            </button>
-          ) : null}
         </div>
       </form>
 
diff --git a/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx b/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
index 3768043d63..0dc9fe17ef 100644
--- a/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
@@ -1,4 +1,5 @@
 import type { JSX } from 'react';
+import ReactMarkdown from 'react-markdown';
 import type {
   AgentConversationEvent,
   GroupedConversationItem,
@@ -45,7 +46,9 @@ const MessageEvent = ({
             : 'max-w-[88%] rounded-lg border border-zinc-800 bg-zinc-900 px-3 py-2 text-sm leading-5 text-zinc-200'
         }
       >
-        <p>{event.text}</p>
+        <div className="agent-message-markdown">
+          <ReactMarkdown>{event.text}</ReactMarkdown>
+        </div>
       </div>
     </div>
   );
diff --git a/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx b/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
index ec68d7abae..c9f6eec75c 100644
--- a/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
@@ -1,5 +1,6 @@
 import { useState } from 'react';
 import type { JSX, ReactNode } from 'react';
+import { RefreshCw, Shield, TriangleAlert } from 'lucide-react';
 import { getFooterControlDisplay } from '@/src/shared/agent-chat-placeholder';
 import { thinkingEffortLabel } from '@/src/shared/kilo-api-client';
 import type { KiloGatewayModelOption } from '@/src/shared/kilo-api-client';
@@ -23,31 +24,9 @@ const ModeIcon = ({
 }): JSX.Element => {
   const toneClassName = tone === 'safe' ? 'text-[#EDFF00]' : 'text-red-400';
 
-  return (
-    <svg
-      aria-hidden="true"
-      className={`${className} ${toneClassName}`}
-      fill="none"
-      viewBox="0 0 16 16"
-    >
-      {icon === 'shield' ? (
-        <path
-          d="M8 1.75 13 3.5v3.65c0 3.1-1.9 5.55-5 7.1-3.1-1.55-5-4-5-7.1V3.5l5-1.75Z"
-          stroke="currentColor"
-          strokeLinejoin="round"
-          strokeWidth="1.5"
-        />
-      ) : (
-        <path
-          d="M8 2.25 14.25 13H1.75L8 2.25Zm0 3.5v3.5m0 2.25h.01"
-          stroke="currentColor"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="1.5"
-        />
-      )}
-    </svg>
-  );
+  const Icon = icon === 'shield' ? Shield : TriangleAlert;
+
+  return <Icon aria-hidden="true" className={`${className} ${toneClassName}`} />;
 };
 
 const CompactSelectControl = ({
@@ -220,15 +199,7 @@ export const AgentFooterControls = ({
         title="Refresh tabs"
         type="button"
       >
-        <svg aria-hidden="true" className="size-3.5" fill="none" viewBox="0 0 16 16">
-          <path
-            d="M13.25 7.75a5.25 5.25 0 1 1-1.54-3.71M13.25 2.75v3.5h-3.5"
-            stroke="currentColor"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth="1.5"
-          />
-        </svg>
+        <RefreshCw aria-hidden="true" className="size-3.5" />
       </button>
     </div>
     {tabDebuggerError === undefined ? null : (
diff --git a/apps/extension/entrypoints/sidepanel/auth-shell.tsx b/apps/extension/entrypoints/sidepanel/auth-shell.tsx
index 71efd5b500..cc836fca7e 100644
--- a/apps/extension/entrypoints/sidepanel/auth-shell.tsx
+++ b/apps/extension/entrypoints/sidepanel/auth-shell.tsx
@@ -1,5 +1,6 @@
 import { useState } from 'react';
 import type { JSX, ReactNode } from 'react';
+import { Plus, Settings } from 'lucide-react';
 import type { StoredAuth } from '@/src/shared/auth';
 import type { KiloOrganizationOption } from '@/src/shared/kilo-api-client';
 import { KiloLogo } from '@/src/shared/kilo-logo';
@@ -7,33 +8,6 @@ import { OrganizationCreditAccountSelect } from './organization-credit-account';
 
 const emptyOrganizationOptions: KiloOrganizationOption[] = [];
 
-const NewConversationIcon = ({ className }: { className: string }): JSX.Element => (
-  <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 16 16">
-    <path
-      d="M8 3.25v9.5M3.25 8h9.5"
-      stroke="currentColor"
-      strokeLinecap="round"
-      strokeWidth="1.5"
-    />
-  </svg>
-);
-
-const SettingsIcon = ({ className }: { className: string }): JSX.Element => (
-  <svg aria-hidden="true" className={className} fill="none" viewBox="0 0 16 16">
-    <path
-      d="M6.9 2.15h2.2l.35 1.45c.36.13.7.32 1.01.57l1.42-.44 1.1 1.9-1.07 1.02a4 4 0 0 1 0 1.18l1.07 1.02-1.1 1.9-1.42-.44c-.31.25-.65.44-1.01.57l-.35 1.45H6.9l-.35-1.45a3.8 3.8 0 0 1-1.01-.57l-1.42.44-1.1-1.9 1.07-1.02a4 4 0 0 1 0-1.18L3.02 5.63l1.1-1.9 1.42.44c.31-.25.65-.44 1.01-.57l.35-1.45Z"
-      stroke="currentColor"
-      strokeLinejoin="round"
-      strokeWidth="1.2"
-    />
-    <path
-      d="M8 6.1a1.9 1.9 0 1 1 0 3.8 1.9 1.9 0 0 1 0-3.8Z"
-      stroke="currentColor"
-      strokeWidth="1.2"
-    />
-  </svg>
-);
-
 const IconButton = ({
   ariaLabel,
   children,
@@ -73,7 +47,7 @@ const HeaderActions = ({
   return (
     <div className="relative flex shrink-0 items-center justify-end gap-2">
       <IconButton ariaLabel="New conversation" onClick={onNewConversation}>
-        <NewConversationIcon className="size-4" />
+        <Plus aria-hidden="true" className="size-4" />
       </IconButton>
       <IconButton
         ariaLabel="Settings"
@@ -81,7 +55,7 @@ const HeaderActions = ({
           setIsSettingsOpen(current => !current);
         }}
       >
-        <SettingsIcon className="size-4" />
+        <Settings aria-hidden="true" className="size-4" />
       </IconButton>
 
       {isSettingsOpen ? (
diff --git a/apps/extension/entrypoints/sidepanel/conversation-list.tsx b/apps/extension/entrypoints/sidepanel/conversation-list.tsx
index 10a792d105..dc304f9a83 100644
--- a/apps/extension/entrypoints/sidepanel/conversation-list.tsx
+++ b/apps/extension/entrypoints/sidepanel/conversation-list.tsx
@@ -1,33 +1,66 @@
 import { useEffect, useRef } from 'react';
-import type { JSX } from 'react';
+import type { CSSProperties, JSX } from 'react';
+import { useVirtualizer } from '@tanstack/react-virtual';
 import { getConversationScrollKey } from '@/src/shared/agent-conversation';
 import type { GroupedConversationItem } from '@/src/shared/agent-conversation';
 import { AgentConversationItemView } from './agent-conversation-events';
 
 const getConversationItemKey = (item: GroupedConversationItem): string =>
   item.type === 'event' ? item.event.id : item.toolCall.id;
+const getListSpacerStyle = (height: number): CSSProperties => ({
+  height: `${height}px`,
+});
+const getVirtualRowStyle = (start: number): CSSProperties => ({
+  transform: `translateY(${start}px)`,
+});
 
 export const ConversationList = ({ items }: { items: GroupedConversationItem[] }): JSX.Element => {
   const listRef = useRef<HTMLElement | null>(null);
   const scrollKey = getConversationScrollKey(items);
+  const virtualizer = useVirtualizer({
+    count: items.length,
+    estimateSize: () => 88,
+    getScrollElement: () => listRef.current,
+    overscan: 8,
+  });
 
   useEffect(() => {
-    const list = listRef.current;
-
-    if (list !== null) {
-      list.scrollTop = list.scrollHeight;
+    if (items.length > 0) {
+      requestAnimationFrame(() => {
+        virtualizer.scrollToIndex(items.length - 1, { align: 'end' });
+      });
     }
-  }, [scrollKey]);
+  }, [items.length, scrollKey, virtualizer]);
+
+  const virtualItems = virtualizer.getVirtualItems();
 
   return (
     <section
       aria-label="Agent conversation"
-      className="min-h-0 flex-1 space-y-3 overflow-y-auto px-4 py-4"
+      className="agent-conversation-scrollbar min-h-0 flex-1 overflow-y-auto px-4 py-4"
       ref={listRef}
     >
-      {items.map(item => (
-        <AgentConversationItemView item={item} key={getConversationItemKey(item)} />
-      ))}
+      <div className="relative w-full" style={getListSpacerStyle(virtualizer.getTotalSize())}>
+        {virtualItems.map(virtualItem => {
+          const item = items[virtualItem.index];
+
+          if (item === undefined) {
+            return null;
+          }
+
+          return (
+            <div
+              className="absolute left-0 top-0 w-full pb-3"
+              data-index={virtualItem.index}
+              key={getConversationItemKey(item)}
+              ref={virtualizer.measureElement}
+              style={getVirtualRowStyle(virtualItem.start)}
+            >
+              <AgentConversationItemView item={item} />
+            </div>
+          );
+        })}
+      </div>
     </section>
   );
 };
diff --git a/apps/extension/entrypoints/sidepanel/style.css b/apps/extension/entrypoints/sidepanel/style.css
index 6631170727..6105a59e17 100644
--- a/apps/extension/entrypoints/sidepanel/style.css
+++ b/apps/extension/entrypoints/sidepanel/style.css
@@ -12,3 +12,71 @@ body {
   background: #09090b;
   margin: 0;
 }
+
+.agent-conversation-scrollbar {
+  scrollbar-color: #52525b #09090b;
+  scrollbar-width: thin;
+}
+
+.agent-conversation-scrollbar::-webkit-scrollbar {
+  width: 0.625rem;
+}
+
+.agent-conversation-scrollbar::-webkit-scrollbar-track {
+  background: #09090b;
+}
+
+.agent-conversation-scrollbar::-webkit-scrollbar-thumb {
+  background: #3f3f46;
+  border: 0.1875rem solid #09090b;
+  border-radius: 9999px;
+}
+
+.agent-conversation-scrollbar::-webkit-scrollbar-thumb:hover {
+  background: #52525b;
+}
+
+.agent-message-markdown {
+  display: grid;
+  gap: 0.5rem;
+}
+
+.agent-message-markdown :where(h1, h2, h3) {
+  font-weight: 600;
+}
+
+.agent-message-markdown :where(a) {
+  text-decoration: underline;
+  text-underline-offset: 0.125rem;
+}
+
+.agent-message-markdown :where(ul, ol) {
+  display: grid;
+  gap: 0.25rem;
+  padding-left: 1rem;
+}
+
+.agent-message-markdown :where(ul) {
+  list-style: disc;
+}
+
+.agent-message-markdown :where(ol) {
+  list-style: decimal;
+}
+
+.agent-message-markdown :where(code) {
+  background: rgb(9 9 11 / 70%);
+  border-radius: 0.25rem;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
+  font-size: 0.75rem;
+  padding: 0.125rem 0.25rem;
+}
+
+.agent-message-markdown :where(pre) {
+  background: rgb(9 9 11 / 70%);
+  border-radius: 0.25rem;
+  overflow-x: hidden;
+  padding: 0.5rem;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
diff --git a/apps/extension/package.json b/apps/extension/package.json
index b4f61f38d0..d58f66aad9 100644
--- a/apps/extension/package.json
+++ b/apps/extension/package.json
@@ -26,8 +26,11 @@
     "postinstall": "wxt prepare"
   },
   "dependencies": {
+    "@tanstack/react-virtual": "^3.14.3",
+    "lucide-react": "0.552.0",
     "react": "19.2.6",
-    "react-dom": "19.2.6"
+    "react-dom": "19.2.6",
+    "react-markdown": "10.1.0"
   },
   "devDependencies": {
     "@playwright/test": "1.58.2",
diff --git a/apps/extension/tests/e2e/conversation-rendering.test.ts b/apps/extension/tests/e2e/conversation-rendering.test.ts
new file mode 100644
index 0000000000..53a3006618
--- /dev/null
+++ b/apps/extension/tests/e2e/conversation-rendering.test.ts
@@ -0,0 +1,125 @@
+/* eslint-disable import/no-nodejs-modules */
+import { expect, test } from '@playwright/test';
+import { rm } from 'node:fs/promises';
+import { mockKiloApi, readSidePanelScrollState, sendOverflowMessages } from './kilo-api-fixture';
+import {
+  launchExtensionContext,
+  seedExtensionAuth,
+  startFixtureServer,
+} from './extension-context-fixture';
+
+test('new conversation keeps the selected target tab', async () => {
+  const firstFixture = await startFixtureServer({ title: 'First target tab' });
+  const secondFixture = await startFixtureServer({ title: 'Second target tab' });
+  const { context, extensionId, userDataDir } = await launchExtensionContext();
+
+  try {
+    await mockKiloApi(context);
+
+    const firstPage = await context.newPage();
+    await firstPage.goto(firstFixture.url);
+    const secondPage = await context.newPage();
+    await secondPage.goto(secondFixture.url);
+
+    const sidePanel = await context.newPage();
+    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
+    await seedExtensionAuth(sidePanel);
+    await sidePanel.reload();
+
+    await sidePanel.getByLabel('Target tab').selectOption({ label: 'Second target tab' });
+    await expect(sidePanel.getByLabel('Target tab')).toContainText('Second target tab');
+
+    await sidePanel.getByLabel('New conversation').click();
+
+    await expect(sidePanel.getByLabel('Target tab')).toContainText('Second target tab');
+  } finally {
+    await context.close();
+    await firstFixture.close();
+    await secondFixture.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});
+
+test('assistant messages render markdown', async () => {
+  const fixture = await startFixtureServer();
+  const { context, extensionId, userDataDir } = await launchExtensionContext();
+
+  try {
+    await mockKiloApi(context, {
+      firstCompletionEvents: [
+        {
+          choices: [
+            {
+              delta: {
+                content:
+                  '### Markdown title\n\nThis has **bold text** and [a link](https://kilo.ai).\n\n- first item',
+              },
+            },
+          ],
+        },
+      ],
+    });
+
+    const page = await context.newPage();
+    await page.goto(fixture.url);
+
+    const sidePanel = await context.newPage();
+    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
+    await seedExtensionAuth(sidePanel);
+    await sidePanel.reload();
+
+    await sidePanel.getByRole('button', { name: /Safe mode/u }).click();
+    await sidePanel.getByRole('button', { name: 'Dangerous' }).click();
+    await sidePanel.getByLabel('Message agent').fill('Show markdown');
+    await sidePanel.getByLabel('Message agent').press('Enter');
+
+    await expect(sidePanel.getByRole('heading', { name: 'Markdown title' })).toBeVisible();
+    await expect(sidePanel.locator('strong').filter({ hasText: 'bold text' })).toBeVisible();
+    await expect(sidePanel.getByRole('link', { name: 'a link' })).toHaveAttribute(
+      'href',
+      'https://kilo.ai'
+    );
+    await expect(sidePanel.getByRole('listitem').filter({ hasText: 'first item' })).toBeVisible();
+  } finally {
+    await context.close();
+    await fixture.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});
+
+test('only the message pane scrolls virtualized overflowing conversation content', async () => {
+  const { context, extensionId, userDataDir } = await launchExtensionContext();
+
+  try {
+    await mockKiloApi(context);
+
+    const sidePanel = await context.newPage();
+    await sidePanel.setViewportSize({ height: 420, width: 360 });
+    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
+    await seedExtensionAuth(sidePanel);
+    await sidePanel.reload();
+
+    const messageInput = sidePanel.getByLabel('Message agent');
+    await sendOverflowMessages(messageInput, 80);
+
+    await expect(sidePanel.getByText('Pick a target tab first.').last()).toBeVisible();
+    await expect(sidePanel.getByLabel('Agent conversation')).toBeVisible();
+
+    const scrollState = await sidePanel.evaluate(readSidePanelScrollState);
+    const mountedMessageItems = await sidePanel
+      .locator('section[aria-label="Agent conversation"] > *')
+      .count();
+
+    expect(scrollState.documentScrollHeight).toBe(scrollState.documentClientHeight);
+    expect(scrollState.messagePaneScrollHeight).toBeGreaterThan(
+      scrollState.messagePaneClientHeight
+    );
+    expect(mountedMessageItems).toBeLessThan(80);
+    expect(
+      scrollState.messagePaneScrollTop + scrollState.messagePaneClientHeight
+    ).toBeGreaterThanOrEqual(scrollState.messagePaneScrollHeight - 4);
+  } finally {
+    await context.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index 16ea8bfc4d..2bfa3b52aa 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -1,13 +1,9 @@
 /* eslint-disable import/no-nodejs-modules */
 import { expect, test } from '@playwright/test';
+import type { Locator } from '@playwright/test';
 import { readFile, rm } from 'node:fs/promises';
 import { join } from 'node:path';
-import {
-  expectEvalCodeBlockNoHorizontalOverflow,
-  mockKiloApi,
-  readSidePanelScrollState,
-  sendOverflowMessages,
-} from './kilo-api-fixture';
+import { expectEvalCodeBlockNoHorizontalOverflow, mockKiloApi } from './kilo-api-fixture';
 import {
   extensionPath,
   launchExtensionContext,
@@ -62,6 +58,23 @@ const getSidePanel = (value: unknown): ExtensionManifest['side_panel'] => {
   };
 };
 
+const requireBoundingBox = async (
+  locator: Locator
+): Promise<{ height: number; left: number; top: number; width: number }> => {
+  const boundingBox = await locator.boundingBox();
+
+  if (boundingBox === null) {
+    throw new Error('Expected locator to have a bounding box.');
+  }
+
+  return {
+    height: boundingBox.height,
+    left: boundingBox.x,
+    top: boundingBox.y,
+    width: boundingBox.width,
+  };
+};
+
 const readOutputManifest = async (): Promise<ExtensionManifest> => {
   const manifestText = await readFile(join(extensionPath, 'manifest.json'), 'utf8');
   const manifest: unknown = JSON.parse(manifestText);
@@ -144,7 +157,10 @@ test('dangerous mode conversation can eval against a normal tab', async () => {
     await expect(sidePanel.getByText('eval completed')).toBeVisible();
     await expect(sidePanel.getByText('Code')).toBeHidden();
     await expect(sidePanel.getByText(/The selected tab HTML length is [0-9]+\./u)).toBeVisible();
-    await sidePanel.getByText('eval completed').click();
+    const evalBox = sidePanel.getByText('eval completed').locator('..');
+    const evalBoxRect = await requireBoundingBox(evalBox);
+
+    await sidePanel.mouse.click(evalBoxRect.left + 4, evalBoxRect.top + 4);
     await expect(sidePanel.getByText('Code')).toBeVisible();
     await expectEvalCodeBlockNoHorizontalOverflow(sidePanel);
 
@@ -179,10 +195,18 @@ test('running conversation can be stopped', async () => {
     await sidePanel.getByRole('button', { name: /Safe mode/u }).click();
     await sidePanel.getByRole('button', { name: 'Dangerous' }).click();
     await sidePanel.getByLabel('Message agent').fill('Inspect this tab');
+    const sendButton = sidePanel.getByRole('button', { name: 'Send message' });
+    const sendButtonRect = await sendButton.boundingBox();
+
+    expect(sendButtonRect).not.toBeNull();
     await sidePanel.getByLabel('Message agent').press('Enter');
 
-    await expect(sidePanel.getByRole('button', { name: 'Stop' })).toBeVisible();
-    await sidePanel.getByRole('button', { name: 'Stop' }).click();
+    const stopButton = sidePanel.getByRole('button', { name: 'Stop' });
+    await expect(stopButton).toBeVisible();
+    const stopButtonRect = await stopButton.boundingBox();
+
+    expect(stopButtonRect).toEqual(sendButtonRect);
+    await stopButton.click();
 
     await expect(sidePanel.getByRole('button', { name: 'Send message' })).toBeVisible();
     await expect(sidePanel.getByText('Stopped.')).toBeVisible();
@@ -249,36 +273,3 @@ test('conversation survives side panel reload', async () => {
     await rm(userDataDir, { force: true, recursive: true });
   }
 });
-
-test('only the message pane scrolls overflowing conversation content', async () => {
-  const { context, extensionId, userDataDir } = await launchExtensionContext();
-
-  try {
-    await mockKiloApi(context);
-
-    const sidePanel = await context.newPage();
-    await sidePanel.setViewportSize({ height: 420, width: 360 });
-    await sidePanel.goto(`chrome-extension://${extensionId}/sidepanel.html`);
-    await seedExtensionAuth(sidePanel);
-    await sidePanel.reload();
-
-    const messageInput = sidePanel.getByLabel('Message agent');
-    await sendOverflowMessages(messageInput, 40);
-
-    await expect(sidePanel.getByText('Pick a target tab first.').last()).toBeVisible();
-    await expect(sidePanel.getByLabel('Agent conversation')).toBeVisible();
-
-    const scrollState = await sidePanel.evaluate(readSidePanelScrollState);
-
-    expect(scrollState.documentScrollHeight).toBe(scrollState.documentClientHeight);
-    expect(scrollState.messagePaneScrollHeight).toBeGreaterThan(
-      scrollState.messagePaneClientHeight
-    );
-    expect(
-      scrollState.messagePaneScrollTop + scrollState.messagePaneClientHeight
-    ).toBeGreaterThanOrEqual(scrollState.messagePaneScrollHeight - 4);
-  } finally {
-    await context.close();
-    await rm(userDataDir, { force: true, recursive: true });
-  }
-});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9855149473..27b72fb975 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -165,12 +165,21 @@ importers:
 
   apps/extension:
     dependencies:
+      '@tanstack/react-virtual':
+        specifier: ^3.14.3
+        version: 3.14.3(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      lucide-react:
+        specifier: 0.552.0
+        version: 0.552.0(react@19.2.6)
       react:
         specifier: 19.2.6
         version: 19.2.6
       react-dom:
         specifier: 19.2.6
         version: 19.2.6(react@19.2.6)
+      react-markdown:
+        specifier: 10.1.0
+        version: 10.1.0(@types/react@19.2.14)(react@19.2.6)
     devDependencies:
       '@playwright/test':
         specifier: 1.58.2
@@ -8837,6 +8846,15 @@ packages:
     peerDependencies:
       react: ^18 || ^19
 
+  '@tanstack/react-virtual@3.14.3':
+    resolution: {integrity: sha512-k/cnHPVaOfn46hSbiY6n4Dzf4QjCGWSF40zR5QIIYUqPAjpA6TN7InfYmcMiDVQGP2iUn9xsRbAl8u1v3UmeVQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  '@tanstack/virtual-core@3.17.1':
+    resolution: {integrity: sha512-VZyW2Uiml5tmBZwPGrSD3Sz73OxzljQMCmzYHsUTPEuTsERf5xwa+uWb01xEzkz3ZSYTjj8NEb/mKHvgKxyZdA==}
+
   '@testing-library/jest-dom@6.9.1':
     resolution: {integrity: sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==}
     engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
@@ -19180,7 +19198,7 @@ snapshots:
       cjs-module-lexer: 1.2.3
       esbuild: 0.27.4
       miniflare: 4.20260603.0(bufferutil@4.1.0)(utf-8-validate@6.0.6)
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@24.12.4)(@vitest/coverage-v8@4.1.6)(@vitest/ui@4.1.6)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.5.2)(@vitest/coverage-v8@4.1.6)(@vitest/ui@4.1.6)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4)
       wrangler: 4.98.0(@cloudflare/workers-types@4.20260605.1)(bufferutil@4.1.0)(utf-8-validate@6.0.6)
       zod: 3.25.76
     transitivePeerDependencies:
@@ -24955,6 +24973,14 @@ snapshots:
       '@tanstack/query-core': 5.100.10
       react: 19.2.6
 
+  '@tanstack/react-virtual@3.14.3(react-dom@19.2.6(react@19.2.6))(react@19.2.6)':
+    dependencies:
+      '@tanstack/virtual-core': 3.17.1
+      react: 19.2.6
+      react-dom: 19.2.6(react@19.2.6)
+
+  '@tanstack/virtual-core@3.17.1': {}
+
   '@testing-library/jest-dom@6.9.1':
     dependencies:
       '@adobe/css-tools': 4.4.4

From 04ce1fc0f4080acb4ed86eb67e05e7dd8d2f3806 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Mon, 22 Jun 2026 21:40:07 +0200
Subject: [PATCH 46/51] test(extension): assert virtual rows

---
 apps/extension/tests/e2e/conversation-rendering.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/extension/tests/e2e/conversation-rendering.test.ts b/apps/extension/tests/e2e/conversation-rendering.test.ts
index 53a3006618..9ee9987dd7 100644
--- a/apps/extension/tests/e2e/conversation-rendering.test.ts
+++ b/apps/extension/tests/e2e/conversation-rendering.test.ts
@@ -107,7 +107,7 @@ test('only the message pane scrolls virtualized overflowing conversation content
 
     const scrollState = await sidePanel.evaluate(readSidePanelScrollState);
     const mountedMessageItems = await sidePanel
-      .locator('section[aria-label="Agent conversation"] > *')
+      .locator('section[aria-label="Agent conversation"] [data-index]')
       .count();
 
     expect(scrollState.documentScrollHeight).toBe(scrollState.documentClientHeight);

From 5d7dceda2357d6ba9ed0c6d346c52ede5889c67a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Tue, 23 Jun 2026 00:47:01 +0200
Subject: [PATCH 47/51] fix(extension): neutralize completed eval panel

---
 .../sidepanel/agent-conversation-events.tsx   | 64 +++++++++++--------
 apps/extension/tests/e2e/sidebar.test.ts      | 18 ++++++
 2 files changed, 57 insertions(+), 25 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx b/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
index 0dc9fe17ef..3609b60be3 100644
--- a/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
@@ -58,32 +58,46 @@ const ToolExchangeEvent = ({
   item,
 }: {
   item: Extract<GroupedConversationItem, { readonly type: 'tool-exchange' }>;
-}): JSX.Element => (
-  <details className="group rounded-md border border-red-500/30 bg-red-950/20 px-3 py-2">
-    <summary className="flex cursor-pointer list-none items-center justify-between gap-2 outline-none transition focus-visible:ring-2 focus-visible:ring-[#EDFF00] focus-visible:ring-offset-2 focus-visible:ring-offset-zinc-950">
-      <span className="text-xs font-semibold text-red-200">
-        eval {item.result.ok ? 'completed' : 'failed'}
-      </span>
-      <span className="text-[11px] text-red-200/70">tab {item.toolCall.tabId}</span>
-    </summary>
-    <div className="mt-2 grid gap-2">
-      <div>
-        <p className="text-[11px] font-medium text-red-200/80">Code</p>
-        <pre className="mt-1 max-h-28 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-red-100/90">
-          {item.toolCall.code}
-        </pre>
-      </div>
-      <div>
-        <p className="text-[11px] font-medium text-zinc-300">
-          {item.result.ok ? 'Result' : 'Error'}
-        </p>
-        <pre className="mt-1 max-h-28 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-zinc-400">
-          {item.result.ok ? formatToolValue(item.result.value) : item.result.error}
-        </pre>
+}): JSX.Element => {
+  const isSuccessful = item.result.ok;
+
+  const panelClassName = isSuccessful
+    ? 'group rounded-md border border-zinc-800 bg-zinc-900/70 px-3 py-2'
+    : 'group rounded-md border border-red-500/30 bg-red-950/20 px-3 py-2';
+  const titleClassName = isSuccessful
+    ? 'text-xs font-semibold text-zinc-300'
+    : 'text-xs font-semibold text-red-200';
+  const tabClassName = isSuccessful ? 'text-[11px] text-zinc-500' : 'text-[11px] text-red-200/70';
+  const codeLabelClassName = isSuccessful
+    ? 'text-[11px] font-medium text-zinc-300'
+    : 'text-[11px] font-medium text-red-200/80';
+  const codeBlockClassName = isSuccessful
+    ? 'mt-1 max-h-28 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-zinc-400'
+    : 'mt-1 max-h-28 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-red-100/90';
+
+  return (
+    <details className={panelClassName}>
+      <summary className="flex cursor-pointer list-none items-center justify-between gap-2 outline-none transition focus-visible:ring-2 focus-visible:ring-[#EDFF00] focus-visible:ring-offset-2 focus-visible:ring-offset-zinc-950">
+        <span className={titleClassName}>eval {isSuccessful ? 'completed' : 'failed'}</span>
+        <span className={tabClassName}>tab {item.toolCall.tabId}</span>
+      </summary>
+      <div className="mt-2 grid gap-2">
+        <div>
+          <p className={codeLabelClassName}>Code</p>
+          <pre className={codeBlockClassName}>{item.toolCall.code}</pre>
+        </div>
+        <div>
+          <p className="text-[11px] font-medium text-zinc-300">
+            {isSuccessful ? 'Result' : 'Error'}
+          </p>
+          <pre className="mt-1 max-h-28 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-zinc-400">
+            {isSuccessful ? formatToolValue(item.result.value) : item.result.error}
+          </pre>
+        </div>
       </div>
-    </div>
-  </details>
-);
+    </details>
+  );
+};
 
 const StandaloneToolEvent = ({
   event,
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index 2bfa3b52aa..2588e01da6 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -75,6 +75,22 @@ const requireBoundingBox = async (
   };
 };
 
+const expectNonErrorToolPanel = async (locator: Locator): Promise<void> => {
+  const className = await locator.evaluate(element => element.getAttribute('class') ?? '');
+  const panelColors = await locator.evaluate(element => {
+    const style = getComputedStyle(element);
+
+    return {
+      backgroundColor: style.backgroundColor,
+      borderColor: style.borderColor,
+    };
+  });
+
+  expect(className).not.toContain('red-');
+  expect(panelColors.borderColor).not.toContain('239, 68, 68');
+  expect(panelColors.backgroundColor).not.toContain('69, 10, 10');
+};
+
 const readOutputManifest = async (): Promise<ExtensionManifest> => {
   const manifestText = await readFile(join(extensionPath, 'manifest.json'), 'utf8');
   const manifest: unknown = JSON.parse(manifestText);
@@ -157,6 +173,8 @@ test('dangerous mode conversation can eval against a normal tab', async () => {
     await expect(sidePanel.getByText('eval completed')).toBeVisible();
     await expect(sidePanel.getByText('Code')).toBeHidden();
     await expect(sidePanel.getByText(/The selected tab HTML length is [0-9]+\./u)).toBeVisible();
+    const evalPanel = sidePanel.getByText('eval completed').locator('xpath=ancestor::details[1]');
+    await expectNonErrorToolPanel(evalPanel);
     const evalBox = sidePanel.getByText('eval completed').locator('..');
     const evalBoxRect = await requireBoundingBox(evalBox);
 

From 3218faceb69ba4cf0dc1a5f51f74c3f89045c112 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Tue, 23 Jun 2026 01:04:36 +0200
Subject: [PATCH 48/51] fix(extension): prevent eval panel overflow

---
 .../sidepanel/agent-conversation-events.tsx   | 16 +++----
 .../tests/e2e/eval-overflow-fixture.ts        | 48 +++++++++++++++++++
 apps/extension/tests/e2e/sidebar.test.ts      |  5 +-
 3 files changed, 59 insertions(+), 10 deletions(-)
 create mode 100644 apps/extension/tests/e2e/eval-overflow-fixture.ts

diff --git a/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx b/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
index 3609b60be3..c7745c16c6 100644
--- a/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-conversation-events.tsx
@@ -62,8 +62,8 @@ const ToolExchangeEvent = ({
   const isSuccessful = item.result.ok;
 
   const panelClassName = isSuccessful
-    ? 'group rounded-md border border-zinc-800 bg-zinc-900/70 px-3 py-2'
-    : 'group rounded-md border border-red-500/30 bg-red-950/20 px-3 py-2';
+    ? 'group min-w-0 rounded-md border border-zinc-800 bg-zinc-900/70 px-3 py-2'
+    : 'group min-w-0 rounded-md border border-red-500/30 bg-red-950/20 px-3 py-2';
   const titleClassName = isSuccessful
     ? 'text-xs font-semibold text-zinc-300'
     : 'text-xs font-semibold text-red-200';
@@ -72,8 +72,8 @@ const ToolExchangeEvent = ({
     ? 'text-[11px] font-medium text-zinc-300'
     : 'text-[11px] font-medium text-red-200/80';
   const codeBlockClassName = isSuccessful
-    ? 'mt-1 max-h-28 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-zinc-400'
-    : 'mt-1 max-h-28 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-red-100/90';
+    ? 'mt-1 max-h-28 min-w-0 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-zinc-400'
+    : 'mt-1 max-h-28 min-w-0 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-red-100/90';
 
   return (
     <details className={panelClassName}>
@@ -81,16 +81,16 @@ const ToolExchangeEvent = ({
         <span className={titleClassName}>eval {isSuccessful ? 'completed' : 'failed'}</span>
         <span className={tabClassName}>tab {item.toolCall.tabId}</span>
       </summary>
-      <div className="mt-2 grid gap-2">
-        <div>
+      <div className="mt-2 grid min-w-0 gap-2">
+        <div className="min-w-0">
           <p className={codeLabelClassName}>Code</p>
           <pre className={codeBlockClassName}>{item.toolCall.code}</pre>
         </div>
-        <div>
+        <div className="min-w-0">
           <p className="text-[11px] font-medium text-zinc-300">
             {isSuccessful ? 'Result' : 'Error'}
           </p>
-          <pre className="mt-1 max-h-28 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-zinc-400">
+          <pre className="mt-1 max-h-28 min-w-0 overflow-x-hidden overflow-y-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-4 text-zinc-400">
             {isSuccessful ? formatToolValue(item.result.value) : item.result.error}
           </pre>
         </div>
diff --git a/apps/extension/tests/e2e/eval-overflow-fixture.ts b/apps/extension/tests/e2e/eval-overflow-fixture.ts
new file mode 100644
index 0000000000..93f5b10646
--- /dev/null
+++ b/apps/extension/tests/e2e/eval-overflow-fixture.ts
@@ -0,0 +1,48 @@
+import { expect } from '@playwright/test';
+import type { Page } from '@playwright/test';
+
+export const expectEvalToolBoxNoHorizontalOverflow = async (sidePanel: Page): Promise<void> => {
+  const overflowState = await sidePanel.evaluate(() => {
+    const codeLabel = [...document.querySelectorAll('p')].find(
+      element => element.textContent === 'Code'
+    );
+    const toolBox = codeLabel?.closest('details');
+    const codeBlock = codeLabel?.parentElement?.querySelector('pre');
+    const resultBlock = [...document.querySelectorAll('p')]
+      .find(element => element.textContent === 'Result' || element.textContent === 'Error')
+      ?.parentElement?.querySelector('pre');
+
+    if (!(toolBox instanceof HTMLElement)) {
+      throw new Error('Eval tool box was not found.');
+    }
+
+    if (!(codeBlock instanceof HTMLElement)) {
+      throw new Error('Eval code block was not found.');
+    }
+
+    if (!(resultBlock instanceof HTMLElement)) {
+      throw new Error('Eval result block was not found.');
+    }
+
+    return {
+      codeBlockClientWidth: codeBlock.clientWidth,
+      codeBlockOverflowX: getComputedStyle(codeBlock).overflowX,
+      codeBlockScrollWidth: codeBlock.scrollWidth,
+      resultBlockClientWidth: resultBlock.clientWidth,
+      resultBlockOverflowX: getComputedStyle(resultBlock).overflowX,
+      resultBlockScrollWidth: resultBlock.scrollWidth,
+      toolBoxClientWidth: toolBox.clientWidth,
+      toolBoxScrollWidth: toolBox.scrollWidth,
+    };
+  });
+
+  expect(overflowState.toolBoxScrollWidth).toBeLessThanOrEqual(overflowState.toolBoxClientWidth);
+  expect(overflowState.codeBlockScrollWidth).toBeLessThanOrEqual(
+    overflowState.codeBlockClientWidth
+  );
+  expect(overflowState.codeBlockOverflowX).toBe('hidden');
+  expect(overflowState.resultBlockScrollWidth).toBeLessThanOrEqual(
+    overflowState.resultBlockClientWidth
+  );
+  expect(overflowState.resultBlockOverflowX).toBe('hidden');
+};
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index 2588e01da6..740bfb18f3 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -3,7 +3,8 @@ import { expect, test } from '@playwright/test';
 import type { Locator } from '@playwright/test';
 import { readFile, rm } from 'node:fs/promises';
 import { join } from 'node:path';
-import { expectEvalCodeBlockNoHorizontalOverflow, mockKiloApi } from './kilo-api-fixture';
+import { expectEvalToolBoxNoHorizontalOverflow } from './eval-overflow-fixture';
+import { mockKiloApi } from './kilo-api-fixture';
 import {
   extensionPath,
   launchExtensionContext,
@@ -180,7 +181,7 @@ test('dangerous mode conversation can eval against a normal tab', async () => {
 
     await sidePanel.mouse.click(evalBoxRect.left + 4, evalBoxRect.top + 4);
     await expect(sidePanel.getByText('Code')).toBeVisible();
-    await expectEvalCodeBlockNoHorizontalOverflow(sidePanel);
+    await expectEvalToolBoxNoHorizontalOverflow(sidePanel);
 
     await sidePanel.getByLabel('New conversation').click();
     await expect(sidePanel.getByText('eval completed')).toBeHidden();

From 3efee7cf2ae1fea738f76a2d9055727ffd80c4ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Tue, 23 Jun 2026 01:16:24 +0200
Subject: [PATCH 49/51] fix(extension): snapshot tab context in user prompts

---
 .../sidepanel/agent-chat-panel.tsx            | 15 ++++++-
 .../sidepanel/agent-footer-controls.tsx       |  4 +-
 .../src/shared/agent-conversation.ts          |  4 +-
 .../src/shared/agent-llm-harness.test.ts      | 44 +++++++++++++++++++
 .../extension/src/shared/agent-llm-harness.ts |  8 +++-
 apps/extension/tests/e2e/kilo-api-fixture.ts  | 40 +++++------------
 apps/extension/tests/e2e/sidebar.test.ts      |  4 ++
 7 files changed, 85 insertions(+), 34 deletions(-)

diff --git a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
index 6b0e6afd7c..eed2f8204b 100644
--- a/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-chat-panel.tsx
@@ -23,6 +23,14 @@ const fetchFromWindow = (input: string, init?: RequestInit): Promise<Response> =
 const createDefaultConversationEvents = (): AgentConversationEvent[] => [
   createAssistantMessage('Pick a tab, switch to dangerous mode, and ask Kilo to inspect it.'),
 ];
+const formatSelectedTabSystemEnvironment = ({
+  title,
+  url,
+}: {
+  readonly title: string;
+  readonly url: string;
+}): string =>
+  `<system_environment>\nSelected tab title: ${title}\nSelected tab URL: ${url}\nCurrent time: ${new Date().toISOString()}\nTimezone: ${new Intl.DateTimeFormat().resolvedOptions().timeZone}\n</system_environment>`;
 
 export const AgentChatPanel = ({
   auth,
@@ -157,7 +165,11 @@ export const AgentChatPanel = ({
   };
 
   const submitMessage = (text: string): void => {
-    const userEvent = createUserMessage(text);
+    const selectedTab = inspectableTabs.find(tab => tab.id === selectedTabId);
+    const userEvent = createUserMessage(
+      text,
+      selectedTab === undefined ? undefined : formatSelectedTabSystemEnvironment(selectedTab)
+    );
     const conversationWithUserMessage = [...events, userEvent];
 
     appendEvents([userEvent]);
@@ -264,6 +276,7 @@ export const AgentChatPanel = ({
           inspectableTabs={inspectableTabs}
           isLoadingTabs={isLoadingTabs}
           isModelSelectDisabled={isModelSelectDisabled}
+          isRunning={isRunning}
           isThinkingSelectDisabled={isThinkingSelectDisabled}
           mode={mode}
           model={model}
diff --git a/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx b/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
index c9f6eec75c..39ab00136b 100644
--- a/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
+++ b/apps/extension/entrypoints/sidepanel/agent-footer-controls.tsx
@@ -128,6 +128,7 @@ const ModeControl = ({
 export const AgentFooterControls = ({
   inspectableTabs,
   isLoadingTabs,
+  isRunning,
   isModelSelectDisabled,
   isThinkingSelectDisabled,
   mode,
@@ -147,6 +148,7 @@ export const AgentFooterControls = ({
 }: {
   inspectableTabs: InspectableTab[];
   isLoadingTabs: boolean;
+  isRunning: boolean;
   isModelSelectDisabled: boolean;
   isThinkingSelectDisabled: boolean;
   mode: AgentMode;
@@ -169,7 +171,7 @@ export const AgentFooterControls = ({
       <CompactSelectControl
         ariaLabel="Target tab"
         className="min-w-0 flex-1 pl-2 pr-6"
-        disabled={isLoadingTabs || inspectableTabs.length === 0}
+        disabled={isRunning || isLoadingTabs || inspectableTabs.length === 0}
         onChange={value => {
           const tabId = Number(value);
 
diff --git a/apps/extension/src/shared/agent-conversation.ts b/apps/extension/src/shared/agent-conversation.ts
index 0b3478048b..af586cd4f6 100644
--- a/apps/extension/src/shared/agent-conversation.ts
+++ b/apps/extension/src/shared/agent-conversation.ts
@@ -4,6 +4,7 @@ export type AgentConversationEvent =
   | {
       readonly id: string;
       readonly role: 'assistant' | 'user';
+      readonly systemEnvironment?: string;
       readonly text: string;
       readonly type: 'message';
     }
@@ -60,9 +61,10 @@ const createEventId = (): string => {
   return id;
 };
 
-export const createUserMessage = (text: string): MessageEvent => ({
+export const createUserMessage = (text: string, systemEnvironment?: string): MessageEvent => ({
   id: createEventId(),
   role: 'user',
+  ...(systemEnvironment === undefined ? {} : { systemEnvironment }),
   text,
   type: 'message',
 });
diff --git a/apps/extension/src/shared/agent-llm-harness.test.ts b/apps/extension/src/shared/agent-llm-harness.test.ts
index eae37d119a..46eb3e5137 100644
--- a/apps/extension/src/shared/agent-llm-harness.test.ts
+++ b/apps/extension/src/shared/agent-llm-harness.test.ts
@@ -78,6 +78,50 @@ describe('agent LLM harness', () => {
     ]);
   });
 
+  it('adds selected tab context before user messages', () => {
+    const userMessage = createUserMessage(
+      'What is this page?',
+      [
+        '<system_environment>',
+        'Selected tab title: Kilo dashboard',
+        'Selected tab URL: https://app.kilo.ai/dashboard',
+        'Current time: 2026-06-23T01:15:00.000Z',
+        'Timezone: Europe/Belgrade',
+        '</system_environment>',
+      ].join('\n')
+    );
+
+    expect(buildGatewayMessagesFromEvents([userMessage])).toStrictEqual([
+      { content: EXTENSION_AGENT_SYSTEM_PROMPT, role: 'system' },
+      {
+        content: [
+          'What is this page?',
+          '',
+          '<system_environment>',
+          'Selected tab title: Kilo dashboard',
+          'Selected tab URL: https://app.kilo.ai/dashboard',
+          'Current time: 2026-06-23T01:15:00.000Z',
+          'Timezone: Europe/Belgrade',
+          '</system_environment>',
+        ].join('\n'),
+        role: 'user',
+      },
+    ]);
+    expect(userMessage.text).toBe('What is this page?');
+  });
+
+  it('does not append environment to assistant messages', () => {
+    const assistantMessage = createAssistantMessage('Summary');
+
+    expect(buildGatewayMessagesFromEvents([assistantMessage])).toStrictEqual([
+      { content: EXTENSION_AGENT_SYSTEM_PROMPT, role: 'system' },
+      {
+        content: 'Summary',
+        role: 'assistant',
+      },
+    ]);
+  });
+
   it('keeps consecutive eval tool calls in one assistant message', () => {
     const firstToolCall = createEvalToolCall({
       code: 'return document.title;',
diff --git a/apps/extension/src/shared/agent-llm-harness.ts b/apps/extension/src/shared/agent-llm-harness.ts
index c115a1e057..de903bbfb5 100644
--- a/apps/extension/src/shared/agent-llm-harness.ts
+++ b/apps/extension/src/shared/agent-llm-harness.ts
@@ -2,6 +2,7 @@ import type { KiloGatewayChatMessage, KiloGatewayToolDefinition } from './kilo-a
 import type { AgentConversationEvent } from './agent-conversation';
 
 type EvalToolCallEvent = Extract<AgentConversationEvent, { readonly type: 'tool-call' }>;
+type MessageEvent = Extract<AgentConversationEvent, { readonly type: 'message' }>;
 
 export const EXTENSION_AGENT_SYSTEM_PROMPT = [
   'You are Kilo, an agent running in a browser extension side panel.',
@@ -66,6 +67,11 @@ const getConsecutiveToolCalls = (
   return toolCalls;
 };
 
+const getGatewayMessageText = (event: MessageEvent): string =>
+  event.role === 'user' && event.systemEnvironment !== undefined
+    ? `${event.text}\n\n${event.systemEnvironment}`
+    : event.text;
+
 export const buildGatewayMessagesFromEvents = (
   events: AgentConversationEvent[]
 ): KiloGatewayChatMessage[] => {
@@ -80,7 +86,7 @@ export const buildGatewayMessagesFromEvents = (
     if (event !== undefined) {
       switch (event.type) {
         case 'message': {
-          messages.push({ content: event.text, role: event.role });
+          messages.push({ content: getGatewayMessageText(event), role: event.role });
           break;
         }
         case 'tool-call': {
diff --git a/apps/extension/tests/e2e/kilo-api-fixture.ts b/apps/extension/tests/e2e/kilo-api-fixture.ts
index e175a246b6..59d72b84b9 100644
--- a/apps/extension/tests/e2e/kilo-api-fixture.ts
+++ b/apps/extension/tests/e2e/kilo-api-fixture.ts
@@ -112,6 +112,7 @@ export const mockKiloApi = async (
     );
 
     const body: unknown = route.request().postDataJSON();
+    const messages = isRecord(body) && Array.isArray(body['messages']) ? body['messages'] : [];
 
     expect(body).toMatchObject({
       model: 'anthropic/claude-sonnet-4',
@@ -126,6 +127,15 @@ export const mockKiloApi = async (
         },
       ],
     });
+    const userMessages = messages.filter(
+      (message): message is Record<string, unknown> =>
+        isRecord(message) && message['role'] === 'user'
+    );
+    expect(userMessages.at(-1)?.['content']).toEqual(
+      expect.stringContaining('<system_environment>')
+    );
+    expect(userMessages.at(-1)?.['content']).toEqual(expect.stringContaining('Current time:'));
+    expect(userMessages.at(-1)?.['content']).toEqual(expect.stringContaining('Timezone:'));
 
     if (chatCompletionCalls === 1) {
       if (options.beforeFirstCompletion !== undefined) {
@@ -258,36 +268,6 @@ export const readSidePanelScrollState = (): {
   };
 };
 
-export const readEvalCodeBlockOverflowState = (): {
-  codeBlockClientWidth: number;
-  codeBlockOverflowX: string;
-  codeBlockScrollWidth: number;
-} => {
-  const codeLabel = [...document.querySelectorAll('p')].find(
-    element => element.textContent === 'Code'
-  );
-  const codeBlock = codeLabel?.parentElement?.querySelector('pre');
-
-  if (!(codeBlock instanceof HTMLElement)) {
-    throw new Error('Eval code block was not found.');
-  }
-
-  return {
-    codeBlockClientWidth: codeBlock.clientWidth,
-    codeBlockOverflowX: getComputedStyle(codeBlock).overflowX,
-    codeBlockScrollWidth: codeBlock.scrollWidth,
-  };
-};
-
-export const expectEvalCodeBlockNoHorizontalOverflow = async (sidePanel: Page): Promise<void> => {
-  const codeBlockOverflowState = await sidePanel.evaluate(readEvalCodeBlockOverflowState);
-
-  expect(codeBlockOverflowState.codeBlockScrollWidth).toBeLessThanOrEqual(
-    codeBlockOverflowState.codeBlockClientWidth
-  );
-  expect(codeBlockOverflowState.codeBlockOverflowX).toBe('hidden');
-};
-
 export const sendOverflowMessages = async (messageInput: Locator, count: number): Promise<void> => {
   await Array.from({ length: count }).reduce<Promise<void>>(
     async (previousMessage, _value, index) => {
diff --git a/apps/extension/tests/e2e/sidebar.test.ts b/apps/extension/tests/e2e/sidebar.test.ts
index 740bfb18f3..6f4c18fdd8 100644
--- a/apps/extension/tests/e2e/sidebar.test.ts
+++ b/apps/extension/tests/e2e/sidebar.test.ts
@@ -213,6 +213,8 @@ test('running conversation can be stopped', async () => {
 
     await sidePanel.getByRole('button', { name: /Safe mode/u }).click();
     await sidePanel.getByRole('button', { name: 'Dangerous' }).click();
+    const targetTabSelect = sidePanel.getByLabel('Target tab');
+    await expect(targetTabSelect).toBeEnabled();
     await sidePanel.getByLabel('Message agent').fill('Inspect this tab');
     const sendButton = sidePanel.getByRole('button', { name: 'Send message' });
     const sendButtonRect = await sendButton.boundingBox();
@@ -222,12 +224,14 @@ test('running conversation can be stopped', async () => {
 
     const stopButton = sidePanel.getByRole('button', { name: 'Stop' });
     await expect(stopButton).toBeVisible();
+    await expect(targetTabSelect).toBeDisabled();
     const stopButtonRect = await stopButton.boundingBox();
 
     expect(stopButtonRect).toEqual(sendButtonRect);
     await stopButton.click();
 
     await expect(sidePanel.getByRole('button', { name: 'Send message' })).toBeVisible();
+    await expect(targetTabSelect).toBeEnabled();
     await expect(sidePanel.getByText('Stopped.')).toBeVisible();
   } finally {
     releaseCompletion();

From 9eec7a8ef9beede32536f8bb16d30e48adc44263 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Tue, 23 Jun 2026 01:34:43 +0200
Subject: [PATCH 50/51] test(extension): add firefox e2e smoke

---
 apps/extension/package.json                   |   5 +-
 .../tests/e2e/firefox-extension.test.ts       | 102 ++++++++++++++++++
 apps/extension/wxt.config.ts                  |   6 +-
 3 files changed, 108 insertions(+), 5 deletions(-)
 create mode 100644 apps/extension/tests/e2e/firefox-extension.test.ts

diff --git a/apps/extension/package.json b/apps/extension/package.json
index d58f66aad9..213065301b 100644
--- a/apps/extension/package.json
+++ b/apps/extension/package.json
@@ -10,8 +10,9 @@
     "debug:chrome": "pnpm run build && tsx scripts/debug-chrome.ts",
     "build": "wxt build",
     "build:firefox": "wxt build -b firefox --mv3",
-    "e2e": "pnpm run build && playwright test -c playwright.config.ts",
-    "e2e:debug": "pnpm run build && playwright test -c playwright.config.ts --debug",
+    "e2e": "pnpm run build && pnpm run build:firefox && playwright test -c playwright.config.ts",
+    "e2e:debug": "pnpm run build && pnpm run build:firefox && playwright test -c playwright.config.ts --debug",
+    "e2e:firefox": "pnpm run build:firefox && playwright test -c playwright.config.ts tests/e2e/firefox-extension.test.ts",
     "zip": "wxt zip",
     "zip:firefox": "wxt zip -b firefox --mv3",
     "typecheck": "tsc --noEmit",
diff --git a/apps/extension/tests/e2e/firefox-extension.test.ts b/apps/extension/tests/e2e/firefox-extension.test.ts
new file mode 100644
index 0000000000..44bdfcce63
--- /dev/null
+++ b/apps/extension/tests/e2e/firefox-extension.test.ts
@@ -0,0 +1,102 @@
+/* eslint-disable import/no-nodejs-modules */
+import { expect, firefox, test } from '@playwright/test';
+import { mkdtemp, readFile, rm } from 'node:fs/promises';
+import { tmpdir } from 'node:os';
+import { createRequire } from 'node:module';
+import { dirname, join, resolve as resolvePath } from 'node:path';
+import { pathToFileURL } from 'node:url';
+
+const extensionId = 'kilo-extension@kilocode.ai';
+const firefoxExtensionPath = resolvePath(import.meta.dirname, '../../.output/firefox-mv3');
+
+interface InstalledFirefoxAddon {
+  readonly backgroundScriptStatus?: string;
+  readonly manifestURL: string;
+  readonly warnings: string[];
+}
+
+interface RemoteFirefox {
+  readonly disconnect: () => void;
+  readonly getInstalledAddon: (addonId: string) => Promise<InstalledFirefoxAddon>;
+  readonly installTemporaryAddon: (addonPath: string, openDevTools: boolean) => Promise<unknown>;
+}
+
+interface WebExtFirefoxRemote {
+  readonly connectWithMaxRetries: (options: {
+    readonly maxRetries: number;
+    readonly port: number;
+    readonly retryInterval: number;
+  }) => Promise<RemoteFirefox>;
+  readonly findFreeTcpPort: () => Promise<number>;
+}
+
+const isRecord = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null && !Array.isArray(value);
+
+const isWebExtFirefoxRemote = (value: unknown): value is WebExtFirefoxRemote =>
+  isRecord(value) &&
+  typeof value['connectWithMaxRetries'] === 'function' &&
+  typeof value['findFreeTcpPort'] === 'function';
+
+const loadWebExtFirefoxRemote = async (): Promise<WebExtFirefoxRemote> => {
+  const require = createRequire(import.meta.url);
+  const webExtDirectory = dirname(require.resolve('web-ext'));
+  const remoteModuleUrl = pathToFileURL(join(webExtDirectory, 'lib/firefox/remote.js')).href;
+  const remoteModule: unknown = await import(remoteModuleUrl);
+
+  if (!isWebExtFirefoxRemote(remoteModule)) {
+    throw new TypeError('web-ext Firefox remote module has an unexpected shape.');
+  }
+
+  return remoteModule;
+};
+
+const readFirefoxManifest = async (): Promise<Record<string, unknown>> => {
+  const manifest: unknown = JSON.parse(
+    await readFile(join(firefoxExtensionPath, 'manifest.json'), 'utf8')
+  );
+
+  if (!isRecord(manifest)) {
+    throw new TypeError('Firefox manifest was not an object.');
+  }
+
+  return manifest;
+};
+
+test('firefox build installs as a running add-on without invalid manifest warnings', async () => {
+  const manifest = await readFirefoxManifest();
+  const { permissions, side_panel: sidePanel, sidebar_action: sidebarAction } = manifest;
+
+  expect(permissions).toContain('storage');
+  expect(permissions).not.toContain('debugger');
+  expect(sidebarAction).toMatchObject({ default_panel: 'sidepanel.html' });
+  expect(sidePanel).toBeUndefined();
+
+  const { connectWithMaxRetries, findFreeTcpPort } = await loadWebExtFirefoxRemote();
+  const port = await findFreeTcpPort();
+  const userDataDir = await mkdtemp(join(tmpdir(), 'kilo-extension-firefox-e2e-'));
+  const context = await firefox.launchPersistentContext(userDataDir, {
+    args: ['-start-debugger-server', String(port)],
+    firefoxUserPrefs: {
+      'devtools.debugger.prompt-connection': false,
+      'devtools.debugger.remote-enabled': true,
+      'xpinstall.signatures.required': false,
+    },
+    headless: true,
+  });
+  let remote: RemoteFirefox | null = null;
+
+  try {
+    remote = await connectWithMaxRetries({ maxRetries: 100, port, retryInterval: 120 });
+    await remote.installTemporaryAddon(firefoxExtensionPath, false);
+    const addon = await remote.getInstalledAddon(extensionId);
+
+    expect(addon.backgroundScriptStatus).toBe('RUNNING');
+    expect(addon.manifestURL).toMatch(/^moz-extension:\/\/.+\/manifest\.json$/u);
+    expect(addon.warnings).toStrictEqual([]);
+  } finally {
+    remote?.disconnect();
+    await context.close();
+    await rm(userDataDir, { force: true, recursive: true });
+  }
+});
diff --git a/apps/extension/wxt.config.ts b/apps/extension/wxt.config.ts
index 6cde2e3c17..8cd0e3e8a1 100644
--- a/apps/extension/wxt.config.ts
+++ b/apps/extension/wxt.config.ts
@@ -3,7 +3,7 @@ import tailwindcss from '@tailwindcss/vite';
 
 // See https://wxt.dev/api/config.html
 export default defineConfig({
-  manifest: {
+  manifest: ({ browser }) => ({
     action: {
       default_title: 'Kilo',
     },
@@ -18,8 +18,8 @@ export default defineConfig({
     description: 'Kilo browser extension.',
     host_permissions: ['https://app.kilo.ai/*', 'http://127.0.0.1/*', 'http://localhost/*'],
     name: 'Kilo Extension',
-    permissions: ['debugger', 'storage'],
-  },
+    permissions: browser === 'firefox' ? ['storage'] : ['debugger', 'storage'],
+  }),
   modules: ['@wxt-dev/module-react'],
   vite: () => ({
     plugins: [tailwindcss()],

From 6c49bb7953826a83d625c60af34c0229683b07d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Tue, 23 Jun 2026 02:03:47 +0200
Subject: [PATCH 51/51] test(extension): cover firefox dangerous mode e2e

---
 apps/extension/entrypoints/background.ts      |  68 +++-
 apps/extension/package.json                   |   7 +-
 .../extension/src/shared/tab-debugger.test.ts |  61 ++-
 apps/extension/src/shared/tab-debugger.ts     |  76 ++++
 .../tests/e2e/firefox-extension.test.ts       |  10 +-
 .../tests/e2e/firefox-selenium-e2e.ts         | 374 ++++++++++++++++++
 apps/extension/wxt.config.ts                  |   7 +-
 pnpm-lock.yaml                                | 110 +++++-
 pnpm-workspace.yaml                           |   1 +
 9 files changed, 689 insertions(+), 25 deletions(-)
 create mode 100644 apps/extension/tests/e2e/firefox-selenium-e2e.ts

diff --git a/apps/extension/entrypoints/background.ts b/apps/extension/entrypoints/background.ts
index 0152776256..1bb2759765 100644
--- a/apps/extension/entrypoints/background.ts
+++ b/apps/extension/entrypoints/background.ts
@@ -3,10 +3,14 @@ import {
   EVAL_TAB_MESSAGE,
   LIST_INSPECTABLE_TABS_MESSAGE,
   evalInTab,
+  evalInTabWithScripting,
   isTabDebuggerRequest,
   listInspectableTabs,
+  listInspectableTabsWithTabsApi,
 } from '@/src/shared/tab-debugger';
 import type {
+  BrowserScriptingApi,
+  BrowserTabsApi,
   ChromeDebuggerApi,
   TabDebuggerRequest,
   TabDebuggerResponse,
@@ -27,33 +31,61 @@ interface ChromeRuntimeApi {
 const handleTabDebuggerRequest = async ({
   debuggerApi,
   request,
+  scriptingApi,
+  tabsApi,
 }: {
   debuggerApi: ChromeDebuggerApi | undefined;
   request: TabDebuggerRequest;
+  scriptingApi: BrowserScriptingApi | undefined;
+  tabsApi: BrowserTabsApi | undefined;
 }): Promise<TabDebuggerResponse> => {
-  if (debuggerApi === undefined) {
-    return { error: 'Debugger API is unavailable.', ok: false };
-  }
-
   try {
     if (request.type === LIST_INSPECTABLE_TABS_MESSAGE) {
+      if (debuggerApi) {
+        return {
+          ok: true,
+          tabs: await listInspectableTabs(debuggerApi),
+          type: LIST_INSPECTABLE_TABS_MESSAGE,
+        };
+      }
+
+      if (tabsApi) {
+        return {
+          ok: true,
+          tabs: await listInspectableTabsWithTabsApi(tabsApi),
+          type: LIST_INSPECTABLE_TABS_MESSAGE,
+        };
+      }
+
+      return { error: 'Tab listing API is unavailable.', ok: false };
+    }
+
+    if (debuggerApi) {
       return {
         ok: true,
-        tabs: await listInspectableTabs(debuggerApi),
-        type: LIST_INSPECTABLE_TABS_MESSAGE,
+        result: await evalInTab({
+          code: request.code,
+          debuggerApi,
+          tabId: request.tabId,
+          ...(request.timeoutMs === undefined ? {} : { timeoutMs: request.timeoutMs }),
+        }),
+        type: EVAL_TAB_MESSAGE,
       };
     }
 
-    return {
-      ok: true,
-      result: await evalInTab({
-        code: request.code,
-        debuggerApi,
-        tabId: request.tabId,
-        ...(request.timeoutMs === undefined ? {} : { timeoutMs: request.timeoutMs }),
-      }),
-      type: EVAL_TAB_MESSAGE,
-    };
+    if (scriptingApi) {
+      return {
+        ok: true,
+        result: await evalInTabWithScripting({
+          code: request.code,
+          scriptingApi,
+          tabId: request.tabId,
+        }),
+        type: EVAL_TAB_MESSAGE,
+      };
+    }
+
+    return { error: 'Tab evaluation API is unavailable.', ok: false };
   } catch (error) {
     return {
       error: error instanceof Error ? error.message : 'Debugger request failed.',
@@ -68,7 +100,9 @@ export default defineBackground(() => {
       chrome?: {
         debugger?: ChromeDebuggerApi;
         runtime?: ChromeRuntimeApi;
+        scripting?: BrowserScriptingApi;
         sidePanel?: Parameters<typeof enableActionClickSidePanel>[0];
+        tabs?: BrowserTabsApi;
       };
     }
   ).chrome;
@@ -86,6 +120,8 @@ export default defineBackground(() => {
       const response = await handleTabDebuggerRequest({
         debuggerApi: chromeApi.debugger,
         request: message,
+        scriptingApi: chromeApi.scripting,
+        tabsApi: chromeApi.tabs,
       });
       sendResponse(response);
     })();
diff --git a/apps/extension/package.json b/apps/extension/package.json
index 213065301b..525a9dfc64 100644
--- a/apps/extension/package.json
+++ b/apps/extension/package.json
@@ -10,9 +10,9 @@
     "debug:chrome": "pnpm run build && tsx scripts/debug-chrome.ts",
     "build": "wxt build",
     "build:firefox": "wxt build -b firefox --mv3",
-    "e2e": "pnpm run build && pnpm run build:firefox && playwright test -c playwright.config.ts",
+    "e2e": "pnpm run build && pnpm run build:firefox && playwright test -c playwright.config.ts && pnpm run e2e:firefox",
     "e2e:debug": "pnpm run build && pnpm run build:firefox && playwright test -c playwright.config.ts --debug",
-    "e2e:firefox": "pnpm run build:firefox && playwright test -c playwright.config.ts tests/e2e/firefox-extension.test.ts",
+    "e2e:firefox": "tsx tests/e2e/firefox-selenium-e2e.ts",
     "zip": "wxt zip",
     "zip:firefox": "wxt zip -b firefox --mv3",
     "typecheck": "tsc --noEmit",
@@ -39,8 +39,11 @@
     "@types/node": "catalog:",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
+    "@types/selenium-webdriver": "^4.35.6",
     "@vitest/coverage-v8": "catalog:",
     "@wxt-dev/module-react": "1.2.2",
+    "geckodriver": "^6.1.0",
+    "selenium-webdriver": "^4.45.0",
     "tailwindcss": "4.3.1",
     "typescript": "catalog:",
     "vitest": "catalog:",
diff --git a/apps/extension/src/shared/tab-debugger.test.ts b/apps/extension/src/shared/tab-debugger.test.ts
index 8afeef25fb..0fd120fc01 100644
--- a/apps/extension/src/shared/tab-debugger.test.ts
+++ b/apps/extension/src/shared/tab-debugger.test.ts
@@ -1,6 +1,16 @@
 import { describe, expect, it } from 'vitest';
-import { evalInTab, listInspectableTabs } from './tab-debugger';
-import type { ChromeDebuggerApi, ChromeDebuggerTargetInfo } from './tab-debugger';
+import {
+  evalInTab,
+  evalInTabWithScripting,
+  listInspectableTabs,
+  listInspectableTabsWithTabsApi,
+} from './tab-debugger';
+import type {
+  BrowserScriptingApi,
+  BrowserTabsApi,
+  ChromeDebuggerApi,
+  ChromeDebuggerTargetInfo,
+} from './tab-debugger';
 
 const createDebuggerApi = ({
   sendCommand,
@@ -91,4 +101,51 @@ describe('tab debugger helpers', () => {
     ).resolves.toStrictEqual({ error: 'Page evaluation failed.', ok: false });
     expect(debuggerApi.calls).toStrictEqual(['attach:7', 'detach:7']);
   });
+
+  it('lists normal page tabs through Firefox tabs API', async () => {
+    const tabsApi: BrowserTabsApi = {
+      query: () => [
+        { id: 1, title: 'Kilo', url: 'https://app.kilo.ai/' },
+        { id: 2, title: 'Firefox settings', url: 'about:preferences' },
+        { id: 3, title: '', url: 'http://localhost:3001/' },
+      ],
+    };
+
+    await expect(listInspectableTabsWithTabsApi(tabsApi)).resolves.toStrictEqual([
+      { id: 1, title: 'Kilo', url: 'https://app.kilo.ai/' },
+      { id: 3, title: 'http://localhost:3001/', url: 'http://localhost:3001/' },
+    ]);
+  });
+
+  it('evaluates dangerous-mode code through Firefox scripting API', async () => {
+    const calls: Parameters<BrowserScriptingApi['executeScript']>[0][] = [];
+    const scriptingApi: BrowserScriptingApi = {
+      executeScript: details => {
+        calls.push(details);
+        return [{ result: 12_345 }];
+      },
+    };
+
+    await expect(
+      evalInTabWithScripting({
+        code: 'return document.documentElement.outerHTML.length;',
+        scriptingApi,
+        tabId: 7,
+      })
+    ).resolves.toStrictEqual({ ok: true, value: 12_345 });
+    expect(calls[0]?.func).toBeTypeOf('function');
+    expect(
+      calls.map(call => ({
+        args: call.args,
+        target: call.target,
+        world: call.world,
+      }))
+    ).toStrictEqual([
+      {
+        args: ['return document.documentElement.outerHTML.length;'],
+        target: { tabId: 7 },
+        world: 'MAIN',
+      },
+    ]);
+  });
 });
diff --git a/apps/extension/src/shared/tab-debugger.ts b/apps/extension/src/shared/tab-debugger.ts
index 8942e95618..5464f07596 100644
--- a/apps/extension/src/shared/tab-debugger.ts
+++ b/apps/extension/src/shared/tab-debugger.ts
@@ -26,6 +26,31 @@ export interface ChromeDebuggerApi {
   ) => unknown;
 }
 
+export interface BrowserTabInfo {
+  readonly id?: number;
+  readonly title?: string;
+  readonly url?: string;
+}
+
+export interface BrowserTabsApi {
+  readonly query: (
+    queryInfo: Record<string, unknown>
+  ) => Promise<BrowserTabInfo[]> | BrowserTabInfo[];
+}
+
+export interface BrowserScriptingInjectionResult {
+  readonly result?: unknown;
+}
+
+export interface BrowserScriptingApi {
+  readonly executeScript: (details: {
+    readonly args: string[];
+    readonly func: (code: string) => unknown;
+    readonly target: { readonly tabId: number };
+    readonly world: 'MAIN';
+  }) => Promise<BrowserScriptingInjectionResult[]> | BrowserScriptingInjectionResult[];
+}
+
 export interface InspectableTab {
   readonly id: number;
   readonly title: string;
@@ -99,8 +124,33 @@ export const listInspectableTabs = async (
     });
 };
 
+export const listInspectableTabsWithTabsApi = async (
+  tabsApi: BrowserTabsApi
+): Promise<InspectableTab[]> => {
+  const tabs = await tabsApi.query({});
+
+  return tabs
+    .filter(
+      (tab): tab is BrowserTabInfo & { readonly id: number; readonly url: string } =>
+        typeof tab.id === 'number' && isNormalPageUrl(tab.url)
+    )
+    .map(tab => {
+      const title = tab.title?.trim();
+
+      return {
+        id: tab.id,
+        title: title === undefined || title === '' ? tab.url : title,
+        url: tab.url,
+      };
+    });
+};
+
 const getEvalExpression = (code: string): string => `(async () => { ${code} })()`;
 
+const runInjectedEval = (code: string): unknown =>
+  // eslint-disable-next-line eslint/no-new-func, typescript-eslint/no-implied-eval, typescript-eslint/no-unsafe-call
+  new Function(code)();
+
 export const evalInTab = async ({
   code,
   debuggerApi,
@@ -160,6 +210,32 @@ export const evalInTab = async ({
   }
 };
 
+export const evalInTabWithScripting = async ({
+  code,
+  scriptingApi,
+  tabId,
+}: {
+  readonly code: string;
+  readonly scriptingApi: BrowserScriptingApi;
+  readonly tabId: number;
+}): Promise<EvalTabResult> => {
+  try {
+    const [response] = await scriptingApi.executeScript({
+      args: [code],
+      func: runInjectedEval,
+      target: { tabId },
+      world: 'MAIN',
+    });
+
+    return { ok: true, value: response?.result };
+  } catch (error) {
+    return {
+      error: error instanceof Error ? error.message : 'Page evaluation failed.',
+      ok: false,
+    };
+  }
+};
+
 export const isTabDebuggerRequest = (value: unknown): value is TabDebuggerRequest => {
   if (!isRecord(value) || typeof value['type'] !== 'string') {
     return false;
diff --git a/apps/extension/tests/e2e/firefox-extension.test.ts b/apps/extension/tests/e2e/firefox-extension.test.ts
index 44bdfcce63..83eeb69e79 100644
--- a/apps/extension/tests/e2e/firefox-extension.test.ts
+++ b/apps/extension/tests/e2e/firefox-extension.test.ts
@@ -65,10 +65,18 @@ const readFirefoxManifest = async (): Promise<Record<string, unknown>> => {
 
 test('firefox build installs as a running add-on without invalid manifest warnings', async () => {
   const manifest = await readFirefoxManifest();
-  const { permissions, side_panel: sidePanel, sidebar_action: sidebarAction } = manifest;
+  const {
+    host_permissions: hostPermissions,
+    permissions,
+    side_panel: sidePanel,
+    sidebar_action: sidebarAction,
+  } = manifest;
 
   expect(permissions).toContain('storage');
+  expect(permissions).toContain('scripting');
+  expect(permissions).toContain('tabs');
   expect(permissions).not.toContain('debugger');
+  expect(hostPermissions).toContain('<all_urls>');
   expect(sidebarAction).toMatchObject({ default_panel: 'sidepanel.html' });
   expect(sidePanel).toBeUndefined();
 
diff --git a/apps/extension/tests/e2e/firefox-selenium-e2e.ts b/apps/extension/tests/e2e/firefox-selenium-e2e.ts
new file mode 100644
index 0000000000..33d37b8e3f
--- /dev/null
+++ b/apps/extension/tests/e2e/firefox-selenium-e2e.ts
@@ -0,0 +1,374 @@
+/* eslint-disable import/no-nodejs-modules, max-lines, promise/avoid-new, promise/no-callback-in-promise, promise/prefer-await-to-callbacks */
+import assert from 'node:assert/strict';
+import { spawn } from 'node:child_process';
+import { createServer } from 'node:http';
+import type { IncomingMessage, Server, ServerResponse } from 'node:http';
+import { dirname, resolve as resolvePath } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { Builder, By, Key, until } from 'selenium-webdriver';
+import type { WebDriver } from 'selenium-webdriver';
+import firefox from 'selenium-webdriver/firefox';
+
+const extensionRoot = resolvePath(dirname(fileURLToPath(import.meta.url)), '../..');
+const firefoxZipPath = resolvePath(extensionRoot, '.output/kilo-extension-0.0.0-firefox.zip');
+
+interface ServerHandle {
+  readonly close: () => Promise<void>;
+  readonly url: string;
+}
+
+type FirefoxWebDriver = WebDriver & {
+  readonly installAddon: (path: string, temporary: boolean) => Promise<string>;
+};
+
+const isRecord = (value: unknown): value is Record<string, unknown> =>
+  typeof value === 'object' && value !== null && !Array.isArray(value);
+
+const isFirefoxWebDriver = (driver: WebDriver): driver is FirefoxWebDriver => {
+  const candidate: unknown = driver;
+
+  return isRecord(candidate) && typeof candidate['installAddon'] === 'function';
+};
+
+const getToolResultHtmlLength = (body: unknown): string => {
+  if (!isRecord(body) || !Array.isArray(body['messages'])) {
+    return 'unknown';
+  }
+
+  const toolMessage = body['messages'].find(
+    (message): message is Record<string, unknown> =>
+      isRecord(message) && message['role'] === 'tool' && typeof message['content'] === 'string'
+  );
+
+  if (toolMessage === undefined || typeof toolMessage['content'] !== 'string') {
+    return 'unknown';
+  }
+
+  const toolResult: unknown = JSON.parse(toolMessage['content']);
+
+  if (!isRecord(toolResult) || typeof toolResult['value'] !== 'number') {
+    return 'unknown';
+  }
+
+  return String(toolResult['value']);
+};
+
+const chatCompletionStreamResponse = (events: unknown[]): string =>
+  `${events.map(event => `data: ${JSON.stringify(event)}\n\n`).join('')}data: [DONE]\n\n`;
+
+const readRequestBody = async (request: IncomingMessage): Promise<unknown> => {
+  const chunks: string[] = [];
+
+  for await (const chunk of request) {
+    chunks.push(String(chunk));
+  }
+
+  const body = chunks.join('');
+
+  return body === '' ? undefined : JSON.parse(body);
+};
+
+const closeServer = (server: Server): Promise<void> =>
+  new Promise((resolve, reject) => {
+    server.close(error => {
+      if (error) {
+        reject(error);
+        return;
+      }
+
+      resolve();
+    });
+  });
+
+const listen = async (server: Server): Promise<ServerHandle> => {
+  await new Promise<void>((resolve, reject) => {
+    server.once('error', reject);
+    server.listen(0, '127.0.0.1', () => {
+      server.off('error', reject);
+      resolve();
+    });
+  });
+
+  const address = server.address();
+
+  if (address === null || typeof address === 'string') {
+    throw new Error('Server did not start on a TCP port.');
+  }
+
+  return {
+    close: () => closeServer(server),
+    url: `http://127.0.0.1:${address.port}`,
+  };
+};
+
+const writeCorsHeaders = (response: ServerResponse): void => {
+  response.setHeader('access-control-allow-headers', '*');
+  response.setHeader('access-control-allow-methods', '*');
+  response.setHeader('access-control-allow-origin', '*');
+};
+
+const sendJson = (response: ServerResponse, body: unknown): void => {
+  writeCorsHeaders(response);
+  response.writeHead(200, { 'content-type': 'application/json' });
+  response.end(JSON.stringify(body));
+};
+
+const sendSse = (response: ServerResponse, events: unknown[]): void => {
+  writeCorsHeaders(response);
+  response.writeHead(200, { 'content-type': 'text/event-stream' });
+  response.end(chatCompletionStreamResponse(events));
+};
+
+const startKiloApiServer = (): Promise<ServerHandle> => {
+  let chatCompletionCalls = 0;
+
+  return listen(
+    createServer((request, response) => {
+      void (async (): Promise<void> => {
+        try {
+          writeCorsHeaders(response);
+
+          if (request.method === 'OPTIONS') {
+            response.writeHead(204);
+            response.end();
+            return;
+          }
+
+          if (request.url === '/api/user') {
+            sendJson(response, { google_user_email: 'user@kilo.ai' });
+            return;
+          }
+
+          if (request.url === '/api/organizations') {
+            sendJson(response, { organizations: [] });
+            return;
+          }
+
+          if (request.url === '/api/gateway/models') {
+            sendJson(response, {
+              data: [
+                {
+                  id: 'anthropic/claude-sonnet-4',
+                  name: 'Anthropic: Claude Sonnet 4',
+                  opencode: { variants: { high: {}, low: {}, medium: {} } },
+                  preferredIndex: 0,
+                },
+              ],
+            });
+            return;
+          }
+
+          if (request.url === '/api/gateway/v1/chat/completions') {
+            chatCompletionCalls += 1;
+            const body = await readRequestBody(request);
+
+            if (chatCompletionCalls === 1) {
+              sendSse(response, [
+                { choices: [{ delta: { content: 'I will inspect Firefox.' } }] },
+                {
+                  choices: [
+                    {
+                      delta: {
+                        tool_calls: [
+                          {
+                            function: {
+                              arguments: JSON.stringify({
+                                code: 'return document.documentElement.outerHTML.length;',
+                              }),
+                              name: 'eval',
+                            },
+                            id: 'call_eval_1',
+                            index: 0,
+                            type: 'function',
+                          },
+                        ],
+                      },
+                    },
+                  ],
+                },
+              ]);
+              return;
+            }
+
+            sendSse(response, [
+              {
+                choices: [
+                  {
+                    delta: {
+                      content: `The selected tab HTML length is ${getToolResultHtmlLength(body)}.`,
+                    },
+                  },
+                ],
+              },
+            ]);
+            return;
+          }
+
+          response.writeHead(404);
+          response.end('not found');
+        } catch (error) {
+          response.writeHead(500);
+          response.end(error instanceof Error ? error.message : String(error));
+        }
+      })();
+    })
+  );
+};
+
+const startTargetPageServer = (): Promise<ServerHandle> =>
+  listen(
+    createServer((_request, response) => {
+      response.writeHead(200, { 'content-type': 'text/html; charset=utf-8' });
+      response.end(`<!doctype html>
+<html>
+  <head><title>Firefox target tab</title></head>
+  <body><main><h1>Firefox target tab</h1><p>Firefox can inspect this page.</p></main></body>
+</html>`);
+    })
+  );
+
+const runCommand = async (
+  command: string,
+  args: readonly string[],
+  env: Record<string, string>
+): Promise<void> => {
+  await new Promise<void>((resolve, reject) => {
+    const child = spawn(command, args, {
+      cwd: extensionRoot,
+      env: { ...process.env, ...env },
+      stdio: 'inherit',
+    });
+
+    child.once('error', reject);
+    child.once('exit', code => {
+      if (code === 0) {
+        resolve();
+        return;
+      }
+
+      reject(new Error(`${command} ${args.join(' ')} exited with ${code ?? 'no code'}.`));
+    });
+  });
+};
+
+const waitForText = async (driver: WebDriver, text: string): Promise<void> => {
+  await driver.wait(
+    until.elementLocated(By.xpath(`//*[contains(normalize-space(.), ${JSON.stringify(text)})]`)),
+    15_000
+  );
+};
+
+const findManifestUrl = async (driver: WebDriver): Promise<string> => {
+  await driver.get('about:debugging#/runtime/this-firefox');
+  await waitForText(driver, 'Kilo Extension');
+
+  const bodyText = await driver.findElement(By.css('body')).getText();
+  const manifestMatch = /Manifest URL\s+(moz-extension:\/\/\S+\/manifest\.json)/u.exec(bodyText);
+
+  if (manifestMatch === null || manifestMatch[1] === undefined) {
+    throw new Error(`Firefox add-on manifest URL was not found.\n${bodyText}`);
+  }
+
+  return manifestMatch[1];
+};
+
+const seedFirefoxAuth = async (driver: WebDriver): Promise<void> => {
+  const result = await driver.executeAsyncScript((done: (value: unknown) => void) => {
+    const browserApi = (
+      globalThis as typeof globalThis & {
+        browser?: {
+          storage?: {
+            local?: {
+              set: (items: Record<string, unknown>) => Promise<void>;
+            };
+          };
+        };
+      }
+    ).browser;
+
+    browserApi?.storage?.local
+      ?.set({ kiloAuth: { token: 'token-1', userEmail: 'user@kilo.ai' } })
+      .then(() => {
+        done('ok');
+        return null;
+      })
+      .catch((error: unknown) => {
+        done(error instanceof Error ? error.message : String(error));
+      });
+  });
+
+  assert.equal(result, 'ok');
+};
+
+const main = async (): Promise<void> => {
+  const api = await startKiloApiServer();
+  let target: ServerHandle | undefined = undefined;
+  let driver: FirefoxWebDriver | undefined = undefined;
+
+  try {
+    await runCommand('pnpm', ['run', 'zip:firefox'], {
+      VITE_KILO_API_BASE_URL: api.url,
+    });
+
+    target = await startTargetPageServer();
+
+    const options = new firefox.Options();
+    options.addArguments('-headless');
+    options.setPreference('extensions.install.requireBuiltInCerts', false);
+    options.setPreference('xpinstall.signatures.required', false);
+
+    const sessionDriver = await new Builder()
+      .forBrowser('firefox')
+      .setFirefoxOptions(options)
+      .build();
+
+    if (!isFirefoxWebDriver(sessionDriver)) {
+      throw new Error('Firefox WebDriver did not expose installAddon.');
+    }
+
+    driver = sessionDriver;
+
+    await sessionDriver.installAddon(firefoxZipPath, true);
+    const manifestUrl = await findManifestUrl(sessionDriver);
+
+    await sessionDriver.switchTo().newWindow('tab');
+    await sessionDriver.get(target.url);
+
+    await sessionDriver.switchTo().newWindow('tab');
+    await sessionDriver.get(manifestUrl.replace('/manifest.json', '/sidepanel.html'));
+    await seedFirefoxAuth(sessionDriver);
+    await sessionDriver.navigate().refresh();
+
+    await waitForText(sessionDriver, 'Claude Sonnet 4');
+    await waitForText(sessionDriver, 'Firefox target tab');
+
+    await sessionDriver.findElement(By.css('button[aria-label^="Safe mode"]')).click();
+    await sessionDriver.findElement(By.xpath("//button[.//span[text()='Dangerous']]")).click();
+    await sessionDriver
+      .findElement(By.css('#agent-message'))
+      .sendKeys('Inspect this tab', Key.ENTER);
+
+    await waitForText(sessionDriver, 'I will inspect Firefox.');
+    await waitForText(sessionDriver, 'eval completed');
+    await waitForText(sessionDriver, 'The selected tab HTML length is');
+
+    const bodyText = await sessionDriver.findElement(By.css('body')).getText();
+
+    assert.match(bodyText, /The selected tab HTML length is \d+\./u);
+    assert.doesNotMatch(bodyText, /The selected tab HTML length is undefined\./u);
+
+    console.log('Firefox e2e passed.');
+  } finally {
+    if (driver !== undefined) {
+      await driver.quit();
+    }
+
+    if (target !== undefined) {
+      await target.close();
+    }
+
+    await api.close();
+  }
+};
+
+await main();
diff --git a/apps/extension/wxt.config.ts b/apps/extension/wxt.config.ts
index 8cd0e3e8a1..d012f36ae8 100644
--- a/apps/extension/wxt.config.ts
+++ b/apps/extension/wxt.config.ts
@@ -16,9 +16,12 @@ export default defineConfig({
       },
     },
     description: 'Kilo browser extension.',
-    host_permissions: ['https://app.kilo.ai/*', 'http://127.0.0.1/*', 'http://localhost/*'],
+    host_permissions:
+      browser === 'firefox'
+        ? ['<all_urls>', 'https://app.kilo.ai/*', 'http://127.0.0.1/*', 'http://localhost/*']
+        : ['https://app.kilo.ai/*', 'http://127.0.0.1/*', 'http://localhost/*'],
     name: 'Kilo Extension',
-    permissions: browser === 'firefox' ? ['storage'] : ['debugger', 'storage'],
+    permissions: browser === 'firefox' ? ['scripting', 'storage', 'tabs'] : ['debugger', 'storage'],
   }),
   modules: ['@wxt-dev/module-react'],
   vite: () => ({
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 27b72fb975..0fc123a65f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -196,12 +196,21 @@ importers:
       '@types/react-dom':
         specifier: 19.2.3
         version: 19.2.3(@types/react@19.2.14)
+      '@types/selenium-webdriver':
+        specifier: ^4.35.6
+        version: 4.35.6
       '@vitest/coverage-v8':
         specifier: 'catalog:'
         version: 4.1.6(vitest@4.1.6)
       '@wxt-dev/module-react':
         specifier: 1.2.2
         version: 1.2.2(babel-plugin-react-compiler@1.0.0)(vite@8.0.10(@types/node@24.12.4)(esbuild@0.27.4)(jiti@2.7.0)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))(wxt@0.20.26(@types/node@24.12.4)(eslint@9.39.4(jiti@2.7.0))(jiti@2.7.0)(oxc-parser@0.120.0)(rollup@4.59.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.4))
+      geckodriver:
+        specifier: ^6.1.0
+        version: 6.1.0
+      selenium-webdriver:
+        specifier: ^4.45.0
+        version: 4.45.0(bufferutil@4.1.0)(utf-8-validate@6.0.6)
       tailwindcss:
         specifier: 4.3.1
         version: 4.3.1
@@ -3968,6 +3977,9 @@ packages:
     resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
     engines: {node: '>=6.9.0'}
 
+  '@bazel/runfiles@6.5.0':
+    resolution: {integrity: sha512-RzahvqTkfpY2jsDxo8YItPX+/iZ6hbiikw1YhE0bA9EKBR5Og8Pa6FHn9PO9M0zaXRVsr0GFQLKbB/0rzy9SzA==}
+
   '@bcoe/v8-coverage@0.2.3':
     resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
 
@@ -9107,6 +9119,9 @@ packages:
   '@types/retry@0.12.0':
     resolution: {integrity: sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==}
 
+  '@types/selenium-webdriver@4.35.6':
+    resolution: {integrity: sha512-8nfyMRi4VvkY9QrQGyY/zkleAhnjnmE8YtdEeoCrWe3izp1P9vo9f5VTNRYF0up+l+kn+VuZah+je+bLddNV+g==}
+
   '@types/semver@7.7.1':
     resolution: {integrity: sha512-FmgJfu+MOcQ370SD0ev7EI8TlCAfKYU+B4m5T3yXc1CiRN94g/SZPtsCkk506aUDtlMnFZvasDwHHUcZUEaYuA==}
 
@@ -9502,6 +9517,10 @@ packages:
   '@vue/shared@3.5.30':
     resolution: {integrity: sha512-YXgQ7JjaO18NeK2K9VTbDHaFy62WrObMa6XERNfNOkAhD1F1oDSf3ZJ7K6GqabZ0BvSDHajp8qfS5Sa2I9n8uQ==}
 
+  '@wdio/logger@9.18.0':
+    resolution: {integrity: sha512-HdzDrRs+ywAqbXGKqe1i/bLtCv47plz4TvsHFH3j729OooT5VH38ctFn5aLXgECmiAKDkmH/A6kOq2Zh5DIxww==}
+    engines: {node: '>=18.20.0'}
+
   '@webassemblyjs/ast@1.14.1':
     resolution: {integrity: sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==}
 
@@ -9597,6 +9616,10 @@ packages:
   '@xtuc/long@4.2.2':
     resolution: {integrity: sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==}
 
+  '@zip.js/zip.js@2.8.26':
+    resolution: {integrity: sha512-RQ4h9F6DOiHxpdocUDrOl6xBM+yOtz+LkUol47AVWcfebGBDpZ7w7Xvz9PS24JgXvLGiXXzSAfdCdVy1tPlaFA==}
+    engines: {bun: '>=0.7.0', deno: '>=1.0.0', node: '>=18.0.0'}
+
   abort-controller@3.0.0:
     resolution: {integrity: sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==}
     engines: {node: '>=6.5'}
@@ -12295,6 +12318,11 @@ packages:
     resolution: {integrity: sha512-zV/5HKTfCeKWnxG0Dmrw51hEWFGfcF2xiXqcA3+J90WDuP0SvoiSO5ORvcBsifmx/FoIjgQN3oNOGaQ5PhLFkg==}
     engines: {node: '>=18'}
 
+  geckodriver@6.1.0:
+    resolution: {integrity: sha512-ZRXLa4ZaYTTgUO4Eefw+RsQCleugU2QLb1ME7qTYxxuRj51yAhfnXaItXNs5/vUzfIaDHuZ+YnSF005hfp07nQ==}
+    engines: {node: '>=20.0.0'}
+    hasBin: true
+
   generator-function@2.0.1:
     resolution: {integrity: sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==}
     engines: {node: '>= 0.4'}
@@ -12606,6 +12634,10 @@ packages:
     resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
     engines: {node: '>= 0.8'}
 
+  http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
+
   http_ece@1.2.0:
     resolution: {integrity: sha512-JrF8SSLVmcvc5NducxgyOrKXe3EsyHMgBFgSaIUGmArKe+rwr0uphRkRXvwiom3I+fpIfoItveHrfudL8/rxuA==}
     engines: {node: '>=16'}
@@ -13706,6 +13738,9 @@ packages:
     resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
     engines: {node: '>=18'}
 
+  loglevel-plugin-prefix@0.8.4:
+    resolution: {integrity: sha512-WpG9CcFAOjz/FtNht+QJeGpvVl/cdR6P0z6OcXSkr8wFJOsV2GRj2j10JLfjuA4aYkcKCNIEqRGCyTife9R8/g==}
+
   loglevel@1.9.2:
     resolution: {integrity: sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg==}
     engines: {node: '>= 0.6.0'}
@@ -14186,6 +14221,10 @@ packages:
   mlly@1.8.2:
     resolution: {integrity: sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==}
 
+  modern-tar@0.7.6:
+    resolution: {integrity: sha512-sweCIVXzx1aIGTCdzcMlSZt1h8k5Tmk08VNAuRk3IU28XamGiOH5ypi11g6De2CH7PhYqSSnGy2A/EFhbWnVKg==}
+    engines: {node: '>=18.0.0'}
+
   module-definition@6.0.1:
     resolution: {integrity: sha512-FeVc50FTfVVQnolk/WQT8MX+2WVcDnTGiq6Wo+/+lJ2ET1bRVi3HG3YlJUfqagNMc/kUlFSoR96AJkxGpKz13g==}
     engines: {node: '>=18'}
@@ -15693,6 +15732,10 @@ packages:
     resolution: {integrity: sha512-M0b3YWQs7R3Z917WRQy1HHA7Ba7D8hvZg6UE5mLykJxQVE2ju0IXbGlaHPPlkY+WN7wFP+wUMXmBFA0aV6vYGQ==}
     engines: {node: '>=4'}
 
+  ret@0.5.0:
+    resolution: {integrity: sha512-I1XxrZSQ+oErkRR4jYbAyEEu2I0avBvvMM5JN+6EBprOGRCs63ENqZ3vjavq8fBw2+62G5LF5XelKwuJpcvcxw==}
+    engines: {node: '>=10'}
+
   retry@0.12.0:
     resolution: {integrity: sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==}
     engines: {node: '>= 4'}
@@ -15775,6 +15818,10 @@ packages:
     resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
     engines: {node: '>= 0.4'}
 
+  safe-regex2@5.1.1:
+    resolution: {integrity: sha512-mOSBvHGDZMuIEZMdOz/aCEYDCv0E7nfcNsIhUF+/P+xC7Hyf3FkvymqgPbg9D1EdSGu+uKbJgy09K/RKKc7kJA==}
+    hasBin: true
+
   safe-regex@2.1.1:
     resolution: {integrity: sha512-rx+x8AMzKb5Q5lQ95Zoi6ZbJqwCLkqi3XuJXp5P3rT8OEc6sZCJG5AE5dU3lsgRr/F4Bs31jSlVN+j5KrsGu9A==}
 
@@ -15836,6 +15883,10 @@ packages:
   seedrandom@3.0.5:
     resolution: {integrity: sha512-8OwmbklUNzwezjGInmZ+2clQmExQPvomqjL7LFqOYqtmuxRgQYqOD3mHaU+MvZn5FLUeVxVfQjwLZW/n/JFuqg==}
 
+  selenium-webdriver@4.45.0:
+    resolution: {integrity: sha512-Cb2nqvJiwXVOtRTCYHX9D1FJR5+Ls7aL3Nev0t6n4CpXsQ//YGiiUmSCbvTDDeLtbV85SZ46qmLab4SIYKXWRw==}
+    engines: {node: '>= 20.0.0'}
+
   semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
@@ -19014,6 +19065,8 @@ snapshots:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.28.5
 
+  '@bazel/runfiles@6.5.0': {}
+
   '@bcoe/v8-coverage@0.2.3': {}
 
   '@bcoe/v8-coverage@1.0.2': {}
@@ -19591,7 +19644,7 @@ snapshots:
       '@vladfrangu/async_event_emitter': 2.4.7
       discord-api-types: 0.38.42
       tslib: 2.8.1
-      ws: 8.20.1(bufferutil@4.1.0)(utf-8-validate@6.0.6)
+      ws: 8.21.0(bufferutil@4.1.0)(utf-8-validate@6.0.6)
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
@@ -19850,7 +19903,7 @@ snapshots:
       terminal-link: 2.1.1
       toqr: 0.1.1
       wrap-ansi: 7.0.0
-      ws: 8.19.0(bufferutil@4.1.0)(utf-8-validate@6.0.6)
+      ws: 8.21.0(bufferutil@4.1.0)(utf-8-validate@6.0.6)
       zod: 3.25.76
     optionalDependencies:
       expo-router: 55.0.14(e99189397fbfd4b7e9ee958acb254913)
@@ -25263,6 +25316,11 @@ snapshots:
 
   '@types/retry@0.12.0': {}
 
+  '@types/selenium-webdriver@4.35.6':
+    dependencies:
+      '@types/node': 24.12.4
+      '@types/ws': 8.18.1
+
   '@types/semver@7.7.1': {}
 
   '@types/stack-utils@2.0.3': {}
@@ -25639,6 +25697,14 @@ snapshots:
 
   '@vue/shared@3.5.30': {}
 
+  '@wdio/logger@9.18.0':
+    dependencies:
+      chalk: 5.6.2
+      loglevel: 1.9.2
+      loglevel-plugin-prefix: 0.8.4
+      safe-regex2: 5.1.1
+      strip-ansi: 7.2.0
+
   '@webassemblyjs/ast@1.14.1':
     dependencies:
       '@webassemblyjs/helper-numbers': 1.13.2
@@ -25768,6 +25834,8 @@ snapshots:
 
   '@xtuc/long@4.2.2': {}
 
+  '@zip.js/zip.js@2.8.26': {}
+
   abort-controller@3.0.0:
     dependencies:
       event-target-shim: 5.0.1
@@ -28765,6 +28833,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  geckodriver@6.1.0:
+    dependencies:
+      '@wdio/logger': 9.18.0
+      '@zip.js/zip.js': 2.8.26
+      decamelize: 6.0.1
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.6
+      modern-tar: 0.7.6
+    transitivePeerDependencies:
+      - supports-color
+
   generator-function@2.0.1: {}
 
   gensync@1.0.0-beta.2: {}
@@ -29119,6 +29198,13 @@ snapshots:
       statuses: 2.0.2
       toidentifier: 1.0.1
 
+  http-proxy-agent@7.0.2:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
   http_ece@1.2.0: {}
 
   https-browserify@1.0.0: {}
@@ -30691,6 +30777,8 @@ snapshots:
       strip-ansi: 7.2.0
       wrap-ansi: 9.0.2
 
+  loglevel-plugin-prefix@0.8.4: {}
+
   loglevel@1.9.2: {}
 
   long@5.3.2: {}
@@ -31572,6 +31660,8 @@ snapshots:
       pkg-types: 1.3.1
       ufo: 1.6.4
 
+  modern-tar@0.7.6: {}
+
   module-definition@6.0.1:
     dependencies:
       ast-module-types: 6.0.1
@@ -33474,6 +33564,8 @@ snapshots:
 
   ret@0.2.2: {}
 
+  ret@0.5.0: {}
+
   retry@0.12.0: {}
 
   retry@0.13.1: {}
@@ -33626,6 +33718,10 @@ snapshots:
       es-errors: 1.3.0
       is-regex: 1.2.1
 
+  safe-regex2@5.1.1:
+    dependencies:
+      ret: 0.5.0
+
   safe-regex@2.1.1:
     dependencies:
       regexp-tree: 0.1.27
@@ -33672,6 +33768,16 @@ snapshots:
 
   seedrandom@3.0.5: {}
 
+  selenium-webdriver@4.45.0(bufferutil@4.1.0)(utf-8-validate@6.0.6):
+    dependencies:
+      '@bazel/runfiles': 6.5.0
+      jszip: 3.10.1
+      tmp: 0.2.7
+      ws: 8.21.0(bufferutil@4.1.0)(utf-8-validate@6.0.6)
+    transitivePeerDependencies:
+      - bufferutil
+      - utf-8-validate
+
   semver@6.3.1: {}
 
   semver@7.6.3: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 3718a9331d..0b7424354b 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -136,3 +136,4 @@ allowBuilds:
   '@openrouter/sdk': false
   spawn-sync: false
   tree-sitter-bash: false
+  geckodriver: true