@symbo.ls/connect 3.4.9 → 3.5.0

package/dist/service_worker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/settings/settings_utils.js", "../src/service_worker.js"],
-  "sourcesContent": ["/**\n * @typedef {Object} Settings\n * @property {boolean} useComputed\n * @property {boolean} useStylesheets\n */\n\nconst storageKey = 'settings'\n\n/**\n * @typedef {Object} SettingDefinition\n * @property {string} type\n * @property {String} name\n * @property {string} [key]\n * @property {any} [default]\n * @property {value} [any]\n */\n\n/**\n * @type {SettingDefinition[]}\n */\nexport const settingsDefinitions = [\n  {\n    key: 'useStylesheets',\n    name: 'Use Stylesheets',\n    type: 'checkbox',\n    default: true\n  },\n  {\n    key: 'useComputed',\n    name: 'Use Computed',\n    type: 'checkbox',\n    default: false\n  }\n]\n\n/**\n * @returns {Promise<Settings>}\n */\nexport const getSettings = async () =>\n  (await chrome.storage.local.get(storageKey)).settings\n\n/**\n * @param {Partial<Settings>} updates\n */\nexport async function updateSettings(updates) {\n  const cur = await getSettings()\n  chrome.storage.local\n    .set({ [storageKey]: { ...cur, ...updates } })\n    .catch((reason) => console.error(`failed to update settings : ${reason}`))\n}\n\nexport async function initSettings() {\n  const curSettings = (await getSettings()) ?? {}\n\n  // construct default settings from definitions\n  const defaultSettings = {}\n  settingsDefinitions.forEach(({ key, default: defValue }) => {\n    defaultSettings[key] = defValue\n  })\n\n  // override defaults with any existing settings\n  Object.keys(curSettings).forEach((key) => {\n    // only include settings within the current defined set\n    if (key in defaultSettings) {\n      defaultSettings[key] = curSettings[key]\n    }\n  })\n\n  updateSettings(defaultSettings)\n}\n", "import { initSettings } from './settings/settings_utils'\n\n// ============================================================\n// Tab state helpers (for grabber toggle)\n// ============================================================\nconst getTabState = (tabId) =>\n  chrome.storage.session\n    .get(String(tabId))\n    .then((data) => parseInt(data[tabId] || 0, 10))\n\nconst setTabState = (tabId, state) =>\n  chrome.storage.session.set({ [tabId]: state })\n\nconst getActiveTabs = () =>\n  chrome.tabs.query({ active: true, currentWindow: true })\n\nconst messageActiveTabs = async (message, { condition, modifyMsg } = {}) => {\n  let tabs = await getActiveTabs()\n  tabs = tabs.filter(\n    (tab) => /^https?:/u.test(tab.url) && (!condition || condition(tab))\n  )\n\n  return Promise.all(\n    tabs.map((tab, index) => {\n      const msg = modifyMsg ? modifyMsg(tab, message, index) : message\n      return chrome.tabs\n        .sendMessage(tab.id, msg)\n        .then((response) => response)\n        .catch((reason) => {\n          console.log(`Failed to send msg to tab ${tab.id}`, { reason })\n        })\n    })\n  )\n}\n\nconst toggleActiveTabsState = async () => {\n  const tabs = await getActiveTabs()\n  let states = await Promise.all(tabs.map((tab) => getTabState(tab.id)))\n  states = states.map((s) => (s ? 0 : 1))\n\n  return messageActiveTabs(\n    { type: 'toggle' },\n    {\n      modifyMsg: (tab, msg, index) => {\n        const state = states[index]\n        setTabState(tab.id, state)\n        return { ...msg, state }\n      }\n    }\n  )\n}\n\n// ============================================================\n// Install / update\n// ============================================================\nchrome.runtime.onInstalled.addListener(({ previousVersion, reason }) => {\n  const { name } = chrome.runtime.getManifest()\n  chrome.action.setBadgeBackgroundColor({ color: '#099058ff' })\n  console.log(`${name} ${reason}`, { id: chrome.runtime.id, previousVersion })\n\n  if (['install', 'update'].includes(reason)) {\n    initSettings()\n\n    // Override Origin header on API requests to avoid CORS rejection\n    chrome.declarativeNetRequest.updateDynamicRules({\n      removeRuleIds: [1, 2, 3],\n      addRules: [\n        {\n          id: 1,\n          priority: 1,\n          action: {\n            type: 'modifyHeaders',\n            requestHeaders: [\n              { header: 'Origin', operation: 'set', value: 'https://symbols.app' }\n            ]\n          },\n          condition: {\n            urlFilter: 'https://api.symbols.app/*',\n            resourceTypes: ['xmlhttprequest', 'other']\n          }\n        },\n        {\n          id: 2,\n          priority: 1,\n          action: {\n            type: 'modifyHeaders',\n            requestHeaders: [\n              { header: 'Origin', operation: 'remove' }\n            ]\n          },\n          condition: {\n            urlFilter: 'https://api.anthropic.com/*',\n            resourceTypes: ['xmlhttprequest', 'other']\n          }\n        }\n      ]\n    })\n  }\n})\n\n// ============================================================\n// Badge state\n// ============================================================\nchrome.storage.onChanged.addListener((changes, areas) => {\n  if (\n    areas === 'session' &&\n    Object.values(changes).some((change) => parseInt(change.newValue, 10))\n  ) {\n    chrome.action.setBadgeText({ text: 'ON' })\n  } else {\n    chrome.action.setBadgeText({ text: null })\n  }\n})\n\nchrome.tabs.onActivated.addListener(({ tabId }) => {\n  chrome.action.setBadgeText({ text: null })\n  setTabState(tabId, 0)\n})\n\n// ============================================================\n// Keyboard shortcut (Ctrl+E / Cmd+E)\n// ============================================================\nchrome.commands.onCommand.addListener(async (command) => {\n  if (command === 'toggleGrabber') {\n    await toggleActiveTabsState()\n  }\n})\n\n// ============================================================\n// Toolbar icon click -> toggle grabber\n// ============================================================\nchrome.action.onClicked.addListener(async () => {\n  await toggleActiveTabsState()\n})\n\n// ============================================================\n// Internal messaging (from devtools panel)\n// ============================================================\nlet pickerTabId = null\n\nchrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {\n  if (msg.type === 'open-picker') {\n    const pickerUrl = chrome.runtime.getURL('picker.html')\n    chrome.tabs.create({ url: pickerUrl, active: true }, (tab) => {\n      pickerTabId = tab.id\n    })\n    sendResponse({ ok: true })\n    return true\n  }\n\n  // Forward file operations to the picker tab\n  if (msg.type === 'read-file' || msg.type === 'write-file' || msg.type === 'rescan-project') {\n    const forwardToPickerTab = (tabId) => {\n      chrome.tabs.sendMessage(tabId, msg, (response) => {\n        if (chrome.runtime.lastError) {\n          sendResponse({ error: 'Picker tab error: ' + chrome.runtime.lastError.message })\n        } else {\n          sendResponse(response)\n        }\n      })\n    }\n\n    const openNewPickerTab = () => {\n      const pickerUrl = chrome.runtime.getURL('picker.html?bg')\n      chrome.tabs.create({ url: pickerUrl, active: false }, (tab) => {\n        pickerTabId = tab.id\n        // Wait for the page to load before forwarding\n        setTimeout(() => forwardToPickerTab(tab.id), 800)\n      })\n    }\n\n    if (pickerTabId) {\n      // Verify the tab still exists\n      chrome.tabs.get(pickerTabId, (tab) => {\n        if (chrome.runtime.lastError || !tab) {\n          pickerTabId = null\n          openNewPickerTab()\n        } else {\n          forwardToPickerTab(pickerTabId)\n        }\n      })\n    } else {\n      openNewPickerTab()\n    }\n    return true\n  }\n\n  // Proxy API requests \u2014 strip Origin to avoid CORS rejection on server\n  if (msg.type === 'api-fetch') {\n    const headers = new Headers(msg.headers || {})\n    headers.delete('Origin')\n    const fetchOpts = {\n      method: msg.method || 'GET',\n      headers\n    }\n    if (msg.body && msg.method && msg.method !== 'GET') {\n      fetchOpts.body = msg.body\n    }\n    fetch(msg.url, fetchOpts)\n      .then((res) => res.text().then((text) => ({ ok: res.ok, status: res.status, text })))\n      .then(({ ok, status, text }) => {\n        let json = null\n        try { json = JSON.parse(text) } catch (e) {}\n        sendResponse({ ok, status, data: json, text })\n      })\n      .catch((e) => {\n        sendResponse({ ok: false, status: 0, error: e.message || String(e) })\n      })\n    return true\n  }\n\n  // Forward folder-picked to all extension pages\n  if (msg.type === 'folder-picked') {\n    // Already handled by chrome.runtime.onMessage in panel\n  }\n\n  return true\n})\n\n// ============================================================\n// External messaging (from symbols.app / platform.symbo.ls)\n// ============================================================\nchrome.runtime.onMessageExternal.addListener(async (msg, sender, respond) => {\n  switch (msg.type) {\n    case 'toggle_platform_mode': {\n      const responses = await toggleActiveTabsState()\n      if (responses.some((res) => res && res.success)) {\n        const domql = responses.find((res) => res && res.domql)?.domql || null\n        setTabState(sender.tab.id, 0)\n        respond({ success: true, domql })\n      }\n      break\n    }\n    case 'request_domql': {\n      const data = await chrome.storage.local.get('domqlStr')\n      const domql = JSON.parse(data.domqlStr)\n      respond(domql)\n      break\n    }\n    default: {\n      console.error('Invalid message received', { msg, sender })\n    }\n  }\n\n  return true\n})\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * @typedef {Object} Settings\n * @property {boolean} useComputed\n * @property {boolean} useStylesheets\n */\n\nconst storageKey = 'settings'\n\n/**\n * @typedef {Object} SettingDefinition\n * @property {string} type\n * @property {String} name\n * @property {string} [key]\n * @property {any} [default]\n * @property {value} [any]\n */\n\n/**\n * @type {SettingDefinition[]}\n */\nexport const settingsDefinitions = [\n  {\n    key: 'useStylesheets',\n    name: 'Use Stylesheets',\n    type: 'checkbox',\n    default: true\n  },\n  {\n    key: 'useComputed',\n    name: 'Use Computed',\n    type: 'checkbox',\n    default: false\n  }\n]\n\n/**\n * @returns {Promise<Settings>}\n */\nexport const getSettings = async () =>\n  (await chrome.storage.local.get(storageKey)).settings\n\n/**\n * @param {Partial<Settings>} updates\n */\nexport async function updateSettings(updates) {\n  const cur = await getSettings()\n  chrome.storage.local\n    .set({ [storageKey]: { ...cur, ...updates } })\n    .catch((reason) => console.error(`failed to update settings : ${reason}`))\n}\n\nexport async function initSettings() {\n  const curSettings = (await getSettings()) ?? {}\n\n  // construct default settings from definitions\n  const defaultSettings = {}\n  settingsDefinitions.forEach(({ key, default: defValue }) => {\n    defaultSettings[key] = defValue\n  })\n\n  // override defaults with any existing settings\n  Object.keys(curSettings).forEach((key) => {\n    // only include settings within the current defined set\n    if (key in defaultSettings) {\n      defaultSettings[key] = curSettings[key]\n    }\n  })\n\n  updateSettings(defaultSettings)\n}\n", "import { initSettings } from './settings/settings_utils'\n\n// ============================================================\n// Tab state helpers (for grabber toggle)\n// ============================================================\nconst getTabState = (tabId) =>\n  chrome.storage.session\n    .get(String(tabId))\n    .then((data) => parseInt(data[tabId] || 0, 10))\n\nconst setTabState = (tabId, state) =>\n  chrome.storage.session.set({ [tabId]: state })\n\nconst getActiveTabs = () =>\n  chrome.tabs.query({ active: true, currentWindow: true })\n\nconst messageActiveTabs = async (message, { condition, modifyMsg } = {}) => {\n  let tabs = await getActiveTabs()\n  tabs = tabs.filter(\n    (tab) => /^https?:/u.test(tab.url) && (!condition || condition(tab))\n  )\n\n  return Promise.all(\n    tabs.map((tab, index) => {\n      const msg = modifyMsg ? modifyMsg(tab, message, index) : message\n      return chrome.tabs\n        .sendMessage(tab.id, msg)\n        .then((response) => response)\n        .catch((reason) => {\n          console.log(`Failed to send msg to tab ${tab.id}`, { reason })\n        })\n    })\n  )\n}\n\nconst toggleActiveTabsState = async () => {\n  const tabs = await getActiveTabs()\n  let states = await Promise.all(tabs.map((tab) => getTabState(tab.id)))\n  states = states.map((s) => (s ? 0 : 1))\n\n  return messageActiveTabs(\n    { type: 'toggle' },\n    {\n      modifyMsg: (tab, msg, index) => {\n        const state = states[index]\n        setTabState(tab.id, state)\n        return { ...msg, state }\n      }\n    }\n  )\n}\n\n// ============================================================\n// Install / update\n// ============================================================\nchrome.runtime.onInstalled.addListener(({ previousVersion, reason }) => {\n  const { name } = chrome.runtime.getManifest()\n  chrome.action.setBadgeBackgroundColor({ color: '#099058ff' })\n  console.log(`${name} ${reason}`, { id: chrome.runtime.id, previousVersion })\n\n  if (['install', 'update'].includes(reason)) {\n    initSettings()\n\n    // Override Origin header on API requests to avoid CORS rejection\n    chrome.declarativeNetRequest.updateDynamicRules({\n      removeRuleIds: [1, 2, 3, 4, 5, 6, 7],\n      addRules: [\n        {\n          id: 1,\n          priority: 1,\n          action: {\n            type: 'modifyHeaders',\n            requestHeaders: [\n              { header: 'Origin', operation: 'set', value: 'https://symbols.app' }\n            ]\n          },\n          condition: {\n            urlFilter: 'https://api.symbols.app/*',\n            resourceTypes: ['xmlhttprequest', 'other']\n          }\n        },\n        {\n          id: 2,\n          priority: 1,\n          action: {\n            type: 'modifyHeaders',\n            requestHeaders: [\n              { header: 'Origin', operation: 'remove' }\n            ]\n          },\n          condition: {\n            urlFilter: 'https://api.anthropic.com/*',\n            resourceTypes: ['xmlhttprequest', 'other']\n          }\n        },\n        {\n          id: 3,\n          priority: 1,\n          action: {\n            type: 'modifyHeaders',\n            requestHeaders: [\n              { header: 'Origin', operation: 'remove' }\n            ]\n          },\n          condition: {\n            urlFilter: 'https://api.openai.com/*',\n            resourceTypes: ['xmlhttprequest', 'other']\n          }\n        },\n        {\n          id: 4,\n          priority: 1,\n          action: {\n            type: 'modifyHeaders',\n            requestHeaders: [\n              { header: 'Origin', operation: 'remove' }\n            ]\n          },\n          condition: {\n            urlFilter: 'https://generativelanguage.googleapis.com/*',\n            resourceTypes: ['xmlhttprequest', 'other']\n          }\n        },\n        {\n          id: 5,\n          priority: 1,\n          action: {\n            type: 'modifyHeaders',\n            requestHeaders: [\n              { header: 'Origin', operation: 'remove' }\n            ]\n          },\n          condition: {\n            urlFilter: 'https://api.deepseek.com/*',\n            resourceTypes: ['xmlhttprequest', 'other']\n          }\n        },\n        {\n          id: 6,\n          priority: 1,\n          action: {\n            type: 'modifyHeaders',\n            requestHeaders: [\n              { header: 'Origin', operation: 'remove' }\n            ]\n          },\n          condition: {\n            urlFilter: 'https://api.groq.com/*',\n            resourceTypes: ['xmlhttprequest', 'other']\n          }\n        }\n      ]\n    })\n  }\n})\n\n// ============================================================\n// Badge state\n// ============================================================\nchrome.storage.onChanged.addListener((changes, areas) => {\n  if (\n    areas === 'session' &&\n    Object.values(changes).some((change) => parseInt(change.newValue, 10))\n  ) {\n    chrome.action.setBadgeText({ text: 'ON' })\n  } else {\n    chrome.action.setBadgeText({ text: null })\n  }\n})\n\nchrome.tabs.onActivated.addListener(({ tabId }) => {\n  chrome.action.setBadgeText({ text: null })\n  setTabState(tabId, 0)\n})\n\n// ============================================================\n// Keyboard shortcut (Ctrl+E / Cmd+E)\n// ============================================================\nchrome.commands.onCommand.addListener(async (command) => {\n  if (command === 'toggleGrabber') {\n    await toggleActiveTabsState()\n  }\n})\n\n// ============================================================\n// Toolbar icon click -> toggle grabber\n// ============================================================\nchrome.action.onClicked.addListener(async () => {\n  await toggleActiveTabsState()\n})\n\n// ============================================================\n// Internal messaging (from devtools panel)\n// ============================================================\nlet pickerTabId = null\n\nchrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {\n  if (msg.type === 'open-picker') {\n    const pickerUrl = chrome.runtime.getURL('picker.html')\n    chrome.tabs.create({ url: pickerUrl, active: true }, (tab) => {\n      pickerTabId = tab.id\n    })\n    sendResponse({ ok: true })\n    return true\n  }\n\n  // Forward file operations to the picker tab\n  if (msg.type === 'read-file' || msg.type === 'write-file' || msg.type === 'rescan-project') {\n    const forwardToPickerTab = (tabId) => {\n      chrome.tabs.sendMessage(tabId, msg, (response) => {\n        if (chrome.runtime.lastError) {\n          sendResponse({ error: 'Picker tab error: ' + chrome.runtime.lastError.message })\n        } else {\n          sendResponse(response)\n        }\n      })\n    }\n\n    const openNewPickerTab = () => {\n      const pickerUrl = chrome.runtime.getURL('picker.html?bg')\n      chrome.tabs.create({ url: pickerUrl, active: false }, (tab) => {\n        pickerTabId = tab.id\n        // Wait for the page to load before forwarding\n        setTimeout(() => forwardToPickerTab(tab.id), 800)\n      })\n    }\n\n    if (pickerTabId) {\n      // Verify the tab still exists\n      chrome.tabs.get(pickerTabId, (tab) => {\n        if (chrome.runtime.lastError || !tab) {\n          pickerTabId = null\n          openNewPickerTab()\n        } else {\n          forwardToPickerTab(pickerTabId)\n        }\n      })\n    } else {\n      openNewPickerTab()\n    }\n    return true\n  }\n\n  // Proxy API requests \u2014 strip Origin to avoid CORS rejection on server\n  if (msg.type === 'api-fetch') {\n    const headers = new Headers(msg.headers || {})\n    headers.delete('Origin')\n    const fetchOpts = {\n      method: msg.method || 'GET',\n      headers\n    }\n    if (msg.body && msg.method && msg.method !== 'GET') {\n      fetchOpts.body = msg.body\n    }\n    fetch(msg.url, fetchOpts)\n      .then((res) => res.text().then((text) => ({ ok: res.ok, status: res.status, text })))\n      .then(({ ok, status, text }) => {\n        let json = null\n        try { json = JSON.parse(text) } catch (e) {}\n        sendResponse({ ok, status, data: json, text })\n      })\n      .catch((e) => {\n        sendResponse({ ok: false, status: 0, error: e.message || String(e) })\n      })\n    return true\n  }\n\n  // Forward folder-picked to all extension pages\n  if (msg.type === 'folder-picked') {\n    // Already handled by chrome.runtime.onMessage in panel\n  }\n\n  return true\n})\n\n// ============================================================\n// External messaging (from symbols.app / platform.symbo.ls)\n// ============================================================\nchrome.runtime.onMessageExternal.addListener(async (msg, sender, respond) => {\n  switch (msg.type) {\n    case 'toggle_platform_mode': {\n      const responses = await toggleActiveTabsState()\n      if (responses.some((res) => res && res.success)) {\n        const domql = responses.find((res) => res && res.domql)?.domql || null\n        setTabState(sender.tab.id, 0)\n        respond({ success: true, domql })\n      }\n      break\n    }\n    case 'request_domql': {\n      const data = await chrome.storage.local.get('domqlStr')\n      const domql = JSON.parse(data.domqlStr)\n      respond(domql)\n      break\n    }\n    default: {\n      console.error('Invalid message received', { msg, sender })\n    }\n  }\n\n  return true\n})\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbo.ls/connect",
-  "version": "3.4.9",
+  "version": "3.5.0",
   "description": "Symbols Connect — Chrome extension for DOMQL inspection and element grabbing",
   "main": "dist/content.js",
   "scripts": {
@@ -15,6 +15,6 @@
     "chokidar": "^3.5.3"
   },
   "dependencies": {
-    "@domql/utils": "^3.4.9"
+    "@domql/utils": "^3.5.0"
   }
 }

package/src/service_worker.js

@@ -63,7 +63,7 @@ chrome.runtime.onInstalled.addListener(({ previousVersion, reason }) => {
 
     // Override Origin header on API requests to avoid CORS rejection
     chrome.declarativeNetRequest.updateDynamicRules({
-      removeRuleIds: [1, 2, 3],
+      removeRuleIds: [1, 2, 3, 4, 5, 6, 7],
       addRules: [
         {
           id: 1,
@@ -92,6 +92,62 @@ chrome.runtime.onInstalled.addListener(({ previousVersion, reason }) => {
             urlFilter: 'https://api.anthropic.com/*',
             resourceTypes: ['xmlhttprequest', 'other']
           }
+        },
+        {
+          id: 3,
+          priority: 1,
+          action: {
+            type: 'modifyHeaders',
+            requestHeaders: [
+              { header: 'Origin', operation: 'remove' }
+            ]
+          },
+          condition: {
+            urlFilter: 'https://api.openai.com/*',
+            resourceTypes: ['xmlhttprequest', 'other']
+          }
+        },
+        {
+          id: 4,
+          priority: 1,
+          action: {
+            type: 'modifyHeaders',
+            requestHeaders: [
+              { header: 'Origin', operation: 'remove' }
+            ]
+          },
+          condition: {
+            urlFilter: 'https://generativelanguage.googleapis.com/*',
+            resourceTypes: ['xmlhttprequest', 'other']
+          }
+        },
+        {
+          id: 5,
+          priority: 1,
+          action: {
+            type: 'modifyHeaders',
+            requestHeaders: [
+              { header: 'Origin', operation: 'remove' }
+            ]
+          },
+          condition: {
+            urlFilter: 'https://api.deepseek.com/*',
+            resourceTypes: ['xmlhttprequest', 'other']
+          }
+        },
+        {
+          id: 6,
+          priority: 1,
+          action: {
+            type: 'modifyHeaders',
+            requestHeaders: [
+              { header: 'Origin', operation: 'remove' }
+            ]
+          },
+          condition: {
+            urlFilter: 'https://api.groq.com/*',
+            resourceTypes: ['xmlhttprequest', 'other']
+          }
         }
       ]
     })

package/static/panel.css

@@ -2803,3 +2803,278 @@ body {
   padding-top: 8px;
   border-top: 1px solid var(--border);
 }
+
+/* ============================================================
+   Network mode
+   ============================================================ */
+#mode-network {
+  flex-direction: column;
+  overflow-y: auto;
+}
+.network-panel {
+  padding: 12px 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.network-section {
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 12px;
+  background: var(--bg-alt);
+}
+.network-section .section-header {
+  margin-bottom: 10px;
+}
+.network-status {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  border-radius: var(--radius-sm);
+  background: var(--bg-input);
+  font-size: 12px;
+  margin-bottom: 10px;
+}
+.network-status-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--text-dim);
+  flex-shrink: 0;
+}
+.network-status.connected .network-status-dot { background: #4caf50; }
+.network-status.error .network-status-dot { background: var(--error-color); }
+.network-fields {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.network-field label {
+  display: block;
+  font-size: 11px;
+  color: var(--text-dim);
+  margin-bottom: 3px;
+}
+.network-field-row {
+  display: flex;
+  gap: 6px;
+}
+.network-input {
+  flex: 1;
+  background: var(--bg-input);
+  border: 1px solid var(--border);
+  color: var(--text-bright);
+  font-family: inherit;
+  font-size: 12px;
+  padding: 6px 10px;
+  border-radius: var(--radius-sm);
+  outline: none;
+}
+.network-input:focus { border-color: var(--accent); }
+.network-btn-sm {
+  background: var(--bg-input);
+  border: 1px solid var(--border);
+  color: var(--text);
+  font-size: 11px;
+  padding: 4px 10px;
+  border-radius: var(--radius-sm);
+  cursor: pointer;
+  white-space: nowrap;
+}
+.network-btn-sm:hover { border-color: var(--accent); color: var(--text-bright); }
+.network-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 10px;
+}
+.network-btn {
+  background: var(--accent);
+  border: none;
+  color: #fff;
+  font-size: 12px;
+  font-family: inherit;
+  padding: 6px 14px;
+  border-radius: var(--radius-sm);
+  cursor: pointer;
+}
+.network-btn:hover { opacity: 0.9; }
+.network-btn-secondary {
+  background: transparent;
+  border: 1px solid var(--border);
+  color: var(--text-dim);
+}
+.network-btn-secondary:hover { border-color: var(--text-dim); color: var(--text); }
+.network-info {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.network-info-row {
+  display: flex;
+  justify-content: space-between;
+  padding: 4px 0;
+  font-size: 12px;
+  border-bottom: 1px solid var(--border);
+}
+.network-info-row:last-child { border-bottom: none; }
+.network-info-label {
+  color: var(--text-dim);
+}
+.network-info-value {
+  color: var(--text-bright);
+  font-family: 'SF Mono', 'Menlo', 'Consolas', monospace;
+  font-size: 11px;
+}
+
+/* ============================================================
+   Integrations mode
+   ============================================================ */
+#mode-integrations {
+  flex-direction: column;
+  overflow-y: auto;
+}
+.integrations-panel {
+  padding: 12px 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.integrations-section {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.integrations-search-row {
+  margin-bottom: 4px;
+}
+.integrations-search {
+  width: 100%;
+  background: var(--bg-input);
+  border: 1px solid var(--border);
+  color: var(--text);
+  font-size: 12px;
+  font-family: inherit;
+  padding: 6px 10px;
+  border-radius: var(--radius-sm);
+  outline: none;
+}
+.integrations-search:focus { border-color: var(--accent); }
+.integrations-list {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.integration-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 12px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--bg-alt);
+}
+.integration-icon {
+  width: 32px;
+  height: 32px;
+  border-radius: var(--radius-sm);
+  background: var(--bg-input);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  flex-shrink: 0;
+}
+.integration-info {
+  flex: 1;
+  min-width: 0;
+}
+.integration-name {
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--text-bright);
+}
+.integration-desc {
+  font-size: 10px;
+  color: var(--text-dim);
+  margin-top: 2px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.integration-actions {
+  flex-shrink: 0;
+  display: flex;
+  gap: 4px;
+}
+.integration-btn {
+  background: var(--bg-input);
+  border: 1px solid var(--border);
+  color: var(--text);
+  font-size: 10px;
+  padding: 3px 8px;
+  border-radius: var(--radius-sm);
+  cursor: pointer;
+  font-family: inherit;
+}
+.integration-btn:hover { border-color: var(--accent); color: var(--text-bright); }
+.integration-btn-primary {
+  background: var(--accent);
+  border-color: var(--accent);
+  color: #fff;
+}
+.integration-btn-primary:hover { opacity: 0.9; }
+.integration-btn-danger {
+  color: var(--error-color);
+}
+.integration-btn-danger:hover { border-color: var(--error-color); }
+.integrations-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  gap: 8px;
+}
+.integration-card {
+  padding: 12px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--bg-alt);
+  cursor: pointer;
+  transition: border-color 0.15s;
+}
+.integration-card:hover { border-color: var(--accent); }
+.integration-card-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 6px;
+}
+.integration-card-icon {
+  width: 24px;
+  height: 24px;
+  border-radius: 4px;
+  background: var(--bg-input);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  flex-shrink: 0;
+}
+.integration-card-name {
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--text-bright);
+}
+.integration-card-desc {
+  font-size: 10px;
+  color: var(--text-dim);
+  line-height: 1.4;
+}
+.integration-card-tag {
+  display: inline-block;
+  font-size: 9px;
+  color: var(--text-dim);
+  background: var(--bg-input);
+  padding: 1px 5px;
+  border-radius: 8px;
+  margin-top: 6px;
+}

package/static/panel.html

@@ -72,6 +72,8 @@
       <button class="mode-tab" data-mode="chat">Chat</button>
       <button class="mode-tab" data-mode="gallery">Gallery</button>
       <button class="mode-tab" data-mode="content">Content</button>
+      <button class="mode-tab" data-mode="network">Network</button>
+      <button class="mode-tab" data-mode="integrations">Integrations</button>
       <span class="mode-tab-spacer"></span>
       <span id="app-connection-badge"></span>
       <button id="btn-app-disconnect" title="Disconnect">&#10005;</button>
@@ -167,6 +169,10 @@
           <select id="ai-model" class="ai-model-select" title="Select AI model">
             <option value="Starter">Starter (free)</option>
             <option value="claude">Claude</option>
+            <option value="openai">GPT-4o</option>
+            <option value="gemini">Gemini</option>
+            <option value="deepseek">DeepSeek</option>
+            <option value="groq">Groq</option>
             <option value="chrome">Chrome AI (local)</option>
           </select>
           <button class="ai-settings-btn" title="AI settings" data-settings="ai">&#9881;</button>
@@ -205,6 +211,10 @@
         <select id="chat-model" class="ai-model-select" title="Select AI model">
           <option value="Starter">Starter (free)</option>
           <option value="claude">Claude</option>
+          <option value="openai">GPT-4o</option>
+          <option value="gemini">Gemini</option>
+          <option value="deepseek">DeepSeek</option>
+          <option value="groq">Groq</option>
           <option value="chrome">Chrome AI (local)</option>
         </select>
         <button class="ai-settings-btn" title="AI settings" data-settings="ai">&#9881;</button>
@@ -239,6 +249,79 @@
       </div>
     </div>
 
+    <!-- ============================================================
+         NETWORK MODE
+         ============================================================ -->
+    <div id="mode-network" class="mode-panel">
+      <div class="network-panel">
+        <div class="network-section">
+          <div class="section-header">Backend Connection</div>
+          <div id="network-status" class="network-status">
+            <span class="network-status-dot"></span>
+            <span id="network-status-text">Not connected</span>
+          </div>
+          <div class="network-fields">
+            <div class="network-field">
+              <label>Server URL</label>
+              <div class="network-field-row">
+                <input id="network-url" type="text" placeholder="https://api.example.com" class="network-input" />
+                <button id="network-test" class="network-btn-sm">Test</button>
+              </div>
+            </div>
+            <div class="network-field">
+              <label>API Key / Token</label>
+              <input id="network-token" type="password" placeholder="Bearer token or API key" class="network-input" />
+            </div>
+          </div>
+          <div class="network-actions">
+            <button id="network-save" class="network-btn">Save Connection</button>
+            <button id="network-disconnect" class="network-btn network-btn-secondary">Disconnect</button>
+          </div>
+        </div>
+
+        <div class="network-section">
+          <div class="section-header">Server Info</div>
+          <div id="network-info" class="network-info">
+            <div class="network-info-row"><span class="network-info-label">Host</span><span id="network-info-host" class="network-info-value">—</span></div>
+            <div class="network-info-row"><span class="network-info-label">IP</span><span id="network-info-ip" class="network-info-value">—</span></div>
+            <div class="network-info-row"><span class="network-info-label">Status</span><span id="network-info-status" class="network-info-value">—</span></div>
+            <div class="network-info-row"><span class="network-info-label">Latency</span><span id="network-info-latency" class="network-info-value">—</span></div>
+            <div class="network-info-row"><span class="network-info-label">Platform</span><span id="network-info-platform" class="network-info-value">—</span></div>
+            <div class="network-info-row"><span class="network-info-label">Region</span><span id="network-info-region" class="network-info-value">—</span></div>
+          </div>
+        </div>
+
+        <div class="network-section">
+          <div class="section-header">Deployment</div>
+          <div id="network-deployment" class="network-info">
+            <div class="empty-message">Connect to view deployment configuration</div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- ============================================================
+         INTEGRATIONS MODE
+         ============================================================ -->
+    <div id="mode-integrations" class="mode-panel">
+      <div class="integrations-panel">
+        <div class="integrations-section">
+          <div class="section-header">Active Integrations</div>
+          <div id="integrations-active" class="integrations-list">
+            <div class="empty-message">No integrations enabled</div>
+          </div>
+        </div>
+
+        <div class="integrations-section">
+          <div class="section-header">Marketplace</div>
+          <div class="integrations-search-row">
+            <input id="integrations-search" type="text" placeholder="Search integrations..." class="integrations-search" />
+          </div>
+          <div id="integrations-marketplace" class="integrations-grid"></div>
+        </div>
+      </div>
+    </div>
+
   </div>
 
   <!-- AI Settings Dialog -->
@@ -249,15 +332,45 @@
         <button id="ai-dialog-close">&times;</button>
       </div>
       <div class="ai-dialog-body">
+        <div id="ai-dialog-auth-status" class="ai-dialog-auth-status"></div>
+
         <div class="ai-dialog-section">
-          <div class="ai-dialog-label">Claude API</div>
-          <p class="ai-dialog-hint">Sign in to symbols.app to use Claude via the platform, or enter your own Anthropic API key.</p>
-          <div id="ai-dialog-auth-status" class="ai-dialog-auth-status"></div>
           <div class="ai-dialog-field">
-            <label>Anthropic API Key</label>
+            <label>Anthropic (Claude)</label>
             <input id="ai-key-anthropic" type="password" placeholder="sk-ant-..." class="ai-dialog-input" />
           </div>
         </div>
+
+        <div class="ai-dialog-section">
+          <div class="ai-dialog-field">
+            <label>OpenAI (GPT-4o)</label>
+            <input id="ai-key-openai" type="password" placeholder="sk-..." class="ai-dialog-input" />
+          </div>
+        </div>
+
+        <div class="ai-dialog-section">
+          <div class="ai-dialog-field">
+            <label>Google AI (Gemini)</label>
+            <input id="ai-key-gemini" type="password" placeholder="AIza..." class="ai-dialog-input" />
+          </div>
+        </div>
+
+        <div class="ai-dialog-section">
+          <div class="ai-dialog-field">
+            <label>DeepSeek</label>
+            <input id="ai-key-deepseek" type="password" placeholder="sk-..." class="ai-dialog-input" />
+          </div>
+        </div>
+
+        <div class="ai-dialog-section">
+          <div class="ai-dialog-field">
+            <label>Groq</label>
+            <input id="ai-key-groq" type="password" placeholder="gsk_..." class="ai-dialog-input" />
+          </div>
+        </div>
+
+        <p class="ai-dialog-hint">Sign in to symbols.app for free Claude access, or enter API keys above.</p>
+
         <div class="ai-dialog-actions">
           <button id="ai-dialog-save" class="ai-dialog-save">Save</button>
         </div>