tmex-cli 0.16.4 → 0.17.0

package/dist/runtime/server.js

@@ -22735,7 +22735,8 @@ var I18N_RESOURCES = {
         copied: "Copied to clipboard",
         copyFailed: "Copy failed",
         pasteFailed: "Could not read clipboard, check browser permissions",
-        clearSelection: "Dismiss selection"
+        clearSelection: "Dismiss selection",
+        fileLinkNotFound: "File does not exist or is not accessible"
       },
       settings: {
         title: "System Settings",
@@ -23751,7 +23752,8 @@ Time: {{time}}`,
         copied: "\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F",
         copyFailed: "\u590D\u5236\u5931\u8D25",
         pasteFailed: "\u65E0\u6CD5\u8BFB\u53D6\u526A\u8D34\u677F\uFF0C\u8BF7\u68C0\u67E5\u6D4F\u89C8\u5668\u6743\u9650",
-        clearSelection: "\u53D6\u6D88\u9009\u62E9"
+        clearSelection: "\u53D6\u6D88\u9009\u62E9",
+        fileLinkNotFound: "\u6587\u4EF6\u4E0D\u5B58\u5728\u6216\u65E0\u6CD5\u8BBF\u95EE"
       },
       settings: {
         title: "\u7CFB\u7EDF\u8BBE\u7F6E",
@@ -24767,7 +24769,8 @@ Bot\uFF1A{{botName}}
         copied: "\u30AF\u30EA\u30C3\u30D7\u30DC\u30FC\u30C9\u306B\u30B3\u30D4\u30FC\u3057\u307E\u3057\u305F",
         copyFailed: "\u30B3\u30D4\u30FC\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
         pasteFailed: "\u30AF\u30EA\u30C3\u30D7\u30DC\u30FC\u30C9\u3092\u8AAD\u307F\u53D6\u308C\u307E\u305B\u3093\u3002\u30D6\u30E9\u30A6\u30B6\u306E\u6A29\u9650\u3092\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044",
-        clearSelection: "\u9078\u629E\u3092\u89E3\u9664"
+        clearSelection: "\u9078\u629E\u3092\u89E3\u9664",
+        fileLinkNotFound: "\u30D5\u30A1\u30A4\u30EB\u304C\u5B58\u5728\u3057\u306A\u3044\u304B\u30A2\u30AF\u30BB\u30B9\u3067\u304D\u307E\u305B\u3093"
       },
       settings: {
         title: "\u30B7\u30B9\u30C6\u30E0\u8A2D\u5B9A",
@@ -25651,12 +25654,14 @@ __export(exports_ws_borsh, {
   encodeTmuxEventPayload: () => encodeTmuxEventPayload,
   encodeStateSnapshot: () => encodeStateSnapshot,
   encodePayload: () => encodePayload,
+  encodePaneModes: () => encodePaneModes,
   encodeEnvelope: () => encodeEnvelope,
   encodeDeviceEventPayload: () => encodeDeviceEventPayload,
   encodeChunk: () => encodeChunk,
   decodeTmuxEventPayload: () => decodeTmuxEventPayload,
   decodeStateSnapshot: () => decodeStateSnapshot,
   decodePayload: () => decodePayload,
+  decodePaneModes: () => decodePaneModes,
   decodeEnvelopeAndPayload: () => decodeEnvelopeAndPayload,
   decodeEnvelope: () => decodeEnvelope,
   decodeDeviceEventPayload: () => decodeDeviceEventPayload,
@@ -25670,6 +25675,11 @@ __export(exports_ws_borsh, {
   WATCH_EVENT_MODEL_UNAVAILABLE: () => WATCH_EVENT_MODEL_UNAVAILABLE,
   SITE_THEME_LIGHT: () => SITE_THEME_LIGHT,
   SITE_THEME_DARK: () => SITE_THEME_DARK,
+  PANE_MODE_MOUSE_UTF8: () => PANE_MODE_MOUSE_UTF8,
+  PANE_MODE_MOUSE_STANDARD: () => PANE_MODE_MOUSE_STANDARD,
+  PANE_MODE_MOUSE_SGR: () => PANE_MODE_MOUSE_SGR,
+  PANE_MODE_MOUSE_BUTTON: () => PANE_MODE_MOUSE_BUTTON,
+  PANE_MODE_MOUSE_ALL: () => PANE_MODE_MOUSE_ALL,
   MAX_CHUNK_STREAMS: () => MAX_CHUNK_STREAMS,
   MAX_CHUNKS_PER_MESSAGE: () => MAX_CHUNKS_PER_MESSAGE,
   MAGIC: () => MAGIC,
@@ -25703,6 +25713,7 @@ __export(exports_ws_borsh, {
   KIND_STATE_SNAPSHOT_DIFF: () => KIND_STATE_SNAPSHOT_DIFF,
   KIND_STATE_SNAPSHOT: () => KIND_STATE_SNAPSHOT,
   KIND_SITE_THEME_UPDATE: () => KIND_SITE_THEME_UPDATE,
+  KIND_SETTINGS_UPDATE: () => KIND_SETTINGS_UPDATE,
   KIND_PONG: () => KIND_PONG,
   KIND_PING: () => KIND_PING,
   KIND_LIVE_RESUME: () => KIND_LIVE_RESUME,
@@ -25737,6 +25748,7 @@ __export(exports_ws_borsh, {
   ERROR_FRAME_TOO_LARGE: () => ERROR_FRAME_TOO_LARGE,
   ERROR_DEVICE_NOT_FOUND: () => ERROR_DEVICE_NOT_FOUND,
   ERROR_DEVICE_CONNECT_FAILED: () => ERROR_DEVICE_CONNECT_FAILED,
+  EMPTY_PANE_MODE_FLAGS: () => EMPTY_PANE_MODE_FLAGS,
   DEFAULT_MAX_FRAME_BYTES: () => DEFAULT_MAX_FRAME_BYTES,
   ChunkReassembler: () => ChunkReassembler,
   CURRENT_VERSION: () => CURRENT_VERSION,
@@ -25804,6 +25816,7 @@ var KIND_AGENT_UNSUBSCRIBE = 1538;
 var KIND_AGENT_EVENT = 1539;
 var KIND_WATCH_EVENT = 1793;
 var KIND_SITE_THEME_UPDATE = 2049;
+var KIND_SETTINGS_UPDATE = 2050;
 var VALID_KINDS = new Set([
   KIND_HELLO_C2S,
   KIND_HELLO_S2C,
@@ -25850,7 +25863,8 @@ var VALID_KINDS = new Set([
   KIND_AGENT_UNSUBSCRIBE,
   KIND_AGENT_EVENT,
   KIND_WATCH_EVENT,
-  KIND_SITE_THEME_UPDATE
+  KIND_SITE_THEME_UPDATE,
+  KIND_SETTINGS_UPDATE
 ]);
 function isValidKind(kind) {
   return VALID_KINDS.has(kind);
@@ -25902,7 +25916,8 @@ function kindToString(kind) {
     [KIND_AGENT_UNSUBSCRIBE]: "AGENT_UNSUBSCRIBE",
     [KIND_AGENT_EVENT]: "AGENT_EVENT",
     [KIND_WATCH_EVENT]: "WATCH_EVENT",
-    [KIND_SITE_THEME_UPDATE]: "SITE_THEME_UPDATE"
+    [KIND_SITE_THEME_UPDATE]: "SITE_THEME_UPDATE",
+    [KIND_SETTINGS_UPDATE]: "SETTINGS_UPDATE"
   };
   return kindMap[kind] ?? `UNKNOWN(0x${kind.toString(16).padStart(4, "0")})`;
 }
@@ -25945,6 +25960,7 @@ __export(exports_schema, {
   StateSnapshotDiffSchema: () => StateSnapshotDiffSchema,
   SiteThemeUpdateS2CSchema: () => SiteThemeUpdateS2CSchema,
   SiteThemeUpdateC2SSchema: () => SiteThemeUpdateC2SSchema,
+  SettingsUpdateS2CSchema: () => SettingsUpdateS2CSchema,
   SessionWireSchema: () => SessionWireSchema,
   SITE_THEME_LIGHT: () => SITE_THEME_LIGHT,
   SITE_THEME_DARK: () => SITE_THEME_DARK,
@@ -26160,6 +26176,7 @@ var TermHistorySchema = import_zorsh.b.struct({
   selectToken: import_zorsh.b.bytes(16),
   encoding: import_zorsh.b.u8(),
   alternateScreen: import_zorsh.b.bool(),
+  modes: import_zorsh.b.u8(),
   data: import_zorsh.b.bytes()
 });
 var ClipboardWriteSchema = import_zorsh.b.struct({
@@ -26302,6 +26319,10 @@ var SiteThemeUpdateS2CSchema = import_zorsh.b.struct({
   theme: import_zorsh.b.u8(),
   serverTimestamp: import_zorsh.b.u64()
 });
+var SettingsUpdateS2CSchema = import_zorsh.b.struct({
+  namespace: import_zorsh.b.string(),
+  serverTimestamp: import_zorsh.b.u64()
+});
 // ../shared/src/ws-borsh/agent.ts
 var AGENT_EVENT_SYNC = 1;
 var AGENT_EVENT_STATUS = 2;
@@ -26360,6 +26381,31 @@ class WsBorshError extends Error {
     this.name = "WsBorshError";
   }
 }
+// ../shared/src/ws-borsh/pane-modes.ts
+var PANE_MODE_MOUSE_STANDARD = 1 << 0;
+var PANE_MODE_MOUSE_BUTTON = 1 << 1;
+var PANE_MODE_MOUSE_ALL = 1 << 2;
+var PANE_MODE_MOUSE_SGR = 1 << 3;
+var PANE_MODE_MOUSE_UTF8 = 1 << 4;
+var EMPTY_PANE_MODE_FLAGS = {
+  mouseStandard: false,
+  mouseButton: false,
+  mouseAll: false,
+  mouseSgr: false,
+  mouseUtf8: false
+};
+function encodePaneModes(flags) {
+  return (flags.mouseStandard ? PANE_MODE_MOUSE_STANDARD : 0) | (flags.mouseButton ? PANE_MODE_MOUSE_BUTTON : 0) | (flags.mouseAll ? PANE_MODE_MOUSE_ALL : 0) | (flags.mouseSgr ? PANE_MODE_MOUSE_SGR : 0) | (flags.mouseUtf8 ? PANE_MODE_MOUSE_UTF8 : 0);
+}
+function decodePaneModes(bits) {
+  return {
+    mouseStandard: (bits & PANE_MODE_MOUSE_STANDARD) !== 0,
+    mouseButton: (bits & PANE_MODE_MOUSE_BUTTON) !== 0,
+    mouseAll: (bits & PANE_MODE_MOUSE_ALL) !== 0,
+    mouseSgr: (bits & PANE_MODE_MOUSE_SGR) !== 0,
+    mouseUtf8: (bits & PANE_MODE_MOUSE_UTF8) !== 0
+  };
+}
 // ../shared/src/ws-borsh/codec.ts
 var MAGIC = new Uint8Array([84, 88]);
 var CURRENT_VERSION = 1;
@@ -28369,6 +28415,7 @@ function getBooleanEnv(key, defaultValue) {
 var config = {
   masterKey: process.env.TMEX_MASTER_KEY,
   port: Number.parseInt(getEnv("GATEWAY_PORT", "9663"), 10),
+  bindHost: getEnv("TMEX_BIND_HOST", "0.0.0.0"),
   baseUrl: getEnv("TMEX_BASE_URL", "http://127.0.0.1:8085"),
   siteNameDefault: getEnv("TMEX_SITE_NAME", "tmex"),
   databaseUrl: getEnv("DATABASE_URL", "./tmex.db"),
@@ -33403,6 +33450,7 @@ var siteSettings = sqliteTable("site_settings", {
   sshReconnectDelaySeconds: integer("ssh_reconnect_delay_seconds").notNull(),
   language: text("language").notNull().default("en_US"),
   theme: text("theme").notNull().default("dark"),
+  disabledNotificationChannels: text("disabled_notification_channels", { mode: "json" }).$type().notNull().default([]),
   updatedAt: text("updated_at").notNull()
 }, (table) => [
   check("site_settings_singleton_check", sql`${table.id} = 1`),
@@ -33487,10 +33535,7 @@ var agentSettings = sqliteTable("agent_settings", {
   }),
   defaultModelId: text("default_model_id"),
   updatedAt: text("updated_at").notNull()
-}, (table) => [
-  check("agent_settings_singleton_check", sql`${table.id} = 1`),
-  check("agent_settings_search_provider_check", sql`${table.searchProvider} in ('none', 'tavily', 'brave')`)
-]);
+}, (table) => [check("agent_settings_singleton_check", sql`${table.id} = 1`)]);
 var agentSessions = sqliteTable("agent_sessions", {
   id: text("id").primaryKey(),
   title: text("title").notNull(),
@@ -33702,6 +33747,7 @@ function toSiteSettings(row) {
     sshReconnectDelaySeconds: row.sshReconnectDelaySeconds,
     language: normalizeLocale(row.language),
     theme: row.theme,
+    disabledNotificationChannels: Array.isArray(row.disabledNotificationChannels) ? row.disabledNotificationChannels : [],
     updatedAt: row.updatedAt
   };
 }
@@ -33786,6 +33832,7 @@ function ensureSiteSettingsInitialized() {
     sshReconnectMaxRetries: config.sshReconnectMaxRetriesDefault,
     sshReconnectDelaySeconds: config.sshReconnectDelaySecondsDefault,
     language: normalizeLocale(config.languageDefault),
+    disabledNotificationChannels: [],
     updatedAt: now
   }).onConflictDoNothing({ target: siteSettings.id }).run();
 }
@@ -33996,6 +34043,7 @@ function updateSiteSettings(updates) {
     sshReconnectDelaySeconds: updates.sshReconnectDelaySeconds ?? current.sshReconnectDelaySeconds,
     language: updates.language ? normalizeLocale(updates.language) : current.language,
     theme: updates.theme ?? current.theme,
+    disabledNotificationChannels: updates.disabledNotificationChannels ?? current.disabledNotificationChannels,
     updatedAt: new Date().toISOString()
   };
   const orm = getDb();
@@ -34008,7 +34056,8 @@ function updateSiteSettings(updates) {
     enableNotificationPush: next.enableNotificationPush,
     enableBellPush: next.enableBellPush,
     enableBellSound: next.enableBellSound,
-    theme: next.theme
+    theme: next.theme,
+    disabledNotificationChannels: next.disabledNotificationChannels
   }).where(eq(siteSettings.id, 1)).run();
   siteSettingsCache = { value: next, expiresAt: Date.now() + SITE_SETTINGS_TTL_MS };
   if (instance.language !== next.language) {
@@ -88882,11 +88931,18 @@ var weixinChannel = new WeixinChannel;
 class EventNotifier {
   bellThrottleMap = new Map;
   notificationThrottleMap = new Map;
-  channels = [
-    webhookChannel,
-    telegramChannel,
-    weixinChannel
-  ];
+  channels = new Map;
+  constructor() {
+    this.registerChannel(webhookChannel);
+    this.registerChannel(telegramChannel);
+    this.registerChannel(weixinChannel);
+  }
+  registerChannel(channel) {
+    if (this.channels.has(channel.id)) {
+      throw new Error(`notification channel already registered: ${channel.id}`);
+    }
+    this.channels.set(channel.id, channel);
+  }
   async notify(eventType, event) {
     const fullEvent = {
       ...event,
@@ -88902,7 +88958,9 @@ class EventNotifier {
         return;
       }
     }
-    await Promise.all(this.channels.map((channel) => channel.notify(eventType, fullEvent)));
+    const disabled = new Set(getSiteSettings().disabledNotificationChannels);
+    const active = [...this.channels.values()].filter((channel) => !disabled.has(channel.id));
+    await Promise.all(active.map((channel) => channel.notify(eventType, fullEvent)));
   }
   shouldPassBellThrottle(event) {
     const settings = getSiteSettings();
@@ -98120,7 +98178,7 @@ function buildLocalTmuxEnv(resolvedPath, baseEnv = process.env) {
 }
 
 // ../../apps/gateway/src/tmux-client/capture-history.ts
-var PANE_SCREEN_INFO_FORMAT = "#{alternate_on} #{cursor_x} #{cursor_y} #{pane_height}";
+var PANE_SCREEN_INFO_FORMAT = "#{alternate_on} #{cursor_x} #{cursor_y} #{pane_height}" + " #{mouse_standard_flag} #{mouse_button_flag} #{mouse_all_flag} #{mouse_sgr_flag} #{mouse_utf8_flag}";
 function parsePaneScreenInfo(stdout) {
   const parts = stdout.trim().split(/\s+/);
   const toInt = (value) => {
@@ -98134,7 +98192,14 @@ function parsePaneScreenInfo(stdout) {
     alternateScreen: parts[0] === "1",
     cursorX: toInt(parts[1]),
     cursorY: toInt(parts[2]),
-    paneHeight: toInt(parts[3])
+    paneHeight: toInt(parts[3]),
+    modes: {
+      mouseStandard: parts[4] === "1",
+      mouseButton: parts[5] === "1",
+      mouseAll: parts[6] === "1",
+      mouseSgr: parts[7] === "1",
+      mouseUtf8: parts[8] === "1"
+    }
   };
 }
 var PANE_META_FORMAT = "#{pane_width} #{pane_height} #{alternate_on} #{cursor_x} #{cursor_y} #{pane_current_command}";
@@ -100235,14 +100300,25 @@ class LocalExternalTmuxConnection {
     await this.capturePaneHistory(paneId);
     await this.requestSnapshotInternal();
   }
-  async capturePaneHistory(paneId) {
+  async fetchPaneHistory(paneId) {
     const screenInfo = parsePaneScreenInfo((await this.runTmux(["display-message", "-p", "-t", paneId, PANE_SCREEN_INFO_FORMAT], true)).stdout);
     const alternateScreen = screenInfo.alternateScreen;
     const normal = (await this.runTmux(["capture-pane", "-t", paneId, "-S", "-", "-E", "-", "-e", "-J", "-N", "-p"], true)).stdout;
     const alternate = (await this.runTmux(["capture-pane", "-t", paneId, "-a", "-S", "-", "-E", "-", "-e", "-J", "-N", "-p", "-q"], true)).stdout;
     const history = alternateScreen ? hasRenderableTerminalContent(normal) ? normal : alternate : normal || alternate;
-    if (history) {
-      this.callbacks.onTerminalHistory(paneId, appendCursorRestore(history, screenInfo), alternateScreen);
+    if (!history) {
+      return null;
+    }
+    return {
+      data: appendCursorRestore(history, screenInfo),
+      alternateScreen,
+      modes: encodePaneModes(screenInfo.modes)
+    };
+  }
+  async capturePaneHistory(paneId) {
+    const captured = await this.fetchPaneHistory(paneId);
+    if (captured) {
+      this.callbacks.onTerminalHistory(paneId, captured.data, captured.alternateScreen, captured.modes);
     }
   }
   async requestSnapshotInternal() {
@@ -101825,14 +101901,25 @@ class SshExternalTmuxConnection {
     await this.capturePaneHistory(paneId);
     await this.requestSnapshotInternal();
   }
-  async capturePaneHistory(paneId) {
+  async fetchPaneHistory(paneId) {
     const screenInfo = parsePaneScreenInfo((await this.runTmux(["display-message", "-p", "-t", paneId, PANE_SCREEN_INFO_FORMAT], true)).stdout);
     const alternateScreen = screenInfo.alternateScreen;
     const normal = (await this.runTmux(["capture-pane", "-t", paneId, "-S", "-", "-E", "-", "-e", "-J", "-N", "-p"], true, 30000)).stdout;
     const alternate = (await this.runTmux(["capture-pane", "-t", paneId, "-a", "-S", "-", "-E", "-", "-e", "-J", "-N", "-p", "-q"], true, 30000)).stdout;
     const history = alternateScreen ? hasRenderableTerminalContent2(normal) ? normal : alternate : normal || alternate;
-    if (history) {
-      this.callbacks.onTerminalHistory(paneId, appendCursorRestore(history, screenInfo), alternateScreen);
+    if (!history) {
+      return null;
+    }
+    return {
+      data: appendCursorRestore(history, screenInfo),
+      alternateScreen,
+      modes: encodePaneModes(screenInfo.modes)
+    };
+  }
+  async capturePaneHistory(paneId) {
+    const captured = await this.fetchPaneHistory(paneId);
+    if (captured) {
+      this.callbacks.onTerminalHistory(paneId, captured.data, captured.alternateScreen, captured.modes);
     }
   }
   async requestSnapshotInternal() {
@@ -102269,8 +102356,8 @@ class DeviceSessionRuntime {
       onTerminalOutput: (paneId, data) => {
         this.broadcast((listener) => listener.onTerminalOutput?.(paneId, data));
       },
-      onTerminalHistory: (paneId, data, alternateScreen) => {
-        this.broadcast((listener) => listener.onTerminalHistory?.(paneId, data, alternateScreen));
+      onTerminalHistory: (paneId, data, alternateScreen, modes) => {
+        this.broadcast((listener) => listener.onTerminalHistory?.(paneId, data, alternateScreen, modes));
       },
       onPromptMarker: (paneId, marker24) => {
         this.broadcast((listener) => listener.onPromptMarker?.(paneId, marker24));
@@ -102384,6 +102471,9 @@ class DeviceSessionRuntime {
   async requestPaneHistory(paneId) {
     return this.connection.requestPaneHistory(paneId);
   }
+  async fetchPaneHistory(paneId) {
+    return this.connection.fetchPaneHistory(paneId);
+  }
   renameWindow(windowId, name24) {
     this.connection.renameWindow(windowId, name24);
   }
@@ -103589,68 +103679,98 @@ function validateFetchUrl(rawUrl) {
   }
   return { url: url2 };
 }
-async function searchTavily(apiKey, query, deps) {
-  const response = await deps.fetchImpl(deps.tavilyEndpoint, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: `Bearer ${apiKey}`
-    },
-    body: JSON.stringify({
-      api_key: apiKey,
-      query,
-      max_results: WEB_SEARCH_MAX_RESULTS
-    }),
-    signal: AbortSignal.timeout(FETCH_URL_TIMEOUT_MS)
-  });
-  if (!response.ok) {
-    throw new Error(`Tavily search failed: HTTP ${response.status}`);
+var searchProviderRegistry = new Map;
+function registerSearchProvider(provider) {
+  if (searchProviderRegistry.has(provider.id)) {
+    throw new Error(`search provider already registered: ${provider.id}`);
+  }
+  searchProviderRegistry.set(provider.id, provider);
+}
+function getSearchProviders() {
+  return [...searchProviderRegistry.values()];
+}
+function getSearchProvider(id) {
+  return searchProviderRegistry.get(id);
+}
+var TAVILY_DEFAULT_ENDPOINT = "https://api.tavily.com/search";
+var BRAVE_DEFAULT_ENDPOINT = "https://api.search.brave.com/res/v1/web/search";
+var tavilyProvider = {
+  id: "tavily",
+  label: "Tavily",
+  isConfigured: (settings) => Boolean(settings.tavilyApiKeyEnc),
+  async search(query, settings, deps) {
+    const apiKey = await decrypt(settings.tavilyApiKeyEnc ?? "");
+    const fetchImpl = deps?.fetchImpl ?? fetch;
+    const endpoint = deps?.endpoint ?? TAVILY_DEFAULT_ENDPOINT;
+    const response = await fetchImpl(endpoint, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${apiKey}`
+      },
+      body: JSON.stringify({
+        api_key: apiKey,
+        query,
+        max_results: WEB_SEARCH_MAX_RESULTS
+      }),
+      signal: AbortSignal.timeout(FETCH_URL_TIMEOUT_MS)
+    });
+    if (!response.ok) {
+      throw new Error(`Tavily search failed: HTTP ${response.status}`);
+    }
+    const payload = await response.json();
+    return (payload.results ?? []).map((item) => ({
+      title: item.title ?? "",
+      url: item.url ?? "",
+      snippet: item.content ?? ""
+    }));
   }
-  const payload = await response.json();
-  return (payload.results ?? []).map((item) => ({
-    title: item.title ?? "",
-    url: item.url ?? "",
-    snippet: item.content ?? ""
-  }));
-}
-async function searchBrave(apiKey, query, deps) {
-  const url2 = new URL(deps.braveEndpoint);
-  url2.searchParams.set("q", query);
-  url2.searchParams.set("count", String(WEB_SEARCH_MAX_RESULTS));
-  const response = await deps.fetchImpl(url2.toString(), {
-    headers: {
-      Accept: "application/json",
-      "X-Subscription-Token": apiKey
-    },
-    signal: AbortSignal.timeout(FETCH_URL_TIMEOUT_MS)
-  });
-  if (!response.ok) {
-    throw new Error(`Brave search failed: HTTP ${response.status}`);
+};
+var braveProvider = {
+  id: "brave",
+  label: "Brave",
+  isConfigured: (settings) => Boolean(settings.braveApiKeyEnc),
+  async search(query, settings, deps) {
+    const apiKey = await decrypt(settings.braveApiKeyEnc ?? "");
+    const fetchImpl = deps?.fetchImpl ?? fetch;
+    const url2 = new URL(deps?.endpoint ?? BRAVE_DEFAULT_ENDPOINT);
+    url2.searchParams.set("q", query);
+    url2.searchParams.set("count", String(WEB_SEARCH_MAX_RESULTS));
+    const response = await fetchImpl(url2.toString(), {
+      headers: {
+        Accept: "application/json",
+        "X-Subscription-Token": apiKey
+      },
+      signal: AbortSignal.timeout(FETCH_URL_TIMEOUT_MS)
+    });
+    if (!response.ok) {
+      throw new Error(`Brave search failed: HTTP ${response.status}`);
+    }
+    const payload = await response.json();
+    return (payload.web?.results ?? []).map((item) => ({
+      title: item.title ?? "",
+      url: item.url ?? "",
+      snippet: item.description ?? ""
+    }));
   }
-  const payload = await response.json();
-  return (payload.web?.results ?? []).map((item) => ({
-    title: item.title ?? "",
-    url: item.url ?? "",
-    snippet: item.description ?? ""
-  }));
-}
+};
+registerSearchProvider(tavilyProvider);
+registerSearchProvider(braveProvider);
 async function createWebSearchTool(options = {}) {
   const settings = options.settings ?? getAgentSettings();
-  const fetchImpl = options.fetchImpl ?? fetch;
-  const tavilyEndpoint = options.tavilyEndpoint ?? "https://api.tavily.com/search";
-  const braveEndpoint = options.braveEndpoint ?? "https://api.search.brave.com/res/v1/web/search";
-  let search = null;
-  if (settings.searchProvider === "tavily" && settings.tavilyApiKeyEnc) {
-    const apiKey = await decrypt(settings.tavilyApiKeyEnc);
-    search = (query) => searchTavily(apiKey, query, { fetchImpl, tavilyEndpoint });
-  } else if (settings.searchProvider === "brave" && settings.braveApiKeyEnc) {
-    const apiKey = await decrypt(settings.braveApiKeyEnc);
-    search = (query) => searchBrave(apiKey, query, { fetchImpl, braveEndpoint });
-  }
-  if (!search) {
+  if (settings.searchProvider === "none") {
+    return null;
+  }
+  const provider = searchProviderRegistry.get(settings.searchProvider);
+  if (!provider || !provider.isConfigured(settings)) {
     return null;
   }
-  const searchFn = search;
+  const endpoint = options.endpointOverrides?.[provider.id] ?? (provider.id === "tavily" ? options.tavilyEndpoint : provider.id === "brave" ? options.braveEndpoint : undefined);
+  const deps = {
+    fetchImpl: options.fetchImpl ?? fetch,
+    endpoint
+  };
+  const searchFn = (query) => provider.search(query, settings, deps);
   return tool({
     description: "Search the web. Returns a JSON array of results with title, url and snippet.",
     inputSchema: exports_external.object({
@@ -105414,6 +105534,22 @@ class PushSupervisor {
 }
 var pushSupervisor = new PushSupervisor;
 
+// ../../apps/gateway/src/settings/broadcaster.ts
+var broadcaster = null;
+function registerSettingsBroadcaster(fn) {
+  broadcaster = fn;
+}
+function broadcastSettingsUpdate(namespace) {
+  broadcaster?.(namespace);
+}
+var treeOverlayBridge = null;
+function registerTreeOverlayBridge(bridge) {
+  treeOverlayBridge = bridge;
+}
+function getTreeOverlayBridge() {
+  return treeOverlayBridge;
+}
+
 // ../../apps/gateway/src/api/agent.ts
 var WRITE_MODES = ["confirm", "auto"];
 var MAX_STEPS_MIN = 1;
@@ -105953,6 +106089,126 @@ function json3(data, status = 200) {
   });
 }
 
+// ../../apps/gateway/src/capabilities.ts
+var API_VERSION = 1;
+var GATEWAY_CAPABILITIES = ["tmex-ws-borsh-v1", "tmex-agent-v1", "tmex-split-v1"];
+
+// ../../apps/gateway/src/system/version.ts
+import { existsSync as existsSync5, readFileSync as readFileSync4 } from "fs";
+import { resolve as resolve4 } from "path";
+
+// ../../apps/gateway/src/system/install-info.ts
+import { existsSync as existsSync4, readFileSync as readFileSync3 } from "fs";
+import { resolve as resolve3 } from "path";
+function resolveInstallDir() {
+  const feDist = process.env.TMEX_FE_DIST_DIR;
+  if (feDist) {
+    return resolve3(feDist, "..", "..");
+  }
+  return process.cwd();
+}
+function readInstallMeta() {
+  const metaPath = resolve3(resolveInstallDir(), "install-meta.json");
+  try {
+    if (!existsSync4(metaPath))
+      return null;
+    return JSON.parse(readFileSync3(metaPath, "utf8"));
+  } catch {
+    return null;
+  }
+}
+function deploymentFromPlatform(platform) {
+  if (platform === "darwin")
+    return "launchd";
+  if (platform === "linux")
+    return "systemd";
+  return "none";
+}
+function getInstallInfo() {
+  if (!config.isProd) {
+    return {
+      installedViaCli: false,
+      deployment: "none",
+      installDir: null,
+      serviceName: null,
+      cliVersion: null,
+      bunPath: null
+    };
+  }
+  const meta3 = readInstallMeta();
+  if (!meta3) {
+    return {
+      installedViaCli: false,
+      deployment: "none",
+      installDir: resolveInstallDir(),
+      serviceName: null,
+      cliVersion: null,
+      bunPath: null
+    };
+  }
+  return {
+    installedViaCli: true,
+    deployment: deploymentFromPlatform(meta3.platform ?? process.platform),
+    installDir: meta3.installDir ?? resolveInstallDir(),
+    serviceName: meta3.serviceName ?? null,
+    cliVersion: meta3.cliVersion ?? null,
+    bunPath: meta3.bunPath ?? null
+  };
+}
+
+// ../../apps/gateway/src/system/version.ts
+var cachedBase;
+function readRepoPackageVersion() {
+  const dir2 = import.meta.dir;
+  if (!dir2)
+    return null;
+  const path = resolve4(dir2, "../../../../packages/app/package.json");
+  try {
+    if (!existsSync5(path))
+      return null;
+    const pkg = JSON.parse(readFileSync4(path, "utf8"));
+    return pkg.version ?? null;
+  } catch {
+    return null;
+  }
+}
+function getBaseVersion() {
+  if (cachedBase !== undefined)
+    return cachedBase;
+  let base = null;
+  if ("0.17.0") {
+    base = "0.17.0";
+  }
+  if (!base && config.isProd) {
+    base = readInstallMeta()?.cliVersion ?? null;
+  }
+  if (!base) {
+    base = readRepoPackageVersion();
+  }
+  cachedBase = base ?? "unknown";
+  return cachedBase;
+}
+function getDisplayVersion() {
+  return formatDisplayVersion(getBaseVersion(), config.isProd);
+}
+
+// ../../apps/gateway/src/api/capabilities.ts
+function handleCapabilitiesApiRequest(req, path) {
+  if (path === "/api/capabilities" && req.method === "GET") {
+    return handleGetCapabilities();
+  }
+  return null;
+}
+function handleGetCapabilities() {
+  return new Response(JSON.stringify({
+    serverImpl: "tmex-gateway",
+    serverVersion: getDisplayVersion(),
+    apiVersion: API_VERSION,
+    wsProtocolVersion: exports_ws_borsh.CURRENT_VERSION,
+    capabilities: [...GATEWAY_CAPABILITIES]
+  }), { status: 200, headers: { "Content-Type": "application/json" } });
+}
+
 // ../../apps/gateway/src/db/file-roots.ts
 function getFileRoots() {
   const orm = getDb();
@@ -106000,7 +106256,7 @@ function deleteFileRoot(id) {
 }
 
 // ../../apps/gateway/src/files/device-storage.ts
-import { mkdtempSync as mkdtempSync2, readFileSync as readFileSync3, realpathSync, rmSync as rmSync2, statSync } from "fs";
+import { mkdtempSync as mkdtempSync2, readFileSync as readFileSync5, realpathSync, rmSync as rmSync2, statSync } from "fs";
 import { tmpdir as tmpdir2 } from "os";
 import { join as join5 } from "path";
 
@@ -106201,10 +106457,10 @@ function acquireGlobalSlot() {
     active += 1;
     return Promise.resolve();
   }
-  return new Promise((resolve3) => {
+  return new Promise((resolve5) => {
     globalWaiters.push(() => {
       active += 1;
-      resolve3();
+      resolve5();
     });
   });
 }
@@ -106812,7 +107068,7 @@ async function copyToBuffer(spec, normPath) {
     }
     if (res.exitCode !== 0)
       return fail(classifyRsyncFailure(res.exitCode, res.stderr), res.stderr);
-    return ok(readFileSync3(dest));
+    return ok(readFileSync5(dest));
   } finally {
     try {
       rmSync2(dir2, { recursive: true, force: true });
@@ -107209,6 +107465,7 @@ async function handleCreateRoot(req) {
     return json4({ error: t2("apiError.fileRootDuplicate") }, 400);
   }
   const record2 = createFileRoot({ deviceId, path, enabled: body.enabled ?? true });
+  broadcastSettingsUpdate("file-roots");
   return json4({ root: toRootDto(record2) }, 201);
 }
 async function handleUpdateRoot(req, id) {
@@ -107244,12 +107501,14 @@ async function handleUpdateRoot(req, id) {
   const updated = updateFileRoot(id, updates);
   if (!updated)
     return json4({ error: t2("apiError.notFound") }, 404);
+  broadcastSettingsUpdate("file-roots");
   return json4({ root: toRootDto(updated) });
 }
 function handleDeleteRoot(id) {
   const okDelete = deleteFileRoot(id);
   if (!okDelete)
     return json4({ error: t2("apiError.notFound") }, 404);
+  broadcastSettingsUpdate("file-roots");
   return json4({ success: true });
 }
 async function handleList(url2) {
@@ -107569,7 +107828,19 @@ function handleFilesApiRequest(req, path) {
 
 // ../../apps/gateway/src/api/llm.ts
 var PROTOCOLS = ["openai-chat", "openai-responses"];
-var SEARCH_PROVIDERS = ["none", "tavily", "brave"];
+function isValidSearchProvider(value) {
+  if (typeof value !== "string") {
+    return false;
+  }
+  return value === "none" || getSearchProvider(value) !== undefined;
+}
+function toSearchProviderInfos(settings) {
+  return getSearchProviders().map((provider) => ({
+    id: provider.id,
+    label: provider.label,
+    isConfigured: provider.isConfigured(settings)
+  }));
+}
 function handleLlmApiRequest(req, path) {
   if (path === "/api/llm/providers" && req.method === "GET") {
     return handleListProviders();
@@ -107693,6 +107964,7 @@ async function handleCreateProvider(req) {
     apiKeyEnc: await encrypt(apiKey),
     enabled: body.enabled ?? true
   });
+  broadcastSettingsUpdate("llm");
   const { provider, modelsError } = await refreshModelsCache(created);
   return json5({ provider: toProviderDto(provider), ...modelsError ? { modelsError } : {} }, 201);
 }
@@ -107757,6 +108029,7 @@ async function handleUpdateProvider(req, id) {
   if (!provider) {
     return json5({ error: t2("apiError.llmProviderNotFound") }, 404);
   }
+  broadcastSettingsUpdate("llm");
   const credentialsChanged = updates.baseUrl !== undefined && updates.baseUrl !== existing.baseUrl || updates.apiKeyEnc !== undefined;
   let modelsError;
   if (credentialsChanged) {
@@ -107772,6 +108045,7 @@ async function handleDeleteProvider(id) {
     return json5({ error: t2("apiError.llmProviderNotFound") }, 404);
   }
   deleteLlmProvider(id);
+  broadcastSettingsUpdate("llm");
   return json5({ success: true });
 }
 async function handleRefreshProviderModels(id) {
@@ -107786,7 +108060,11 @@ async function handleRefreshProviderModels(id) {
   return json5({ models });
 }
 async function handleGetSettings() {
-  return json5({ settings: toSettingsDto(getAgentSettings()) });
+  const record2 = getAgentSettings();
+  return json5({
+    settings: toSettingsDto(record2),
+    searchProviders: toSearchProviderInfos(record2)
+  });
 }
 async function handleUpdateSettings(req) {
   const raw = await readJsonObjectBody2(req);
@@ -107796,7 +108074,7 @@ async function handleUpdateSettings(req) {
   const body = raw;
   const updates = {};
   if (body.searchProvider !== undefined) {
-    if (!SEARCH_PROVIDERS.includes(body.searchProvider)) {
+    if (!isValidSearchProvider(body.searchProvider)) {
       return json5({ error: t2("apiError.llmSearchProviderInvalid") }, 400);
     }
     updates.searchProvider = body.searchProvider;
@@ -107831,6 +108109,7 @@ async function handleUpdateSettings(req) {
     updates.braveApiKeyEnc = value ? await encrypt(value) : null;
   }
   const settings = updateAgentSettings(updates);
+  broadcastSettingsUpdate("llm");
   return json5({ settings: toSettingsDto(settings) });
 }
 function json5(data, status = 200) {
@@ -107841,103 +108120,6 @@ function json5(data, status = 200) {
     }
   });
 }
-
-// ../../apps/gateway/src/system/install-info.ts
-import { existsSync as existsSync4, readFileSync as readFileSync4 } from "fs";
-import { resolve as resolve3 } from "path";
-function resolveInstallDir() {
-  const feDist = process.env.TMEX_FE_DIST_DIR;
-  if (feDist) {
-    return resolve3(feDist, "..", "..");
-  }
-  return process.cwd();
-}
-function readInstallMeta() {
-  const metaPath = resolve3(resolveInstallDir(), "install-meta.json");
-  try {
-    if (!existsSync4(metaPath))
-      return null;
-    return JSON.parse(readFileSync4(metaPath, "utf8"));
-  } catch {
-    return null;
-  }
-}
-function deploymentFromPlatform(platform) {
-  if (platform === "darwin")
-    return "launchd";
-  if (platform === "linux")
-    return "systemd";
-  return "none";
-}
-function getInstallInfo() {
-  if (!config.isProd) {
-    return {
-      installedViaCli: false,
-      deployment: "none",
-      installDir: null,
-      serviceName: null,
-      cliVersion: null,
-      bunPath: null
-    };
-  }
-  const meta3 = readInstallMeta();
-  if (!meta3) {
-    return {
-      installedViaCli: false,
-      deployment: "none",
-      installDir: resolveInstallDir(),
-      serviceName: null,
-      cliVersion: null,
-      bunPath: null
-    };
-  }
-  return {
-    installedViaCli: true,
-    deployment: deploymentFromPlatform(meta3.platform ?? process.platform),
-    installDir: meta3.installDir ?? resolveInstallDir(),
-    serviceName: meta3.serviceName ?? null,
-    cliVersion: meta3.cliVersion ?? null,
-    bunPath: meta3.bunPath ?? null
-  };
-}
-
-// ../../apps/gateway/src/system/version.ts
-import { existsSync as existsSync5, readFileSync as readFileSync5 } from "fs";
-import { resolve as resolve4 } from "path";
-var cachedBase;
-function readRepoPackageVersion() {
-  const dir2 = import.meta.dir;
-  if (!dir2)
-    return null;
-  const path = resolve4(dir2, "../../../../packages/app/package.json");
-  try {
-    if (!existsSync5(path))
-      return null;
-    const pkg = JSON.parse(readFileSync5(path, "utf8"));
-    return pkg.version ?? null;
-  } catch {
-    return null;
-  }
-}
-function getBaseVersion() {
-  if (cachedBase !== undefined)
-    return cachedBase;
-  let base = null;
-  if ("0.16.4") {
-    base = "0.16.4";
-  }
-  if (!base && config.isProd) {
-    base = readInstallMeta()?.cliVersion ?? null;
-  }
-  if (!base) {
-    base = readRepoPackageVersion();
-  }
-  cachedBase = base ?? "unknown";
-  return cachedBase;
-}
-function getDisplayVersion() {
-  return formatDisplayVersion(getBaseVersion(), config.isProd);
-}
 // ../../apps/gateway/src/system/semver.ts
 function parse5(input) {
   const match = input.trim().match(/^(\d+)\.(\d+)\.(\d+)(?:-(.+))?$/);
@@ -108346,6 +108528,7 @@ async function handleUpdateTheme(req) {
   updateSiteSettings({ theme });
   broadcastThemeChange(theme);
   broadcastSiteThemeUpdateS2C(theme);
+  broadcastSettingsUpdate("theme");
   return json8({ theme, serverTimestamp });
 }
 function json8(data, status = 200) {
@@ -108355,6 +108538,126 @@ function json8(data, status = 200) {
   });
 }
 
+// ../../apps/gateway/src/api/tree-order.ts
+function handleTreeOrderApiRequest(req, path) {
+  const treeOrderMatch = path.match(/^\/api\/devices\/([^/]+)\/tree-order$/);
+  if (treeOrderMatch && req.method === "GET") {
+    return handleGetTreeOrder(decodeURIComponent(treeOrderMatch[1]));
+  }
+  if (treeOrderMatch && req.method === "PUT") {
+    return handlePutTreeOrder(req, decodeURIComponent(treeOrderMatch[1]));
+  }
+  const windowNameMatch = path.match(/^\/api\/devices\/([^/]+)\/windows\/([^/]+)\/name$/);
+  if (windowNameMatch && req.method === "PATCH") {
+    return handlePatchWindowName(req, decodeURIComponent(windowNameMatch[1]), decodeURIComponent(windowNameMatch[2]));
+  }
+  const paneNameMatch = path.match(/^\/api\/devices\/([^/]+)\/panes\/([^/]+)\/name$/);
+  if (paneNameMatch && req.method === "PATCH") {
+    return handlePatchPaneName(req, decodeURIComponent(paneNameMatch[1]), decodeURIComponent(paneNameMatch[2]));
+  }
+  return null;
+}
+function isStringArray(value) {
+  return Array.isArray(value) && value.every((item) => typeof item === "string");
+}
+async function handleGetTreeOrder(deviceId) {
+  if (!getDeviceById(deviceId)) {
+    return json9({ error: t2("apiError.deviceNotFound") }, 404);
+  }
+  const order = getDeviceTreeOrder(deviceId);
+  const names = getTreeOverlayBridge()?.getCustomNames(deviceId) ?? { windows: {}, panes: {} };
+  return json9({
+    deviceId,
+    windows: order.windows,
+    panes: order.panes,
+    windowNames: names.windows,
+    paneNames: names.panes
+  });
+}
+async function handlePutTreeOrder(req, deviceId) {
+  if (!getDeviceById(deviceId)) {
+    return json9({ error: t2("apiError.deviceNotFound") }, 404);
+  }
+  let body;
+  try {
+    body = await req.json();
+  } catch {
+    return json9({ error: t2("apiError.invalidRequest") }, 400);
+  }
+  const hasWindows = body.windows !== undefined;
+  const hasPanes = body.panes !== undefined;
+  if (!hasWindows && !hasPanes) {
+    return json9({ error: t2("apiError.invalidRequest") }, 400);
+  }
+  if (hasWindows && !isStringArray(body.windows)) {
+    return json9({ error: t2("apiError.invalidRequest") }, 400);
+  }
+  if (hasPanes && (typeof body.panes !== "object" || body.panes === null || Array.isArray(body.panes) || !Object.values(body.panes).every(isStringArray))) {
+    return json9({ error: t2("apiError.invalidRequest") }, 400);
+  }
+  const bridge = getTreeOverlayBridge();
+  if (!bridge) {
+    return json9({ error: "settings service not ready" }, 503);
+  }
+  if (hasWindows) {
+    bridge.reorderWindows(deviceId, body.windows);
+  }
+  if (hasPanes) {
+    for (const [windowId, paneIds] of Object.entries(body.panes)) {
+      bridge.reorderPanes(deviceId, windowId, paneIds);
+    }
+  }
+  const order = getDeviceTreeOrder(deviceId);
+  return json9({ deviceId, windows: order.windows, panes: order.panes });
+}
+async function handlePatchWindowName(req, deviceId, windowId) {
+  if (!getDeviceById(deviceId)) {
+    return json9({ error: t2("apiError.deviceNotFound") }, 404);
+  }
+  const name24 = await readNameBody(req);
+  if (name24 === null) {
+    return json9({ error: t2("apiError.invalidRequest") }, 400);
+  }
+  const bridge = getTreeOverlayBridge();
+  if (!bridge) {
+    return json9({ error: "settings service not ready" }, 503);
+  }
+  bridge.renameWindow(deviceId, windowId, name24);
+  return json9({ deviceId, windowId, name: name24.trim().slice(0, 64) });
+}
+async function handlePatchPaneName(req, deviceId, paneId) {
+  if (!getDeviceById(deviceId)) {
+    return json9({ error: t2("apiError.deviceNotFound") }, 404);
+  }
+  if (!isTmuxPaneId(paneId)) {
+    return json9({ error: t2("apiError.invalidRequest") }, 400);
+  }
+  const name24 = await readNameBody(req);
+  if (name24 === null) {
+    return json9({ error: t2("apiError.invalidRequest") }, 400);
+  }
+  const bridge = getTreeOverlayBridge();
+  if (!bridge) {
+    return json9({ error: "settings service not ready" }, 503);
+  }
+  bridge.renamePane(deviceId, paneId, name24);
+  return json9({ deviceId, paneId, name: name24.trim().slice(0, 64) });
+}
+async function readNameBody(req) {
+  try {
+    const body = await req.json();
+    return typeof body.name === "string" ? body.name : null;
+  } catch {
+    return null;
+  }
+}
+function json9(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();
@@ -109453,35 +109756,35 @@ async function handleListRules(req) {
   if (paneId) {
     rules = rules.filter((rule) => rule.paneId === paneId);
   }
-  return json9({ rules: rules.map(toRuleDto) });
+  return json10({ rules: rules.map(toRuleDto) });
 }
 async function handleCreateRule(req, deps) {
   const raw = await readJsonObjectBody3(req);
   if (!raw) {
-    return json9({ error: t2("apiError.invalidRequest") }, 400);
+    return json10({ error: t2("apiError.invalidRequest") }, 400);
   }
   const body = raw;
   const name24 = typeof body.name === "string" ? body.name.trim() : "";
   if (!name24) {
-    return json9({ error: t2("apiError.watchNameRequired") }, 400);
+    return json10({ error: t2("apiError.watchNameRequired") }, 400);
   }
   const deviceId = typeof body.deviceId === "string" ? body.deviceId.trim() : "";
   if (!deviceId) {
-    return json9({ error: t2("apiError.agentDeviceRequired") }, 400);
+    return json10({ error: t2("apiError.agentDeviceRequired") }, 400);
   }
   if (!getDeviceById(deviceId)) {
-    return json9({ error: t2("apiError.deviceNotFound") }, 404);
+    return json10({ error: t2("apiError.deviceNotFound") }, 404);
   }
   const paneId = typeof body.paneId === "string" ? body.paneId.trim() : "";
   if (!paneId) {
-    return json9({ error: t2("apiError.agentPaneRequired") }, 400);
+    return json10({ error: t2("apiError.agentPaneRequired") }, 400);
   }
   if (!TRIGGER_TYPES.includes(body.triggerType)) {
-    return json9({ error: t2("apiError.watchTriggerTypeInvalid") }, 400);
+    return json10({ error: t2("apiError.watchTriggerTypeInvalid") }, 400);
   }
   const parsed = parseRuleFields(raw);
   if (!parsed.ok) {
-    return json9({ error: parsed.error }, 400);
+    return json10({ error: parsed.error }, 400);
   }
   const fields = parsed.fields;
   const effective = {
@@ -109494,7 +109797,7 @@ async function handleCreateRule(req, deps) {
   };
   const semanticError = validateRuleSemantics(effective);
   if (semanticError) {
-    return json9({ error: semanticError }, 400);
+    return json10({ error: semanticError }, 400);
   }
   const rule = createWatchRule({
     name: name24,
@@ -109517,50 +109820,50 @@ async function handleCreateRule(req, deps) {
     cooldownSeconds: fields.cooldownSeconds
   });
   await deps.service.refreshRule(rule.id);
-  return json9({ rule: toRuleDto(rule), state: null }, 201);
+  return json10({ rule: toRuleDto(rule), state: null }, 201);
 }
 async function handleGetRule(id) {
   const rule = getWatchRuleById(id);
   if (!rule) {
-    return json9({ error: t2("apiError.watchRuleNotFound") }, 404);
+    return json10({ error: t2("apiError.watchRuleNotFound") }, 404);
   }
   const state = getWatchRuleState(id);
-  return json9({ rule: toRuleDto(rule), state: state ? toStateDto(state) : null });
+  return json10({ rule: toRuleDto(rule), state: state ? toStateDto(state) : null });
 }
 async function handleUpdateRule(req, id, deps) {
   const existing = getWatchRuleById(id);
   if (!existing) {
-    return json9({ error: t2("apiError.watchRuleNotFound") }, 404);
+    return json10({ error: t2("apiError.watchRuleNotFound") }, 404);
   }
   const raw = await readJsonObjectBody3(req);
   if (!raw) {
-    return json9({ error: t2("apiError.invalidRequest") }, 400);
+    return json10({ 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 json9({ error: t2("apiError.watchNameRequired") }, 400);
+      return json10({ error: t2("apiError.watchNameRequired") }, 400);
     }
     updates.name = name24;
   }
   if (body.paneId !== undefined) {
     const paneId = typeof body.paneId === "string" ? body.paneId.trim() : "";
     if (!paneId) {
-      return json9({ error: t2("apiError.agentPaneRequired") }, 400);
+      return json10({ error: t2("apiError.agentPaneRequired") }, 400);
     }
     updates.paneId = paneId;
   }
   if (body.triggerType !== undefined) {
     if (!TRIGGER_TYPES.includes(body.triggerType)) {
-      return json9({ error: t2("apiError.watchTriggerTypeInvalid") }, 400);
+      return json10({ error: t2("apiError.watchTriggerTypeInvalid") }, 400);
     }
     updates.triggerType = body.triggerType;
   }
   const parsed = parseRuleFields(raw);
   if (!parsed.ok) {
-    return json9({ error: parsed.error }, 400);
+    return json10({ error: parsed.error }, 400);
   }
   const fields = parsed.fields;
   Object.assign(updates, fields);
@@ -109574,32 +109877,32 @@ async function handleUpdateRule(req, id, deps) {
   };
   const semanticError = validateRuleSemantics(effective);
   if (semanticError) {
-    return json9({ error: semanticError }, 400);
+    return json10({ error: semanticError }, 400);
   }
   const rule = updateWatchRule(id, updates);
   if (!rule) {
-    return json9({ error: t2("apiError.watchRuleNotFound") }, 404);
+    return json10({ error: t2("apiError.watchRuleNotFound") }, 404);
   }
   await deps.service.refreshRule(id);
   const state = getWatchRuleState(id);
-  return json9({ rule: toRuleDto(rule), state: state ? toStateDto(state) : null });
+  return json10({ rule: toRuleDto(rule), state: state ? toStateDto(state) : null });
 }
 async function handleDeleteRule(id, deps) {
   const existing = getWatchRuleById(id);
   if (!existing) {
-    return json9({ error: t2("apiError.watchRuleNotFound") }, 404);
+    return json10({ error: t2("apiError.watchRuleNotFound") }, 404);
   }
   deleteWatchRule(id);
   await deps.service.removeRule(id);
-  return json9({ success: true });
+  return json10({ success: true });
 }
 async function handleGetRuleState(id, deps) {
   const rule = getWatchRuleById(id);
   if (!rule) {
-    return json9({ error: t2("apiError.watchRuleNotFound") }, 404);
+    return json10({ error: t2("apiError.watchRuleNotFound") }, 404);
   }
   const state = getWatchRuleState(id);
-  return json9({
+  return json10({
     state: state ? toStateDto(state) : null,
     samples: deps.service.getSamples(id)
   });
@@ -109623,17 +109926,17 @@ function buildAssistPrompt(description, screen) {
 async function handleAssistRegex(req, deps) {
   const raw = await readJsonObjectBody3(req);
   if (!raw) {
-    return json9({ error: t2("apiError.invalidRequest") }, 400);
+    return json10({ error: t2("apiError.invalidRequest") }, 400);
   }
   const body = raw;
   const description = typeof body.description === "string" ? body.description.trim() : "";
   if (!description) {
-    return json9({ error: t2("apiError.watchAssistDescriptionRequired") }, 400);
+    return json10({ error: t2("apiError.watchAssistDescriptionRequired") }, 400);
   }
   let providerId = null;
   if (body.providerId !== undefined && body.providerId !== null) {
     if (typeof body.providerId !== "string" || !getLlmProviderById(body.providerId)) {
-      return json9({ error: t2("apiError.llmProviderNotFound") }, 400);
+      return json10({ error: t2("apiError.llmProviderNotFound") }, 400);
     }
     providerId = body.providerId;
   }
@@ -109643,7 +109946,7 @@ async function handleAssistRegex(req, deps) {
   const paneId = typeof body.paneId === "string" ? body.paneId.trim() : "";
   if (deviceId && paneId) {
     if (!getDeviceById(deviceId)) {
-      return json9({ error: t2("apiError.deviceNotFound") }, 404);
+      return json10({ error: t2("apiError.deviceNotFound") }, 404);
     }
     try {
       screen = await deps.captureScreen(deviceId, paneId);
@@ -109664,14 +109967,14 @@ async function handleAssistRegex(req, deps) {
     object3 = result.object;
   } catch (error51) {
     const detail = error51 instanceof Error ? error51.message : String(error51);
-    return json9({ error: t2("apiError.watchAssistModelUnavailable", { detail }) }, 502);
+    return json10({ 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 json9({ error: t2("apiError.watchPatternInvalid", { detail }) }, 502);
+    return json10({ error: t2("apiError.watchPatternInvalid", { detail }) }, 502);
   }
   const preview = [];
   if (screen) {
@@ -109685,7 +109988,7 @@ async function handleAssistRegex(req, deps) {
       match = regex.exec(screen);
     }
   }
-  return json9({
+  return json10({
     pattern: object3.pattern,
     flags: object3.flags,
     extractGroup: object3.extractGroup >= 0 ? object3.extractGroup : 0,
@@ -109693,7 +109996,7 @@ async function handleAssistRegex(req, deps) {
     preview
   });
 }
-function json9(data, status = 200) {
+function json10(data, status = 200) {
   return new Response(JSON.stringify(data), {
     status,
     headers: {
@@ -109800,11 +110103,25 @@ function normalizeSiteSettingsInput(body) {
     }
     updates.language = value;
   }
+  if (body.disabledNotificationChannels !== undefined) {
+    if (!Array.isArray(body.disabledNotificationChannels) || !body.disabledNotificationChannels.every((item) => typeof item === "string")) {
+      throw new Error(t2("apiError.invalidRequest"));
+    }
+    updates.disabledNotificationChannels = [
+      ...new Set(body.disabledNotificationChannels.map((item) => item.trim()).filter(Boolean))
+    ];
+  }
   return updates;
 }
 function handleApiRequest(req, _server) {
   const url2 = new URL(req.url);
   const path = url2.pathname;
+  if (path === "/api/capabilities") {
+    const capabilitiesResponse = handleCapabilitiesApiRequest(req, path);
+    if (capabilitiesResponse) {
+      return capabilitiesResponse;
+    }
+  }
   if (path === "/api/devices" && req.method === "GET") {
     return handleGetDevices();
   }
@@ -109826,6 +110143,12 @@ function handleApiRequest(req, _server) {
   if (path.match(/^\/api\/devices\/[^/]+\/test-connection$/) && req.method === "POST") {
     return handleTestConnection(path.split("/")[3]);
   }
+  if (path.startsWith("/api/devices/")) {
+    const treeOrderResponse = handleTreeOrderApiRequest(req, path);
+    if (treeOrderResponse) {
+      return treeOrderResponse;
+    }
+  }
   if (path === "/api/settings/site" && req.method === "GET") {
     return handleGetSiteSettings();
   }
@@ -109947,13 +110270,13 @@ function handleApiRequest(req, _server) {
     return handleGetManifest(req.method);
   }
   if (path === "/healthz" && req.method === "GET") {
-    return json10({
+    return json11({
       status: "ok",
       restarting: runtimeController.isRestarting(),
       env: "development"
     });
   }
-  return json10({ error: t2("apiError.notFound") }, 404);
+  return json11({ error: t2("apiError.notFound") }, 404);
 }
 function enrichDeviceWithRuntime(device) {
   const status = getDeviceRuntimeStatus(device.id);
@@ -109967,22 +110290,22 @@ function enrichDeviceWithRuntime(device) {
 }
 async function handleGetDevices() {
   const devices2 = getAllDevices().map(enrichDeviceWithRuntime);
-  return json10({ devices: devices2 });
+  return json11({ devices: devices2 });
 }
 async function handleGetDevice(id) {
   const device = getDeviceById(id);
   if (!device) {
-    return json10({ error: t2("apiError.deviceNotFound") }, 404);
+    return json11({ error: t2("apiError.deviceNotFound") }, 404);
   }
-  return json10({ device: enrichDeviceWithRuntime(device) });
+  return json11({ device: enrichDeviceWithRuntime(device) });
 }
 async function handleCreateDevice(req) {
   const body = await req.json();
   if (!body.name || !body.type || !body.authMode) {
-    return json10({ error: t2("apiError.missingFields") }, 400);
+    return json11({ error: t2("apiError.missingFields") }, 400);
   }
   if (body.type === "ssh" && !body.host && !body.sshConfigRef) {
-    return json10({ error: t2("apiError.sshRequiresHost") }, 400);
+    return json11({ error: t2("apiError.sshRequiresHost") }, 400);
   }
   const now2 = new Date().toISOString();
   const device = {
@@ -110004,13 +110327,14 @@ async function handleCreateDevice(req) {
     updatedAt: now2
   };
   createDevice(device);
+  broadcastSettingsUpdate("devices");
   await pushSupervisor.upsert(device.id);
-  return json10({ device: getDeviceById(device.id) ?? device }, 201);
+  return json11({ device: getDeviceById(device.id) ?? device }, 201);
 }
 async function handleUpdateDevice(req, id) {
   const existing = getDeviceById(id);
   if (!existing) {
-    return json10({ error: t2("apiError.deviceNotFound") }, 404);
+    return json11({ error: t2("apiError.deviceNotFound") }, 404);
   }
   const body = await req.json();
   const updates = {};
@@ -110038,80 +110362,85 @@ async function handleUpdateDevice(req, id) {
     updates.privateKeyPassphraseEnc = await encrypt(body.privateKeyPassphrase);
   }
   updateDevice(id, updates);
+  broadcastSettingsUpdate("devices");
   if (shouldReconnectPushSupervisor(existing, updates)) {
     await pushSupervisor.reconnect(id);
   } else if (updates.defaultWorkingDir !== undefined && updates.defaultWorkingDir !== existing.defaultWorkingDir) {
     pushSupervisor.updateDefaultWorkingDir(id, updates.defaultWorkingDir);
   }
   const device = getDeviceById(id);
-  return json10({ device });
+  return json11({ device });
 }
 async function handleReorderDevices(req) {
   const body = await req.json();
   if (!Array.isArray(body.deviceIds) || body.deviceIds.some((id) => typeof id !== "string")) {
-    return json10({ error: t2("apiError.invalidRequest") }, 400);
+    return json11({ error: t2("apiError.invalidRequest") }, 400);
   }
   reorderDevices(body.deviceIds);
-  return json10({ devices: getAllDevices().map(enrichDeviceWithRuntime) });
+  broadcastSettingsUpdate("devices");
+  return json11({ devices: getAllDevices().map(enrichDeviceWithRuntime) });
 }
 async function handleDeleteDevice(id) {
   const existing = getDeviceById(id);
   if (!existing) {
-    return json10({ error: t2("apiError.deviceNotFound") }, 404);
+    return json11({ error: t2("apiError.deviceNotFound") }, 404);
   }
   deleteDevice(id);
+  broadcastSettingsUpdate("devices");
   pushSupervisor.remove(id);
-  return json10({ success: true });
+  return json11({ success: true });
 }
 async function handleTestConnection(id) {
   return handleDeviceTestConnection(id);
 }
 async function handleGetSiteSettings() {
-  return json10({ settings: getSiteSettings() });
+  return json11({ settings: getSiteSettings() });
 }
 async function handleUpdateSiteSettings(req) {
   try {
     const body = await req.json();
     const updates = normalizeSiteSettingsInput(body);
     const settings = updateSiteSettings(updates);
-    return json10({ settings });
+    broadcastSettingsUpdate("site");
+    return json11({ settings });
   } catch (err) {
-    return json10({ error: err instanceof Error ? err.message : t2("apiError.invalidRequest") }, 400);
+    return json11({ error: err instanceof Error ? err.message : t2("apiError.invalidRequest") }, 400);
   }
 }
 async function handleGetTerminalShortcuts() {
-  return json10({ settings: getTerminalShortcutSettings() });
+  return json11({ settings: getTerminalShortcutSettings() });
 }
 async function handleUpdateTerminalShortcuts(req) {
   try {
     const body = await req.json();
     const updates = normalizeTerminalShortcutsInput(body);
     const settings = updateTerminalShortcutSettings(updates);
-    return json10({ settings });
+    broadcastSettingsUpdate("terminal-shortcuts");
+    return json11({ settings });
   } catch (err) {
-    return json10({ error: err instanceof Error ? err.message : t2("apiError.invalidRequest") }, 400);
+    return json11({ error: err instanceof Error ? err.message : t2("apiError.invalidRequest") }, 400);
   }
 }
 async function handleRestartGateway() {
   setTimeout(() => {
     runtimeController.requestRestart();
   }, 50);
-  return json10({
+  return json11({
     success: true,
     message: t2("settings.restartScheduled")
   });
 }
 async function handleGetTelegramBots() {
   const bots = getTelegramBotsWithStats();
-  return json10({ bots });
+  return json11({ bots });
 }
 async function handleCreateTelegramBot(req) {
   const body = await req.json();
   if (!body.name?.trim()) {
-    return json10({ error: t2("apiError.botNameRequired") }, 400);
+    return json11({ error: t2("apiError.botNameRequired") }, 400);
   }
   if (!body.token?.trim()) {
-    return json10({ error: t2("apiError.botTokenRequired") }, 400);
+    return json11({ error: t2("apiError.botTokenRequired") }, 400);
   }
   const now2 = new Date().toISOString();
   createTelegramBot({
@@ -110124,27 +110453,28 @@ async function handleCreateTelegramBot(req) {
     createdAt: now2,
     updatedAt: now2
   });
+  broadcastSettingsUpdate("telegram");
   await telegramService.refresh();
-  return json10({ success: true }, 201);
+  return json11({ success: true }, 201);
 }
 async function handleUpdateTelegramBot(req, botId) {
   const existing = getTelegramBotById(botId);
   if (!existing) {
-    return json10({ error: t2("apiError.botNotFound") }, 404);
+    return json11({ error: t2("apiError.botNotFound") }, 404);
   }
   const body = await req.json();
   const updates = {};
   if (body.name !== undefined) {
     const value = body.name.trim();
     if (!value) {
-      return json10({ error: t2("apiError.botNameRequired") }, 400);
+      return json11({ error: t2("apiError.botNameRequired") }, 400);
     }
     updates.name = value;
   }
   if (body.token !== undefined) {
     const token = body.token.trim();
     if (!token) {
-      return json10({ error: t2("apiError.botTokenRequired") }, 400);
+      return json11({ error: t2("apiError.botTokenRequired") }, 400);
     }
     updates.tokenEnc = await encrypt(token);
   }
@@ -110155,70 +110485,74 @@ async function handleUpdateTelegramBot(req, botId) {
     updates.allowAuthRequests = body.allowAuthRequests;
   }
   updateTelegramBot(botId, updates);
+  broadcastSettingsUpdate("telegram");
   await telegramService.refresh();
-  return json10({ success: true });
+  return json11({ success: true });
 }
 async function handleDeleteTelegramBot(botId) {
   const existing = getTelegramBotById(botId);
   if (!existing) {
-    return json10({ error: t2("apiError.botNotFound") }, 404);
+    return json11({ error: t2("apiError.botNotFound") }, 404);
   }
   deleteTelegramBot(botId);
+  broadcastSettingsUpdate("telegram");
   await telegramService.refresh();
-  return json10({ success: true });
+  return json11({ success: true });
 }
 async function handleListTelegramChats(botId) {
   const existing = getTelegramBotById(botId);
   if (!existing) {
-    return json10({ error: t2("apiError.botNotFound") }, 404);
+    return json11({ error: t2("apiError.botNotFound") }, 404);
   }
   const chats = listTelegramChatsByBot(botId);
-  return json10({ chats });
+  return json11({ chats });
 }
 async function handleApproveTelegramChat(botId, chatId) {
   const existing = getTelegramBotById(botId);
   if (!existing) {
-    return json10({ error: t2("apiError.botNotFound") }, 404);
+    return json11({ error: t2("apiError.botNotFound") }, 404);
   }
   const chat = approveTelegramChat(botId, chatId);
   if (!chat) {
-    return json10({ error: t2("apiError.chatNotFound") }, 404);
+    return json11({ error: t2("apiError.chatNotFound") }, 404);
   }
+  broadcastSettingsUpdate("telegram");
   const settings = getSiteSettings();
   await telegramService.sendTestMessage(botId, chatId, t2("telegram.approveMessageTemplate", {
     botName: existing.name,
     time: new Date().toLocaleString(toBCP47(settings.language))
   }));
-  return json10({ chat });
+  return json11({ chat });
 }
 async function handleDeleteTelegramChat(botId, chatId) {
   const existing = getTelegramBotById(botId);
   if (!existing) {
-    return json10({ error: t2("apiError.botNotFound") }, 404);
+    return json11({ error: t2("apiError.botNotFound") }, 404);
   }
   deleteTelegramChat(botId, chatId);
-  return json10({ success: true });
+  broadcastSettingsUpdate("telegram");
+  return json11({ success: true });
 }
 async function handleTestTelegramChat(botId, chatId) {
   const bot = getTelegramBotById(botId);
   if (!bot) {
-    return json10({ error: t2("apiError.botNotFound") }, 404);
+    return json11({ 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 json10({ success: true });
+  return json11({ success: true });
 }
 async function handleGetWeixinAccounts() {
   const accounts = getWeixinAccountsWithStats();
-  return json10({ accounts });
+  return json11({ accounts });
 }
 async function handleCreateWeixinAccount(req) {
   const body = await req.json();
   if (!body.name?.trim()) {
-    return json10({ error: t2("weixin.accountNameRequired") }, 400);
+    return json11({ error: t2("weixin.accountNameRequired") }, 400);
   }
   const now2 = new Date().toISOString();
   const id = v4_default();
@@ -110235,19 +110569,20 @@ async function handleCreateWeixinAccount(req) {
     createdAt: now2,
     updatedAt: now2
   });
-  return json10({ success: true, accountId: id }, 201);
+  broadcastSettingsUpdate("weixin");
+  return json11({ success: true, accountId: id }, 201);
 }
 async function handleUpdateWeixinAccount(req, accountId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json10({ error: t2("weixin.accountNotFound") }, 404);
+    return json11({ error: t2("weixin.accountNotFound") }, 404);
   }
   const body = await req.json();
   const updates = {};
   if (body.name !== undefined) {
     const value = body.name.trim();
     if (!value) {
-      return json10({ error: t2("weixin.accountNameRequired") }, 400);
+      return json11({ error: t2("weixin.accountNameRequired") }, 400);
     }
     updates.name = value;
   }
@@ -110258,54 +110593,57 @@ async function handleUpdateWeixinAccount(req, accountId) {
     updates.allowAuthRequests = body.allowAuthRequests;
   }
   updateWeixinAccount(accountId, updates);
+  broadcastSettingsUpdate("weixin");
   await weixinService.refresh();
-  return json10({ success: true });
+  return json11({ success: true });
 }
 async function handleDeleteWeixinAccount(accountId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json10({ error: t2("weixin.accountNotFound") }, 404);
+    return json11({ error: t2("weixin.accountNotFound") }, 404);
   }
   deleteWeixinAccount(accountId);
+  broadcastSettingsUpdate("weixin");
   await weixinService.refresh();
-  return json10({ success: true });
+  return json11({ success: true });
 }
 async function handleStartWeixinLogin(accountId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json10({ error: t2("weixin.accountNotFound") }, 404);
+    return json11({ error: t2("weixin.accountNotFound") }, 404);
   }
   try {
     const result = await weixinService.startLogin(accountId);
-    return json10(result);
+    return json11(result);
   } catch (err) {
-    return json10({ error: err instanceof Error ? err.message : t2("weixin.loginFailed") }, 502);
+    return json11({ error: err instanceof Error ? err.message : t2("weixin.loginFailed") }, 502);
   }
 }
 async function handleGetWeixinLoginStatus(accountId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json10({ error: t2("weixin.accountNotFound") }, 404);
+    return json11({ error: t2("weixin.accountNotFound") }, 404);
   }
-  return json10(weixinService.getLoginStatus(accountId));
+  return json11(weixinService.getLoginStatus(accountId));
 }
 async function handleListWeixinUsers(accountId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json10({ error: t2("weixin.accountNotFound") }, 404);
+    return json11({ error: t2("weixin.accountNotFound") }, 404);
   }
   const users = listWeixinUsersByAccount(accountId);
-  return json10({ users });
+  return json11({ users });
 }
 async function handleApproveWeixinUser(accountId, userId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json10({ error: t2("weixin.accountNotFound") }, 404);
+    return json11({ error: t2("weixin.accountNotFound") }, 404);
   }
   const user = approveWeixinUser(accountId, userId);
   if (!user) {
-    return json10({ error: t2("weixin.userNotFound") }, 404);
+    return json11({ error: t2("weixin.userNotFound") }, 404);
   }
+  broadcastSettingsUpdate("weixin");
   const settings = getSiteSettings();
   try {
     await weixinService.sendTestMessage(accountId, userId, t2("weixin.approveMessageTemplate", {
@@ -110315,12 +110653,12 @@ async function handleApproveWeixinUser(accountId, userId) {
   } catch (err) {
     console.error("[weixin] approve ack failed:", err);
   }
-  return json10({ user });
+  return json11({ user });
 }
 async function handleTestWeixinUser(accountId, userId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json10({ error: t2("weixin.accountNotFound") }, 404);
+    return json11({ error: t2("weixin.accountNotFound") }, 404);
   }
   const settings = getSiteSettings();
   try {
@@ -110329,14 +110667,14 @@ async function handleTestWeixinUser(accountId, userId) {
       time: new Date().toLocaleString(toBCP47(settings.language))
     }));
   } catch (err) {
-    return json10({ error: err instanceof Error ? err.message : t2("weixin.testMessageFailed") }, 400);
+    return json11({ error: err instanceof Error ? err.message : t2("weixin.testMessageFailed") }, 400);
   }
-  return json10({ success: true });
+  return json11({ success: true });
 }
 async function handleTestWeixinAccount(accountId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json10({ error: t2("weixin.accountNotFound") }, 404);
+    return json11({ error: t2("weixin.accountNotFound") }, 404);
   }
   const settings = getSiteSettings();
   try {
@@ -110345,26 +110683,27 @@ async function handleTestWeixinAccount(accountId) {
       time: new Date().toLocaleString(toBCP47(settings.language))
     }));
   } catch (err) {
-    return json10({ error: err instanceof Error ? err.message : t2("weixin.testMessageFailed") }, 400);
+    return json11({ error: err instanceof Error ? err.message : t2("weixin.testMessageFailed") }, 400);
   }
-  return json10({ success: true });
+  return json11({ success: true });
 }
 async function handleDeleteWeixinUser(accountId, userId) {
   const existing = getWeixinAccountById(accountId);
   if (!existing) {
-    return json10({ error: t2("weixin.accountNotFound") }, 404);
+    return json11({ error: t2("weixin.accountNotFound") }, 404);
   }
   deleteWeixinUser(accountId, userId);
-  return json10({ success: true });
+  broadcastSettingsUpdate("weixin");
+  return json11({ success: true });
 }
 async function handleGetWebhooks() {
   const webhooks = getAllWebhookEndpoints();
-  return json10({ webhooks });
+  return json11({ webhooks });
 }
 async function handleCreateWebhook(req) {
   const body = await req.json();
   if (!body.url || !body.secret) {
-    return json10({ error: t2("apiError.urlAndSecretRequired") }, 400);
+    return json11({ error: t2("apiError.urlAndSecretRequired") }, 400);
   }
   const now2 = new Date().toISOString();
   const endpoint = {
@@ -110377,11 +110716,13 @@ async function handleCreateWebhook(req) {
     updatedAt: now2
   };
   createWebhookEndpoint(endpoint);
-  return json10({ webhook: endpoint }, 201);
+  broadcastSettingsUpdate("webhooks");
+  return json11({ webhook: endpoint }, 201);
 }
 async function handleDeleteWebhook(id) {
   deleteWebhookEndpoint(id);
-  return json10({ success: true });
+  broadcastSettingsUpdate("webhooks");
+  return json11({ success: true });
 }
 async function handleGetManifest(method) {
   const settings = getSiteSettings();
@@ -110420,7 +110761,7 @@ function manifestJson(data, method) {
     }
   });
 }
-function json10(data, status = 200, headers = {}) {
+function json11(data, status = 200, headers = {}) {
   return new Response(JSON.stringify(data), {
     status,
     headers: {
@@ -110496,8 +110837,7 @@ function createBorshClientState() {
     maxFrameBytes: exports_ws_borsh.DEFAULT_MAX_FRAME_BYTES,
     chunkReassembler: new exports_ws_borsh.ChunkReassembler,
     selectedPanes: {},
-    subscribedPanes: {},
-    pendingHistoryFetches: new Map
+    subscribedPanes: {}
   };
 }
 function encodeTermOutput(params, seq) {
@@ -110929,7 +111269,7 @@ class SwitchBarrier {
     }
     pending.callbacks.onAckSent?.();
   }
-  sendTermHistory(ws, deviceId, paneId, historyData, alternateScreen) {
+  sendTermHistory(ws, deviceId, paneId, historyData, alternateScreen, modes) {
     const pending = this.getPending(ws, deviceId);
     if (!pending)
       return;
@@ -110956,6 +111296,7 @@ class SwitchBarrier {
       selectToken: context2.selectToken,
       encoding: 2,
       alternateScreen,
+      modes,
       data: historyData
     }, borshState.seqGen, borshState.maxFrameBytes);
     sendToClient(ws, historyMessages);
@@ -111151,6 +111492,7 @@ class WebSocketServer {
   currentTheme = null;
   themeSignalLast = new Map;
   lastThemeTimestamp = 0n;
+  lastSettingsTimestamp = 0n;
   pendingTmuxTheme = null;
   themeApplyInFlight = false;
   lastBroadcastTheme = new Map;
@@ -111197,8 +111539,8 @@ class WebSocketServer {
       onTerminalOutput: (paneId, data) => {
         this.broadcastTerminalOutput(deviceId, paneId, data);
       },
-      onTerminalHistory: (paneId, data, alternateScreen) => {
-        this.broadcastTerminalHistory(deviceId, paneId, data, alternateScreen);
+      onTerminalHistory: (paneId, data, alternateScreen, modes) => {
+        this.broadcastTerminalHistory(deviceId, paneId, data, alternateScreen, modes);
       },
       onClipboardWrite: (paneId, text3) => {
         this.broadcastClipboardWrite(deviceId, paneId, text3);
@@ -111321,7 +111663,6 @@ class WebSocketServer {
       entry.clients.delete(ws);
       delete ws.data.borshState.selectedPanes[deviceId];
       delete ws.data.borshState.subscribedPanes[deviceId];
-      this.clearPendingHistoryFetches(ws, deviceId);
       if (entry.clients.size === 0) {
         console.log(`[ws] no more clients for device ${deviceId}, disconnecting`);
         this.releaseConnectionEntry(deviceId, entry);
@@ -111400,7 +111741,7 @@ class WebSocketServer {
       }
       case exports_ws_borsh.KIND_TMUX_RENAME_WINDOW: {
         const decoded = exports_ws_borsh.decodePayload(exports_ws_borsh.schema.TmuxRenameWindowSchema, payload);
-        this.handleRenameWindow(decoded.deviceId, decoded.windowId, decoded.name);
+        this.renameWindow(decoded.deviceId, decoded.windowId, decoded.name);
         return;
       }
       case exports_ws_borsh.KIND_TMUX_SET_WINDOW_STYLE: {
@@ -111410,12 +111751,12 @@ class WebSocketServer {
       }
       case exports_ws_borsh.KIND_TMUX_REORDER_WINDOWS: {
         const decoded = exports_ws_borsh.decodePayload(exports_ws_borsh.schema.TmuxReorderWindowsSchema, payload);
-        this.handleReorderWindows(decoded.deviceId, decoded.windowIds);
+        this.reorderWindows(decoded.deviceId, decoded.windowIds);
         return;
       }
       case exports_ws_borsh.KIND_TMUX_REORDER_PANES: {
         const decoded = exports_ws_borsh.decodePayload(exports_ws_borsh.schema.TmuxReorderPanesSchema, payload);
-        this.handleReorderPanes(decoded.deviceId, decoded.windowId, decoded.paneIds);
+        this.reorderPanes(decoded.deviceId, decoded.windowId, decoded.paneIds);
         return;
       }
       case exports_ws_borsh.KIND_TMUX_SUBSCRIBE_PANES: {
@@ -111450,7 +111791,7 @@ class WebSocketServer {
       }
       case exports_ws_borsh.KIND_TMUX_RENAME_PANE: {
         const decoded = exports_ws_borsh.decodePayload(exports_ws_borsh.schema.TmuxRenamePaneSchema, payload);
-        this.handleRenamePane(decoded.deviceId, decoded.paneId, decoded.name);
+        this.renamePane(decoded.deviceId, decoded.paneId, decoded.name);
         return;
       }
       case exports_ws_borsh.KIND_TMUX_MOVE_PANE: {
@@ -111522,11 +111863,11 @@ class WebSocketServer {
     agentWsHub.registerClient(ws);
     const helloS2C = {
       serverImpl: "tmex-gateway",
-      serverVersion: "0.1.0",
+      serverVersion: getDisplayVersion(),
       selectedVersion: exports_ws_borsh.CURRENT_VERSION,
       maxFrameBytes: serverMaxFrameBytes,
       heartbeatIntervalMs: 15000,
-      capabilities: ["tmex-ws-borsh-v1", "tmex-agent-v1", "tmex-split-v1"]
+      capabilities: [...GATEWAY_CAPABILITIES]
     };
     const payloadBytes = exports_ws_borsh.encodePayload(exports_ws_borsh.schema.HelloS2CSchema, helloS2C);
     this.sendEnvelope(ws, exports_ws_borsh.KIND_HELLO_S2C, payloadBytes);
@@ -111624,20 +111965,11 @@ class WebSocketServer {
     }
     delete ws.data.borshState.selectedPanes[deviceId];
     delete ws.data.borshState.subscribedPanes[deviceId];
-    this.clearPendingHistoryFetches(ws, deviceId);
     const disconnectedPayload = exports_ws_borsh.encodePayload(exports_ws_borsh.schema.DeviceDisconnectedSchema, {
       deviceId
     });
     this.sendEnvelope(ws, exports_ws_borsh.KIND_DEVICE_DISCONNECTED, disconnectedPayload);
   }
-  clearPendingHistoryFetches(ws, deviceId) {
-    const prefix = `${deviceId}:`;
-    for (const key of ws.data.borshState.pendingHistoryFetches.keys()) {
-      if (key.startsWith(prefix)) {
-        ws.data.borshState.pendingHistoryFetches.delete(key);
-      }
-    }
-  }
   handleTmuxSelect(ws, data) {
     const deviceId = data.deviceId;
     const entry = this.connections.get(deviceId);
@@ -111765,7 +112097,7 @@ class WebSocketServer {
       return;
     entry.runtime.closePane(paneId);
   }
-  handleRenamePane(deviceId, paneId, name24) {
+  renamePane(deviceId, paneId, name24) {
     if (!isTmuxPaneId(paneId))
       return;
     const trimmed = name24.trim().slice(0, 64);
@@ -111777,6 +112109,7 @@ class WebSocketServer {
     } else {
       this.paneCustomNames.set(deviceId, new Map([[paneId, trimmed]]));
     }
+    this.broadcastSettingsUpdate("tree-order");
     const entry = this.connections.get(deviceId);
     if (!entry?.lastSnapshot)
       return;
@@ -111805,7 +112138,7 @@ class WebSocketServer {
       return;
     entry.runtime.movePane(srcPaneId, dstPaneId, resolved);
   }
-  handleRenameWindow(deviceId, windowId, name24) {
+  renameWindow(deviceId, windowId, name24) {
     const trimmed = name24.trim().slice(0, 64);
     const names = this.windowCustomNames.get(deviceId);
     if (!trimmed) {
@@ -111815,11 +112148,18 @@ class WebSocketServer {
     } else {
       this.windowCustomNames.set(deviceId, new Map([[windowId, trimmed]]));
     }
+    this.broadcastSettingsUpdate("tree-order");
     const entry = this.connections.get(deviceId);
     if (!entry?.lastSnapshot)
       return;
     this.sendSnapshotToClients(entry, entry.lastSnapshot);
   }
+  getCustomNames(deviceId) {
+    return {
+      windows: Object.fromEntries(this.windowCustomNames.get(deviceId) ?? []),
+      panes: Object.fromEntries(this.paneCustomNames.get(deviceId) ?? [])
+    };
+  }
   handleSetWindowStyle(deviceId, style) {
     const entry = this.connections.get(deviceId);
     if (!entry)
@@ -111848,6 +112188,7 @@ class WebSocketServer {
     updateSiteSettings({ theme: themeName });
     this.scheduleTmuxThemeApply(themeName);
     this.broadcastSiteThemeUpdateS2C(themeName);
+    this.broadcastSettingsUpdate("theme");
   }
   scheduleTmuxThemeApply(theme) {
     this.pendingTmuxTheme = theme;
@@ -111885,6 +112226,21 @@ class WebSocketServer {
       this.sendEnvelope(client, exports_ws_borsh.KIND_SITE_THEME_UPDATE, payloadBytes);
     }
   }
+  broadcastSettingsUpdate(namespace) {
+    const now2 = BigInt(Date.now());
+    if (now2 <= this.lastSettingsTimestamp) {
+      this.lastSettingsTimestamp += 1n;
+    } else {
+      this.lastSettingsTimestamp = now2;
+    }
+    const payloadBytes = exports_ws_borsh.encodePayload(exports_ws_borsh.schema.SettingsUpdateS2CSchema, {
+      namespace,
+      serverTimestamp: this.lastSettingsTimestamp
+    });
+    for (const client of this.connectedClients) {
+      this.sendEnvelope(client, exports_ws_borsh.KIND_SETTINGS_UPDATE, payloadBytes);
+    }
+  }
   async handleSiteThemeChange(theme) {
     if (theme !== "dark" && theme !== "light") {
       return;
@@ -111930,15 +112286,17 @@ class WebSocketServer {
       }
     }
   }
-  handleReorderWindows(deviceId, windowIds) {
+  reorderWindows(deviceId, windowIds) {
     setWindowOrder(deviceId, windowIds);
+    this.broadcastSettingsUpdate("tree-order");
     const entry = this.connections.get(deviceId);
     if (!entry?.lastSnapshot)
       return;
     this.sendSnapshotToClients(entry, entry.lastSnapshot);
   }
-  handleReorderPanes(deviceId, windowId, paneIds) {
+  reorderPanes(deviceId, windowId, paneIds) {
     setPaneOrder(deviceId, windowId, paneIds);
+    this.broadcastSettingsUpdate("tree-order");
     const entry = this.connections.get(deviceId);
     if (!entry?.lastSnapshot)
       return;
@@ -111966,10 +112324,21 @@ class WebSocketServer {
     const entry = this.connections.get(deviceId);
     if (!entry || !isTmuxPaneId(paneId))
       return;
-    ws.data.borshState.pendingHistoryFetches.set(`${deviceId}:${paneId}`, requestToken);
-    entry.runtime.requestPaneHistory(paneId).catch((error51) => {
+    entry.runtime.fetchPaneHistory(paneId).then((captured) => {
+      if (!captured)
+        return;
+      const payloadBytes = exports_ws_borsh.encodePayload(exports_ws_borsh.schema.TermHistorySchema, {
+        deviceId,
+        paneId,
+        selectToken: requestToken,
+        encoding: 1,
+        alternateScreen: captured.alternateScreen,
+        modes: captured.modes,
+        data: new TextEncoder().encode(captured.data)
+      });
+      this.sendChunked(ws, exports_ws_borsh.KIND_TERM_HISTORY, payloadBytes);
+    }).catch((error51) => {
       console.warn(`[ws] fetch pane history failed on ${deviceId}/${paneId}:`, error51);
-      ws.data.borshState.pendingHistoryFetches.delete(`${deviceId}:${paneId}`);
     });
   }
   handleResizePaneById(deviceId, paneId, cols, rows) {
@@ -112226,36 +112595,20 @@ class WebSocketServer {
       this.sendEnvelope(client, exports_ws_borsh.KIND_CLIPBOARD_WRITE, payloadBytes);
     }
   }
-  broadcastTerminalHistory(deviceId, paneId, data, alternateScreen) {
+  broadcastTerminalHistory(deviceId, paneId, data, alternateScreen, modes) {
     const entry = this.connections.get(deviceId);
     if (!entry)
       return;
     const historyBytes = new TextEncoder().encode(data);
-    const fetchKey = `${deviceId}:${paneId}`;
     for (const client of entry.clients) {
       const txPaneId = switchBarrier.getTransactionPaneId(client, deviceId);
       if (txPaneId !== null && txPaneId === paneId) {
-        switchBarrier.sendTermHistory(client, deviceId, paneId, historyBytes, alternateScreen);
+        switchBarrier.sendTermHistory(client, deviceId, paneId, historyBytes, alternateScreen, modes);
         continue;
       }
       if (client.data.borshState.selectedPanes[deviceId] === paneId) {
-        switchBarrier.sendTermHistory(client, deviceId, paneId, historyBytes, alternateScreen);
-        continue;
-      }
-      const requestToken = client.data.borshState.pendingHistoryFetches.get(fetchKey);
-      if (!requestToken) {
-        continue;
+        switchBarrier.sendTermHistory(client, deviceId, paneId, historyBytes, alternateScreen, modes);
       }
-      client.data.borshState.pendingHistoryFetches.delete(fetchKey);
-      const payloadBytes = exports_ws_borsh.encodePayload(exports_ws_borsh.schema.TermHistorySchema, {
-        deviceId,
-        paneId,
-        selectToken: requestToken,
-        encoding: 1,
-        alternateScreen,
-        data: historyBytes
-      });
-      this.sendChunked(client, exports_ws_borsh.KIND_TERM_HISTORY, payloadBytes);
     }
   }
   broadcastError(deviceId, err) {
@@ -112387,6 +112740,16 @@ async function createGatewayRuntime(options = {}) {
   }, (theme) => {
     wsServer.broadcastSiteThemeUpdateS2C(theme);
   });
+  registerSettingsBroadcaster((namespace) => {
+    wsServer.broadcastSettingsUpdate(namespace);
+  });
+  registerTreeOverlayBridge({
+    reorderWindows: (deviceId, windowIds) => wsServer.reorderWindows(deviceId, windowIds),
+    reorderPanes: (deviceId, windowId, paneIds) => wsServer.reorderPanes(deviceId, windowId, paneIds),
+    renameWindow: (deviceId, windowId, name24) => wsServer.renameWindow(deviceId, windowId, name24),
+    renamePane: (deviceId, paneId, name24) => wsServer.renamePane(deviceId, paneId, name24),
+    getCustomNames: (deviceId) => wsServer.getCustomNames(deviceId)
+  });
   await telegramService.refresh();
   await weixinService.refresh();
   await pushSupervisor.start();
@@ -112435,6 +112798,8 @@ async function createGatewayRuntime(options = {}) {
     async stop() {
       connectionAlertNotifier.setBroadcaster(null);
       registerThemeBroadcaster(null);
+      registerSettingsBroadcaster(null);
+      registerTreeOverlayBridge(null);
       wsServer.closeAll();
       await watchService.stop();
       await agentSupervisor.stop();