tmex-cli 0.16.2 → 0.16.4

package/dist/runtime/server.js

@@ -25668,6 +25668,8 @@ __export(exports_ws_borsh, {
   WATCH_EVENT_TRIGGERED: () => WATCH_EVENT_TRIGGERED,
   WATCH_EVENT_RULE_ERROR: () => WATCH_EVENT_RULE_ERROR,
   WATCH_EVENT_MODEL_UNAVAILABLE: () => WATCH_EVENT_MODEL_UNAVAILABLE,
+  SITE_THEME_LIGHT: () => SITE_THEME_LIGHT,
+  SITE_THEME_DARK: () => SITE_THEME_DARK,
   MAX_CHUNK_STREAMS: () => MAX_CHUNK_STREAMS,
   MAX_CHUNKS_PER_MESSAGE: () => MAX_CHUNKS_PER_MESSAGE,
   MAGIC: () => MAGIC,
@@ -25700,6 +25702,7 @@ __export(exports_ws_borsh, {
   KIND_SWITCH_ACK: () => KIND_SWITCH_ACK,
   KIND_STATE_SNAPSHOT_DIFF: () => KIND_STATE_SNAPSHOT_DIFF,
   KIND_STATE_SNAPSHOT: () => KIND_STATE_SNAPSHOT,
+  KIND_SITE_THEME_UPDATE: () => KIND_SITE_THEME_UPDATE,
   KIND_PONG: () => KIND_PONG,
   KIND_PING: () => KIND_PING,
   KIND_LIVE_RESUME: () => KIND_LIVE_RESUME,
@@ -25800,6 +25803,7 @@ var KIND_AGENT_SUBSCRIBE = 1537;
 var KIND_AGENT_UNSUBSCRIBE = 1538;
 var KIND_AGENT_EVENT = 1539;
 var KIND_WATCH_EVENT = 1793;
+var KIND_SITE_THEME_UPDATE = 2049;
 var VALID_KINDS = new Set([
   KIND_HELLO_C2S,
   KIND_HELLO_S2C,
@@ -25845,7 +25849,8 @@ var VALID_KINDS = new Set([
   KIND_AGENT_SUBSCRIBE,
   KIND_AGENT_UNSUBSCRIBE,
   KIND_AGENT_EVENT,
-  KIND_WATCH_EVENT
+  KIND_WATCH_EVENT,
+  KIND_SITE_THEME_UPDATE
 ]);
 function isValidKind(kind) {
   return VALID_KINDS.has(kind);
@@ -25896,68 +25901,11 @@ function kindToString(kind) {
     [KIND_AGENT_SUBSCRIBE]: "AGENT_SUBSCRIBE",
     [KIND_AGENT_UNSUBSCRIBE]: "AGENT_UNSUBSCRIBE",
     [KIND_AGENT_EVENT]: "AGENT_EVENT",
-    [KIND_WATCH_EVENT]: "WATCH_EVENT"
+    [KIND_WATCH_EVENT]: "WATCH_EVENT",
+    [KIND_SITE_THEME_UPDATE]: "SITE_THEME_UPDATE"
   };
   return kindMap[kind] ?? `UNKNOWN(0x${kind.toString(16).padStart(4, "0")})`;
 }
-// ../shared/src/ws-borsh/agent.ts
-var AGENT_EVENT_SYNC = 1;
-var AGENT_EVENT_STATUS = 2;
-var AGENT_EVENT_TEXT_DELTA = 3;
-var AGENT_EVENT_REASONING_DELTA = 4;
-var AGENT_EVENT_TOOL_CALL = 5;
-var AGENT_EVENT_TOOL_RESULT = 6;
-var AGENT_EVENT_CONFIRMATION_REQUEST = 7;
-var AGENT_EVENT_CONFIRMATION_RESOLVED = 8;
-var AGENT_EVENT_MESSAGE_PERSISTED = 9;
-var AGENT_EVENT_ERROR = 10;
-var AGENT_EVENT_TURN_FINISHED = 11;
-var AGENT_EVENT_CREDENTIAL_WARNING = 12;
-var AGENT_EVENT_QUEUE_UPDATED = 13;
-var WATCH_EVENT_TRIGGERED = 1;
-var WATCH_EVENT_MODEL_UNAVAILABLE = 2;
-var WATCH_EVENT_RULE_ERROR = 3;
-// ../shared/src/ws-borsh/errors.ts
-var ERROR_UNSUPPORTED_PROTOCOL = 1001;
-var ERROR_INVALID_FRAME = 1002;
-var ERROR_UNKNOWN_KIND = 1003;
-var ERROR_PAYLOAD_DECODE_FAILED = 1004;
-var ERROR_FRAME_TOO_LARGE = 1005;
-var ERROR_DEVICE_NOT_FOUND = 1101;
-var ERROR_DEVICE_CONNECT_FAILED = 1102;
-var ERROR_TMUX_TARGET_NOT_FOUND = 1201;
-var ERROR_TMUX_NOT_READY = 1202;
-var ERROR_SELECT_CONFLICT = 1301;
-var ERROR_SELECT_TOKEN_MISMATCH = 1302;
-var ERROR_INTERNAL_ERROR = 1401;
-var ERROR_MESSAGES = {
-  [ERROR_UNSUPPORTED_PROTOCOL]: "Unsupported protocol version",
-  [ERROR_INVALID_FRAME]: "Invalid frame format",
-  [ERROR_UNKNOWN_KIND]: "Unknown message kind",
-  [ERROR_PAYLOAD_DECODE_FAILED]: "Failed to decode payload",
-  [ERROR_FRAME_TOO_LARGE]: "Frame exceeds maximum size",
-  [ERROR_DEVICE_NOT_FOUND]: "Device not found",
-  [ERROR_DEVICE_CONNECT_FAILED]: "Failed to connect device",
-  [ERROR_TMUX_TARGET_NOT_FOUND]: "Tmux target not found",
-  [ERROR_TMUX_NOT_READY]: "Tmux not ready",
-  [ERROR_SELECT_CONFLICT]: "Select conflict",
-  [ERROR_SELECT_TOKEN_MISMATCH]: "Select token mismatch",
-  [ERROR_INTERNAL_ERROR]: "Internal server error"
-};
-function getErrorMessage(code) {
-  return ERROR_MESSAGES[code] ?? `Unknown error code: ${code}`;
-}
-
-class WsBorshError extends Error {
-  code;
-  retryable;
-  constructor(code, retryable = false, message) {
-    super(message ?? getErrorMessage(code));
-    this.code = code;
-    this.retryable = retryable;
-    this.name = "WsBorshError";
-  }
-}
 // ../shared/src/ws-borsh/schema.ts
 var exports_schema = {};
 __export(exports_schema, {
@@ -25995,7 +25943,11 @@ __export(exports_schema, {
   SwitchAckSchema: () => SwitchAckSchema,
   StateSnapshotSchema: () => StateSnapshotSchema,
   StateSnapshotDiffSchema: () => StateSnapshotDiffSchema,
+  SiteThemeUpdateS2CSchema: () => SiteThemeUpdateS2CSchema,
+  SiteThemeUpdateC2SSchema: () => SiteThemeUpdateC2SSchema,
   SessionWireSchema: () => SessionWireSchema,
+  SITE_THEME_LIGHT: () => SITE_THEME_LIGHT,
+  SITE_THEME_DARK: () => SITE_THEME_DARK,
   PingPongSchema: () => PingPongSchema,
   PaneWireSchema: () => PaneWireSchema,
   PaneCloseEventSchema: () => PaneCloseEventSchema,
@@ -26341,6 +26293,73 @@ var NotificationEventSchema = import_zorsh.b.struct({
   paneTitle: OptionStringSchema,
   paneCurrentCommand: OptionStringSchema
 });
+var SITE_THEME_DARK = 0;
+var SITE_THEME_LIGHT = 1;
+var SiteThemeUpdateC2SSchema = import_zorsh.b.struct({
+  theme: import_zorsh.b.u8()
+});
+var SiteThemeUpdateS2CSchema = import_zorsh.b.struct({
+  theme: import_zorsh.b.u8(),
+  serverTimestamp: import_zorsh.b.u64()
+});
+// ../shared/src/ws-borsh/agent.ts
+var AGENT_EVENT_SYNC = 1;
+var AGENT_EVENT_STATUS = 2;
+var AGENT_EVENT_TEXT_DELTA = 3;
+var AGENT_EVENT_REASONING_DELTA = 4;
+var AGENT_EVENT_TOOL_CALL = 5;
+var AGENT_EVENT_TOOL_RESULT = 6;
+var AGENT_EVENT_CONFIRMATION_REQUEST = 7;
+var AGENT_EVENT_CONFIRMATION_RESOLVED = 8;
+var AGENT_EVENT_MESSAGE_PERSISTED = 9;
+var AGENT_EVENT_ERROR = 10;
+var AGENT_EVENT_TURN_FINISHED = 11;
+var AGENT_EVENT_CREDENTIAL_WARNING = 12;
+var AGENT_EVENT_QUEUE_UPDATED = 13;
+var WATCH_EVENT_TRIGGERED = 1;
+var WATCH_EVENT_MODEL_UNAVAILABLE = 2;
+var WATCH_EVENT_RULE_ERROR = 3;
+// ../shared/src/ws-borsh/errors.ts
+var ERROR_UNSUPPORTED_PROTOCOL = 1001;
+var ERROR_INVALID_FRAME = 1002;
+var ERROR_UNKNOWN_KIND = 1003;
+var ERROR_PAYLOAD_DECODE_FAILED = 1004;
+var ERROR_FRAME_TOO_LARGE = 1005;
+var ERROR_DEVICE_NOT_FOUND = 1101;
+var ERROR_DEVICE_CONNECT_FAILED = 1102;
+var ERROR_TMUX_TARGET_NOT_FOUND = 1201;
+var ERROR_TMUX_NOT_READY = 1202;
+var ERROR_SELECT_CONFLICT = 1301;
+var ERROR_SELECT_TOKEN_MISMATCH = 1302;
+var ERROR_INTERNAL_ERROR = 1401;
+var ERROR_MESSAGES = {
+  [ERROR_UNSUPPORTED_PROTOCOL]: "Unsupported protocol version",
+  [ERROR_INVALID_FRAME]: "Invalid frame format",
+  [ERROR_UNKNOWN_KIND]: "Unknown message kind",
+  [ERROR_PAYLOAD_DECODE_FAILED]: "Failed to decode payload",
+  [ERROR_FRAME_TOO_LARGE]: "Frame exceeds maximum size",
+  [ERROR_DEVICE_NOT_FOUND]: "Device not found",
+  [ERROR_DEVICE_CONNECT_FAILED]: "Failed to connect device",
+  [ERROR_TMUX_TARGET_NOT_FOUND]: "Tmux target not found",
+  [ERROR_TMUX_NOT_READY]: "Tmux not ready",
+  [ERROR_SELECT_CONFLICT]: "Select conflict",
+  [ERROR_SELECT_TOKEN_MISMATCH]: "Select token mismatch",
+  [ERROR_INTERNAL_ERROR]: "Internal server error"
+};
+function getErrorMessage(code) {
+  return ERROR_MESSAGES[code] ?? `Unknown error code: ${code}`;
+}
+
+class WsBorshError extends Error {
+  code;
+  retryable;
+  constructor(code, retryable = false, message) {
+    super(message ?? getErrorMessage(code));
+    this.code = code;
+    this.retryable = retryable;
+    this.name = "WsBorshError";
+  }
+}
 // ../shared/src/ws-borsh/codec.ts
 var MAGIC = new Uint8Array([84, 88]);
 var CURRENT_VERSION = 1;
@@ -26860,6 +26879,59 @@ function decodePaneWire(wire) {
     top: wire.top ?? undefined
   };
 }
+// ../shared/src/appearance.ts
+var TERMINAL_THEME_LIGHT = {
+  background: "#e1e1e1",
+  foreground: "#616161",
+  cursor: "#616161",
+  selectionBackground: "rgba(97, 97, 97, 0.25)",
+  black: "#171717",
+  red: "#bf2172",
+  green: "#009799",
+  yellow: "#9a7200",
+  blue: "#007299",
+  magenta: "#9b1d72",
+  cyan: "#007173",
+  white: "#d9d9d9",
+  brightBlack: "#4e4e4e",
+  brightRed: "#e12672",
+  brightGreen: "#00bddf",
+  brightYellow: "#ffdd00",
+  brightBlue: "#7299bc",
+  brightMagenta: "#e17899",
+  brightCyan: "#6fbcbd",
+  brightWhite: "#f1f1f1"
+};
+var TERMINAL_THEME_DARK = {
+  background: "#262626",
+  foreground: "#d0d0d0",
+  cursor: "#c5c5c5",
+  selectionBackground: "rgba(197, 197, 197, 0.25)",
+  black: "#000000",
+  red: "#ba3c3c",
+  green: "#5d876d",
+  yellow: "#d5a54e",
+  blue: "#887c8d",
+  magenta: "#cd6d6d",
+  cyan: "#618484",
+  white: "#cfcdc3",
+  brightBlack: "#000000",
+  brightRed: "#ea7171",
+  brightGreen: "#7aab7a",
+  brightYellow: "#d1d194",
+  brightBlue: "#afa3b5",
+  brightMagenta: "#e29f9f",
+  brightCyan: "#a0aea3",
+  brightWhite: "#d0d0d0"
+};
+function getTerminalTheme(name) {
+  return name === "light" ? TERMINAL_THEME_LIGHT : TERMINAL_THEME_DARK;
+}
+function getTmuxWindowStyle(theme) {
+  const colors = getTerminalTheme(theme);
+  return `fg=${colors.foreground},bg=${colors.background}`;
+}
+
 // ../shared/src/index.ts
 var TERMINAL_SHORTCUT_ACTIONS = [
   "paste",
@@ -28304,6 +28376,7 @@ var config = {
   bellThrottleSecondsDefault: Number.parseInt(getEnv("TMEX_BELL_THROTTLE_SECONDS", "6"), 10),
   notificationThrottleSecondsDefault: Number.parseInt(getEnv("TMEX_NOTIFICATION_THROTTLE_SECONDS", "3"), 10),
   tmuxAllowPassthrough: getBooleanEnv("TMEX_TMUX_ALLOW_PASSTHROUGH", false),
+  themeNotify2031Enabled: getBooleanEnv("TMEX_THEME_NOTIFY_2031", true),
   tmuxTermProgram: getEnv("TMEX_TMUX_TERM_PROGRAM", "ghostty"),
   tmuxWindowStyle: getEnv("TMEX_TMUX_WINDOW_STYLE", "fg=#d0d0d0,bg=#262626"),
   tmuxSocket: getEnv("TMEX_TMUX_SOCKET", ""),
@@ -33329,8 +33402,12 @@ var siteSettings = sqliteTable("site_settings", {
   sshReconnectMaxRetries: integer("ssh_reconnect_max_retries").notNull(),
   sshReconnectDelaySeconds: integer("ssh_reconnect_delay_seconds").notNull(),
   language: text("language").notNull().default("en_US"),
+  theme: text("theme").notNull().default("dark"),
   updatedAt: text("updated_at").notNull()
-}, (table) => [check("site_settings_singleton_check", sql`${table.id} = 1`)]);
+}, (table) => [
+  check("site_settings_singleton_check", sql`${table.id} = 1`),
+  check("site_settings_theme_check", sql`${table.theme} in ('dark', 'light')`)
+]);
 var terminalShortcutSettings = sqliteTable("terminal_shortcut_settings", {
   id: integer("id").primaryKey(),
   items: text("items", { mode: "json" }).$type().notNull().default(DEFAULT_TERMINAL_SHORTCUTS),
@@ -33624,6 +33701,7 @@ function toSiteSettings(row) {
     sshReconnectMaxRetries: row.sshReconnectMaxRetries,
     sshReconnectDelaySeconds: row.sshReconnectDelaySeconds,
     language: normalizeLocale(row.language),
+    theme: row.theme,
     updatedAt: row.updatedAt
   };
 }
@@ -33917,6 +33995,7 @@ function updateSiteSettings(updates) {
     sshReconnectMaxRetries: updates.sshReconnectMaxRetries ?? current.sshReconnectMaxRetries,
     sshReconnectDelaySeconds: updates.sshReconnectDelaySeconds ?? current.sshReconnectDelaySeconds,
     language: updates.language ? normalizeLocale(updates.language) : current.language,
+    theme: updates.theme ?? current.theme,
     updatedAt: new Date().toISOString()
   };
   const orm = getDb();
@@ -33928,7 +34007,8 @@ function updateSiteSettings(updates) {
     enableBrowserNotificationToast: next.enableBrowserNotificationToast,
     enableNotificationPush: next.enableNotificationPush,
     enableBellPush: next.enableBellPush,
-    enableBellSound: next.enableBellSound
+    enableBellSound: next.enableBellSound,
+    theme: next.theme
   }).where(eq(siteSettings.id, 1)).run();
   siteSettingsCache = { value: next, expiresAt: Date.now() + SITE_SETTINGS_TTL_MS };
   if (instance.language !== next.language) {
@@ -98354,7 +98434,9 @@ var MAX_OSC_KIND_BYTES = 16;
 var MAX_OSC_PAYLOAD_BYTES = 8 * 1024;
 var MAX_DCS_PASSTHROUGH_BYTES = 64 * 1024;
 var MAX_KITTY_PENDING_IDS = 16;
+var MAX_CSI_BYTES = 64;
 var TMUX_PASSTHROUGH_PREFIX = "tmux;";
+var THEME_UPDATES_MODE = "2031";
 function createPaneStreamParser(options) {
   let phase = "normal";
   let oscKind = "";
@@ -98364,6 +98446,8 @@ function createPaneStreamParser(options) {
   let warnedDcsOverflow = false;
   let dcsPrefix = "";
   let dcsBytes = [];
+  let csiBytes = [];
+  let inTmuxPassthrough = false;
   const kittyPending = new Map;
   function resetOscState() {
     oscKind = "";
@@ -98513,8 +98597,19 @@ function createPaneStreamParser(options) {
         dcsBytes = [];
         dcsPrefix = "";
         phase = "normal";
-        for (const byte of content) {
-          processByte(byte);
+        inTmuxPassthrough = true;
+        try {
+          for (const byte of content) {
+            processByte(byte);
+          }
+        } finally {
+          inTmuxPassthrough = false;
+        }
+        const phaseAfterFlush = phase;
+        if (phaseAfterFlush === "csi") {
+          output.push(27, 91, ...csiBytes);
+          csiBytes = [];
+          phase = "normal";
         }
       }
       function appendDcsByte(byte) {
@@ -98559,10 +98654,38 @@ function createPaneStreamParser(options) {
             phase = "dcs-detect";
             return;
           }
+          if (byte === 91) {
+            csiBytes = [];
+            phase = "csi";
+            return;
+          }
           output.push(27, byte);
           phase = "normal";
           return;
         }
+        if (phase === "csi") {
+          if (byte >= 64 && byte <= 126) {
+            output.push(27, 91, ...csiBytes, byte);
+            if ((byte === 104 || byte === 108) && csiBytes[0] === 63 && !inTmuxPassthrough) {
+              const params = decoder2.decode(new Uint8Array(csiBytes.slice(1))).split(";");
+              if (params.includes(THEME_UPDATES_MODE)) {
+                options.onThemeSubscription?.(byte === 104);
+              }
+            }
+            csiBytes = [];
+            phase = "normal";
+            return;
+          }
+          if (byte >= 32 && byte <= 63 && csiBytes.length < MAX_CSI_BYTES) {
+            csiBytes.push(byte);
+            return;
+          }
+          output.push(27, 91, ...csiBytes);
+          csiBytes = [];
+          phase = "normal";
+          processByte(byte);
+          return;
+        }
         if (phase === "dcs-detect") {
           const expected = TMUX_PASSTHROUGH_PREFIX.charCodeAt(dcsPrefix.length);
           if (byte === expected) {
@@ -98755,7 +98878,8 @@ function createControlModeSubscription(callbacks) {
       onBell: () => callbacks.onBell(paneId),
       onNotification: (notification) => callbacks.onNotification(paneId, notification),
       onPromptMarker: (marker24) => callbacks.onPromptMarker?.(paneId, marker24),
-      onClipboardWrite: (text3) => callbacks.onClipboardWrite?.(paneId, text3)
+      onClipboardWrite: (text3) => callbacks.onClipboardWrite?.(paneId, text3),
+      onThemeSubscription: (subscribed) => callbacks.onThemeSubscription?.(paneId, subscribed)
     });
     paneParsers.set(paneId, parser2);
     return parser2;
@@ -99096,6 +99220,44 @@ function isTargetMissingMessage(message) {
   return normalized.includes("can't find window") || normalized.includes("can't find pane") || normalized.includes("no such window") || normalized.includes("no such pane");
 }
 
+// ../../apps/gateway/src/tmux-client/theme-subscriptions.ts
+function createThemeSubscriptionTracker() {
+  const subscribed = new Set;
+  return {
+    note(paneId, isSubscribed) {
+      if (isSubscribed) {
+        subscribed.add(paneId);
+      } else {
+        subscribed.delete(paneId);
+      }
+    },
+    clear(paneId) {
+      subscribed.delete(paneId);
+    },
+    prune(validPaneIds) {
+      for (const paneId of subscribed) {
+        if (!validPaneIds.has(paneId)) {
+          subscribed.delete(paneId);
+        }
+      }
+    },
+    restore(paneIds) {
+      for (const paneId of paneIds) {
+        subscribed.add(paneId);
+      }
+    },
+    has(paneId) {
+      return subscribed.has(paneId);
+    },
+    list() {
+      return [...subscribed];
+    },
+    reset() {
+      subscribed.clear();
+    }
+  };
+}
+
 // ../../apps/gateway/src/tmux-client/tmux-version.ts
 var MIN_CONTROL_MODE_VERSION = { major: 3, minor: 0 };
 function parseTmuxVersion(versionOutput) {
@@ -99233,6 +99395,8 @@ class LocalExternalTmuxConnection {
   heartbeatTimer = null;
   heartbeatPending = false;
   heartbeatTimeoutTimer = null;
+  themeSubscriptions = createThemeSubscriptionTracker();
+  themeSubscriptionsRestored = false;
   constructor(options, inputDeps = {}) {
     this.deviceId = options.deviceId;
     this.callbacks = options;
@@ -99345,7 +99509,13 @@ class LocalExternalTmuxConnection {
     if (!this.connected) {
       return;
     }
-    const argv = ["new-window", "-t", this.sessionName, "-c", cwd ?? this.resolveDefaultWorkingDir()];
+    const argv = [
+      "new-window",
+      "-t",
+      this.sessionName,
+      "-c",
+      cwd ?? this.resolveDefaultWorkingDir()
+    ];
     if (name24) {
       argv.push("-n", name24);
     }
@@ -99481,17 +99651,69 @@ class LocalExternalTmuxConnection {
       ]);
     }
   }
-  setWindowStyle(style) {
+  async setWindowStyle(style) {
     if (!this.connected) {
       return;
     }
     if (!resolveTmuxWindowStyle(config.tmuxWindowStyle)) {
       return;
     }
-    this.configureWindowStyle(style).catch((error51) => {
+    await this.configureWindowStyle(style).catch((error51) => {
       this.callbacks.onError(error51);
     });
   }
+  signalThemeChange(paneId, theme) {
+    if (!this.connected || !config.themeNotify2031Enabled) {
+      return;
+    }
+    if (!this.themeSubscriptions.has(paneId)) {
+      return;
+    }
+    this.sendInput(paneId, `\x1B[?997;${theme === "dark" ? "1" : "2"}n`);
+  }
+  noteThemeSubscription(paneId, subscribed) {
+    this.themeSubscriptions.note(paneId, subscribed);
+    this.runTmuxAllowFailure([
+      "set-option",
+      "-p",
+      "-t",
+      paneId,
+      "@tmex_2031",
+      subscribed ? "on" : "off"
+    ]).catch(() => {});
+  }
+  clearThemeSubscription(paneId) {
+    if (!this.themeSubscriptions.has(paneId)) {
+      return;
+    }
+    this.themeSubscriptions.clear(paneId);
+    this.runTmuxAllowFailure(["set-option", "-p", "-t", paneId, "@tmex_2031", "off"]).catch(() => {});
+  }
+  restoreThemeSubscriptionsOnce() {
+    if (this.themeSubscriptionsRestored) {
+      return;
+    }
+    this.themeSubscriptionsRestored = true;
+    this.runTmuxAllowFailure([
+      "list-panes",
+      "-a",
+      "-F",
+      "#{pane_id}|#{@tmex_2031}"
+    ]).then((result) => {
+      if (!result || result.exitCode !== 0) {
+        return;
+      }
+      const restored = [];
+      for (const line of result.stdout.split(`
+`)) {
+        const [paneId, flag] = line.trim().split("|");
+        if (paneId && flag === "on") {
+          restored.push(paneId);
+        }
+      }
+      this.themeSubscriptions.restore(restored);
+    }).catch(() => {});
+  }
   async capturePaneText(paneId, opts) {
     if (!this.connected) {
       throw new Error(`tmux connection not available: ${this.deviceId}`);
@@ -99518,7 +99740,14 @@ class LocalExternalTmuxConnection {
     if (exists3.exitCode === 0) {
       return;
     }
-    await this.runTmux(["new-session", "-d", "-c", this.resolveDefaultWorkingDir(), "-s", this.sessionName]);
+    await this.runTmux([
+      "new-session",
+      "-d",
+      "-c",
+      this.resolveDefaultWorkingDir(),
+      "-s",
+      this.sessionName
+    ]);
   }
   async configureSessionOptions() {
     await this.runTmuxAllowFailure([
@@ -99529,7 +99758,14 @@ class LocalExternalTmuxConnection {
       "allow-passthrough",
       config.tmuxAllowPassthrough ? "on" : "off"
     ]);
-    await this.runTmuxAllowFailure(["set-option", "-t", this.sessionName, "-g", "extended-keys", "on"]);
+    await this.runTmuxAllowFailure([
+      "set-option",
+      "-t",
+      this.sessionName,
+      "-g",
+      "extended-keys",
+      "on"
+    ]);
     await this.runTmuxAllowFailure([
       "set-option",
       "-t",
@@ -99538,7 +99774,14 @@ class LocalExternalTmuxConnection {
       "extended-keys-format",
       "csi-u"
     ]);
-    await this.runTmuxAllowFailure(["set-option", "-t", this.sessionName, "-g", "focus-events", "off"]);
+    await this.runTmuxAllowFailure([
+      "set-option",
+      "-t",
+      this.sessionName,
+      "-g",
+      "focus-events",
+      "off"
+    ]);
     await this.runTmuxAllowFailure([
       "set-option",
       "-t",
@@ -99697,11 +99940,17 @@ class LocalExternalTmuxConnection {
         this.emitNotification(paneId, notification);
       },
       onPromptMarker: (paneId, marker24) => {
+        if (marker24.kind === "A") {
+          this.clearThemeSubscription(paneId);
+        }
         this.callbacks.onPromptMarker?.(paneId, marker24);
       },
       onClipboardWrite: (paneId, text3) => {
         this.callbacks.onClipboardWrite?.(paneId, text3);
       },
+      onThemeSubscription: (paneId, subscribed) => {
+        this.noteThemeSubscription(paneId, subscribed);
+      },
       onStructureChanged: () => {
         this.requestSnapshot();
       },
@@ -99899,7 +100148,14 @@ class LocalExternalTmuxConnection {
   async closeWindowInternal(windowId) {
     const count2 = Number.parseInt((await this.runTmux(["display-message", "-p", "-t", this.sessionName, "#{session_windows}"])).stdout.trim() || "0", 10);
     if (count2 <= 1) {
-      await this.runTmux(["new-window", "-d", "-t", this.sessionName, "-c", this.resolveDefaultWorkingDir()]);
+      await this.runTmux([
+        "new-window",
+        "-d",
+        "-t",
+        this.sessionName,
+        "-c",
+        this.resolveDefaultWorkingDir()
+      ]);
     }
     await this.runAndRefresh(["kill-window", "-t", windowId], true);
   }
@@ -100008,7 +100264,14 @@ class LocalExternalTmuxConnection {
         "-F",
         WINDOW_SNAPSHOT_FORMAT
       ]),
-      this.runTmuxAllowFailure(["list-panes", "-s", "-t", this.sessionName, "-F", PANE_SNAPSHOT_FORMAT])
+      this.runTmuxAllowFailure([
+        "list-panes",
+        "-s",
+        "-t",
+        this.sessionName,
+        "-F",
+        PANE_SNAPSHOT_FORMAT
+      ])
     ]);
     const transientResult = [sessionRes, windowsRes, panesRes].find((res) => res.exitCode === TMUX_SPAWN_UNAVAILABLE_EXIT);
     if (transientResult) {
@@ -100037,7 +100300,10 @@ ${panesRes.stderr}`;
     this.parseSnapshotWindows(windowsRes.stdout.split(/\r?\n/));
     this.parseSnapshotPanes(panesRes.stdout.split(/\r?\n/));
     this.discardInvalidSnapshot();
-    this.controlSubscription?.prunePanes(new Set(this.getExpectedPaneIds()));
+    const expectedPaneIds = new Set(this.getExpectedPaneIds());
+    this.controlSubscription?.prunePanes(expectedPaneIds);
+    this.themeSubscriptions.prune(expectedPaneIds);
+    this.restoreThemeSubscriptionsOnce();
     this.markSpawnRecovered();
     this.emitSnapshot();
   }
@@ -100294,6 +100560,45 @@ function joinShellArgs(argv) {
   return argv.map((arg) => quoteShellArg(arg)).join(" ");
 }
 
+// ../../apps/gateway/src/tmux-client/ssh-bootstrap.ts
+function buildSshBootstrapScript() {
+  return [
+    ". /etc/profile 2>/dev/null || true",
+    '[ -f "$HOME/.profile" ] && . "$HOME/.profile" 2>/dev/null || true',
+    '[ -f "$HOME/.bash_profile" ] && . "$HOME/.bash_profile" 2>/dev/null || true',
+    'TMUX_BIN="$(command -v tmux 2>/dev/null || true)"',
+    'if [ -z "$TMUX_BIN" ]; then',
+    "  for p in /usr/local/bin/tmux /opt/homebrew/bin/tmux /usr/bin/tmux /bin/tmux; do",
+    '    [ -x "$p" ] && TMUX_BIN="$p" && break',
+    "  done",
+    "fi",
+    'HOME_DIR="${HOME:-$(pwd)}"',
+    'if [ -z "$TMUX_BIN" ]; then',
+    "  printf 'TMEX_BOOT_FAIL\\ttmux_not_found\\n'",
+    "else",
+    `  printf 'TMEX_BOOT_OK\\t%s\\t%s\\t%s\\n' "$TMUX_BIN" "$("$TMUX_BIN" -V 2>/dev/null)" "$HOME_DIR"`,
+    "fi"
+  ].join(`
+`);
+}
+function parseSshBootstrapOutput(output) {
+  const lines = output.split(/\r?\n/).map((line) => line.trim()).filter(Boolean);
+  for (const line of lines) {
+    if (line.startsWith("TMEX_BOOT_OK\t")) {
+      const [, tmuxBin = "", tmuxVersion = "", homeDir = ""] = line.split("\t");
+      if (!tmuxBin || !homeDir) {
+        return { ok: false, reason: "invalid_bootstrap_payload" };
+      }
+      return { ok: true, tmuxBin, tmuxVersion, homeDir };
+    }
+    if (line.startsWith("TMEX_BOOT_FAIL\t")) {
+      const [, reason = "tmux_bootstrap_failed"] = line.split("\t");
+      return { ok: false, reason };
+    }
+  }
+  return { ok: false, reason: "missing_bootstrap_marker" };
+}
+
 // ../../apps/gateway/src/tmux-client/ssh-connect-config.ts
 import { existsSync as existsSync3, readFileSync as readFileSync2 } from "fs";
 import { join as join3 } from "path";
@@ -100586,45 +100891,6 @@ async function resolveSshConnectConfig(device, decrypt2, inputDeps = {}) {
   return authConfig;
 }
 
-// ../../apps/gateway/src/tmux-client/ssh-bootstrap.ts
-function buildSshBootstrapScript() {
-  return [
-    ". /etc/profile 2>/dev/null || true",
-    '[ -f "$HOME/.profile" ] && . "$HOME/.profile" 2>/dev/null || true',
-    '[ -f "$HOME/.bash_profile" ] && . "$HOME/.bash_profile" 2>/dev/null || true',
-    'TMUX_BIN="$(command -v tmux 2>/dev/null || true)"',
-    'if [ -z "$TMUX_BIN" ]; then',
-    "  for p in /usr/local/bin/tmux /opt/homebrew/bin/tmux /usr/bin/tmux /bin/tmux; do",
-    '    [ -x "$p" ] && TMUX_BIN="$p" && break',
-    "  done",
-    "fi",
-    'HOME_DIR="${HOME:-$(pwd)}"',
-    'if [ -z "$TMUX_BIN" ]; then',
-    "  printf 'TMEX_BOOT_FAIL\\ttmux_not_found\\n'",
-    "else",
-    `  printf 'TMEX_BOOT_OK\\t%s\\t%s\\t%s\\n' "$TMUX_BIN" "$("$TMUX_BIN" -V 2>/dev/null)" "$HOME_DIR"`,
-    "fi"
-  ].join(`
-`);
-}
-function parseSshBootstrapOutput(output) {
-  const lines = output.split(/\r?\n/).map((line) => line.trim()).filter(Boolean);
-  for (const line of lines) {
-    if (line.startsWith("TMEX_BOOT_OK\t")) {
-      const [, tmuxBin = "", tmuxVersion = "", homeDir = ""] = line.split("\t");
-      if (!tmuxBin || !homeDir) {
-        return { ok: false, reason: "invalid_bootstrap_payload" };
-      }
-      return { ok: true, tmuxBin, tmuxVersion, homeDir };
-    }
-    if (line.startsWith("TMEX_BOOT_FAIL\t")) {
-      const [, reason = "tmux_bootstrap_failed"] = line.split("\t");
-      return { ok: false, reason };
-    }
-  }
-  return { ok: false, reason: "missing_bootstrap_marker" };
-}
-
 // ../../apps/gateway/src/tmux-client/ssh-external-connection.ts
 function hasRenderableTerminalContent2(value) {
   return value.trim().length > 0;
@@ -100664,6 +100930,8 @@ class SshExternalTmuxConnection {
   heartbeatTimer = null;
   heartbeatPending = false;
   heartbeatTimeoutTimer = null;
+  themeSubscriptions = createThemeSubscriptionTracker();
+  themeSubscriptionsRestored = false;
   sshClient = null;
   commandStream = null;
   commandStdoutBuffer = "";
@@ -100725,6 +100993,58 @@ class SshExternalTmuxConnection {
       });
     }
   }
+  signalThemeChange(paneId, theme) {
+    if (!this.connected || !config.themeNotify2031Enabled) {
+      return;
+    }
+    if (!this.themeSubscriptions.has(paneId)) {
+      return;
+    }
+    this.sendInput(paneId, `\x1B[?997;${theme === "dark" ? "1" : "2"}n`);
+  }
+  noteThemeSubscription(paneId, subscribed) {
+    this.themeSubscriptions.note(paneId, subscribed);
+    this.runTmuxAllowFailure([
+      "set-option",
+      "-p",
+      "-t",
+      paneId,
+      "@tmex_2031",
+      subscribed ? "on" : "off"
+    ]).catch(() => {});
+  }
+  clearThemeSubscription(paneId) {
+    if (!this.themeSubscriptions.has(paneId)) {
+      return;
+    }
+    this.themeSubscriptions.clear(paneId);
+    this.runTmuxAllowFailure(["set-option", "-p", "-t", paneId, "@tmex_2031", "off"]).catch(() => {});
+  }
+  restoreThemeSubscriptionsOnce() {
+    if (this.themeSubscriptionsRestored) {
+      return;
+    }
+    this.themeSubscriptionsRestored = true;
+    this.runTmuxAllowFailure([
+      "list-panes",
+      "-a",
+      "-F",
+      "#{pane_id}|#{@tmex_2031}"
+    ]).then((result) => {
+      if (!result || result.exitCode !== 0) {
+        return;
+      }
+      const restored = [];
+      for (const line of result.stdout.split(`
+`)) {
+        const [paneId, flag] = line.trim().split("|");
+        if (paneId && flag === "on") {
+          restored.push(paneId);
+        }
+      }
+      this.themeSubscriptions.restore(restored);
+    }).catch(() => {});
+  }
   resizePane(paneId, cols, rows) {
     if (!this.connected) {
       return;
@@ -100761,7 +101081,13 @@ class SshExternalTmuxConnection {
     if (!this.connected) {
       return;
     }
-    const argv = ["new-window", "-t", this.sessionName, "-c", cwd ?? this.resolveDefaultWorkingDir()];
+    const argv = [
+      "new-window",
+      "-t",
+      this.sessionName,
+      "-c",
+      cwd ?? this.resolveDefaultWorkingDir()
+    ];
     if (name24) {
       argv.push("-n", name24);
     }
@@ -100897,14 +101223,14 @@ class SshExternalTmuxConnection {
       ]);
     }
   }
-  setWindowStyle(style) {
+  async setWindowStyle(style) {
     if (!this.connected) {
       return;
     }
     if (!resolveTmuxWindowStyle(config.tmuxWindowStyle)) {
       return;
     }
-    this.configureWindowStyle(style).catch((error51) => {
+    await this.configureWindowStyle(style).catch((error51) => {
       this.callbacks.onError(error51);
     });
   }
@@ -101040,7 +101366,14 @@ class SshExternalTmuxConnection {
     if (exists3.exitCode === 0) {
       return;
     }
-    await this.runTmux(["new-session", "-d", "-c", this.resolveDefaultWorkingDir(), "-s", this.sessionName]);
+    await this.runTmux([
+      "new-session",
+      "-d",
+      "-c",
+      this.resolveDefaultWorkingDir(),
+      "-s",
+      this.sessionName
+    ]);
   }
   async configureSessionOptions() {
     await this.runTmuxAllowFailure([
@@ -101051,7 +101384,14 @@ class SshExternalTmuxConnection {
       "allow-passthrough",
       config.tmuxAllowPassthrough ? "on" : "off"
     ]);
-    await this.runTmuxAllowFailure(["set-option", "-t", this.sessionName, "-g", "extended-keys", "on"]);
+    await this.runTmuxAllowFailure([
+      "set-option",
+      "-t",
+      this.sessionName,
+      "-g",
+      "extended-keys",
+      "on"
+    ]);
     await this.runTmuxAllowFailure([
       "set-option",
       "-t",
@@ -101060,7 +101400,14 @@ class SshExternalTmuxConnection {
       "extended-keys-format",
       "csi-u"
     ]);
-    await this.runTmuxAllowFailure(["set-option", "-t", this.sessionName, "-g", "focus-events", "off"]);
+    await this.runTmuxAllowFailure([
+      "set-option",
+      "-t",
+      this.sessionName,
+      "-g",
+      "focus-events",
+      "off"
+    ]);
     await this.runTmuxAllowFailure([
       "set-option",
       "-t",
@@ -101108,6 +101455,7 @@ class SshExternalTmuxConnection {
     if (!windowStyle) {
       return;
     }
+    const startedAt = config.isDev ? Date.now() : 0;
     await this.runTmuxAllowFailure([
       "set-hook",
       "-t",
@@ -101123,22 +101471,26 @@ class SshExternalTmuxConnection {
       "#{window_id}"
     ]);
     if (windows.exitCode !== 0) {
+      if (config.isDev) {
+        console.debug(`[ssh] configureWindowStyle deviceId=${this.deviceId} elapsed=${Date.now() - startedAt}ms (list-windows failed)`);
+      }
       return;
     }
+    const windowIds = [];
     for (const line of windows.stdout.split(`
 `)) {
       const windowId = line.trim();
       if (!windowId) {
         continue;
       }
-      await this.runTmuxAllowFailure([
-        "set-option",
-        "-w",
-        "-t",
-        windowId,
-        "window-style",
-        windowStyle
-      ]);
+      windowIds.push(windowId);
+    }
+    if (windowIds.length > 0) {
+      const setOptions = windowIds.map((id) => `${quoteShellArg(this.tmuxBin)} set-option -w -t ${quoteShellArg(id)} window-style ${quoteShellArg(windowStyle)}`).join(" && ");
+      await this.runShellAllowFailure(setOptions);
+    }
+    if (config.isDev) {
+      console.debug(`[ssh] configureWindowStyle deviceId=${this.deviceId} windows=${windowIds.length} elapsed=${Date.now() - startedAt}ms`);
     }
   }
   async ensureGhosttyTerminfo() {
@@ -101215,11 +101567,17 @@ class SshExternalTmuxConnection {
         this.emitNotification(paneId, notification);
       },
       onPromptMarker: (paneId, marker24) => {
+        if (marker24.kind === "A") {
+          this.clearThemeSubscription(paneId);
+        }
         this.callbacks.onPromptMarker?.(paneId, marker24);
       },
       onClipboardWrite: (paneId, text3) => {
         this.callbacks.onClipboardWrite?.(paneId, text3);
       },
+      onThemeSubscription: (paneId, subscribed) => {
+        this.noteThemeSubscription(paneId, subscribed);
+      },
       onStructureChanged: () => {
         this.requestSnapshot();
       },
@@ -101380,7 +101738,14 @@ class SshExternalTmuxConnection {
   async closeWindowInternal(windowId) {
     const count2 = Number.parseInt((await this.runTmux(["display-message", "-p", "-t", this.sessionName, "#{session_windows}"])).stdout.trim() || "0", 10);
     if (count2 <= 1) {
-      await this.runTmux(["new-window", "-d", "-t", this.sessionName, "-c", this.resolveDefaultWorkingDir()]);
+      await this.runTmux([
+        "new-window",
+        "-d",
+        "-t",
+        this.sessionName,
+        "-c",
+        this.resolveDefaultWorkingDir()
+      ]);
     }
     await this.runAndRefresh(["kill-window", "-t", windowId], true);
   }
@@ -101489,7 +101854,14 @@ class SshExternalTmuxConnection {
         "-F",
         WINDOW_SNAPSHOT_FORMAT
       ]),
-      this.runTmuxAllowFailure(["list-panes", "-s", "-t", this.sessionName, "-F", PANE_SNAPSHOT_FORMAT])
+      this.runTmuxAllowFailure([
+        "list-panes",
+        "-s",
+        "-t",
+        this.sessionName,
+        "-F",
+        PANE_SNAPSHOT_FORMAT
+      ])
     ]);
     if (sessionRes.exitCode !== 0 || windowsRes.exitCode !== 0 || panesRes.exitCode !== 0) {
       const stderrBlob = `${sessionRes.stderr}
@@ -101513,7 +101885,10 @@ ${panesRes.stderr}`;
     this.parseSnapshotWindows(windowsRes.stdout.split(/\r?\n/));
     this.parseSnapshotPanes(panesRes.stdout.split(/\r?\n/));
     this.discardInvalidSnapshot();
-    this.controlSubscription?.prunePanes(new Set(this.getExpectedPaneIds()));
+    const expectedPaneIds = new Set(this.getExpectedPaneIds());
+    this.controlSubscription?.prunePanes(expectedPaneIds);
+    this.themeSubscriptions.prune(expectedPaneIds);
+    this.restoreThemeSubscriptionsOnce();
     this.emitSnapshot();
   }
   parseSnapshotSession(lines) {
@@ -102013,7 +102388,10 @@ class DeviceSessionRuntime {
     this.connection.renameWindow(windowId, name24);
   }
   setWindowStyle(style) {
-    this.connection.setWindowStyle(style);
+    return this.connection.setWindowStyle(style);
+  }
+  signalThemeChange(paneId, theme) {
+    this.connection.signalThemeChange(paneId, theme);
   }
   async capturePaneText(paneId, opts) {
     return this.connection.capturePaneText(paneId, opts);
@@ -107545,8 +107923,8 @@ function getBaseVersion() {
   if (cachedBase !== undefined)
     return cachedBase;
   let base = null;
-  if ("0.16.2") {
-    base = "0.16.2";
+  if ("0.16.4") {
+    base = "0.16.4";
   }
   if (!base && config.isProd) {
     base = readInstallMeta()?.cliVersion ?? null;
@@ -107921,6 +108299,62 @@ async function handleDeviceTestConnection(deviceId, inputDeps = {}) {
   }
 }
 
+// ../../apps/gateway/src/tmux/theme-broadcaster.ts
+var tmuxBroadcaster = null;
+var s2cBroadcaster = null;
+function registerThemeBroadcaster(tmux, s2c = null) {
+  tmuxBroadcaster = tmux;
+  s2cBroadcaster = s2c;
+}
+function broadcastThemeChange(theme) {
+  tmuxBroadcaster?.(theme);
+}
+function broadcastSiteThemeUpdateS2C(theme) {
+  s2cBroadcaster?.(theme);
+}
+
+// ../../apps/gateway/src/api/theme.ts
+var VALID_THEMES = ["dark", "light"];
+function handleThemeApiRequest(req, path) {
+  if (path === "/api/settings/theme" && req.method === "GET") {
+    return handleGetTheme();
+  }
+  if (path === "/api/settings/theme" && req.method === "POST") {
+    return handleUpdateTheme(req);
+  }
+  return null;
+}
+function handleGetTheme() {
+  const settings = getSiteSettings();
+  return json8({ theme: settings.theme, serverTimestamp: Date.now() });
+}
+async function handleUpdateTheme(req) {
+  let body;
+  try {
+    body = await req.json();
+  } catch {
+    return json8({ error: "invalid request body" }, 400);
+  }
+  if (typeof body !== "object" || body === null || Array.isArray(body)) {
+    return json8({ error: "invalid request body" }, 400);
+  }
+  const { theme } = body;
+  if (typeof theme !== "string" || !VALID_THEMES.includes(theme)) {
+    return json8({ error: "theme must be one of: dark, light" }, 400);
+  }
+  const serverTimestamp = Date.now();
+  updateSiteSettings({ theme });
+  broadcastThemeChange(theme);
+  broadcastSiteThemeUpdateS2C(theme);
+  return json8({ theme, serverTimestamp });
+}
+function json8(data, status = 200) {
+  return new Response(JSON.stringify(data), {
+    status,
+    headers: { "Content-Type": "application/json" }
+  });
+}
+
 // ../../apps/gateway/src/db/watch.ts
 function createWatchRule(input) {
   const orm = getDb();
@@ -109019,35 +109453,35 @@ async function handleListRules(req) {
   if (paneId) {
     rules = rules.filter((rule) => rule.paneId === paneId);
   }
-  return json8({ rules: rules.map(toRuleDto) });
+  return json9({ rules: rules.map(toRuleDto) });
 }
 async function handleCreateRule(req, deps) {
   const raw = await readJsonObjectBody3(req);
   if (!raw) {
-    return json8({ error: t2("apiError.invalidRequest") }, 400);
+    return json9({ error: t2("apiError.invalidRequest") }, 400);
   }
   const body = raw;
   const name24 = typeof body.name === "string" ? body.name.trim() : "";
   if (!name24) {
-    return json8({ error: t2("apiError.watchNameRequired") }, 400);
+    return json9({ error: t2("apiError.watchNameRequired") }, 400);
   }
   const deviceId = typeof body.deviceId === "string" ? body.deviceId.trim() : "";
   if (!deviceId) {
-    return json8({ error: t2("apiError.agentDeviceRequired") }, 400);
+    return json9({ error: t2("apiError.agentDeviceRequired") }, 400);
   }
   if (!getDeviceById(deviceId)) {
-    return json8({ error: t2("apiError.deviceNotFound") }, 404);
+    return json9({ error: t2("apiError.deviceNotFound") }, 404);
   }
   const paneId = typeof body.paneId === "string" ? body.paneId.trim() : "";
   if (!paneId) {
-    return json8({ error: t2("apiError.agentPaneRequired") }, 400);
+    return json9({ error: t2("apiError.agentPaneRequired") }, 400);
   }
   if (!TRIGGER_TYPES.includes(body.triggerType)) {
-    return json8({ error: t2("apiError.watchTriggerTypeInvalid") }, 400);
+    return json9({ error: t2("apiError.watchTriggerTypeInvalid") }, 400);
   }
   const parsed = parseRuleFields(raw);
   if (!parsed.ok) {
-    return json8({ error: parsed.error }, 400);
+    return json9({ error: parsed.error }, 400);
   }
   const fields = parsed.fields;
   const effective = {
@@ -109060,7 +109494,7 @@ async function handleCreateRule(req, deps) {
   };
   const semanticError = validateRuleSemantics(effective);
   if (semanticError) {
-    return json8({ error: semanticError }, 400);
+    return json9({ error: semanticError }, 400);
   }
   const rule = createWatchRule({
     name: name24,
@@ -109083,50 +109517,50 @@ async function handleCreateRule(req, deps) {
     cooldownSeconds: fields.cooldownSeconds
   });
   await deps.service.refreshRule(rule.id);
-  return json8({ rule: toRuleDto(rule), state: null }, 201);
+  return json9({ rule: toRuleDto(rule), state: null }, 201);
 }
 async function handleGetRule(id) {
   const rule = getWatchRuleById(id);
   if (!rule) {
-    return json8({ error: t2("apiError.watchRuleNotFound") }, 404);
+    return json9({ error: t2("apiError.watchRuleNotFound") }, 404);
   }
   const state = getWatchRuleState(id);
-  return json8({ rule: toRuleDto(rule), state: state ? toStateDto(state) : null });
+  return json9({ rule: toRuleDto(rule), state: state ? toStateDto(state) : null });
 }
 async function handleUpdateRule(req, id, deps) {
   const existing = getWatchRuleById(id);
   if (!existing) {
-    return json8({ error: t2("apiError.watchRuleNotFound") }, 404);
+    return json9({ error: t2("apiError.watchRuleNotFound") }, 404);
   }
   const raw = await readJsonObjectBody3(req);
   if (!raw) {
-    return json8({ error: t2("apiError.invalidRequest") }, 400);
+    return json9({ error: t2("apiError.invalidRequest") }, 400);
   }
   const body = raw;
   const updates = {};
   if (body.name !== undefined) {
     const name24 = typeof body.name === "string" ? body.name.trim() : "";
     if (!name24) {
-      return json8({ error: t2("apiError.watchNameRequired") }, 400);
+      return json9({ error: t2("apiError.watchNameRequired") }, 400);
     }
     updates.name = name24;
   }
   if (body.paneId !== undefined) {
     const paneId = typeof body.paneId === "string" ? body.paneId.trim() : "";
     if (!paneId) {
-      return json8({ error: t2("apiError.agentPaneRequired") }, 400);
+      return json9({ error: t2("apiError.agentPaneRequired") }, 400);
     }
     updates.paneId = paneId;
   }
   if (body.triggerType !== undefined) {
     if (!TRIGGER_TYPES.includes(body.triggerType)) {
-      return json8({ error: t2("apiError.watchTriggerTypeInvalid") }, 400);
+      return json9({ error: t2("apiError.watchTriggerTypeInvalid") }, 400);
     }
     updates.triggerType = body.triggerType;
   }
   const parsed = parseRuleFields(raw);
   if (!parsed.ok) {
-    return json8({ error: parsed.error }, 400);
+    return json9({ error: parsed.error }, 400);
   }
   const fields = parsed.fields;
   Object.assign(updates, fields);
@@ -109140,32 +109574,32 @@ async function handleUpdateRule(req, id, deps) {
   };
   const semanticError = validateRuleSemantics(effective);
   if (semanticError) {
-    return json8({ error: semanticError }, 400);
+    return json9({ error: semanticError }, 400);
   }
   const rule = updateWatchRule(id, updates);
   if (!rule) {
-    return json8({ error: t2("apiError.watchRuleNotFound") }, 404);
+    return json9({ error: t2("apiError.watchRuleNotFound") }, 404);
   }
   await deps.service.refreshRule(id);
   const state = getWatchRuleState(id);
-  return json8({ rule: toRuleDto(rule), state: state ? toStateDto(state) : null });
+  return json9({ rule: toRuleDto(rule), state: state ? toStateDto(state) : null });
 }
 async function handleDeleteRule(id, deps) {
   const existing = getWatchRuleById(id);
   if (!existing) {
-    return json8({ error: t2("apiError.watchRuleNotFound") }, 404);
+    return json9({ error: t2("apiError.watchRuleNotFound") }, 404);
   }
   deleteWatchRule(id);
   await deps.service.removeRule(id);
-  return json8({ success: true });
+  return json9({ success: true });
 }
 async function handleGetRuleState(id, deps) {
   const rule = getWatchRuleById(id);
   if (!rule) {
-    return json8({ error: t2("apiError.watchRuleNotFound") }, 404);
+    return json9({ error: t2("apiError.watchRuleNotFound") }, 404);
   }
   const state = getWatchRuleState(id);
-  return json8({
+  return json9({
     state: state ? toStateDto(state) : null,
     samples: deps.service.getSamples(id)
   });
@@ -109189,17 +109623,17 @@ function buildAssistPrompt(description, screen) {
 async function handleAssistRegex(req, deps) {
   const raw = await readJsonObjectBody3(req);
   if (!raw) {
-    return json8({ error: t2("apiError.invalidRequest") }, 400);
+    return json9({ error: t2("apiError.invalidRequest") }, 400);
   }
   const body = raw;
   const description = typeof body.description === "string" ? body.description.trim() : "";
   if (!description) {
-    return json8({ error: t2("apiError.watchAssistDescriptionRequired") }, 400);
+    return json9({ error: t2("apiError.watchAssistDescriptionRequired") }, 400);
   }
   let providerId = null;
   if (body.providerId !== undefined && body.providerId !== null) {
     if (typeof body.providerId !== "string" || !getLlmProviderById(body.providerId)) {
-      return json8({ error: t2("apiError.llmProviderNotFound") }, 400);
+      return json9({ error: t2("apiError.llmProviderNotFound") }, 400);
     }
     providerId = body.providerId;
   }
@@ -109209,7 +109643,7 @@ async function handleAssistRegex(req, deps) {
   const paneId = typeof body.paneId === "string" ? body.paneId.trim() : "";
   if (deviceId && paneId) {
     if (!getDeviceById(deviceId)) {
-      return json8({ error: t2("apiError.deviceNotFound") }, 404);
+      return json9({ error: t2("apiError.deviceNotFound") }, 404);
     }
     try {
       screen = await deps.captureScreen(deviceId, paneId);
@@ -109230,14 +109664,14 @@ async function handleAssistRegex(req, deps) {
     object3 = result.object;
   } catch (error51) {
     const detail = error51 instanceof Error ? error51.message : String(error51);
-    return json8({ error: t2("apiError.watchAssistModelUnavailable", { detail }) }, 502);
+    return json9({ error: t2("apiError.watchAssistModelUnavailable", { detail }) }, 502);
   }
   let regex;
   try {
     regex = compileWatchPattern(object3.pattern, object3.flags);
   } catch (error51) {
     const detail = error51 instanceof Error ? error51.message : String(error51);
-    return json8({ error: t2("apiError.watchPatternInvalid", { detail }) }, 502);
+    return json9({ error: t2("apiError.watchPatternInvalid", { detail }) }, 502);
   }
   const preview = [];
   if (screen) {
@@ -109251,7 +109685,7 @@ async function handleAssistRegex(req, deps) {
       match = regex.exec(screen);
     }
   }
-  return json8({
+  return json9({
     pattern: object3.pattern,
     flags: object3.flags,
     extractGroup: object3.extractGroup >= 0 ? object3.extractGroup : 0,
@@ -109259,7 +109693,7 @@ async function handleAssistRegex(req, deps) {
     preview
   });
 }
-function json8(data, status = 200) {
+function json9(data, status = 200) {
   return new Response(JSON.stringify(data), {
     status,
     headers: {
@@ -109404,6 +109838,12 @@ function handleApiRequest(req, _server) {
   if (path === "/api/settings/terminal-shortcuts" && req.method === "PATCH") {
     return handleUpdateTerminalShortcuts(req);
   }
+  if (path === "/api/settings/theme" && (req.method === "GET" || req.method === "POST")) {
+    const themeResponse = handleThemeApiRequest(req, path);
+    if (themeResponse) {
+      return themeResponse;
+    }
+  }
   if (path === "/api/settings/restart" && req.method === "POST") {
     return handleRestartGateway();
   }
@@ -109507,13 +109947,13 @@ function handleApiRequest(req, _server) {
     return handleGetManifest(req.method);
   }
   if (path === "/healthz" && req.method === "GET") {
-    return json9({
+    return json10({
       status: "ok",
       restarting: runtimeController.isRestarting(),
       env: "development"
     });
   }
-  return json9({ error: t2("apiError.notFound") }, 404);
+  return json10({ error: t2("apiError.notFound") }, 404);
 }
 function enrichDeviceWithRuntime(device) {
   const status = getDeviceRuntimeStatus(device.id);
@@ -109527,22 +109967,22 @@ function enrichDeviceWithRuntime(device) {
 }
 async function handleGetDevices() {
   const devices2 = getAllDevices().map(enrichDeviceWithRuntime);
-  return json9({ devices: devices2 });
+  return json10({ devices: devices2 });
 }
 async function handleGetDevice(id) {
   const device = getDeviceById(id);
   if (!device) {
-    return json9({ error: t2("apiError.deviceNotFound") }, 404);
+    return json10({ error: t2("apiError.deviceNotFound") }, 404);
   }
-  return json9({ device: enrichDeviceWithRuntime(device) });
+  return json10({ device: enrichDeviceWithRuntime(device) });
 }
 async function handleCreateDevice(req) {
   const body = await req.json();
   if (!body.name || !body.type || !body.authMode) {
-    return json9({ error: t2("apiError.missingFields") }, 400);
+    return json10({ error: t2("apiError.missingFields") }, 400);
   }
   if (body.type === "ssh" && !body.host && !body.sshConfigRef) {
-    return json9({ error: t2("apiError.sshRequiresHost") }, 400);
+    return json10({ error: t2("apiError.sshRequiresHost") }, 400);
   }
   const now2 = new Date().toISOString();
   const device = {
@@ -109565,12 +110005,12 @@ async function handleCreateDevice(req) {
   };
   createDevice(device);
   await pushSupervisor.upsert(device.id);
-  return json9({ device: getDeviceById(device.id) ?? device }, 201);
+  return json10({ device: getDeviceById(device.id) ?? device }, 201);
 }
 async function handleUpdateDevice(req, id) {
   const existing = getDeviceById(id);
   if (!existing) {
-    return json9({ error: t2("apiError.deviceNotFound") }, 404);
+    return json10({ error: t2("apiError.deviceNotFound") }, 404);
   }
   const body = await req.json();
   const updates = {};
@@ -109604,74 +110044,74 @@ async function handleUpdateDevice(req, id) {
     pushSupervisor.updateDefaultWorkingDir(id, updates.defaultWorkingDir);
   }
   const device = getDeviceById(id);
-  return json9({ device });
+  return json10({ device });
 }
 async function handleReorderDevices(req) {
   const body = await req.json();
   if (!Array.isArray(body.deviceIds) || body.deviceIds.some((id) => typeof id !== "string")) {
-    return json9({ error: t2("apiError.invalidRequest") }, 400);
+    return json10({ error: t2("apiError.invalidRequest") }, 400);
   }
   reorderDevices(body.deviceIds);
-  return json9({ devices: getAllDevices().map(enrichDeviceWithRuntime) });
+  return json10({ devices: getAllDevices().map(enrichDeviceWithRuntime) });
 }
 async function handleDeleteDevice(id) {
   const existing = getDeviceById(id);
   if (!existing) {
-    return json9({ error: t2("apiError.deviceNotFound") }, 404);
+    return json10({ error: t2("apiError.deviceNotFound") }, 404);
   }
   deleteDevice(id);
   pushSupervisor.remove(id);
-  return json9({ success: true });
+  return json10({ success: true });
 }
 async function handleTestConnection(id) {
   return handleDeviceTestConnection(id);
 }
 async function handleGetSiteSettings() {
-  return json9({ settings: getSiteSettings() });
+  return json10({ settings: getSiteSettings() });
 }
 async function handleUpdateSiteSettings(req) {
   try {
     const body = await req.json();
     const updates = normalizeSiteSettingsInput(body);
     const settings = updateSiteSettings(updates);
-    return json9({ settings });
+    return json10({ settings });
   } catch (err) {
-    return json9({ error: err instanceof Error ? err.message : t2("apiError.invalidRequest") }, 400);
+    return json10({ error: err instanceof Error ? err.message : t2("apiError.invalidRequest") }, 400);
   }
 }
 async function handleGetTerminalShortcuts() {
-  return json9({ settings: getTerminalShortcutSettings() });
+  return json10({ settings: getTerminalShortcutSettings() });
 }
 async function handleUpdateTerminalShortcuts(req) {
   try {
     const body = await req.json();
     const updates = normalizeTerminalShortcutsInput(body);
     const settings = updateTerminalShortcutSettings(updates);
-    return json9({ settings });
+    return json10({ settings });
   } catch (err) {
-    return json9({ error: err instanceof Error ? err.message : t2("apiError.invalidRequest") }, 400);
+    return json10({ error: err instanceof Error ? err.message : t2("apiError.invalidRequest") }, 400);
   }
 }
 async function handleRestartGateway() {
   setTimeout(() => {
     runtimeController.requestRestart();
   }, 50);
-  return json9({
+  return json10({
     success: true,
     message: t2("settings.restartScheduled")
   });
 }
 async function handleGetTelegramBots() {
   const bots = getTelegramBotsWithStats();
-  return json9({ bots });
+  return json10({ bots });
 }
 async function handleCreateTelegramBot(req) {
   const body = await req.json();
   if (!body.name?.trim()) {
-    return json9({ error: t2("apiError.botNameRequired") }, 400);
+    return json10({ error: t2("apiError.botNameRequired") }, 400);
   }
   if (!body.token?.trim()) {
-    return json9({ error: t2("apiError.botTokenRequired") }, 400);
+    return json10({ error: t2("apiError.botTokenRequired") }, 400);
   }
   const now2 = new Date().toISOString();
   createTelegramBot({
@@ -109685,26 +110125,26 @@ async function handleCreateTelegramBot(req) {
     updatedAt: now2
   });
   await telegramService.refresh();
-  return json9({ success: true }, 201);
+  return json10({ success: true }, 201);
 }
 async function handleUpdateTelegramBot(req, botId) {
   const existing = getTelegramBotById(botId);
   if (!existing) {
-    return json9({ error: t2("apiError.botNotFound") }, 404);
+    return json10({ error: t2("apiError.botNotFound") }, 404);
   }
   const body = await req.json();
   const updates = {};
   if (body.name !== undefined) {
     const value = body.name.trim();
     if (!value) {
-      return json9({ error: t2("apiError.botNameRequired") }, 400);
+      return json10({ error: t2("apiError.botNameRequired") }, 400);
     }
     updates.name = value;
   }
   if (body.token !== undefined) {
     const token = body.token.trim();
     if (!token) {
-      return json9({ error: t2("apiError.botTokenRequired") }, 400);
+      return json10({ error: t2("apiError.botTokenRequired") }, 400);
     }
     updates.tokenEnc = await encrypt(token);
   }
@@ -109716,69 +110156,69 @@ async function handleUpdateTelegramBot(req, botId) {
   }
   updateTelegramBot(botId, updates);
   await telegramService.refresh();
-  return json9({ success: true });
+  return json10({ success: true });
 }
 async function handleDeleteTelegramBot(botId) {
   const existing = getTelegramBotById(botId);
   if (!existing) {
-    return json9({ error: t2("apiError.botNotFound") }, 404);
+    return json10({ error: t2("apiError.botNotFound") }, 404);
   }
   deleteTelegramBot(botId);
   await telegramService.refresh();
-  return json9({ success: true });
+  return json10({ success: true });
 }
 async function handleListTelegramChats(botId) {
   const existing = getTelegramBotById(botId);
   if (!existing) {
-    return json9({ error: t2("apiError.botNotFound") }, 404);
+    return json10({ error: t2("apiError.botNotFound") }, 404);
   }
   const chats = listTelegramChatsByBot(botId);
-  return json9({ chats });
+  return json10({ chats });
 }
 async function handleApproveTelegramChat(botId, chatId) {
   const existing = getTelegramBotById(botId);
   if (!existing) {
-    return json9({ error: t2("apiError.botNotFound") }, 404);
+    return json10({ error: t2("apiError.botNotFound") }, 404);
   }
   const chat = approveTelegramChat(botId, chatId);
   if (!chat) {
-    return json9({ error: t2("apiError.chatNotFound") }, 404);
+    return json10({ error: t2("apiError.chatNotFound") }, 404);
   }
   const settings = getSiteSettings();
   await telegramService.sendTestMessage(botId, chatId, t2("telegram.approveMessageTemplate", {
     botName: existing.name,
     time: new Date().toLocaleString(toBCP47(settings.language))
   }));
-  return json9({ chat });
+  return json10({ chat });
 }
 async function handleDeleteTelegramChat(botId, chatId) {
   const existing = getTelegramBotById(botId);
   if (!existing) {
-    return json9({ error: t2("apiError.botNotFound") }, 404);
+    return json10({ error: t2("apiError.botNotFound") }, 404);
   }
   deleteTelegramChat(botId, chatId);
-  return json9({ success: true });
+  return json10({ success: true });
 }
 async function handleTestTelegramChat(botId, chatId) {
   const bot = getTelegramBotById(botId);
   if (!bot) {
-    return json9({ error: t2("apiError.botNotFound") }, 404);
+    return json10({ error: t2("apiError.botNotFound") }, 404);
   }
   const settings = getSiteSettings();
   await telegramService.sendTestMessage(botId, chatId, t2("telegram.testMessageTemplate", {
     siteName: settings.siteName,
     time: new Date().toLocaleString(toBCP47(settings.language))
   }));
-  return json9({ success: true });
+  return json10({ success: true });
 }
 async function handleGetWeixinAccounts() {
   const accounts = getWeixinAccountsWithStats();
-  return json9({ accounts });
+  return json10({ accounts });
 }
 async function handleCreateWeixinAccount(req) {
   const body = await req.json();
   if (!body.name?.trim()) {
-    return json9({ error: t2("weixin.accountNameRequired") }, 400);
+    return json10({ error: t2("weixin.accountNameRequired") }, 400);
   }
   const now2 = new Date().toISOString();
   const id = v4_default();
@@ -109795,19 +110235,19 @@ async function handleCreateWeixinAccount(req) {
     createdAt: now2,
     updatedAt: now2
   });
-  return json9({ success: true, accountId: id }, 201);
+  return json10({ success: true, accountId: id }, 201);
 }
 async function handleUpdateWeixinAccount(req, accountId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json9({ error: t2("weixin.accountNotFound") }, 404);
+    return json10({ error: t2("weixin.accountNotFound") }, 404);
   }
   const body = await req.json();
   const updates = {};
   if (body.name !== undefined) {
     const value = body.name.trim();
     if (!value) {
-      return json9({ error: t2("weixin.accountNameRequired") }, 400);
+      return json10({ error: t2("weixin.accountNameRequired") }, 400);
     }
     updates.name = value;
   }
@@ -109819,52 +110259,52 @@ async function handleUpdateWeixinAccount(req, accountId) {
   }
   updateWeixinAccount(accountId, updates);
   await weixinService.refresh();
-  return json9({ success: true });
+  return json10({ success: true });
 }
 async function handleDeleteWeixinAccount(accountId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json9({ error: t2("weixin.accountNotFound") }, 404);
+    return json10({ error: t2("weixin.accountNotFound") }, 404);
   }
   deleteWeixinAccount(accountId);
   await weixinService.refresh();
-  return json9({ success: true });
+  return json10({ success: true });
 }
 async function handleStartWeixinLogin(accountId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json9({ error: t2("weixin.accountNotFound") }, 404);
+    return json10({ error: t2("weixin.accountNotFound") }, 404);
   }
   try {
     const result = await weixinService.startLogin(accountId);
-    return json9(result);
+    return json10(result);
   } catch (err) {
-    return json9({ error: err instanceof Error ? err.message : t2("weixin.loginFailed") }, 502);
+    return json10({ error: err instanceof Error ? err.message : t2("weixin.loginFailed") }, 502);
   }
 }
 async function handleGetWeixinLoginStatus(accountId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json9({ error: t2("weixin.accountNotFound") }, 404);
+    return json10({ error: t2("weixin.accountNotFound") }, 404);
   }
-  return json9(weixinService.getLoginStatus(accountId));
+  return json10(weixinService.getLoginStatus(accountId));
 }
 async function handleListWeixinUsers(accountId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json9({ error: t2("weixin.accountNotFound") }, 404);
+    return json10({ error: t2("weixin.accountNotFound") }, 404);
   }
   const users = listWeixinUsersByAccount(accountId);
-  return json9({ users });
+  return json10({ users });
 }
 async function handleApproveWeixinUser(accountId, userId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json9({ error: t2("weixin.accountNotFound") }, 404);
+    return json10({ error: t2("weixin.accountNotFound") }, 404);
   }
   const user = approveWeixinUser(accountId, userId);
   if (!user) {
-    return json9({ error: t2("weixin.userNotFound") }, 404);
+    return json10({ error: t2("weixin.userNotFound") }, 404);
   }
   const settings = getSiteSettings();
   try {
@@ -109875,12 +110315,12 @@ async function handleApproveWeixinUser(accountId, userId) {
   } catch (err) {
     console.error("[weixin] approve ack failed:", err);
   }
-  return json9({ user });
+  return json10({ user });
 }
 async function handleTestWeixinUser(accountId, userId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json9({ error: t2("weixin.accountNotFound") }, 404);
+    return json10({ error: t2("weixin.accountNotFound") }, 404);
   }
   const settings = getSiteSettings();
   try {
@@ -109889,14 +110329,14 @@ async function handleTestWeixinUser(accountId, userId) {
       time: new Date().toLocaleString(toBCP47(settings.language))
     }));
   } catch (err) {
-    return json9({ error: err instanceof Error ? err.message : t2("weixin.testMessageFailed") }, 400);
+    return json10({ error: err instanceof Error ? err.message : t2("weixin.testMessageFailed") }, 400);
   }
-  return json9({ success: true });
+  return json10({ success: true });
 }
 async function handleTestWeixinAccount(accountId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json9({ error: t2("weixin.accountNotFound") }, 404);
+    return json10({ error: t2("weixin.accountNotFound") }, 404);
   }
   const settings = getSiteSettings();
   try {
@@ -109905,26 +110345,26 @@ async function handleTestWeixinAccount(accountId) {
       time: new Date().toLocaleString(toBCP47(settings.language))
     }));
   } catch (err) {
-    return json9({ error: err instanceof Error ? err.message : t2("weixin.testMessageFailed") }, 400);
+    return json10({ error: err instanceof Error ? err.message : t2("weixin.testMessageFailed") }, 400);
   }
-  return json9({ success: true });
+  return json10({ success: true });
 }
 async function handleDeleteWeixinUser(accountId, userId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json9({ error: t2("weixin.accountNotFound") }, 404);
+    return json10({ error: t2("weixin.accountNotFound") }, 404);
   }
   deleteWeixinUser(accountId, userId);
-  return json9({ success: true });
+  return json10({ success: true });
 }
 async function handleGetWebhooks() {
   const webhooks = getAllWebhookEndpoints();
-  return json9({ webhooks });
+  return json10({ webhooks });
 }
 async function handleCreateWebhook(req) {
   const body = await req.json();
   if (!body.url || !body.secret) {
-    return json9({ error: t2("apiError.urlAndSecretRequired") }, 400);
+    return json10({ error: t2("apiError.urlAndSecretRequired") }, 400);
   }
   const now2 = new Date().toISOString();
   const endpoint = {
@@ -109937,11 +110377,11 @@ async function handleCreateWebhook(req) {
     updatedAt: now2
   };
   createWebhookEndpoint(endpoint);
-  return json9({ webhook: endpoint }, 201);
+  return json10({ webhook: endpoint }, 201);
 }
 async function handleDeleteWebhook(id) {
   deleteWebhookEndpoint(id);
-  return json9({ success: true });
+  return json10({ success: true });
 }
 async function handleGetManifest(method) {
   const settings = getSiteSettings();
@@ -109980,7 +110420,7 @@ function manifestJson(data, method) {
     }
   });
 }
-function json9(data, status = 200, headers = {}) {
+function json10(data, status = 200, headers = {}) {
   return new Response(JSON.stringify(data), {
     status,
     headers: {
@@ -110693,12 +111133,27 @@ var defaultDeps5 = {
     await tmuxRuntimeRegistry.release(deviceId, runtime);
   }
 };
+function parseWindowLayoutSize(layout) {
+  if (!layout)
+    return null;
+  const match = /^[0-9a-fA-F]{4},(\d+)x(\d+)/.exec(layout);
+  if (!match)
+    return null;
+  return { cols: Number(match[1]), rows: Number(match[2]) };
+}
 
 class WebSocketServer {
   connections = new Map;
   pendingConnectionEntries = new Map;
+  connectedClients = new Set;
   windowCustomNames = new Map;
   paneCustomNames = new Map;
+  currentTheme = null;
+  themeSignalLast = new Map;
+  lastThemeTimestamp = 0n;
+  pendingTmuxTheme = null;
+  themeApplyInFlight = false;
+  lastBroadcastTheme = new Map;
   deps;
   constructor(options = {}) {
     this.deps = {
@@ -110730,6 +111185,8 @@ class WebSocketServer {
     this.clearReconnectTimer(entry);
     entry.detachRuntime?.();
     entry.detachRuntime = null;
+    this.themeSignalLast.delete(deviceId);
+    this.lastBroadcastTheme.delete(deviceId);
     this.deps.releaseRuntime(deviceId, entry.runtime);
   }
   attachRuntime(deviceId, runtime) {
@@ -110814,6 +111271,7 @@ class WebSocketServer {
   handleOpen(ws) {
     console.log("[ws] client connected");
     sessionStateStore.create(ws);
+    this.connectedClients.add(ws);
   }
   handleMessage(ws, message) {
     if (typeof message === "string") {
@@ -110852,6 +111310,7 @@ class WebSocketServer {
   }
   handleClose(ws) {
     console.log("[ws] client disconnected");
+    this.connectedClients.delete(ws);
     switchBarrier.cleanupClient(ws);
     sessionStateStore.cleanup(ws);
     agentWsHub.removeClient(ws);
@@ -111038,6 +111497,11 @@ class WebSocketServer {
         agentWsHub.unsubscribe(ws, decoded.sessionId);
         return;
       }
+      case exports_ws_borsh.KIND_SITE_THEME_UPDATE: {
+        const decoded = exports_ws_borsh.decodePayload(exports_ws_borsh.schema.SiteThemeUpdateC2SSchema, payload);
+        this.handleSiteThemeUpdate(ws, decoded);
+        return;
+      }
       default:
         this.sendError(ws, refSeq, exports_ws_borsh.ERROR_UNKNOWN_KIND, `Unknown kind: ${kind}`, false);
     }
@@ -111258,13 +111722,18 @@ class WebSocketServer {
     const entry = this.connections.get(deviceId);
     if (!entry)
       return;
-    const snapshot = entry.lastSnapshot;
-    if (snapshot?.session?.windows) {
-      const window2 = snapshot.session.windows.find((w) => w.panes && w.panes.some((p) => p.id === paneId));
-      if (window2 && window2.panes && window2.panes.length > 1) {
-        entry.runtime.resizeWindow(window2.id, cols, rows);
+    const window2 = entry.lastSnapshot?.session?.windows?.find((w) => w.panes?.some((p) => p.id === paneId));
+    if (window2?.panes && window2.panes.length > 1) {
+      const currentSize = parseWindowLayoutSize(window2.layout);
+      if (currentSize && currentSize.cols === cols && currentSize.rows === rows) {
         return;
       }
+      entry.runtime.resizeWindow(window2.id, cols, rows);
+      return;
+    }
+    const pane = window2?.panes.find((p) => p.id === paneId);
+    if (pane && pane.width === cols && pane.height === rows) {
+      return;
     }
     entry.runtime.resizePane(paneId, cols, rows);
   }
@@ -111355,7 +111824,111 @@ class WebSocketServer {
     const entry = this.connections.get(deviceId);
     if (!entry)
       return;
-    entry.runtime.setWindowStyle(style);
+    (async () => {
+      try {
+        await entry.runtime.setWindowStyle(style);
+      } catch (err) {
+        console.error("[ws] setWindowStyle failed:", err);
+      }
+      if (this.currentTheme !== null) {
+        const theme = this.currentTheme;
+        if (this.lastBroadcastTheme.get(deviceId) !== theme) {
+          this.lastBroadcastTheme.set(deviceId, theme);
+          this.broadcastThemeChange(theme);
+        }
+      }
+    })();
+  }
+  handleSiteThemeUpdate(ws, decoded) {
+    if (decoded.theme !== exports_ws_borsh.SITE_THEME_DARK && decoded.theme !== exports_ws_borsh.SITE_THEME_LIGHT) {
+      this.sendError(ws, null, exports_ws_borsh.ERROR_PAYLOAD_DECODE_FAILED, `invalid theme value: ${decoded.theme}`, false);
+      return;
+    }
+    const themeName = decoded.theme === exports_ws_borsh.SITE_THEME_LIGHT ? "light" : "dark";
+    updateSiteSettings({ theme: themeName });
+    this.scheduleTmuxThemeApply(themeName);
+    this.broadcastSiteThemeUpdateS2C(themeName);
+  }
+  scheduleTmuxThemeApply(theme) {
+    this.pendingTmuxTheme = theme;
+    if (this.themeApplyInFlight) {
+      return;
+    }
+    this.themeApplyInFlight = true;
+    (async () => {
+      try {
+        while (this.pendingTmuxTheme !== null) {
+          const next = this.pendingTmuxTheme;
+          this.pendingTmuxTheme = null;
+          await this.handleSiteThemeChange(next);
+          this.broadcastThemeChange(next);
+        }
+      } finally {
+        this.themeApplyInFlight = false;
+      }
+    })();
+  }
+  broadcastSiteThemeUpdateS2C(theme) {
+    const now2 = BigInt(Date.now());
+    if (now2 <= this.lastThemeTimestamp) {
+      this.lastThemeTimestamp += 1n;
+    } else {
+      this.lastThemeTimestamp = now2;
+    }
+    const effectiveTimestamp = this.lastThemeTimestamp;
+    const themeCode = theme === "light" ? exports_ws_borsh.SITE_THEME_LIGHT : exports_ws_borsh.SITE_THEME_DARK;
+    const payloadBytes = exports_ws_borsh.encodePayload(exports_ws_borsh.schema.SiteThemeUpdateS2CSchema, {
+      theme: themeCode,
+      serverTimestamp: effectiveTimestamp
+    });
+    for (const client of this.connectedClients) {
+      this.sendEnvelope(client, exports_ws_borsh.KIND_SITE_THEME_UPDATE, payloadBytes);
+    }
+  }
+  async handleSiteThemeChange(theme) {
+    if (theme !== "dark" && theme !== "light") {
+      return;
+    }
+    this.currentTheme = theme;
+    const style = getTmuxWindowStyle(theme);
+    const results = await Promise.allSettled([...this.connections.values()].map((entry) => entry.runtime.setWindowStyle(style)));
+    for (const result of results) {
+      if (result.status === "rejected") {
+        console.error("[ws] setWindowStyle on theme change failed:", result.reason);
+      }
+    }
+  }
+  applyThemeToDevice(deviceId) {
+    if (this.currentTheme === null) {
+      return;
+    }
+    const entry = this.connections.get(deviceId);
+    if (!entry) {
+      return;
+    }
+    const style = getTmuxWindowStyle(this.currentTheme);
+    entry.runtime.setWindowStyle(style).catch((err) => {
+      console.error(`[ws] setWindowStyle on device ${deviceId} failed:`, err);
+    });
+  }
+  broadcastThemeChange(theme) {
+    const now2 = Date.now();
+    for (const [deviceId, entry] of this.connections) {
+      const last = this.themeSignalLast.get(deviceId);
+      if (last && last.theme === theme && now2 - last.at < 1000) {
+        continue;
+      }
+      this.themeSignalLast.set(deviceId, { theme, at: now2 });
+      this.lastBroadcastTheme.set(deviceId, theme);
+      const panes = entry.lastSnapshot?.session?.windows?.flatMap((w) => w.panes) ?? [];
+      for (const pane of panes) {
+        try {
+          entry.runtime.signalThemeChange(pane.id, theme);
+        } catch (err) {
+          console.error(`[ws] signalThemeChange failed for ${deviceId}/${pane.id}:`, err);
+        }
+      }
+    }
   }
   handleReorderWindows(deviceId, windowIds) {
     setWindowOrder(deviceId, windowIds);
@@ -111499,6 +112072,9 @@ class WebSocketServer {
       runtime = await this.deps.acquireRuntime(deviceId);
       detachRuntime = this.attachRuntime(deviceId, runtime);
       await runtime.connect();
+      if (this.currentTheme !== null) {
+        await runtime.setWindowStyle(getTmuxWindowStyle(this.currentTheme));
+      }
       return {
         runtime,
         detachRuntime,
@@ -111801,10 +112377,16 @@ async function createGatewayRuntime(options = {}) {
   primeLocalShellPath();
   sweepOrphanTransferTemps();
   const wsServer = new WebSocketServer;
+  wsServer.currentTheme = getSiteSettings().theme;
   connectionAlertNotifier.setBroadcaster((deviceId, payload) => {
     wsServer.broadcastDeviceError(deviceId, payload);
   });
   registerSnapshotLookup((deviceId) => wsServer.getLastSnapshot(deviceId));
+  registerThemeBroadcaster((theme) => {
+    wsServer.scheduleTmuxThemeApply(theme);
+  }, (theme) => {
+    wsServer.broadcastSiteThemeUpdateS2C(theme);
+  });
   await telegramService.refresh();
   await weixinService.refresh();
   await pushSupervisor.start();
@@ -111852,6 +112434,7 @@ async function createGatewayRuntime(options = {}) {
     },
     async stop() {
       connectionAlertNotifier.setBroadcaster(null);
+      registerThemeBroadcaster(null);
       wsServer.closeAll();
       await watchService.stop();
       await agentSupervisor.stop();