npm - @xopcai/xopc - Versions diffs - 0.0.265 → 0.0.267 - Mend

@xopcai/xopc 0.0.265 → 0.0.267

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (148) hide show

package/dist/browser-ext/dist/sidepanel.html CHANGED Viewed

@@ -4,9 +4,9 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>xopc</title>
-    <script type="module" crossorigin src="/sidepanel.js"></script>
-    <link rel="modulepreload" crossorigin href="/assets/auth-CknJ00ae.js">
-    <link rel="stylesheet" crossorigin href="/assets/sidepanel-C69P3v9u.css">
+    <script type="module" crossorigin src="./sidepanel.js"></script>
+    <link rel="modulepreload" crossorigin href="./assets/auth-D_IL6naL.js">
+    <link rel="stylesheet" crossorigin href="./assets/sidepanel-CEPaVLjr.css">
   </head>
   <body>
     <div id="root"></div>

package/dist/browser-ext/dist/sidepanel.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { j as discriminatedUnion, v as strictObject, w as string, n as literal, o as number, _ as _enum, k as endpointHelloPayloadSchema, b as array, f as clientEndpointMessageSchema, x as unknown, y as uuid, c as boolean, t as serverEndpointMessageSchema, q as registerBrowserEndpoint, l as gatewayFetch, g as createBrowserEndpointHello, a as activeTabId, h as currentTabDescriptor, T as TAB_BINDING_PREFIX, m as getAccessProfile, P as PENDING_CONTEXT_KEY, e as captureTabWithPermission, d as captureTabPage, r as readProfile, i as discoverLocalGateway, p as pairGateway, s as revokeAndForgetProfile } from './assets/auth-CknJ00ae.js';
+import { R as RealtimeClient, i as gatewayFetch, a as activeTabId, f as currentTabDescriptor, T as TAB_BINDING_PREFIX, j as getAccessProfile, P as PENDING_CONTEXT_KEY, d as captureTabWithPermission, b as captureTabPage, r as readProfile, g as discoverLocalGateway, p as pairGateway, s as setAutoConnectEnabled, l as revokeAndForgetProfile } from './assets/auth-D_IL6naL.js';
 true              &&(function polyfill() {
   const relList = document.createElement("link").relList;
@@ -17345,369 +17345,6 @@ function requireClient () {
 var clientExports = requireClient();
-const REALTIME_PROTOCOL_VERSION = 1;
-const REALTIME_HEARTBEAT_INTERVAL_MS = 15e3;
-const REALTIME_HEARTBEAT_TIMEOUT_MS = 45e3;
-const realtimeClientKindSchema = _enum([
-  "web",
-  "desktop",
-  "mobile",
-  "browser_extension",
-  "tui",
-  "mcp"
-]);
-const realtimeTopicSchema = string().min(1).max(512);
-const realtimeEventNameSchema = string().regex(/^[a-z][a-z0-9_.-]*$/).max(160);
-const messageIdSchema = uuid();
-const timestampSchema = number().int().nonnegative();
-const sequenceSchema = number().int().positive();
-const envelope = (kind, payload) => strictObject({
-  protocolVersion: literal(REALTIME_PROTOCOL_VERSION),
-  messageId: messageIdSchema,
-  kind: literal(kind),
-  sentAt: timestampSchema,
-  payload
-});
-const realtimeSubscriptionSchema = strictObject({
-  topic: realtimeTopicSchema,
-  afterSeq: number().int().nonnegative().optional()
-});
-discriminatedUnion("kind", [
-  envelope("realtime.hello", strictObject({
-    ticket: string().min(32).max(512),
-    clientId: string().min(1).max(160),
-    clientKind: realtimeClientKindSchema,
-    subscriptions: array(realtimeSubscriptionSchema).max(100).default([]),
-    endpoint: endpointHelloPayloadSchema.optional()
-  })),
-  envelope("realtime.subscribe", strictObject({
-    subscriptions: array(realtimeSubscriptionSchema).min(1).max(100)
-  })),
-  envelope("realtime.unsubscribe", strictObject({
-    topics: array(realtimeTopicSchema).min(1).max(100)
-  })),
-  envelope("realtime.ping", strictObject({})),
-  envelope("endpoint.message", clientEndpointMessageSchema)
-]);
-const realtimeEventPayloadSchema = strictObject({
-  topic: realtimeTopicSchema,
-  seq: sequenceSchema,
-  event: realtimeEventNameSchema,
-  data: unknown()
-});
-const serverRealtimeMessageSchema = discriminatedUnion("kind", [
-  envelope("realtime.ready", strictObject({
-    connectionId: uuid(),
-    heartbeatIntervalMs: literal(REALTIME_HEARTBEAT_INTERVAL_MS),
-    heartbeatTimeoutMs: literal(REALTIME_HEARTBEAT_TIMEOUT_MS),
-    endpoint: strictObject({
-      endpointId: string().min(1).max(160),
-      turnToken: string().min(32).max(160)
-    }).optional()
-  })),
-  envelope("realtime.event", realtimeEventPayloadSchema),
-  envelope("realtime.subscribed", strictObject({
-    topic: realtimeTopicSchema,
-    cursor: number().int().nonnegative()
-  })),
-  envelope("realtime.gap", strictObject({
-    topic: realtimeTopicSchema,
-    requestedSeq: number().int().nonnegative(),
-    earliestSeq: sequenceSchema,
-    recoverable: boolean()
-  })),
-  envelope("realtime.pong", strictObject({})),
-  envelope("realtime.error", strictObject({
-    code: string().min(1).max(80),
-    message: string().min(1).max(500)
-  })),
-  envelope("endpoint.message", serverEndpointMessageSchema)
-]);
-function parseServerRealtimeMessage(value) {
-  return serverRealtimeMessageSchema.parse(value);
-}
-function frameText(data) {
-  if (typeof data === "string") return data;
-  if (data instanceof ArrayBuffer) return new TextDecoder().decode(data);
-  if (ArrayBuffer.isView(data)) {
-    const bytes = Uint8Array.from(new Uint8Array(data.buffer, data.byteOffset, data.byteLength));
-    return new TextDecoder().decode(bytes);
-  }
-  throw new Error("Realtime server sent a non-text frame");
-}
-function isNonRetryableCloseCode(code) {
-  return code === 1009 || code === 4400 || code === 4401 || code === 4413;
-}
-class RealtimeClient {
-  constructor(options) {
-    this.options = options;
-  }
-  options;
-  desiredSubscriptions = /* @__PURE__ */ new Map();
-  cursors = /* @__PURE__ */ new Map();
-  socket;
-  reconnectTimer;
-  heartbeatTimer;
-  connectionTimer;
-  ticketAbort;
-  generation = 0;
-  reconnectAttempts = 0;
-  shouldReconnect = false;
-  ready = false;
-  lastServerMessageAt = 0;
-  endpointBinding;
-  reconnectWhenSocketOpens = false;
-  connect() {
-    if (this.shouldReconnect) return;
-    this.shouldReconnect = true;
-    void this.open(false);
-  }
-  disconnect() {
-    this.shouldReconnect = false;
-    this.reconnectWhenSocketOpens = false;
-    this.generation += 1;
-    this.clearTimers();
-    this.ready = false;
-    this.endpointBinding?.onDisconnected?.();
-    this.socket?.close(1e3, "Client disconnected");
-    this.socket = void 0;
-    this.options.onStateChange?.("disconnected");
-  }
-  reconnect() {
-    this.reconnectWhenSocketOpens = false;
-    this.generation += 1;
-    this.clearTimers();
-    this.ready = false;
-    this.endpointBinding?.onDisconnected?.();
-    this.socket?.close(1e3, "Client reconnecting");
-    this.socket = void 0;
-    this.reconnectAttempts = 0;
-    this.shouldReconnect = true;
-    void this.open(true);
-  }
-  subscribe(topic, afterSeq) {
-    this.desiredSubscriptions.set(topic, afterSeq);
-    if (afterSeq !== void 0) this.cursors.set(topic, afterSeq);
-    if (this.ready) {
-      this.sendSubscriptions([{ topic, afterSeq: this.cursors.get(topic) ?? afterSeq }]);
-    }
-  }
-  unsubscribe(topic) {
-    this.desiredSubscriptions.delete(topic);
-    if (this.ready) this.send(this.clientMessage("realtime.unsubscribe", { topics: [topic] }));
-  }
-  sendEndpointMessage(message) {
-    if (!this.ready) throw new Error("Realtime connection is not ready");
-    this.send(this.clientMessage("endpoint.message", message));
-  }
-  setEndpoint(binding) {
-    this.endpointBinding = binding;
-    this.refreshEndpointConnection();
-  }
-  clearEndpoint(binding) {
-    if (binding && this.endpointBinding !== binding) return;
-    const previous = this.endpointBinding;
-    this.endpointBinding = void 0;
-    previous?.onDisconnected?.();
-    this.refreshEndpointConnection();
-  }
-  refreshEndpointConnection() {
-    if (!this.shouldReconnect) return;
-    if (this.socket?.readyState === 0) {
-      this.reconnectWhenSocketOpens = true;
-      return;
-    }
-    this.reconnect();
-  }
-  async open(reconnecting) {
-    const generation = ++this.generation;
-    const timeoutMs = this.options.connectionTimeoutMs ?? 15e3;
-    const ticketAbort = new AbortController();
-    this.ticketAbort?.abort();
-    this.ticketAbort = ticketAbort;
-    let socket;
-    let closed = false;
-    let messageQueue;
-    const failAttempt = (error, retry = true) => {
-      if (closed || generation !== this.generation) return;
-      closed = true;
-      this.clearConnectionTimer();
-      ticketAbort.abort();
-      if (this.ticketAbort === ticketAbort) this.ticketAbort = void 0;
-      this.ready = false;
-      this.endpointBinding?.onDisconnected?.();
-      this.clearHeartbeat();
-      if (this.socket === socket) this.socket = void 0;
-      if (socket) {
-        socket.onopen = null;
-        socket.onmessage = null;
-        socket.onerror = null;
-        socket.onclose = null;
-        socket.close(4e3, error.slice(0, 120));
-      }
-      if (this.shouldReconnect && retry) this.scheduleReconnect(error);
-      else if (this.shouldReconnect) {
-        this.shouldReconnect = false;
-        this.options.onStateChange?.("error", error);
-      } else this.options.onStateChange?.("disconnected");
-    };
-    this.connectionTimer = setTimeout(() => failAttempt("Realtime connection timed out"), timeoutMs);
-    this.options.onStateChange?.(reconnecting ? "reconnecting" : "connecting");
-    try {
-      const [ticket, endpoint] = await Promise.all([
-        this.options.issueTicket(ticketAbort.signal),
-        this.endpointBinding?.createHello()
-      ]);
-      if (closed || !this.shouldReconnect || generation !== this.generation) return;
-      socket = this.options.createWebSocket(this.options.getWebSocketUrl());
-      this.socket = socket;
-      socket.onopen = () => {
-        if (generation !== this.generation) return;
-        if (this.reconnectWhenSocketOpens) {
-          this.reconnect();
-          return;
-        }
-        const subscriptions = [...this.desiredSubscriptions].map(([topic, afterSeq]) => ({
-          topic,
-          afterSeq: this.cursors.get(topic) ?? afterSeq
-        }));
-        this.send(this.clientMessage("realtime.hello", {
-          ticket,
-          clientId: this.options.clientId,
-          clientKind: this.options.clientKind,
-          subscriptions,
-          ...endpoint ? { endpoint } : {}
-        }));
-      };
-      socket.onmessage = (event) => {
-        if (generation !== this.generation) return;
-        const process = () => {
-          if (closed || generation !== this.generation) return;
-          return this.handleServerMessage(frameText(event.data));
-        };
-        if (!messageQueue) {
-          try {
-            const pending = process();
-            if (!pending) return;
-            const current2 = pending.catch((error) => failAttempt(error instanceof Error ? error.message : "Invalid realtime server message")).then(() => void 0);
-            messageQueue = current2;
-            void current2.finally(() => {
-              if (messageQueue === current2) messageQueue = void 0;
-            });
-          } catch (error) {
-            failAttempt(error instanceof Error ? error.message : "Invalid realtime server message");
-          }
-          return;
-        }
-        const current = messageQueue.then(process).catch((error) => failAttempt(error instanceof Error ? error.message : "Invalid realtime server message")).then(() => void 0);
-        messageQueue = current;
-        void current.finally(() => {
-          if (messageQueue === current) messageQueue = void 0;
-        });
-      };
-      socket.onerror = () => {
-      };
-      socket.onclose = (event) => {
-        failAttempt(
-          event.reason || `WebSocket closed (${event.code ?? 0})`,
-          !isNonRetryableCloseCode(event.code)
-        );
-      };
-    } catch (error) {
-      failAttempt(error instanceof Error ? error.message : "Realtime connection failed");
-    }
-  }
-  handleServerMessage(text) {
-    const message = parseServerRealtimeMessage(JSON.parse(text));
-    this.lastServerMessageAt = Date.now();
-    if (message.kind === "realtime.ready") {
-      this.ready = true;
-      this.reconnectAttempts = 0;
-      this.clearConnectionTimer();
-      this.ticketAbort = void 0;
-      this.options.onStateChange?.("connected");
-      if (message.payload.endpoint) this.endpointBinding?.onReady(message.payload.endpoint);
-      this.clearHeartbeat();
-      this.heartbeatTimer = setInterval(() => {
-        if (!this.ready) return;
-        if (Date.now() - this.lastServerMessageAt >= message.payload.heartbeatTimeoutMs) {
-          this.reconnect();
-          return;
-        }
-        this.send(this.clientMessage("realtime.ping", {}));
-      }, message.payload.heartbeatIntervalMs);
-    } else if (message.kind === "realtime.event") {
-      const cursor = this.cursors.get(message.payload.topic);
-      if (cursor !== void 0 && message.payload.seq <= cursor) return;
-      this.options.onEvent?.(message.payload);
-      this.cursors.set(message.payload.topic, message.payload.seq);
-    } else if (message.kind === "realtime.subscribed") {
-      this.cursors.set(message.payload.topic, message.payload.cursor);
-    } else if (message.kind === "realtime.gap") {
-      this.cursors.set(message.payload.topic, message.payload.earliestSeq - 1);
-      return this.options.onGap?.(message.payload);
-    } else if (message.kind === "realtime.error") {
-      this.options.onStateChange?.("error", message.payload.message);
-    } else if (message.kind === "endpoint.message") {
-      this.endpointBinding?.onMessage(message.payload);
-      this.options.onEndpointMessage?.(message.payload);
-    }
-  }
-  sendSubscriptions(subscriptions) {
-    this.send(this.clientMessage("realtime.subscribe", { subscriptions }));
-  }
-  clientMessage(kind, payload) {
-    const messageId = this.options.createMessageId?.() ?? globalThis.crypto?.randomUUID?.();
-    if (!messageId) throw new Error("RealtimeClient requires createMessageId when crypto.randomUUID is unavailable");
-    return {
-      protocolVersion: REALTIME_PROTOCOL_VERSION,
-      messageId,
-      kind,
-      sentAt: Date.now(),
-      payload
-    };
-  }
-  send(message) {
-    if (!this.socket || this.socket.readyState !== 1) return;
-    this.socket.send(JSON.stringify(message));
-  }
-  scheduleReconnect(error) {
-    if (!this.shouldReconnect) return;
-    this.reconnectAttempts += 1;
-    const max = this.options.maxReconnectAttempts;
-    if (max !== void 0 && this.reconnectAttempts > max) {
-      this.shouldReconnect = false;
-      this.options.onStateChange?.("error", error);
-      return;
-    }
-    this.options.onStateChange?.("reconnecting", error);
-    const cap = Math.min(3e4, 1e3 * 2 ** Math.min(this.reconnectAttempts - 1, 5));
-    const delay = Math.round(cap * (0.5 + Math.random() * 0.5));
-    if (this.reconnectTimer) clearTimeout(this.reconnectTimer);
-    this.reconnectTimer = setTimeout(() => {
-      this.reconnectTimer = void 0;
-      void this.open(true);
-    }, delay);
-  }
-  clearHeartbeat() {
-    if (this.heartbeatTimer) clearInterval(this.heartbeatTimer);
-    this.heartbeatTimer = void 0;
-  }
-  clearTimers() {
-    if (this.reconnectTimer) clearTimeout(this.reconnectTimer);
-    this.reconnectTimer = void 0;
-    this.clearConnectionTimer();
-    this.ticketAbort?.abort();
-    this.ticketAbort = void 0;
-    this.clearHeartbeat();
-  }
-  clearConnectionTimer() {
-    if (this.connectionTimer) clearTimeout(this.connectionTimer);
-    this.connectionTimer = void 0;
-  }
-}
 const CLIENT_ID_KEY = "xopc.browser.client-id";
 const ACTIVE_CHAT_KEY = "xopc.browser.active-chat";
 const CURSOR_PREFIX = "xopc.browser.cursor.";
@@ -17785,6 +17422,13 @@ class BrowserChatClient {
   turnClaim;
   runTopic;
   recoveringOutbox = false;
+  endpointPoll;
+  onRuntimeMessage = (message) => {
+    if (message.type !== "browser/endpoint-ready" || !message.claim) return;
+    this.turnClaim = message.claim;
+    this.update({ endpointReady: true, error: void 0 });
+    void this.recoverOutbox();
+  };
   snapshot = {
     connection: "idle",
     endpointReady: false,
@@ -17800,7 +17444,7 @@ class BrowserChatClient {
   }
   async start() {
     await this.prepare();
-    await registerBrowserEndpoint();
+    chrome.runtime.onMessage.addListener(this.onRuntimeMessage);
     const id = await clientId();
     this.realtime = new RealtimeClient({
       clientId: id,
@@ -17836,23 +17480,13 @@ class BrowserChatClient {
         if (topic === this.runTopic) await this.reloadMessages();
       }
     });
-    this.realtime.setEndpoint({
-      createHello: createBrowserEndpointHello,
-      onReady: ({ endpointId, turnToken }) => {
-        this.turnClaim = { endpointId, token: turnToken };
-        this.update({ endpointReady: true, error: void 0 });
-        void this.recoverOutbox();
-      },
-      onMessage: () => {
-      },
-      onDisconnected: () => {
-        this.turnClaim = void 0;
-        this.update({ endpointReady: false });
-      }
-    });
     this.realtime.subscribe("gateway");
     this.realtime.subscribe("sessions");
     this.realtime.connect();
+    await this.refreshEndpointClaim();
+    this.endpointPoll = setInterval(() => {
+      void this.refreshEndpointClaim();
+    }, 1e3);
     await Promise.all([this.loadSessions(), this.loadModels()]);
     const tabId = await activeTabId();
     const tabKey = tabId === void 0 ? void 0 : `${TAB_SESSION_PREFIX}${tabId}`;
@@ -17863,11 +17497,22 @@ class BrowserChatClient {
     }
   }
   stop() {
+    chrome.runtime.onMessage.removeListener(this.onRuntimeMessage);
+    if (this.endpointPoll) clearInterval(this.endpointPoll);
+    this.endpointPoll = void 0;
     this.realtime?.disconnect();
     this.realtime = void 0;
     this.turnClaim = void 0;
     this.update({ endpointReady: false });
   }
+  async refreshEndpointClaim() {
+    const response = await chrome.runtime.sendMessage({ type: "browser/get-endpoint-claim" }).catch(() => void 0);
+    this.turnClaim = response?.claim;
+    this.update({
+      endpointReady: Boolean(this.turnClaim),
+      ...response?.error ? { error: response.error } : {}
+    });
+  }
   async loadSessions(search) {
     const params = new URLSearchParams({ channel: "webchat", limit: "30" });
     if (search?.trim()) params.set("search", search.trim());
@@ -18018,8 +17663,6 @@ class BrowserChatClient {
   async bindActiveTab(mode) {
     const sessionKey = this.snapshot.sessionKey;
     if (!sessionKey || !this.turnClaim) throw new Error("Open a chat and wait for the browser endpoint");
-    const debuggerGranted = await chrome.permissions.request({ permissions: ["debugger"] });
-    if (!debuggerGranted) throw new Error("Chrome debugger permission is required to control this tab");
     const descriptor = await currentTabDescriptor();
     const result = await json(await gatewayFetch(
       `/api/browser/tab-bindings/${encodeURIComponent(sessionKey)}`,
@@ -18758,6 +18401,78 @@ function ChatPanel() {
   ] });
 }
+function isSidePanelTheme(value) {
+  return value === "light" || value === "dark";
+}
+function applySidePanelTheme(theme) {
+  document.documentElement.dataset.theme = theme;
+  document.documentElement.style.colorScheme = theme;
+}
+function applySystemSidePanelTheme() {
+  applySidePanelTheme(globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+}
+function isGatewayThemePageUrl(value, gatewayUrl) {
+  try {
+    const url = new URL(value);
+    if (url.protocol === "http:" && (url.hostname === "127.0.0.1" || url.hostname === "localhost")) {
+      return true;
+    }
+    return Boolean(gatewayUrl && url.origin === new URL(gatewayUrl).origin);
+  } catch {
+    return false;
+  }
+}
+async function pageTheme(tabId) {
+  try {
+    const [{ result } = {}] = await chrome.scripting.executeScript({
+      target: { tabId },
+      func: () => ({
+        theme: document.documentElement.dataset.theme
+      })
+    });
+    return isSidePanelTheme(result?.theme) ? result.theme : void 0;
+  } catch {
+    return void 0;
+  }
+}
+async function syncSidePanelTheme(gatewayUrl) {
+  const tabs = (await chrome.tabs.query({})).filter((tab) => {
+    return typeof tab.id === "number" && Boolean(tab.url) && isGatewayThemePageUrl(tab.url, gatewayUrl);
+  }).sort((left, right) => Number(right.active) - Number(left.active));
+  for (const tab of tabs) {
+    const theme = await pageTheme(tab.id);
+    if (theme) {
+      applySidePanelTheme(theme);
+      return;
+    }
+  }
+}
+function watchSidePanelTheme(gatewayUrl) {
+  const sync = () => {
+    void syncSidePanelTheme(gatewayUrl);
+  };
+  const onUpdated = (_tabId, change) => {
+    if (change.status === "complete" || change.url) sync();
+  };
+  const onVisibilityChange = () => {
+    if (document.visibilityState === "visible") sync();
+  };
+  sync();
+  window.addEventListener("focus", sync);
+  document.addEventListener("visibilitychange", onVisibilityChange);
+  chrome.tabs.onActivated.addListener(sync);
+  chrome.tabs.onUpdated.addListener(onUpdated);
+  return () => {
+    window.removeEventListener("focus", sync);
+    document.removeEventListener("visibilitychange", onVisibilityChange);
+    chrome.tabs.onActivated.removeListener(sync);
+    chrome.tabs.onUpdated.removeListener(onUpdated);
+  };
+}
+async function reconnectBrowserBridge() {
+  await chrome.runtime.sendMessage({ type: "browser/reconnect" }).catch(() => void 0);
+}
 function SidePanelApp() {
   const [profile, setProfile] = reactExports.useState();
   const [pairingLink, setPairingLink] = reactExports.useState("");
@@ -18765,21 +18480,44 @@ function SidePanelApp() {
   const [state, setState] = reactExports.useState("loading");
   const [error, setError] = reactExports.useState("");
   const [localPairingLink, setLocalPairingLink] = reactExports.useState("");
+  const initializationStarted = reactExports.useRef(false);
   reactExports.useEffect(() => {
-    void readProfile().then(async (stored) => {
-      setProfile(stored);
-      setState(stored ? "online" : "unpaired");
-      if (!stored) {
-        const local = await discoverLocalGateway();
-        if (local) setLocalPairingLink(local.pairingLink);
+    if (initializationStarted.current) return;
+    initializationStarted.current = true;
+    void (async () => {
+      const stored = await readProfile();
+      if (stored) {
+        await reconnectBrowserBridge();
+        setProfile(stored);
+        setState("online");
+        return;
       }
-    });
+      const local = await discoverLocalGateway();
+      if (!local) {
+        setState("unpaired");
+        return;
+      }
+      setLocalPairingLink(local.pairingLink);
+      setState("pairing");
+      try {
+        const paired = await pairGateway(local.pairingLink, setConfirmationCode);
+        await reconnectBrowserBridge();
+        setProfile(paired);
+        setState("online");
+      } catch (cause) {
+        setError(cause instanceof Error ? cause.message : String(cause));
+        setState("unpaired");
+      }
+    })();
   }, []);
+  reactExports.useEffect(() => watchSidePanelTheme(profile?.gatewayUrl), [profile?.gatewayUrl]);
   async function connect(link = pairingLink) {
     setState("pairing");
     setError("");
     try {
       const paired = await pairGateway(link, setConfirmationCode);
+      await setAutoConnectEnabled(true);
+      await reconnectBrowserBridge();
       setProfile(paired);
       setState("online");
     } catch (cause) {
@@ -18790,8 +18528,22 @@ function SidePanelApp() {
   async function disconnect() {
     await revokeAndForgetProfile();
     setProfile(void 0);
+    setLocalPairingLink("");
     setState("unpaired");
   }
+  async function connectLocalGateway() {
+    setState("pairing");
+    setError("");
+    try {
+      const local = await discoverLocalGateway({ force: true });
+      if (!local) throw new Error("No local xopc Gateway was found");
+      setLocalPairingLink(local.pairingLink);
+      await connect(local.pairingLink);
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : String(cause));
+      setState("unpaired");
+    }
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "shell", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: "header", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "brand", children: "xopc" }),
@@ -18805,10 +18557,14 @@ function SidePanelApp() {
       state === "unpaired" || state === "pairing" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "card", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { children: "Connect to xopc" }),
         localPairingLink ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "muted", children: "A local xopc Gateway was found. Connecting still requires approval in the Gateway." }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "primary local-connect", onClick: () => void connect(localPairingLink), disabled: state === "pairing", children: state === "pairing" ? "Waiting for approval…" : "Connect local xopc" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "muted", children: "A local xopc Gateway was found. xopc connects automatically on this computer." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "primary local-connect", onClick: () => void connect(localPairingLink), disabled: state === "pairing", children: state === "pairing" ? "Connecting…" : "Retry local connection" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pairing-divider", children: "or use a pairing link" })
-        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "muted", children: "Create a browser pairing link in the xopc Gateway, then paste it here." }),
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "muted", children: "Connect to a local Gateway, or paste a pairing link for another Gateway." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "primary local-connect", onClick: () => void connectLocalGateway(), disabled: state === "pairing", children: state === "pairing" ? "Connecting…" : "Connect local Gateway" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pairing-divider", children: "or use a pairing link" })
+        ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "field", children: [
           "Pairing link",
           /* @__PURE__ */ jsxRuntimeExports.jsx("textarea", { rows: 4, value: pairingLink, onChange: (event) => setPairingLink(event.target.value), disabled: state === "pairing" })
@@ -18827,6 +18583,7 @@ function SidePanelApp() {
 const root = document.getElementById("root");
 if (!root) throw new Error("Side Panel root is missing");
+applySystemSidePanelTheme();
 clientExports.createRoot(root).render(
   /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SidePanelApp, {}) })
 );

package/dist/browser-ext/manifest.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "minimum_chrome_version": "120",
   "name": "xopc",
-  "version": "0.0.265",
+  "version": "0.0.267",
   "description": "Chat with xopc and explicitly share or control the current page.",
   "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAqnpr4vpLC/nmvy+wiOWk3SWlp2nEZkFijfk8ivGw7StNZgCK90nOMvwhdEtlkk3GOWDvdVnq8HxCsM3UNQ8FnGUyerpH1FJXqXuradxeHf8ZxFjiQU/mIWfnKbUuONWQORon3/pigyoXoK/VUXgg0Wbm/rbVwsS0bv+25R6m+mZgBspOLeKuoH7ivhL+48WV6POtMBsFPZweY26477EM7ukh+56Ff5ENevB8ymxBBn7qK5ZoeZd2a23U8ioX5TsHfe6fnrjitPWjIxD8G0NoKQxcaa/Mo+xs+T6UiLKxP0wjz5bm7jB5H+CXtkRJqzBWUB0h+RSLJckzZfA8BAJrRwIDAQAB",
   "permissions": [
@@ -12,17 +12,14 @@
     "tabs",
     "tabGroups",
     "activeTab",
-    "alarms",
     "storage",
-    "nativeMessaging"
+    "nativeMessaging",
+    "debugger"
   ],
   "host_permissions": [
     "http://127.0.0.1/*",
     "http://localhost/*"
   ],
-  "optional_permissions": [
-    "debugger"
-  ],
   "optional_host_permissions": [
     "http://*/*",
     "https://*/*"

package/dist/extensions/telegram/xopc.extension.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "id": "telegram",
   "name": "Telegram Channel",
   "description": "Bundled Telegram Bot channel (private workspace sources; ships inside @xopcai/xopc dist/)",
-  "version": "0.0.265",
+  "version": "0.0.267",
   "kind": "channel",
   "main": "src/index.js",
   "channels": [