feat(side-panel): persist per-tab UI state and restore on tab switch

cto-new[bot] · cto-new[bot] · commit 543e5b86e23f · 2025-11-26T01:17:21.000Z
Introduce per-tab state management for the side-panel. Each browser tab now maintains its own UI state and switching tabs restores the appropriate view. New storage keys scope by tab id and are cleared on close to reset the view for subsequent openings.

Key changes:
- Add tab-scoped storage with keys like sidepanel_state_&lt;tabId&gt;
- Track active tab id alongside URL and use GET_ACTIVE_TAB_INFO fallbacks
- Load saved state on mount/tab switch, defaulting to the plugin grid
- Persist state snapshots on showControlPanel, selectedPlugin, and panelView
- Remove previous URL-derived state logic
- Defensive logging for tabs without IDs and unavailable plugins
diff --git a/chrome-extension/package.json b/chrome-extension/package.json
@@ -1,6 +1,6 @@
 {
   "name": "chrome-extension",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - core settings",
   "type": "module",
   "private": true,
diff --git a/chrome-extension/public/pyodide/package.json b/chrome-extension/public/pyodide/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pyodide",
-  "version": "0.27.1572",
+  "version": "0.27.1576",
   "description": "The Pyodide JavaScript package",
   "keywords": [
     "python",
diff --git a/chrome-extension/public/side-panel/assets/index-Cxb24CHT.js b/chrome-extension/public/side-panel/assets/index-Cxb24CHT.js
diff --git a/chrome-extension/public/side-panel/assets/index-Cxb24CHT.js.map b/chrome-extension/public/side-panel/assets/index-Cxb24CHT.js.map
diff --git a/chrome-extension/public/side-panel/assets/index-lp0TK1ly.js b/chrome-extension/public/side-panel/assets/index-lp0TK1ly.js
diff --git a/chrome-extension/public/side-panel/index.html b/chrome-extension/public/side-panel/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <title>Side Panel</title>
-    <script type="module" crossorigin src="./assets/index-lp0TK1ly.js"></script>
+    <script type="module" crossorigin src="./assets/index-Cxb24CHT.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-BtLe3REW.css">
   </head>
 
diff --git a/chrome-extension/src/background/package.json b/chrome-extension/src/background/package.json
@@ -1,6 +1,6 @@
 {
   "name": "chrome-extension-background",
-  "version": "1.0.1022",
+  "version": "1.0.1026",
   "scripts": {
     "build": "webpack --mode=production",
     "dev": "webpack --mode=development --watch"
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "agent-plugins-platform",
-  "version": "1.0.1547",
+  "version": "1.0.1551",
   "description": "Browser extension that enables Python plugin execution using Pyodide and MCP protocol",
   "license": "MIT",
   "private": true,
diff --git a/packages/dev-utils/package.json b/packages/dev-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/dev-utils",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - dev utils",
   "type": "module",
   "private": true,
diff --git a/packages/env/package.json b/packages/env/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/env",
-  "version": "0.5.1552",
+  "version": "0.5.1556",
   "description": "chrome extension - environment variables",
   "type": "module",
   "private": true,
diff --git a/packages/hmr/package.json b/packages/hmr/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/hmr",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - hot module reload/refresh",
   "type": "module",
   "private": true,
diff --git a/packages/i18n/package.json b/packages/i18n/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/i18n",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - internationalization",
   "type": "module",
   "private": true,
diff --git a/packages/module-manager/package.json b/packages/module-manager/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/module-manager",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - module manager",
   "type": "module",
   "private": true,
diff --git a/packages/shared/package.json b/packages/shared/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/shared",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - shared code",
   "type": "module",
   "private": true,
diff --git a/packages/storage/package.json b/packages/storage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/storage",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - storage",
   "type": "module",
   "private": true,
diff --git a/packages/tailwindcss-config/package.json b/packages/tailwindcss-config/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/tailwindcss-config",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - tailwindcss configuration",
   "main": "tailwind.config.ts",
   "private": true,
diff --git a/packages/tsconfig/package.json b/packages/tsconfig/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/tsconfig",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - tsconfig",
   "private": true,
   "sideEffects": false
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/ui",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - ui components",
   "type": "module",
   "private": true,
diff --git a/packages/vite-config/package.json b/packages/vite-config/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/vite-config",
-  "version": "0.5.1573",
+  "version": "0.5.1577",
   "description": "chrome extension - vite base configuration",
   "type": "module",
   "private": true,
diff --git a/packages/zipper/package.json b/packages/zipper/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/zipper",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - zipper",
   "type": "module",
   "private": true,
diff --git a/pages/content-runtime/package.json b/pages/content-runtime/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/content-runtime-script",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - content runtime script",
   "type": "module",
   "private": true,
diff --git a/pages/content-ui/package.json b/pages/content-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/content-ui",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - content ui",
   "type": "module",
   "private": true,
diff --git a/pages/content/package.json b/pages/content/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/content-script",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - content script",
   "type": "module",
   "private": true,
diff --git a/pages/devtools/package.json b/pages/devtools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/devtools",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - devtools",
   "type": "module",
   "private": true,
diff --git a/pages/new-tab/package.json b/pages/new-tab/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/new-tab",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - new tab",
   "type": "module",
   "private": true,
diff --git a/pages/options/package.json b/pages/options/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/options",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - options",
   "type": "module",
   "private": true,
diff --git a/pages/side-panel/package.json b/pages/side-panel/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@extension/sidepanel",
-  "version": "0.5.1565",
+  "version": "0.5.1569",
   "description": "chrome extension - side panel",
   "type": "module",
   "private": true,
diff --git a/pages/side-panel/src/SidePanel.tsx b/pages/side-panel/src/SidePanel.tsx
diff --git a/platform-core/public/pyodide/package.json b/platform-core/public/pyodide/package.json
diff --git a/public/pyodide/package.json b/public/pyodide/package.json

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "chrome-extension",`
`3`		`- "version": "0.5.1565",`
	`3`	`+ "version": "0.5.1569",`
`4`	`4`	`"description": "chrome extension - core settings",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"private": true,`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "pyodide",`
`3`		`- "version": "0.27.1572",`
	`3`	`+ "version": "0.27.1576",`
`4`	`4`	`"description": "The Pyodide JavaScript package",`
`5`	`5`	`"keywords": [`
`6`	`6`	`"python",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "chrome-extension-background",`
`3`		`- "version": "1.0.1022",`
	`3`	`+ "version": "1.0.1026",`
`4`	`4`	`"scripts": {`
`5`	`5`	`"build": "webpack --mode=production",`
`6`	`6`	`"dev": "webpack --mode=development --watch"`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "agent-plugins-platform",`
`3`		`- "version": "1.0.1547",`
	`3`	`+ "version": "1.0.1551",`
`4`	`4`	`"description": "Browser extension that enables Python plugin execution using Pyodide and MCP protocol",`
`5`	`5`	`"license": "MIT",`
`6`	`6`	`"private": true,`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@extension/dev-utils",`
`3`		`- "version": "0.5.1565",`
	`3`	`+ "version": "0.5.1569",`
`4`	`4`	`"description": "chrome extension - dev utils",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"private": true,`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@extension/env",`
`3`		`- "version": "0.5.1552",`
	`3`	`+ "version": "0.5.1556",`
`4`	`4`	`"description": "chrome extension - environment variables",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"private": true,`