@phenx-inc/ctlsurf 0.14.1 → 0.15.0

package/out/renderer/assets/{index-BJNR4hRK.js → index-5azC4yNn.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-bQYoCKra.js","./lspLanguageFeatures-BEgiDCIW.js","./htmlMode-Ds1eMYgM.js","./jsonMode-t5SESE75.js","./javascript-D6OeziKX.js","./typescript-ZBQlq256.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-CJR4iD-G.js","./lspLanguageFeatures-CiaMaQoY.js","./htmlMode-DgNtlKcG.js","./jsonMode-DBvR0zMu.js","./javascript-D0vPLEJg.js","./typescript-CDA0Hhef.js"])))=>i.map(i=>d[i]);
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -3129,15 +3129,15 @@ function requireReactDomClient_production() {
     return value;
   }
   var AbortControllerLocal = "undefined" !== typeof AbortController ? AbortController : function() {
-    var listeners = [], signal = this.signal = {
+    var listeners2 = [], signal = this.signal = {
       aborted: false,
       addEventListener: function(type, listener) {
-        listeners.push(listener);
+        listeners2.push(listener);
       }
     };
     this.abort = function() {
       signal.aborted = true;
-      listeners.forEach(function(listener) {
+      listeners2.forEach(function(listener) {
         return listener();
       });
     };
@@ -3183,33 +3183,33 @@ function requireReactDomClient_production() {
   function pingEngtangledActionScope() {
     if (0 === --currentEntangledPendingCount && null !== currentEntangledListeners) {
       null !== currentEntangledActionThenable && (currentEntangledActionThenable.status = "fulfilled");
-      var listeners = currentEntangledListeners;
+      var listeners2 = currentEntangledListeners;
       currentEntangledListeners = null;
       currentEntangledLane = 0;
       currentEntangledActionThenable = null;
-      for (var i2 = 0; i2 < listeners.length; i2++) (0, listeners[i2])();
+      for (var i2 = 0; i2 < listeners2.length; i2++) (0, listeners2[i2])();
     }
   }
   function chainThenableValue(thenable, result) {
-    var listeners = [], thenableWithOverride = {
+    var listeners2 = [], thenableWithOverride = {
       status: "pending",
       value: null,
       reason: null,
       then: function(resolve2) {
-        listeners.push(resolve2);
+        listeners2.push(resolve2);
       }
     };
     thenable.then(
       function() {
         thenableWithOverride.status = "fulfilled";
         thenableWithOverride.value = result;
-        for (var i2 = 0; i2 < listeners.length; i2++) (0, listeners[i2])(result);
+        for (var i2 = 0; i2 < listeners2.length; i2++) (0, listeners2[i2])(result);
       },
       function(error) {
         thenableWithOverride.status = "rejected";
         thenableWithOverride.reason = error;
-        for (error = 0; error < listeners.length; error++)
-          (0, listeners[error])(void 0);
+        for (error = 0; error < listeners2.length; error++)
+          (0, listeners2[error])(void 0);
       }
     );
     return thenableWithOverride;
@@ -10150,15 +10150,15 @@ function requireReactDomClient_production() {
     };
   }
   function accumulateTwoPhaseListeners(targetFiber, reactName) {
-    for (var captureName = reactName + "Capture", listeners = []; null !== targetFiber; ) {
+    for (var captureName = reactName + "Capture", listeners2 = []; null !== targetFiber; ) {
       var _instance2 = targetFiber, stateNode = _instance2.stateNode;
       _instance2 = _instance2.tag;
-      5 !== _instance2 && 26 !== _instance2 && 27 !== _instance2 || null === stateNode || (_instance2 = getListener(targetFiber, captureName), null != _instance2 && listeners.unshift(
+      5 !== _instance2 && 26 !== _instance2 && 27 !== _instance2 || null === stateNode || (_instance2 = getListener(targetFiber, captureName), null != _instance2 && listeners2.unshift(
         createDispatchListener(targetFiber, _instance2, stateNode)
-      ), _instance2 = getListener(targetFiber, reactName), null != _instance2 && listeners.push(
+      ), _instance2 = getListener(targetFiber, reactName), null != _instance2 && listeners2.push(
         createDispatchListener(targetFiber, _instance2, stateNode)
       ));
-      if (3 === targetFiber.tag) return listeners;
+      if (3 === targetFiber.tag) return listeners2;
       targetFiber = targetFiber.return;
     }
     return [];
@@ -10171,18 +10171,18 @@ function requireReactDomClient_production() {
     return inst ? inst : null;
   }
   function accumulateEnterLeaveListenersForEvent(dispatchQueue, event, target, common, inCapturePhase) {
-    for (var registrationName = event._reactName, listeners = []; null !== target && target !== common; ) {
+    for (var registrationName = event._reactName, listeners2 = []; null !== target && target !== common; ) {
       var _instance3 = target, alternate = _instance3.alternate, stateNode = _instance3.stateNode;
       _instance3 = _instance3.tag;
       if (null !== alternate && alternate === common) break;
-      5 !== _instance3 && 26 !== _instance3 && 27 !== _instance3 || null === stateNode || (alternate = stateNode, inCapturePhase ? (stateNode = getListener(target, registrationName), null != stateNode && listeners.unshift(
+      5 !== _instance3 && 26 !== _instance3 && 27 !== _instance3 || null === stateNode || (alternate = stateNode, inCapturePhase ? (stateNode = getListener(target, registrationName), null != stateNode && listeners2.unshift(
         createDispatchListener(target, stateNode, alternate)
-      )) : inCapturePhase || (stateNode = getListener(target, registrationName), null != stateNode && listeners.push(
+      )) : inCapturePhase || (stateNode = getListener(target, registrationName), null != stateNode && listeners2.push(
         createDispatchListener(target, stateNode, alternate)
       )));
       target = target.return;
     }
-    0 !== listeners.length && dispatchQueue.push({ event, listeners });
+    0 !== listeners2.length && dispatchQueue.push({ event, listeners: listeners2 });
   }
   var NORMALIZE_NEWLINES_REGEX = /\r\n?/g, NORMALIZE_NULL_AND_REPLACEMENT_REGEX = /\u0000|\uFFFD/g;
   function normalizeMarkupForTextOrAttribute(markup) {
@@ -19184,6 +19184,250 @@ class SpeechController {
   }
 }
 const speech = new SpeechController();
+const THEMES = [
+  {
+    id: "tokyo-night",
+    name: "Tokyo Night",
+    family: "Tokyo Night",
+    mode: "dark",
+    swatch: { bg: "#1a1b26", surface: "#2a2b3d", accent: "#7aa2f7", text: "#a9b1d6" },
+    background: "#1a1b26",
+    terminal: {
+      background: "#1a1b26",
+      foreground: "#a9b1d6",
+      cursor: "#c0caf5",
+      selectionBackground: "#33467c",
+      black: "#15161e",
+      red: "#f7768e",
+      green: "#9ece6a",
+      yellow: "#e0af68",
+      blue: "#7aa2f7",
+      magenta: "#bb9af7",
+      cyan: "#7dcfff",
+      white: "#a9b1d6",
+      brightBlack: "#414868",
+      brightRed: "#f7768e",
+      brightGreen: "#9ece6a",
+      brightYellow: "#e0af68",
+      brightBlue: "#7aa2f7",
+      brightMagenta: "#bb9af7",
+      brightCyan: "#7dcfff",
+      brightWhite: "#c0caf5"
+    },
+    editor: { base: "vs-dark", background: "#1a1b26", foreground: "#a9b1d6", lineHighlight: "#1f2335", selection: "#33467c" }
+  },
+  {
+    id: "tokyo-day",
+    name: "Tokyo Night Day",
+    family: "Tokyo Night",
+    mode: "light",
+    swatch: { bg: "#e9eaef", surface: "#d4d7e2", accent: "#2e7de9", text: "#3a4060" },
+    background: "#e9eaef",
+    terminal: {
+      background: "#e9eaef",
+      foreground: "#3760bf",
+      cursor: "#3760bf",
+      selectionBackground: "#b6c8f0",
+      black: "#b4b5b9",
+      red: "#c64343",
+      green: "#587539",
+      yellow: "#8c6c3e",
+      blue: "#2e7de9",
+      magenta: "#9854f1",
+      cyan: "#007197",
+      white: "#6172b0",
+      // Deliberately darker than `black`: remote TUIs use bright-black for dim
+      // text, which would vanish on a light background otherwise.
+      brightBlack: "#8990ad",
+      brightRed: "#f52a65",
+      brightGreen: "#4d7a1f",
+      brightYellow: "#8f5e15",
+      brightBlue: "#1a68d6",
+      brightMagenta: "#7847d1",
+      brightCyan: "#006594",
+      brightWhite: "#3760bf"
+    },
+    editor: { base: "vs", background: "#e9eaef", foreground: "#3760bf", lineHighlight: "#dfe1e8", selection: "#b6c8f0" }
+  },
+  {
+    id: "catppuccin-mocha",
+    name: "Catppuccin Mocha",
+    family: "Catppuccin",
+    mode: "dark",
+    swatch: { bg: "#1e1e2e", surface: "#313244", accent: "#89b4fa", text: "#cdd6f4" },
+    background: "#1e1e2e",
+    terminal: {
+      background: "#1e1e2e",
+      foreground: "#cdd6f4",
+      cursor: "#f5e0dc",
+      selectionBackground: "#45475a",
+      black: "#45475a",
+      red: "#f38ba8",
+      green: "#a6e3a1",
+      yellow: "#f9e2af",
+      blue: "#89b4fa",
+      magenta: "#f5c2e7",
+      cyan: "#94e2d5",
+      white: "#bac2de",
+      brightBlack: "#585b70",
+      brightRed: "#f38ba8",
+      brightGreen: "#a6e3a1",
+      brightYellow: "#f9e2af",
+      brightBlue: "#89b4fa",
+      brightMagenta: "#f5c2e7",
+      brightCyan: "#94e2d5",
+      brightWhite: "#a6adc8"
+    },
+    editor: { base: "vs-dark", background: "#1e1e2e", foreground: "#cdd6f4", lineHighlight: "#272739", selection: "#45475a" }
+  },
+  {
+    id: "catppuccin-latte",
+    name: "Catppuccin Latte",
+    family: "Catppuccin",
+    mode: "light",
+    swatch: { bg: "#eff1f5", surface: "#ccd0da", accent: "#1e66f5", text: "#4c4f69" },
+    background: "#eff1f5",
+    terminal: {
+      background: "#eff1f5",
+      foreground: "#4c4f69",
+      cursor: "#dc8a78",
+      selectionBackground: "#bcc0cc",
+      black: "#5c5f77",
+      red: "#d20f39",
+      green: "#40a02b",
+      yellow: "#df8e1d",
+      blue: "#1e66f5",
+      magenta: "#ea76cb",
+      cyan: "#179299",
+      white: "#acb0be",
+      brightBlack: "#6c6f85",
+      brightRed: "#de293e",
+      brightGreen: "#49af3d",
+      brightYellow: "#eea416",
+      brightBlue: "#456eff",
+      brightMagenta: "#dd63bd",
+      brightCyan: "#2d9fa8",
+      brightWhite: "#8c8fa1"
+    },
+    editor: { base: "vs", background: "#eff1f5", foreground: "#4c4f69", lineHighlight: "#e6e9ef", selection: "#bcc0cc" }
+  }
+];
+const DEFAULT_DARK = "tokyo-night";
+const DEFAULT_LIGHT = "tokyo-day";
+const byId = new Map(THEMES.map((t) => [t.id, t]));
+function getTheme(id) {
+  return id && byId.get(id) || byId.get(DEFAULT_DARK);
+}
+function isThemeId(v2) {
+  return typeof v2 === "string" && byId.has(v2);
+}
+const themesByMode = (mode) => THEMES.filter((t) => t.mode === mode);
+const KEY = "ctlsurf.appearance";
+const LEGACY_KEY = "ctlsurf.theme";
+const DEFAULT_APPEARANCE = {
+  sync: true,
+  theme: DEFAULT_DARK,
+  light: DEFAULT_LIGHT,
+  dark: DEFAULT_DARK
+};
+function coerce(raw) {
+  if (!raw || typeof raw !== "object") return null;
+  const o = raw;
+  return {
+    sync: o.sync !== false,
+    theme: isThemeId(o.theme) ? o.theme : DEFAULT_APPEARANCE.theme,
+    light: isThemeId(o.light) ? o.light : DEFAULT_APPEARANCE.light,
+    dark: isThemeId(o.dark) ? o.dark : DEFAULT_APPEARANCE.dark
+  };
+}
+function stored() {
+  try {
+    const raw = localStorage.getItem(KEY);
+    if (raw) return coerce(JSON.parse(raw));
+    const legacy = localStorage.getItem(LEGACY_KEY);
+    if (legacy === "light") return { ...DEFAULT_APPEARANCE, sync: false, theme: DEFAULT_LIGHT };
+    if (legacy === "dark") return { ...DEFAULT_APPEARANCE, sync: false, theme: DEFAULT_DARK };
+    if (legacy === "system") return { ...DEFAULT_APPEARANCE };
+  } catch {
+  }
+  return null;
+}
+function getAppearance() {
+  return stored() ?? { ...DEFAULT_APPEARANCE };
+}
+const darkQuery = () => typeof window.matchMedia === "function" ? window.matchMedia("(prefers-color-scheme: dark)") : null;
+function prefersDark() {
+  return darkQuery()?.matches !== false;
+}
+function resolveThemeId(a = getAppearance()) {
+  if (!a.sync) return a.theme;
+  return prefersDark() ? a.dark : a.light;
+}
+const listeners = /* @__PURE__ */ new Set();
+function subscribeTheme(fn) {
+  listeners.add(fn);
+  return () => {
+    listeners.delete(fn);
+  };
+}
+function currentTheme() {
+  return getTheme(resolveThemeId());
+}
+function applyDom() {
+  const theme = currentTheme();
+  document.documentElement.setAttribute("data-theme", theme.id);
+  for (const fn of listeners) fn(theme);
+  return theme;
+}
+function syncNative(a) {
+  const theme = getTheme(resolveThemeId(a));
+  void window.worker?.setAppearance?.({
+    pref: a,
+    source: a.sync ? "system" : theme.mode,
+    background: theme.background
+  }).catch(() => {
+  });
+}
+function setAppearance(next) {
+  try {
+    localStorage.setItem(KEY, JSON.stringify(next));
+  } catch {
+  }
+  syncNative(next);
+  return applyDom();
+}
+function updateAppearance(patch) {
+  return setAppearance({ ...getAppearance(), ...patch });
+}
+darkQuery()?.addEventListener("change", () => {
+  const a = getAppearance();
+  if (a.sync) {
+    applyDom();
+    syncNative(a);
+  }
+});
+applyDom();
+if (stored() === null) {
+  const restore = window.worker?.getAppearance?.();
+  if (restore) {
+    void restore.then((r) => {
+      const recovered = coerce(r?.pref);
+      if (recovered && stored() === null) setAppearance(recovered);
+    }).catch(() => {
+    });
+  }
+} else {
+  syncNative(getAppearance());
+}
+function useAppearance() {
+  const [appearance, setState2] = reactExports.useState(getAppearance);
+  const [theme, setTheme2] = reactExports.useState(currentTheme);
+  reactExports.useEffect(() => subscribeTheme((t) => {
+    setTheme2(t);
+    setState2(getAppearance());
+  }), []);
+  return { appearance, theme, update: updateAppearance };
+}
 function showTerminalToast(message) {
   window.dispatchEvent(new CustomEvent("terminal-toast", { detail: { message } }));
 }
@@ -19246,6 +19490,11 @@ function handleTerminalLink(_event, uri) {
   window.worker.getEmbedUrl(uri).then((embedUrl) => openInPanel(embedUrl || uri)).catch(() => openInPanel(uri));
 }
 const _terminals = /* @__PURE__ */ new Map();
+subscribeTheme((theme) => {
+  for (const state of _terminals.values()) {
+    state.terminal.options.theme = theme.terminal;
+  }
+});
 function isAtBottom(terminal) {
   const buf = terminal.buffer.active;
   return buf.baseY - buf.viewportY <= 2;
@@ -19294,28 +19543,7 @@ function getOrCreateTerminal(tabId, onExit) {
     macOptionClickForcesSelection: true,
     fontSize: 14,
     fontFamily: "'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', monospace",
-    theme: {
-      background: "#1a1b26",
-      foreground: "#a9b1d6",
-      cursor: "#c0caf5",
-      selectionBackground: "#33467C",
-      black: "#15161e",
-      red: "#f7768e",
-      green: "#9ece6a",
-      yellow: "#e0af68",
-      blue: "#7aa2f7",
-      magenta: "#bb9af7",
-      cyan: "#7dcfff",
-      white: "#a9b1d6",
-      brightBlack: "#414868",
-      brightRed: "#f7768e",
-      brightGreen: "#9ece6a",
-      brightYellow: "#e0af68",
-      brightBlue: "#7aa2f7",
-      brightMagenta: "#bb9af7",
-      brightCyan: "#7dcfff",
-      brightWhite: "#c0caf5"
-    },
+    theme: currentTheme().terminal,
     scrollback: 1e4,
     scrollOnUserInput: true,
     allowTransparency: false
@@ -20635,7 +20863,7 @@ function CtlsurfPanel({ navigate }) {
         allowpopups: "true"
       },
       key
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ctlsurf-webview-loading", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#565f89", fontSize: "13px" }, children: "Loading ctlsurf..." }) }) })
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ctlsurf-webview-loading", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--text-muted)", fontSize: "13px" }, children: "Loading ctlsurf..." }) }) })
   ] });
 }
 function _arrayLikeToArray(r, a) {
@@ -23610,8 +23838,8 @@ let Emitter$1 = class Emitter {
       this._size = 0;
       return;
     }
-    const listeners = this._listeners;
-    const index2 = listeners.indexOf(listener);
+    const listeners2 = this._listeners;
+    const index2 = listeners2.indexOf(listener);
     if (index2 === -1) {
       console.log("disposed?", this._disposed);
       console.log("size?", this._size);
@@ -23619,13 +23847,13 @@ let Emitter$1 = class Emitter {
       throw new Error("Attempted to dispose unknown listener");
     }
     this._size--;
-    listeners[index2] = void 0;
+    listeners2[index2] = void 0;
     const adjustDeliveryQueue = this._deliveryQueue.current === this;
-    if (this._size * compactionThreshold <= listeners.length) {
+    if (this._size * compactionThreshold <= listeners2.length) {
       let n2 = 0;
-      for (let i2 = 0; i2 < listeners.length; i2++) {
-        if (listeners[i2]) {
-          listeners[n2++] = listeners[i2];
+      for (let i2 = 0; i2 < listeners2.length; i2++) {
+        if (listeners2[i2]) {
+          listeners2[n2++] = listeners2[i2];
         } else if (adjustDeliveryQueue && n2 < this._deliveryQueue.end) {
           this._deliveryQueue.end--;
           if (n2 < this._deliveryQueue.i) {
@@ -23633,7 +23861,7 @@ let Emitter$1 = class Emitter {
           }
         }
       }
-      listeners.length = n2;
+      listeners2.length = n2;
     }
   }
   _deliver(listener, value) {
@@ -23653,9 +23881,9 @@ let Emitter$1 = class Emitter {
   }
   /** Delivers items in the queue. Assumes the queue is ready to go. */
   _deliverQueue(dq) {
-    const listeners = dq.current._listeners;
+    const listeners2 = dq.current._listeners;
     while (dq.i < dq.end) {
-      this._deliver(listeners[dq.i++], dq.value);
+      this._deliver(listeners2[dq.i++], dq.value);
     }
     dq.reset();
   }
@@ -70601,9 +70829,9 @@ class ObjectCollectionBuffer extends Disposable$1 {
     }
     const value = new ObjectCollectionBufferEntry(this.view, this._propertySpecsMap, this._dirtyTracker, this._entries.size, data);
     const removeFromEntries = this._entries.push(value);
-    const listeners = [];
-    listeners.push(Event$1.forward(value.onDidChange, this._onDidChange));
-    listeners.push(value.onWillDispose(() => {
+    const listeners2 = [];
+    listeners2.push(Event$1.forward(value.onDidChange, this._onDidChange));
+    listeners2.push(value.onWillDispose(() => {
       const deletedEntryIndex = value.i;
       removeFromEntries();
       this.view.set(this.view.subarray(deletedEntryIndex * this._entrySize + 2, this._entries.size * this._entrySize + 2), deletedEntryIndex * this._entrySize);
@@ -70613,7 +70841,7 @@ class ObjectCollectionBuffer extends Disposable$1 {
         }
       }
       this._dirtyTracker.flag(deletedEntryIndex, (this._entries.size - deletedEntryIndex) * this._entrySize);
-      dispose(listeners);
+      dispose(listeners2);
     }));
     return value;
   }
@@ -188241,13 +188469,13 @@ class ToggleHighContrast extends EditorAction {
   }
   run(accessor, editor2) {
     const standaloneThemeService = accessor.get(IStandaloneThemeService);
-    const currentTheme = standaloneThemeService.getColorTheme();
-    if (isHighContrast(currentTheme.type)) {
-      standaloneThemeService.setTheme(this._originalThemeName || (isDark(currentTheme.type) ? VS_DARK_THEME_NAME : VS_LIGHT_THEME_NAME));
+    const currentTheme2 = standaloneThemeService.getColorTheme();
+    if (isHighContrast(currentTheme2.type)) {
+      standaloneThemeService.setTheme(this._originalThemeName || (isDark(currentTheme2.type) ? VS_DARK_THEME_NAME : VS_LIGHT_THEME_NAME));
       this._originalThemeName = null;
     } else {
-      standaloneThemeService.setTheme(isDark(currentTheme.type) ? HC_BLACK_THEME_NAME : HC_LIGHT_THEME_NAME);
-      this._originalThemeName = currentTheme.themeName;
+      standaloneThemeService.setTheme(isDark(currentTheme2.type) ? HC_BLACK_THEME_NAME : HC_LIGHT_THEME_NAME);
+      this._originalThemeName = currentTheme2.themeName;
     }
   }
 }
@@ -208188,7 +208416,7 @@ const lessDefaults = new LanguageServiceDefaultsImpl$3(
   modeConfigurationDefault$2
 );
 function getMode$3() {
-  return __vitePreload(() => import("./cssMode-bQYoCKra.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./cssMode-CJR4iD-G.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
 }
 languages.onLanguage("less", () => {
   getMode$3().then((mode2) => mode2.setupMode(lessDefaults));
@@ -208293,7 +208521,7 @@ const razorLanguageService = registerHTMLLanguageService(
 );
 const razorDefaults = razorLanguageService.defaults;
 function getMode$2() {
-  return __vitePreload(() => import("./htmlMode-Ds1eMYgM.js"), true ? __vite__mapDeps([2,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./htmlMode-DgNtlKcG.js"), true ? __vite__mapDeps([2,1]) : void 0, import.meta.url);
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
   const defaults = new LanguageServiceDefaultsImpl$2(languageId, options, modeConfiguration);
@@ -208377,7 +208605,7 @@ const jsonDefaults = new LanguageServiceDefaultsImpl$1(
 );
 const getWorker$1 = () => getMode$1().then((mode2) => mode2.getWorker());
 function getMode$1() {
-  return __vitePreload(() => import("./jsonMode-t5SESE75.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./jsonMode-DBvR0zMu.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
 }
 languages.register({
   id: "json",
@@ -208623,7 +208851,7 @@ const getJavaScriptWorker = () => {
   return getMode().then((mode) => mode.getJavaScriptWorker());
 };
 function getMode() {
-  return __vitePreload(() => import("./tsMode-WiO8CDaI.js"), true ? [] : void 0, import.meta.url);
+  return __vitePreload(() => import("./tsMode-mfv6mHOv.js"), true ? [] : void 0, import.meta.url);
 }
 languages.onLanguage("typescript", () => {
   return getMode().then((mode) => mode.setupTypeScript(typescriptDefaults));
@@ -208818,49 +209046,49 @@ registerLanguage({
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-BS1ERQl_.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-BRI9ISq9.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-angle.interpolation-dollar",
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-BS1ERQl_.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-BRI9ISq9.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationDollar);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-bracket.interpolation-dollar",
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-BS1ERQl_.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-BRI9ISq9.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationDollar);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-angle.interpolation-bracket",
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-BS1ERQl_.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-BRI9ISq9.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationBracket);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-bracket.interpolation-bracket",
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-BS1ERQl_.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-BRI9ISq9.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationBracket);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-auto.interpolation-dollar",
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-BS1ERQl_.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-BRI9ISq9.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-auto.interpolation-bracket",
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-BS1ERQl_.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-BRI9ISq9.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
   }
 });
 registerLanguage({
@@ -208881,7 +209109,7 @@ registerLanguage({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => __vitePreload(() => import("./handlebars-B-ZEHRLr.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./handlebars-3hL6XIZI.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "hcl",
@@ -208894,7 +209122,7 @@ registerLanguage({
   extensions: [".html", ".htm", ".shtml", ".xhtml", ".mdoc", ".jsp", ".asp", ".aspx", ".jshtm"],
   aliases: ["HTML", "htm", "html", "xhtml"],
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
-  loader: () => __vitePreload(() => import("./html-lk9e1Lkl.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./html-Dd5_vBoP.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "ini",
@@ -208917,7 +209145,7 @@ registerLanguage({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => __vitePreload(() => import("./javascript-D6OeziKX.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./javascript-D0vPLEJg.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
 });
 registerLanguage({
   id: "julia",
@@ -208956,7 +209184,7 @@ registerLanguage({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => __vitePreload(() => import("./liquid-B5Wjh0p_.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./liquid-CLoc6Tx7.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "m3",
@@ -208974,7 +209202,7 @@ registerLanguage({
   id: "mdx",
   extensions: [".mdx"],
   aliases: ["MDX", "mdx"],
-  loader: () => __vitePreload(() => import("./mdx-ByNAXh8t.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./mdx-DTsq6tlv.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "mips",
@@ -209073,7 +209301,7 @@ registerLanguage({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => __vitePreload(() => import("./python-CIFO0XQW.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./python-D04DpZDr.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "qsharp",
@@ -209092,7 +209320,7 @@ registerLanguage({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => __vitePreload(() => import("./razor-LXHhGcNO.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./razor-Di6CJ6s8.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "redis",
@@ -209225,7 +209453,7 @@ registerLanguage({
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
   loader: () => {
-    return __vitePreload(() => import("./typescript-ZBQlq256.js"), true ? [] : void 0, import.meta.url);
+    return __vitePreload(() => import("./typescript-CDA0Hhef.js"), true ? [] : void 0, import.meta.url);
   }
 });
 registerLanguage({
@@ -209270,14 +209498,14 @@ registerLanguage({
   firstLine: "(\\<\\?xml.*)|(\\<svg)|(\\<\\!doctype\\s+svg)",
   aliases: ["XML", "xml"],
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
-  loader: () => __vitePreload(() => import("./xml-DBaLJlQU.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./xml-BU0voRuq.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "yaml",
   extensions: [".yaml", ".yml"],
   aliases: ["YAML", "yaml", "YML", "yml"],
   mimetypes: ["application/x-yaml", "text/x-yaml"],
-  loader: () => __vitePreload(() => import("./yaml-CId9skah.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./yaml-qzFWnaZJ.js"), true ? [] : void 0, import.meta.url)
 });
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -212581,6 +212809,25 @@ self.MonacoEnvironment = {
   }
 };
 loader.config({ monaco });
+for (const t of THEMES) {
+  editor.defineTheme(`ctlsurf-${t.id}`, {
+    base: t.editor.base,
+    inherit: true,
+    rules: [],
+    colors: {
+      "editor.background": t.editor.background,
+      "editor.foreground": t.editor.foreground,
+      "editor.lineHighlightBackground": t.editor.lineHighlight,
+      "editor.selectionBackground": t.editor.selection,
+      "editorLineNumber.foreground": t.swatch.surface,
+      "editorLineNumber.activeForeground": t.swatch.accent,
+      "editorGutter.background": t.editor.background,
+      "editorWidget.background": t.editor.lineHighlight,
+      "editorCursor.foreground": t.terminal.cursor,
+      "scrollbarSlider.background": `${t.swatch.surface}99`
+    }
+  });
+}
 function TreeNode2({ entry, depth, selectedPath, onSelect }) {
   const [expanded2, setExpanded] = reactExports.useState(false);
   const [children, setChildren] = reactExports.useState([]);
@@ -212624,6 +212871,7 @@ function TreeNode2({ entry, depth, selectedPath, onSelect }) {
   ] });
 }
 function EditorPanel({ cwd: cwd2 }) {
+  const { theme } = useAppearance();
   const [rootEntries, setRootEntries] = reactExports.useState([]);
   const [openFile, setOpenFile] = reactExports.useState(null);
   const [fileContent, setFileContent] = reactExports.useState("");
@@ -212751,7 +212999,7 @@ function EditorPanel({ cwd: cwd2 }) {
             setFileContent(val || "");
             setModified(true);
           },
-          theme: "vs-dark",
+          theme: `ctlsurf-${theme.id}`,
           options: {
             minimap: { enabled: false },
             fontSize: 13,
@@ -213558,7 +213806,30 @@ Run: npm i -g @phenx-inc/ctlsurf` : "@phenx-inc/ctlsurf",
     ] })
   ] });
 }
+function ThemeGrid({ themes, value, onChange }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "theme-options", role: "radiogroup", children: themes.map((t) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "button",
+    {
+      type: "button",
+      role: "radio",
+      "aria-checked": value === t.id,
+      title: t.name,
+      className: `theme-option ${value === t.id ? "active" : ""}`,
+      onClick: () => onChange(t.id),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "theme-swatch", style: { background: t.swatch.bg }, "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "theme-swatch-bar", style: { background: t.swatch.surface } }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "theme-swatch-dot", style: { background: t.swatch.accent } }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "theme-swatch-line", style: { background: t.swatch.text } })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "theme-option-label", children: t.name })
+      ]
+    },
+    t.id
+  )) });
+}
 function SettingsDialog({ open, onClose }) {
+  const { appearance, theme, update: updateAppearance2 } = useAppearance();
   const [profileList, setProfileList] = reactExports.useState(null);
   const [activeProfileId, setActiveProfileId] = reactExports.useState("production");
   const [editingId, setEditingId] = reactExports.useState(null);
@@ -213673,6 +213944,55 @@ function SettingsDialog({ open, onClose }) {
   const profiles = profileList?.profiles || [];
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "settings-overlay", onClick: onClose, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "settings-dialog", onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { children: "Settings" }),
+    !editingId && // ─── Appearance (global) ───────────────
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "settings-section", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h4", { children: "Appearance" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "settings-hint", children: "Applies everywhere, including the terminal and code editor." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "settings-checkbox", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: appearance.sync,
+            onChange: (e) => updateAppearance2({ sync: e.target.checked })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Sync with system appearance" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "settings-hint", children: "Switches between your light and dark picks as the OS changes." })
+      ] }),
+      appearance.sync ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "theme-group-label", children: "Light" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ThemeGrid,
+          {
+            themes: themesByMode("light"),
+            value: appearance.light,
+            onChange: (id) => updateAppearance2({ light: id })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "theme-group-label", children: "Dark" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ThemeGrid,
+          {
+            themes: themesByMode("dark"),
+            value: appearance.dark,
+            onChange: (id) => updateAppearance2({ dark: id })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "settings-hint", children: [
+          "Currently ",
+          theme.name,
+          "."
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ThemeGrid,
+        {
+          themes: THEMES,
+          value: appearance.theme,
+          onChange: (id) => updateAppearance2({ theme: id })
+        }
+      )
+    ] }),
     editingId ? (
       // ─── Profile Edit Form ─────────────────
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "settings-section", children: [
@@ -213844,17 +214164,18 @@ function SettingsDialog({ open, onClose }) {
   ] }) });
 }
 const STATUS_OPTIONS = [
-  { value: "Open", color: "#7aa2f7" },
-  { value: "In Progress", color: "#e0af68" },
-  { value: "Blocked", color: "#f7768e" },
-  { value: "Done", color: "#9ece6a" }
+  { value: "Open", color: "var(--accent)" },
+  { value: "In Progress", color: "var(--warning)" },
+  { value: "Blocked", color: "var(--danger)" },
+  { value: "Done", color: "var(--success)" }
 ];
 const PRIORITY_OPTIONS = [
-  { value: "Low", color: "#565f89" },
-  { value: "Med", color: "#e0af68" },
-  { value: "High", color: "#f7768e" }
+  { value: "Low", color: "var(--text-muted)" },
+  { value: "Med", color: "var(--warning)" },
+  { value: "High", color: "var(--danger)" }
 ];
-const colorOf = (opts, value) => opts.find((o) => o.value === value)?.color ?? "#565f89";
+const colorOf = (opts, value) => opts.find((o) => o.value === value)?.color ?? "var(--text-muted)";
+const tint$1 = (color, pct) => `color-mix(in srgb, ${color} ${pct}%, transparent)`;
 function formatDate(iso) {
   if (!iso) return "";
   const d = new Date(iso);
@@ -213930,7 +214251,7 @@ function Segmented({ options, value, onChange }) {
       {
         type: "button",
         className: `ticket-seg ${active ? "active" : ""}`,
-        style: active ? { borderColor: o.color, color: o.color, background: `${o.color}1f` } : void 0,
+        style: active ? { borderColor: o.color, color: o.color, background: tint$1(o.color, 12) } : void 0,
         onClick: () => onChange(o.value),
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ticket-seg-dot", style: { background: o.color } }),
@@ -213959,7 +214280,7 @@ function TicketCard({ ticket, onClick, onSend }) {
         "span",
         {
           className: "ticket-card-pri",
-          style: { color: colorOf(PRIORITY_OPTIONS, ticket.priority), borderColor: `${colorOf(PRIORITY_OPTIONS, ticket.priority)}66` },
+          style: { color: colorOf(PRIORITY_OPTIONS, ticket.priority), borderColor: tint$1(colorOf(PRIORITY_OPTIONS, ticket.priority), 40) },
           children: ticket.priority
         }
       )
@@ -214192,12 +214513,12 @@ const SENSITIVITY_LEVELS = [
   { value: "all", label: "All signals", hint: "Everything, including low-confidence observations" }
 ];
 const SEVERITY_COLORS = {
-  info: "#7aa2f7",
-  warn: "#e0af68",
-  high: "#ff9e64",
-  critical: "#f7768e"
+  info: "var(--accent)",
+  warn: "var(--warning)",
+  high: "var(--sev-high)",
+  critical: "var(--danger)"
 };
-const DIGEST_COLOR = "#bb9af7";
+const DIGEST_COLOR = "var(--sev-digest)";
 function EyeIcon({ size: size2 = 16 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "svg",
@@ -214223,8 +214544,9 @@ function formatTime(iso) {
   if (Number.isNaN(d.getTime())) return "";
   return d.toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit" });
 }
+const tint = (color, pct) => `color-mix(in srgb, ${color} ${pct}%, transparent)`;
 function Chip({ color, label }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "obs-chip", style: { color, borderColor: `${color}55`, background: `${color}14` }, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "obs-chip", style: { color, borderColor: tint(color, 33), background: tint(color, 8) }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "obs-chip-dot", style: { background: color } }),
     label
   ] });