@telepath-computer/television 0.1.216 → 1.3.3

package/dist/cli.cjs

@@ -1194,7 +1194,7 @@ var require_command = __commonJS({
   "../../node_modules/commander/lib/command.js"(exports2) {
     var EventEmitter2 = require("node:events").EventEmitter;
     var childProcess = require("node:child_process");
-    var path18 = require("node:path");
+    var path19 = require("node:path");
     var fs4 = require("node:fs");
     var process3 = require("node:process");
     var { Argument: Argument2, humanReadableArgName } = require_argument();
@@ -2207,9 +2207,9 @@ Expecting one of '${allowedValues.join("', '")}'`);
         let launchWithNode = false;
         const sourceExt = [".js", ".ts", ".tsx", ".mjs", ".cjs"];
         function findFile(baseDir, baseName) {
-          const localBin = path18.resolve(baseDir, baseName);
+          const localBin = path19.resolve(baseDir, baseName);
           if (fs4.existsSync(localBin)) return localBin;
-          if (sourceExt.includes(path18.extname(baseName))) return void 0;
+          if (sourceExt.includes(path19.extname(baseName))) return void 0;
           const foundExt = sourceExt.find(
             (ext) => fs4.existsSync(`${localBin}${ext}`)
           );
@@ -2227,17 +2227,17 @@ Expecting one of '${allowedValues.join("', '")}'`);
           } catch {
             resolvedScriptPath = this._scriptPath;
           }
-          executableDir = path18.resolve(
-            path18.dirname(resolvedScriptPath),
+          executableDir = path19.resolve(
+            path19.dirname(resolvedScriptPath),
             executableDir
           );
         }
         if (executableDir) {
           let localFile = findFile(executableDir, executableFile);
           if (!localFile && !subcommand._executableFile && this._scriptPath) {
-            const legacyName = path18.basename(
+            const legacyName = path19.basename(
               this._scriptPath,
-              path18.extname(this._scriptPath)
+              path19.extname(this._scriptPath)
             );
             if (legacyName !== this._name) {
               localFile = findFile(
@@ -2248,7 +2248,7 @@ Expecting one of '${allowedValues.join("', '")}'`);
           }
           executableFile = localFile || executableFile;
         }
-        launchWithNode = sourceExt.includes(path18.extname(executableFile));
+        launchWithNode = sourceExt.includes(path19.extname(executableFile));
         let proc;
         if (process3.platform !== "win32") {
           if (launchWithNode) {
@@ -3163,7 +3163,7 @@ Expecting one of '${allowedValues.join("', '")}'`);
        * @return {Command}
        */
       nameFromFilename(filename) {
-        this._name = path18.basename(filename, path18.extname(filename));
+        this._name = path19.basename(filename, path19.extname(filename));
         return this;
       }
       /**
@@ -3177,9 +3177,9 @@ Expecting one of '${allowedValues.join("', '")}'`);
        * @param {string} [path]
        * @return {(string|null|Command)}
        */
-      executableDir(path19) {
-        if (path19 === void 0) return this._executableDir;
-        this._executableDir = path19;
+      executableDir(path20) {
+        if (path20 === void 0) return this._executableDir;
+        this._executableDir = path20;
         return this;
       }
       /**
@@ -21480,11 +21480,11 @@ var require_mime_types = __commonJS({
       }
       return exts[0];
     }
-    function lookup(path18) {
-      if (!path18 || typeof path18 !== "string") {
+    function lookup(path19) {
+      if (!path19 || typeof path19 !== "string") {
         return false;
       }
-      var extension3 = extname("x." + path18).toLowerCase().substr(1);
+      var extension3 = extname("x." + path19).toLowerCase().substr(1);
       if (!extension3) {
         return false;
       }
@@ -24307,7 +24307,7 @@ var require_path_to_regexp = __commonJS({
   "../../node_modules/path-to-regexp/index.js"(exports2, module2) {
     module2.exports = pathToRegexp;
     var MATCHING_GROUP_REGEXP = /\\.|\((?:\?<(.*?)>)?(?!\?)/g;
-    function pathToRegexp(path18, keys, options) {
+    function pathToRegexp(path19, keys, options) {
       options = options || {};
       keys = keys || [];
       var strict = options.strict;
@@ -24321,8 +24321,8 @@ var require_path_to_regexp = __commonJS({
       var pos = 0;
       var backtrack = "";
       var m2;
-      if (path18 instanceof RegExp) {
-        while (m2 = MATCHING_GROUP_REGEXP.exec(path18.source)) {
+      if (path19 instanceof RegExp) {
+        while (m2 = MATCHING_GROUP_REGEXP.exec(path19.source)) {
           if (m2[0][0] === "\\") continue;
           keys.push({
             name: m2[1] || name++,
@@ -24330,18 +24330,18 @@ var require_path_to_regexp = __commonJS({
             offset: m2.index
           });
         }
-        return path18;
+        return path19;
       }
-      if (Array.isArray(path18)) {
-        path18 = path18.map(function(value) {
+      if (Array.isArray(path19)) {
+        path19 = path19.map(function(value) {
           return pathToRegexp(value, keys, options).source;
         });
-        return new RegExp(path18.join("|"), flags);
+        return new RegExp(path19.join("|"), flags);
       }
-      if (typeof path18 !== "string") {
+      if (typeof path19 !== "string") {
         throw new TypeError("path must be a string, array of strings, or regular expression");
       }
-      path18 = path18.replace(
+      path19 = path19.replace(
         /\\.|(\/)?(\.)?:(\w+)(\(.*?\))?(\*)?(\?)?|[.*]|\/\(/g,
         function(match, slash, format, key, capture2, star, optional2, offset) {
           if (match[0] === "\\") {
@@ -24358,7 +24358,7 @@ var require_path_to_regexp = __commonJS({
           if (slash || format) {
             backtrack = "";
           } else {
-            backtrack += path18.slice(pos, offset);
+            backtrack += path19.slice(pos, offset);
           }
           pos = offset + match.length;
           if (match === "*") {
@@ -24388,7 +24388,7 @@ var require_path_to_regexp = __commonJS({
           return result;
         }
       );
-      while (m2 = MATCHING_GROUP_REGEXP.exec(path18)) {
+      while (m2 = MATCHING_GROUP_REGEXP.exec(path19)) {
         if (m2[0][0] === "\\") continue;
         if (keysOffset + i === keys.length || keys[keysOffset + i].offset > m2.index) {
           keys.splice(keysOffset + i, 0, {
@@ -24400,13 +24400,13 @@ var require_path_to_regexp = __commonJS({
         }
         i++;
       }
-      path18 += strict ? "" : path18[path18.length - 1] === "/" ? "?" : "/?";
+      path19 += strict ? "" : path19[path19.length - 1] === "/" ? "?" : "/?";
       if (end) {
-        path18 += "$";
-      } else if (path18[path18.length - 1] !== "/") {
-        path18 += lookahead ? "(?=/|$)" : "(?:/|$)";
+        path19 += "$";
+      } else if (path19[path19.length - 1] !== "/") {
+        path19 += lookahead ? "(?=/|$)" : "(?:/|$)";
       }
-      return new RegExp("^" + path18, flags);
+      return new RegExp("^" + path19, flags);
     }
   }
 });
@@ -24419,19 +24419,19 @@ var require_layer = __commonJS({
     var debug = require_src3()("express:router:layer");
     var hasOwnProperty = Object.prototype.hasOwnProperty;
     module2.exports = Layer;
-    function Layer(path18, options, fn) {
+    function Layer(path19, options, fn) {
       if (!(this instanceof Layer)) {
-        return new Layer(path18, options, fn);
+        return new Layer(path19, options, fn);
       }
-      debug("new %o", path18);
+      debug("new %o", path19);
       var opts = options || {};
       this.handle = fn;
       this.name = fn.name || "<anonymous>";
       this.params = void 0;
       this.path = void 0;
-      this.regexp = pathRegexp(path18, this.keys = [], opts);
-      this.regexp.fast_star = path18 === "*";
-      this.regexp.fast_slash = path18 === "/" && opts.end === false;
+      this.regexp = pathRegexp(path19, this.keys = [], opts);
+      this.regexp.fast_star = path19 === "*";
+      this.regexp.fast_slash = path19 === "/" && opts.end === false;
     }
     Layer.prototype.handle_error = function handle_error(error48, req, res, next) {
       var fn = this.handle;
@@ -24455,20 +24455,20 @@ var require_layer = __commonJS({
         next(err);
       }
     };
-    Layer.prototype.match = function match(path18) {
+    Layer.prototype.match = function match(path19) {
       var match2;
-      if (path18 != null) {
+      if (path19 != null) {
         if (this.regexp.fast_slash) {
           this.params = {};
           this.path = "";
           return true;
         }
         if (this.regexp.fast_star) {
-          this.params = { "0": decode_param(path18) };
-          this.path = path18;
+          this.params = { "0": decode_param(path19) };
+          this.path = path19;
           return true;
         }
-        match2 = this.regexp.exec(path18);
+        match2 = this.regexp.exec(path19);
       }
       if (!match2) {
         this.params = void 0;
@@ -24561,10 +24561,10 @@ var require_route = __commonJS({
     var slice = Array.prototype.slice;
     var toString = Object.prototype.toString;
     module2.exports = Route;
-    function Route(path18) {
-      this.path = path18;
+    function Route(path19) {
+      this.path = path19;
       this.stack = [];
-      debug("new %o", path18);
+      debug("new %o", path19);
       this.methods = {};
     }
     Route.prototype._handles_method = function _handles_method(method) {
@@ -24776,8 +24776,8 @@ var require_router = __commonJS({
         if (++sync > 100) {
           return setImmediate(next, err);
         }
-        var path18 = getPathname(req);
-        if (path18 == null) {
+        var path19 = getPathname(req);
+        if (path19 == null) {
           return done(layerError);
         }
         var layer;
@@ -24785,7 +24785,7 @@ var require_router = __commonJS({
         var route;
         while (match !== true && idx < stack.length) {
           layer = stack[idx++];
-          match = matchLayer(layer, path18);
+          match = matchLayer(layer, path19);
           route = layer.route;
           if (typeof match !== "boolean") {
             layerError = layerError || match;
@@ -24823,18 +24823,18 @@ var require_router = __commonJS({
           } else if (route) {
             layer.handle_request(req, res, next);
           } else {
-            trim_prefix(layer, layerError, layerPath, path18);
+            trim_prefix(layer, layerError, layerPath, path19);
           }
           sync = 0;
         });
       }
-      function trim_prefix(layer, layerError, layerPath, path18) {
+      function trim_prefix(layer, layerError, layerPath, path19) {
         if (layerPath.length !== 0) {
-          if (layerPath !== path18.slice(0, layerPath.length)) {
+          if (layerPath !== path19.slice(0, layerPath.length)) {
             next(layerError);
             return;
           }
-          var c = path18[layerPath.length];
+          var c = path19[layerPath.length];
           if (c && c !== "/" && c !== ".") return next(layerError);
           debug("trim prefix (%s) from url %s", layerPath, req.url);
           removed = layerPath;
@@ -24912,7 +24912,7 @@ var require_router = __commonJS({
     };
     proto.use = function use(fn) {
       var offset = 0;
-      var path18 = "/";
+      var path19 = "/";
       if (typeof fn !== "function") {
         var arg = fn;
         while (Array.isArray(arg) && arg.length !== 0) {
@@ -24920,7 +24920,7 @@ var require_router = __commonJS({
         }
         if (typeof arg !== "function") {
           offset = 1;
-          path18 = fn;
+          path19 = fn;
         }
       }
       var callbacks = flatten(slice.call(arguments, offset));
@@ -24932,8 +24932,8 @@ var require_router = __commonJS({
         if (typeof fn !== "function") {
           throw new TypeError("Router.use() requires a middleware function but got a " + gettype(fn));
         }
-        debug("use %o %s", path18, fn.name || "<anonymous>");
-        var layer = new Layer(path18, {
+        debug("use %o %s", path19, fn.name || "<anonymous>");
+        var layer = new Layer(path19, {
           sensitive: this.caseSensitive,
           strict: false,
           end: false
@@ -24943,9 +24943,9 @@ var require_router = __commonJS({
       }
       return this;
     };
-    proto.route = function route(path18) {
-      var route2 = new Route(path18);
-      var layer = new Layer(path18, {
+    proto.route = function route(path19) {
+      var route2 = new Route(path19);
+      var layer = new Layer(path19, {
         sensitive: this.caseSensitive,
         strict: this.strict,
         end: true
@@ -24955,8 +24955,8 @@ var require_router = __commonJS({
       return route2;
     };
     methods.concat("all").forEach(function(method) {
-      proto[method] = function(path18) {
-        var route = this.route(path18);
+      proto[method] = function(path19) {
+        var route = this.route(path19);
         route[method].apply(route, slice.call(arguments, 1));
         return this;
       };
@@ -24992,9 +24992,9 @@ var require_router = __commonJS({
       }
       return toString.call(obj).replace(objectRegExp, "$1");
     }
-    function matchLayer(layer, path18) {
+    function matchLayer(layer, path19) {
       try {
-        return layer.match(path18);
+        return layer.match(path19);
       } catch (err) {
         return err;
       }
@@ -25995,13 +25995,13 @@ var require_view = __commonJS({
   "../../node_modules/express/lib/view.js"(exports2, module2) {
     "use strict";
     var debug = require_src3()("express:view");
-    var path18 = require("path");
+    var path19 = require("path");
     var fs4 = require("fs");
-    var dirname = path18.dirname;
-    var basename = path18.basename;
-    var extname = path18.extname;
-    var join2 = path18.join;
-    var resolve = path18.resolve;
+    var dirname = path19.dirname;
+    var basename = path19.basename;
+    var extname = path19.extname;
+    var join2 = path19.join;
+    var resolve = path19.resolve;
     module2.exports = View;
     function View(name, options) {
       var opts = options || {};
@@ -26030,17 +26030,17 @@ var require_view = __commonJS({
       this.path = this.lookup(fileName);
     }
     View.prototype.lookup = function lookup(name) {
-      var path19;
+      var path20;
       var roots = [].concat(this.root);
       debug('lookup "%s"', name);
-      for (var i = 0; i < roots.length && !path19; i++) {
+      for (var i = 0; i < roots.length && !path20; i++) {
         var root = roots[i];
         var loc = resolve(root, name);
         var dir = dirname(loc);
         var file2 = basename(loc);
-        path19 = this.resolve(dir, file2);
+        path20 = this.resolve(dir, file2);
       }
-      return path19;
+      return path20;
     };
     View.prototype.render = function render(options, callback) {
       debug('render "%s"', this.path);
@@ -26048,21 +26048,21 @@ var require_view = __commonJS({
     };
     View.prototype.resolve = function resolve2(dir, file2) {
       var ext = this.ext;
-      var path19 = join2(dir, file2);
-      var stat = tryStat(path19);
+      var path20 = join2(dir, file2);
+      var stat = tryStat(path20);
       if (stat && stat.isFile()) {
-        return path19;
+        return path20;
       }
-      path19 = join2(dir, basename(file2, ext), "index" + ext);
-      stat = tryStat(path19);
+      path20 = join2(dir, basename(file2, ext), "index" + ext);
+      stat = tryStat(path20);
       if (stat && stat.isFile()) {
-        return path19;
+        return path20;
       }
     };
-    function tryStat(path19) {
-      debug('stat "%s"', path19);
+    function tryStat(path20) {
+      debug('stat "%s"', path20);
       try {
-        return fs4.statSync(path19);
+        return fs4.statSync(path20);
       } catch (e) {
         return void 0;
       }
@@ -26840,7 +26840,7 @@ var require_types = __commonJS({
 // ../../node_modules/mime/mime.js
 var require_mime = __commonJS({
   "../../node_modules/mime/mime.js"(exports2, module2) {
-    var path18 = require("path");
+    var path19 = require("path");
     var fs4 = require("fs");
     function Mime() {
       this.types = /* @__PURE__ */ Object.create(null);
@@ -26870,8 +26870,8 @@ var require_mime = __commonJS({
       this.define(map2);
       this._loading = null;
     };
-    Mime.prototype.lookup = function(path19, fallback) {
-      var ext = path19.replace(/^.*[\.\/\\]/, "").toLowerCase();
+    Mime.prototype.lookup = function(path20, fallback) {
+      var ext = path20.replace(/^.*[\.\/\\]/, "").toLowerCase();
       return this.types[ext] || fallback || this.default_type;
     };
     Mime.prototype.extension = function(mimeType) {
@@ -27105,28 +27105,28 @@ var require_send = __commonJS({
     var ms = require_ms5();
     var onFinished = require_on_finished();
     var parseRange = require_range_parser();
-    var path18 = require("path");
+    var path19 = require("path");
     var statuses = require_statuses();
     var Stream = require("stream");
     var util = require("util");
-    var extname = path18.extname;
-    var join2 = path18.join;
-    var normalize = path18.normalize;
-    var resolve = path18.resolve;
-    var sep = path18.sep;
+    var extname = path19.extname;
+    var join2 = path19.join;
+    var normalize = path19.normalize;
+    var resolve = path19.resolve;
+    var sep = path19.sep;
     var BYTES_RANGE_REGEXP = /^ *bytes=/;
     var MAX_MAXAGE = 60 * 60 * 24 * 365 * 1e3;
     var UP_PATH_REGEXP = /(?:^|[\\/])\.\.(?:[\\/]|$)/;
     module2.exports = send2;
     module2.exports.mime = mime;
-    function send2(req, path19, options) {
-      return new SendStream(req, path19, options);
+    function send2(req, path20, options) {
+      return new SendStream(req, path20, options);
     }
-    function SendStream(req, path19, options) {
+    function SendStream(req, path20, options) {
       Stream.call(this);
       var opts = options || {};
       this.options = opts;
-      this.path = path19;
+      this.path = path20;
       this.req = req;
       this._acceptRanges = opts.acceptRanges !== void 0 ? Boolean(opts.acceptRanges) : true;
       this._cacheControl = opts.cacheControl !== void 0 ? Boolean(opts.cacheControl) : true;
@@ -27172,8 +27172,8 @@ var require_send = __commonJS({
       this._index = index2;
       return this;
     }, "send.index: pass index as option");
-    SendStream.prototype.root = function root(path19) {
-      this._root = resolve(String(path19));
+    SendStream.prototype.root = function root(path20) {
+      this._root = resolve(String(path20));
       debug("root %s", this._root);
       return this;
     };
@@ -27286,10 +27286,10 @@ var require_send = __commonJS({
       var lastModified = this.res.getHeader("Last-Modified");
       return parseHttpDate(lastModified) <= parseHttpDate(ifRange);
     };
-    SendStream.prototype.redirect = function redirect(path19) {
+    SendStream.prototype.redirect = function redirect(path20) {
       var res = this.res;
       if (hasListeners(this, "directory")) {
-        this.emit("directory", res, path19);
+        this.emit("directory", res, path20);
         return;
       }
       if (this.hasTrailingSlash()) {
@@ -27309,42 +27309,42 @@ var require_send = __commonJS({
     SendStream.prototype.pipe = function pipe2(res) {
       var root = this._root;
       this.res = res;
-      var path19 = decode3(this.path);
-      if (path19 === -1) {
+      var path20 = decode3(this.path);
+      if (path20 === -1) {
         this.error(400);
         return res;
       }
-      if (~path19.indexOf("\0")) {
+      if (~path20.indexOf("\0")) {
         this.error(400);
         return res;
       }
       var parts;
       if (root !== null) {
-        if (path19) {
-          path19 = normalize("." + sep + path19);
+        if (path20) {
+          path20 = normalize("." + sep + path20);
         }
-        if (UP_PATH_REGEXP.test(path19)) {
-          debug('malicious path "%s"', path19);
+        if (UP_PATH_REGEXP.test(path20)) {
+          debug('malicious path "%s"', path20);
           this.error(403);
           return res;
         }
-        parts = path19.split(sep);
-        path19 = normalize(join2(root, path19));
+        parts = path20.split(sep);
+        path20 = normalize(join2(root, path20));
       } else {
-        if (UP_PATH_REGEXP.test(path19)) {
-          debug('malicious path "%s"', path19);
+        if (UP_PATH_REGEXP.test(path20)) {
+          debug('malicious path "%s"', path20);
           this.error(403);
           return res;
         }
-        parts = normalize(path19).split(sep);
-        path19 = resolve(path19);
+        parts = normalize(path20).split(sep);
+        path20 = resolve(path20);
       }
       if (containsDotFile(parts)) {
         var access2 = this._dotfiles;
         if (access2 === void 0) {
           access2 = parts[parts.length - 1][0] === "." ? this._hidden ? "allow" : "ignore" : "allow";
         }
-        debug('%s dotfile "%s"', access2, path19);
+        debug('%s dotfile "%s"', access2, path20);
         switch (access2) {
           case "allow":
             break;
@@ -27358,13 +27358,13 @@ var require_send = __commonJS({
         }
       }
       if (this._index.length && this.hasTrailingSlash()) {
-        this.sendIndex(path19);
+        this.sendIndex(path20);
         return res;
       }
-      this.sendFile(path19);
+      this.sendFile(path20);
       return res;
     };
-    SendStream.prototype.send = function send3(path19, stat) {
+    SendStream.prototype.send = function send3(path20, stat) {
       var len = stat.size;
       var options = this.options;
       var opts = {};
@@ -27376,9 +27376,9 @@ var require_send = __commonJS({
         this.headersAlreadySent();
         return;
       }
-      debug('pipe "%s"', path19);
-      this.setHeader(path19, stat);
-      this.type(path19);
+      debug('pipe "%s"', path20);
+      this.setHeader(path20, stat);
+      this.type(path20);
       if (this.isConditionalGET()) {
         if (this.isPreconditionFailure()) {
           this.error(412);
@@ -27427,26 +27427,26 @@ var require_send = __commonJS({
         res.end();
         return;
       }
-      this.stream(path19, opts);
+      this.stream(path20, opts);
     };
-    SendStream.prototype.sendFile = function sendFile(path19) {
+    SendStream.prototype.sendFile = function sendFile(path20) {
       var i = 0;
       var self2 = this;
-      debug('stat "%s"', path19);
-      fs4.stat(path19, function onstat(err, stat) {
-        if (err && err.code === "ENOENT" && !extname(path19) && path19[path19.length - 1] !== sep) {
+      debug('stat "%s"', path20);
+      fs4.stat(path20, function onstat(err, stat) {
+        if (err && err.code === "ENOENT" && !extname(path20) && path20[path20.length - 1] !== sep) {
           return next(err);
         }
         if (err) return self2.onStatError(err);
-        if (stat.isDirectory()) return self2.redirect(path19);
-        self2.emit("file", path19, stat);
-        self2.send(path19, stat);
+        if (stat.isDirectory()) return self2.redirect(path20);
+        self2.emit("file", path20, stat);
+        self2.send(path20, stat);
       });
       function next(err) {
         if (self2._extensions.length <= i) {
           return err ? self2.onStatError(err) : self2.error(404);
         }
-        var p = path19 + "." + self2._extensions[i++];
+        var p = path20 + "." + self2._extensions[i++];
         debug('stat "%s"', p);
         fs4.stat(p, function(err2, stat) {
           if (err2) return next(err2);
@@ -27456,7 +27456,7 @@ var require_send = __commonJS({
         });
       }
     };
-    SendStream.prototype.sendIndex = function sendIndex(path19) {
+    SendStream.prototype.sendIndex = function sendIndex(path20) {
       var i = -1;
       var self2 = this;
       function next(err) {
@@ -27464,7 +27464,7 @@ var require_send = __commonJS({
           if (err) return self2.onStatError(err);
           return self2.error(404);
         }
-        var p = join2(path19, self2._index[i]);
+        var p = join2(path20, self2._index[i]);
         debug('stat "%s"', p);
         fs4.stat(p, function(err2, stat) {
           if (err2) return next(err2);
@@ -27475,10 +27475,10 @@ var require_send = __commonJS({
       }
       next();
     };
-    SendStream.prototype.stream = function stream(path19, options) {
+    SendStream.prototype.stream = function stream(path20, options) {
       var self2 = this;
       var res = this.res;
-      var stream2 = fs4.createReadStream(path19, options);
+      var stream2 = fs4.createReadStream(path20, options);
       this.emit("stream", stream2);
       stream2.pipe(res);
       function cleanup() {
@@ -27493,10 +27493,10 @@ var require_send = __commonJS({
         self2.emit("end");
       });
     };
-    SendStream.prototype.type = function type(path19) {
+    SendStream.prototype.type = function type(path20) {
       var res = this.res;
       if (res.getHeader("Content-Type")) return;
-      var type2 = mime.lookup(path19);
+      var type2 = mime.lookup(path20);
       if (!type2) {
         debug("no content-type");
         return;
@@ -27505,9 +27505,9 @@ var require_send = __commonJS({
       debug("content-type %s", type2);
       res.setHeader("Content-Type", type2 + (charset ? "; charset=" + charset : ""));
     };
-    SendStream.prototype.setHeader = function setHeader(path19, stat) {
+    SendStream.prototype.setHeader = function setHeader(path20, stat) {
       var res = this.res;
-      this.emit("headers", res, path19, stat);
+      this.emit("headers", res, path20, stat);
       if (this._acceptRanges && !res.getHeader("Accept-Ranges")) {
         debug("accept ranges");
         res.setHeader("Accept-Ranges", "bytes");
@@ -27566,9 +27566,9 @@ var require_send = __commonJS({
       }
       return err instanceof Error ? createError(status, err, { expose: false }) : createError(status, err);
     }
-    function decode3(path19) {
+    function decode3(path20) {
       try {
-        return decodeURIComponent(path19);
+        return decodeURIComponent(path20);
       } catch (err) {
         return -1;
       }
@@ -28477,10 +28477,10 @@ var require_utils3 = __commonJS({
     var querystring = require("querystring");
     exports2.etag = createETagGenerator({ weak: false });
     exports2.wetag = createETagGenerator({ weak: true });
-    exports2.isAbsolute = function(path18) {
-      if ("/" === path18[0]) return true;
-      if (":" === path18[1] && ("\\" === path18[2] || "/" === path18[2])) return true;
-      if ("\\\\" === path18.substring(0, 2)) return true;
+    exports2.isAbsolute = function(path19) {
+      if ("/" === path19[0]) return true;
+      if (":" === path19[1] && ("\\" === path19[2] || "/" === path19[2])) return true;
+      if ("\\\\" === path19.substring(0, 2)) return true;
     };
     exports2.flatten = deprecate.function(
       flatten,
@@ -28691,7 +28691,7 @@ var require_application = __commonJS({
     };
     app.use = function use(fn) {
       var offset = 0;
-      var path18 = "/";
+      var path19 = "/";
       if (typeof fn !== "function") {
         var arg = fn;
         while (Array.isArray(arg) && arg.length !== 0) {
@@ -28699,7 +28699,7 @@ var require_application = __commonJS({
         }
         if (typeof arg !== "function") {
           offset = 1;
-          path18 = fn;
+          path19 = fn;
         }
       }
       var fns = flatten(slice.call(arguments, offset));
@@ -28710,12 +28710,12 @@ var require_application = __commonJS({
       var router = this._router;
       fns.forEach(function(fn2) {
         if (!fn2 || !fn2.handle || !fn2.set) {
-          return router.use(path18, fn2);
+          return router.use(path19, fn2);
         }
-        debug(".use app under %s", path18);
-        fn2.mountpath = path18;
+        debug(".use app under %s", path19);
+        fn2.mountpath = path19;
         fn2.parent = this;
-        router.use(path18, function mounted_app(req, res, next) {
+        router.use(path19, function mounted_app(req, res, next) {
           var orig = req.app;
           fn2.handle(req, res, function(err) {
             setPrototypeOf(req, orig.request);
@@ -28727,9 +28727,9 @@ var require_application = __commonJS({
       }, this);
       return this;
     };
-    app.route = function route(path18) {
+    app.route = function route(path19) {
       this.lazyrouter();
-      return this._router.route(path18);
+      return this._router.route(path19);
     };
     app.engine = function engine(ext, fn) {
       if (typeof fn !== "function") {
@@ -28780,7 +28780,7 @@ var require_application = __commonJS({
       }
       return this;
     };
-    app.path = function path18() {
+    app.path = function path19() {
       return this.parent ? this.parent.path() + this.mountpath : "";
     };
     app.enabled = function enabled(setting) {
@@ -28796,19 +28796,19 @@ var require_application = __commonJS({
       return this.set(setting, false);
     };
     methods.forEach(function(method) {
-      app[method] = function(path18) {
+      app[method] = function(path19) {
         if (method === "get" && arguments.length === 1) {
-          return this.set(path18);
+          return this.set(path19);
         }
         this.lazyrouter();
-        var route = this._router.route(path18);
+        var route = this._router.route(path19);
         route[method].apply(route, slice.call(arguments, 1));
         return this;
       };
     });
-    app.all = function all(path18) {
+    app.all = function all(path19) {
       this.lazyrouter();
-      var route = this._router.route(path18);
+      var route = this._router.route(path19);
       var args = slice.call(arguments, 1);
       for (var i = 0; i < methods.length; i++) {
         route[methods[i]].apply(route, args);
@@ -29567,7 +29567,7 @@ var require_request = __commonJS({
       var subdomains2 = !isIP2(hostname3) ? hostname3.split(".").reverse() : [hostname3];
       return subdomains2.slice(offset);
     });
-    defineGetter(req, "path", function path18() {
+    defineGetter(req, "path", function path19() {
       return parse3(this).pathname;
     });
     defineGetter(req, "hostname", function hostname3() {
@@ -29889,7 +29889,7 @@ var require_response = __commonJS({
     var http2 = require("http");
     var isAbsolute = require_utils3().isAbsolute;
     var onFinished = require_on_finished();
-    var path18 = require("path");
+    var path19 = require("path");
     var statuses = require_statuses();
     var merge2 = require_utils_merge();
     var sign = require_cookie_signature().sign;
@@ -29898,9 +29898,9 @@ var require_response = __commonJS({
     var setCharset = require_utils3().setCharset;
     var cookie = require_cookie();
     var send2 = require_send();
-    var extname = path18.extname;
+    var extname = path19.extname;
     var mime = send2.mime;
-    var resolve = path18.resolve;
+    var resolve = path19.resolve;
     var vary = require_vary();
     var res = Object.create(http2.ServerResponse.prototype);
     module2.exports = res;
@@ -30077,26 +30077,26 @@ var require_response = __commonJS({
       this.type("txt");
       return this.send(body);
     };
-    res.sendFile = function sendFile(path19, options, callback) {
+    res.sendFile = function sendFile(path20, options, callback) {
       var done = callback;
       var req = this.req;
       var res2 = this;
       var next = req.next;
       var opts = options || {};
-      if (!path19) {
+      if (!path20) {
         throw new TypeError("path argument is required to res.sendFile");
       }
-      if (typeof path19 !== "string") {
+      if (typeof path20 !== "string") {
         throw new TypeError("path must be a string to res.sendFile");
       }
       if (typeof options === "function") {
         done = options;
         opts = {};
       }
-      if (!opts.root && !isAbsolute(path19)) {
+      if (!opts.root && !isAbsolute(path20)) {
         throw new TypeError("path must be absolute or specify root to res.sendFile");
       }
-      var pathname = encodeURI(path19);
+      var pathname = encodeURI(path20);
       var file2 = send2(req, pathname, opts);
       sendfile(res2, file2, opts, function(err) {
         if (done) return done(err);
@@ -30106,7 +30106,7 @@ var require_response = __commonJS({
         }
       });
     };
-    res.sendfile = function(path19, options, callback) {
+    res.sendfile = function(path20, options, callback) {
       var done = callback;
       var req = this.req;
       var res2 = this;
@@ -30116,7 +30116,7 @@ var require_response = __commonJS({
         done = options;
         opts = {};
       }
-      var file2 = send2(req, path19, opts);
+      var file2 = send2(req, path20, opts);
       sendfile(res2, file2, opts, function(err) {
         if (done) return done(err);
         if (err && err.code === "EISDIR") return next();
@@ -30129,7 +30129,7 @@ var require_response = __commonJS({
       res.sendfile,
       "res.sendfile: Use res.sendFile instead"
     );
-    res.download = function download(path19, filename, options, callback) {
+    res.download = function download(path20, filename, options, callback) {
       var done = callback;
       var name = filename;
       var opts = options || null;
@@ -30146,7 +30146,7 @@ var require_response = __commonJS({
         opts = filename;
       }
       var headers = {
-        "Content-Disposition": contentDisposition(name || path19)
+        "Content-Disposition": contentDisposition(name || path20)
       };
       if (opts && opts.headers) {
         var keys = Object.keys(opts.headers);
@@ -30159,7 +30159,7 @@ var require_response = __commonJS({
       }
       opts = Object.create(opts);
       opts.headers = headers;
-      var fullPath = !opts.root ? resolve(path19) : path19;
+      var fullPath = !opts.root ? resolve(path20) : path20;
       return this.sendFile(fullPath, opts, done);
     };
     res.contentType = res.type = function contentType(type) {
@@ -30460,11 +30460,11 @@ var require_serve_static = __commonJS({
         }
         var forwardError = !fallthrough;
         var originalUrl = parseUrl.original(req);
-        var path18 = parseUrl(req).pathname;
-        if (path18 === "/" && originalUrl.pathname.substr(-1) !== "/") {
-          path18 = "";
+        var path19 = parseUrl(req).pathname;
+        if (path19 === "/" && originalUrl.pathname.substr(-1) !== "/") {
+          path19 = "";
         }
-        var stream = send2(req, path18, opts);
+        var stream = send2(req, path19, opts);
         stream.on("directory", onDirectory);
         if (setHeaders) {
           stream.on("headers", setHeaders);
@@ -32803,7 +32803,7 @@ var require_websocket = __commonJS({
     var http2 = require("http");
     var net = require("net");
     var tls = require("tls");
-    var { randomBytes: randomBytes3, createHash: createHash3 } = require("crypto");
+    var { randomBytes: randomBytes3, createHash: createHash4 } = require("crypto");
     var { Duplex, Readable } = require("stream");
     var { URL: URL2 } = require("url");
     var PerMessageDeflate2 = require_permessage_deflate();
@@ -33463,7 +33463,7 @@ var require_websocket = __commonJS({
           abortHandshake(websocket, socket, "Invalid Upgrade header");
           return;
         }
-        const digest = createHash3("sha1").update(key + GUID).digest("base64");
+        const digest = createHash4("sha1").update(key + GUID).digest("base64");
         if (res.headers["sec-websocket-accept"] !== digest) {
           abortHandshake(websocket, socket, "Invalid Sec-WebSocket-Accept header");
           return;
@@ -33830,7 +33830,7 @@ var require_websocket_server = __commonJS({
     var EventEmitter2 = require("events");
     var http2 = require("http");
     var { Duplex } = require("stream");
-    var { createHash: createHash3 } = require("crypto");
+    var { createHash: createHash4 } = require("crypto");
     var extension2 = require_extension();
     var PerMessageDeflate2 = require_permessage_deflate();
     var subprotocol2 = require_subprotocol();
@@ -34131,7 +34131,7 @@ var require_websocket_server = __commonJS({
           );
         }
         if (this._state > RUNNING) return abortHandshake(socket, 503);
-        const digest = createHash3("sha1").update(key + GUID).digest("base64");
+        const digest = createHash4("sha1").update(key + GUID).digest("base64");
         const headers = [
           "HTTP/1.1 101 Switching Protocols",
           "Upgrade: websocket",
@@ -34223,6 +34223,7 @@ __export(index_exports, {
   inspectTelemetryBuildConfig: () => inspectTelemetryBuildConfig,
   listVisibleCLICommandNames: () => listVisibleCLICommandNames,
   resolveBundledSkillsRoot: () => resolveBundledSkillsRoot,
+  resolveBundledThemesPath: () => resolveBundledThemesPath,
   resolveBundledViewsPath: () => resolveBundledViewsPath,
   resolveCanonicalDir: () => resolveCanonicalDir,
   resolveOnboardingContentPath: () => resolveOnboardingContentPath,
@@ -34231,9 +34232,9 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 var import_node_child_process3 = require("node:child_process");
-var import_node_fs16 = require("node:fs");
+var import_node_fs17 = require("node:fs");
 var import_node_os5 = __toESM(require("node:os"), 1);
-var import_node_path18 = __toESM(require("node:path"), 1);
+var import_node_path19 = __toESM(require("node:path"), 1);
 var import_node_module = require("node:module");
 var import_node_url2 = require("node:url");
 
@@ -34386,22 +34387,22 @@ var Daemon = class {
   }
   async install() {
     if (this.platform === "darwin") {
-      const path18 = plistPath(this.home, this.name);
-      if ((0, import_node_fs.existsSync)(path18)) {
-        await this.exec("launchctl", ["unload", "-w", path18]).catch(() => void 0);
+      const path19 = plistPath(this.home, this.name);
+      if ((0, import_node_fs.existsSync)(path19)) {
+        await this.exec("launchctl", ["unload", "-w", path19]).catch(() => void 0);
       }
       await (0, import_promises.mkdir)((0, import_node_path.join)(this.home, "Library", "LaunchAgents"), { recursive: true });
-      await (0, import_promises.writeFile)(path18, renderPlist(this.name, this.programArgs, this.env), "utf8");
-      await this.exec("launchctl", ["load", "-w", path18]);
+      await (0, import_promises.writeFile)(path19, renderPlist(this.name, this.programArgs, this.env), "utf8");
+      await this.exec("launchctl", ["load", "-w", path19]);
       return;
     }
     if (this.platform === "linux") {
-      const path18 = unitPath(this.home, this.name);
-      if ((0, import_node_fs.existsSync)(path18)) {
+      const path19 = unitPath(this.home, this.name);
+      if ((0, import_node_fs.existsSync)(path19)) {
         await this.exec("systemctl", ["--user", "disable", "--now", `${this.name}.service`]).catch(() => void 0);
       }
       await (0, import_promises.mkdir)((0, import_node_path.join)(this.home, ".config", "systemd", "user"), { recursive: true });
-      await (0, import_promises.writeFile)(path18, renderUnit(this.description, this.programArgs, this.env), "utf8");
+      await (0, import_promises.writeFile)(path19, renderUnit(this.description, this.programArgs, this.env), "utf8");
       await this.exec("systemctl", ["--user", "daemon-reload"]);
       await this.exec("systemctl", ["--user", "enable", "--now", `${this.name}.service`]);
       return;
@@ -34410,17 +34411,17 @@ var Daemon = class {
   }
   async uninstall() {
     if (this.platform === "darwin") {
-      const path18 = plistPath(this.home, this.name);
-      if ((0, import_node_fs.existsSync)(path18)) {
-        await this.exec("launchctl", ["unload", "-w", path18]).catch(() => void 0);
-        await (0, import_promises.rm)(path18, { force: true });
+      const path19 = plistPath(this.home, this.name);
+      if ((0, import_node_fs.existsSync)(path19)) {
+        await this.exec("launchctl", ["unload", "-w", path19]).catch(() => void 0);
+        await (0, import_promises.rm)(path19, { force: true });
       }
       return;
     }
     if (this.platform === "linux") {
-      const path18 = unitPath(this.home, this.name);
+      const path19 = unitPath(this.home, this.name);
       await this.exec("systemctl", ["--user", "disable", "--now", `${this.name}.service`]).catch(() => void 0);
-      await (0, import_promises.rm)(path18, { force: true });
+      await (0, import_promises.rm)(path19, { force: true });
       await this.exec("systemctl", ["--user", "daemon-reload"]);
       return;
     }
@@ -34428,8 +34429,8 @@ var Daemon = class {
   }
   async status() {
     if (this.platform === "darwin") {
-      const path18 = plistPath(this.home, this.name);
-      if (!(0, import_node_fs.existsSync)(path18))
+      const path19 = plistPath(this.home, this.name);
+      if (!(0, import_node_fs.existsSync)(path19))
         return { installed: false, running: false };
       try {
         await this.exec("launchctl", ["list", this.name]);
@@ -34439,8 +34440,8 @@ var Daemon = class {
       }
     }
     if (this.platform === "linux") {
-      const path18 = unitPath(this.home, this.name);
-      if (!(0, import_node_fs.existsSync)(path18))
+      const path19 = unitPath(this.home, this.name);
+      if (!(0, import_node_fs.existsSync)(path19))
         return { installed: false, running: false };
       try {
         const result = await this.exec("systemctl", [
@@ -34464,9 +34465,9 @@ require_shim7()();
 
 // ../server/src/server.ts
 var import_express2 = __toESM(require_express2(), 1);
-var import_node_fs9 = require("node:fs");
+var import_node_fs10 = require("node:fs");
 var import_node_http = __toESM(require("node:http"), 1);
-var import_node_path11 = __toESM(require("node:path"), 1);
+var import_node_path12 = __toESM(require("node:path"), 1);
 var import_node_url = require("node:url");
 
 // ../server/src/config.ts
@@ -35361,10 +35362,10 @@ function mergeDefs(...defs) {
 function cloneDef(schema) {
   return mergeDefs(schema._zod.def);
 }
-function getElementAtPath(obj, path18) {
-  if (!path18)
+function getElementAtPath(obj, path19) {
+  if (!path19)
     return obj;
-  return path18.reduce((acc, key) => acc?.[key], obj);
+  return path19.reduce((acc, key) => acc?.[key], obj);
 }
 function promiseAllObject(promisesObj) {
   const keys = Object.keys(promisesObj);
@@ -35747,11 +35748,11 @@ function aborted(x2, startIndex = 0) {
   }
   return false;
 }
-function prefixIssues(path18, issues) {
+function prefixIssues(path19, issues) {
   return issues.map((iss) => {
     var _a2;
     (_a2 = iss).path ?? (_a2.path = []);
-    iss.path.unshift(path18);
+    iss.path.unshift(path19);
     return iss;
   });
 }
@@ -35934,7 +35935,7 @@ function formatError(error48, mapper = (issue2) => issue2.message) {
 }
 function treeifyError(error48, mapper = (issue2) => issue2.message) {
   const result = { errors: [] };
-  const processError = (error49, path18 = []) => {
+  const processError = (error49, path19 = []) => {
     var _a2, _b;
     for (const issue2 of error49.issues) {
       if (issue2.code === "invalid_union" && issue2.errors.length) {
@@ -35944,7 +35945,7 @@ function treeifyError(error48, mapper = (issue2) => issue2.message) {
       } else if (issue2.code === "invalid_element") {
         processError({ issues: issue2.issues }, issue2.path);
       } else {
-        const fullpath = [...path18, ...issue2.path];
+        const fullpath = [...path19, ...issue2.path];
         if (fullpath.length === 0) {
           result.errors.push(mapper(issue2));
           continue;
@@ -35976,8 +35977,8 @@ function treeifyError(error48, mapper = (issue2) => issue2.message) {
 }
 function toDotPath(_path) {
   const segs = [];
-  const path18 = _path.map((seg) => typeof seg === "object" ? seg.key : seg);
-  for (const seg of path18) {
+  const path19 = _path.map((seg) => typeof seg === "object" ? seg.key : seg);
+  for (const seg of path19) {
     if (typeof seg === "number")
       segs.push(`[${seg}]`);
     else if (typeof seg === "symbol")
@@ -47954,13 +47955,13 @@ function resolveRef(ref, ctx) {
   if (!ref.startsWith("#")) {
     throw new Error("External $ref is not supported, only local refs (#/...) are allowed");
   }
-  const path18 = ref.slice(1).split("/").filter(Boolean);
-  if (path18.length === 0) {
+  const path19 = ref.slice(1).split("/").filter(Boolean);
+  if (path19.length === 0) {
     return ctx.rootSchema;
   }
   const defsKey = ctx.version === "draft-2020-12" ? "$defs" : "definitions";
-  if (path18[0] === defsKey) {
-    const key = path18[1];
+  if (path19[0] === defsKey) {
+    const key = path19[1];
     if (!key || !ctx.defs[key]) {
       throw new Error(`Reference not found: ${ref}`);
     }
@@ -48546,6 +48547,7 @@ var ChannelChangedEvent = defineEvent();
 var PinnedChannelsChangedEvent = defineEvent();
 var ArtifactFocusEvent = defineEvent();
 var ThemeChangedEvent = defineEvent();
+var AppearanceChangedEvent = defineEvent();
 
 // ../shared/src/errors.ts
 function defineError(name) {
@@ -48817,6 +48819,18 @@ var ArtifactClient = class {
     );
   }
 };
+var ThemeClient = class {
+  #http;
+  constructor(http2) {
+    this.#http = http2;
+  }
+  list() {
+    return this.#http.requestJSON("GET", "/themes");
+  }
+  refresh() {
+    return this.#http.requestJSON("POST", "/themes/refresh");
+  }
+};
 var MarkdownClient = class {
   #http;
   constructor(http2) {
@@ -48861,6 +48875,10 @@ var DisplayClient = class {
     if (input.focusedChannelId !== void 0) body.focusedChannelId = input.focusedChannelId;
     if (input.pinnedChannelIds !== void 0) body.pinnedChannelIds = input.pinnedChannelIds;
     if (input.activeThemeName !== void 0) body.activeThemeName = input.activeThemeName;
+    if (input.appearanceMode !== void 0) body.appearanceMode = input.appearanceMode;
+    if (input.themeJavaScriptConsentIds !== void 0) {
+      body.themeJavaScriptConsentIds = input.themeJavaScriptConsentIds;
+    }
     return this.#http.requestVoid("PATCH", "/display", body);
   }
   focus(input) {
@@ -48871,6 +48889,7 @@ var TelevisionClient = class {
   channels;
   artifacts;
   display;
+  themes;
   markdown;
   telemetry;
   #http;
@@ -48879,6 +48898,7 @@ var TelevisionClient = class {
     this.channels = new ChannelClient(this.#http);
     this.artifacts = new ArtifactClient(this.#http);
     this.display = new DisplayClient(this.#http);
+    this.themes = new ThemeClient(this.#http);
     this.markdown = new MarkdownClient(this.#http);
     this.telemetry = new TelemetryControlClient(this.#http);
   }
@@ -49085,11 +49105,654 @@ function createArtifact(input) {
   return ArtifactSchema.parse({ id: input.id ?? ulid3(), ...input });
 }
 
+// ../server/src/bundled-theme-ids.ts
+var BUNDLED_THEMES = [{ "id": "aquarium", "minimumVersion": "1.0.2" }, { "id": "blueprint", "minimumVersion": "1.0.0" }, { "id": "crt-phosphor", "minimumVersion": "1.0.0" }, { "id": "clouds", "minimumVersion": "2.1.0" }, { "id": "nord", "minimumVersion": "1.1.0" }, { "id": "swiss", "minimumVersion": "1.1.0" }, { "id": "tokyo-night", "minimumVersion": "1.1.0" }];
+var BUNDLED_THEME_IDS = BUNDLED_THEMES.map(({ id }) => id);
+
+// ../server/src/bundled-theme-installer.ts
+var import_node_fs4 = require("node:fs");
+var import_node_path5 = __toESM(require("node:path"), 1);
+
+// ../server/src/artifact-paths.ts
+var import_node_path3 = __toESM(require("node:path"), 1);
+function getStateDir(storagePath) {
+  return import_node_path3.default.join(storagePath, "state");
+}
+function getChannelsDir(storagePath) {
+  return import_node_path3.default.join(getStateDir(storagePath), "channels");
+}
+function getLegacyScreensDir(storagePath) {
+  return import_node_path3.default.join(getStateDir(storagePath), "screens");
+}
+function getArtifactsMetadataDir(storagePath) {
+  return import_node_path3.default.join(getStateDir(storagePath), "artifacts");
+}
+function getDisplayStatePath(storagePath) {
+  return import_node_path3.default.join(getStateDir(storagePath), "display.json");
+}
+function getDisplayMigrationTempPath(storagePath) {
+  return import_node_path3.default.join(getStateDir(storagePath), ".display.json.screen-to-channel.tmp");
+}
+function getTelemetryStatePath(storagePath) {
+  return import_node_path3.default.join(getStateDir(storagePath), "telemetry.json");
+}
+function getTokenPath(storagePath) {
+  return import_node_path3.default.join(getStateDir(storagePath), "token");
+}
+function getOnboardingStatePath(storagePath) {
+  return import_node_path3.default.join(getStateDir(storagePath), "onboarding.json");
+}
+function getBundledThemesStatePath(storagePath) {
+  return import_node_path3.default.join(getStateDir(storagePath), "bundled-themes.json");
+}
+function getOnboardingArtifactSentinelPath(storagePath) {
+  return import_node_path3.default.join(getStateDir(storagePath), "onboarding-artifact.json");
+}
+function getAgentArtifactsDir(storagePath) {
+  return import_node_path3.default.join(...[storagePath, "artifacts"]);
+}
+function getArtifactLiveMetadataPath(storagePath, artifactID) {
+  return import_node_path3.default.join(getArtifactsMetadataDir(storagePath), `${artifactID}.json`);
+}
+
+// ../server/src/themes.ts
+var import_node_crypto2 = require("node:crypto");
+var import_node_fs3 = require("node:fs");
+var import_node_path4 = __toESM(require("node:path"), 1);
+var ETAG_DIGEST_LENGTH = 16;
+var HTTP_NO_CONTENT_STATUS = 204;
+var HTTP_NOT_FOUND_STATUS = 404;
+var HTTP_NOT_MODIFIED_STATUS = 304;
+var THEME_MANIFEST_FILE = "manifest.json";
+var THEME_ENTRY_FILE = "theme.css";
+var THEME_SCRIPT_ENTRIES = [
+  { declaration: "enableMainJS", filename: "main.js", requiresConsent: true },
+  {
+    declaration: "enableIframeBackgroundJS",
+    filename: "iframe-background.js",
+    requiresConsent: false
+  },
+  {
+    declaration: "enableIframeOverlayJS",
+    filename: "iframe-overlay.js",
+    requiresConsent: false
+  }
+];
+var THEME_AUTHORING_CONTEXT_FILE = "README.md";
+var SEMVER_NUMERIC_IDENTIFIER = "(?:0|[1-9]\\d*)";
+var SEMVER_NON_NUMERIC_IDENTIFIER = "(?:\\d*[A-Za-z-][0-9A-Za-z-]*)";
+var SEMVER_PRERELEASE_IDENTIFIER = `(?:${SEMVER_NUMERIC_IDENTIFIER}|${SEMVER_NON_NUMERIC_IDENTIFIER})`;
+var SEMVER_BUILD_IDENTIFIER = "[0-9A-Za-z-]+";
+var SEMVER_PATTERN = new RegExp(
+  `^${SEMVER_NUMERIC_IDENTIFIER}\\.${SEMVER_NUMERIC_IDENTIFIER}\\.${SEMVER_NUMERIC_IDENTIFIER}(?:-${SEMVER_PRERELEASE_IDENTIFIER}(?:\\.${SEMVER_PRERELEASE_IDENTIFIER})*)?(?:\\+${SEMVER_BUILD_IDENTIFIER}(?:\\.${SEMVER_BUILD_IDENTIFIER})*)?$`
+);
+function isSemanticVersion(value) {
+  return SEMVER_PATTERN.test(value);
+}
+function compareSemanticVersions(left, right) {
+  const leftVersion = parseSemanticVersion(left);
+  const rightVersion = parseSemanticVersion(right);
+  if (leftVersion === null || rightVersion === null) {
+    throw new Error("Semantic Version comparison requires two valid versions");
+  }
+  for (let index = 0; index < leftVersion.core.length; index += 1) {
+    const leftPart = leftVersion.core[index];
+    const rightPart = rightVersion.core[index];
+    if (leftPart < rightPart) return -1;
+    if (leftPart > rightPart) return 1;
+  }
+  if (leftVersion.prerelease === null) return rightVersion.prerelease === null ? 0 : 1;
+  if (rightVersion.prerelease === null) return -1;
+  const identifierCount = Math.max(
+    leftVersion.prerelease.length,
+    rightVersion.prerelease.length
+  );
+  for (let index = 0; index < identifierCount; index += 1) {
+    const leftIdentifier = leftVersion.prerelease[index];
+    const rightIdentifier = rightVersion.prerelease[index];
+    if (leftIdentifier === void 0) return -1;
+    if (rightIdentifier === void 0) return 1;
+    if (leftIdentifier === rightIdentifier) continue;
+    const leftNumeric = /^\d+$/.test(leftIdentifier);
+    const rightNumeric = /^\d+$/.test(rightIdentifier);
+    if (leftNumeric && rightNumeric) {
+      return BigInt(leftIdentifier) < BigInt(rightIdentifier) ? -1 : 1;
+    }
+    if (leftNumeric) return -1;
+    if (rightNumeric) return 1;
+    return leftIdentifier < rightIdentifier ? -1 : 1;
+  }
+  return 0;
+}
+function parseSemanticVersion(value) {
+  if (!isSemanticVersion(value)) return null;
+  const withoutBuild = value.split("+", 1)[0];
+  const prereleaseSeparator = withoutBuild.indexOf("-");
+  const coreText = prereleaseSeparator === -1 ? withoutBuild : withoutBuild.slice(0, prereleaseSeparator);
+  const prerelease = prereleaseSeparator === -1 ? null : withoutBuild.slice(prereleaseSeparator + 1).split(".");
+  const [major, minor, patch] = coreText.split(".").map((part) => BigInt(part));
+  return {
+    core: [major, minor, patch],
+    prerelease
+  };
+}
+function getThemesDir(storagePath) {
+  return import_node_path4.default.join(storagePath, "themes");
+}
+function getThemeDir(storagePath, themeID) {
+  return import_node_path4.default.join(getThemesDir(storagePath), themeID);
+}
+function normalizeThemeColorScheme(value) {
+  if (typeof value !== "string") return null;
+  const words = new Set(value.trim().toLowerCase().split(/\s+/));
+  if (words.size === 1 && words.has("light")) return "light";
+  if (words.size === 1 && words.has("dark")) return "dark";
+  if (words.size === 2 && words.has("light") && words.has("dark")) {
+    return "light dark";
+  }
+  return null;
+}
+function validateThemePackage(themeDir, themeID) {
+  const errors = [];
+  let manifest;
+  let parsed;
+  try {
+    const raw = (0, import_node_fs3.readFileSync)(import_node_path4.default.join(themeDir, THEME_MANIFEST_FILE), "utf8");
+    try {
+      parsed = JSON.parse(raw);
+    } catch {
+      errors.push(`cannot parse ${THEME_MANIFEST_FILE}`);
+    }
+  } catch {
+    errors.push(`cannot read ${THEME_MANIFEST_FILE}`);
+  }
+  if (parsed !== void 0) {
+    if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed)) {
+      errors.push(`${THEME_MANIFEST_FILE} must contain a JSON object`);
+    } else {
+      const candidate = parsed;
+      const nameValid = typeof candidate.name === "string" && candidate.name.trim().length > 0;
+      if (!nameValid) {
+        errors.push("manifest must have a non-empty name");
+      }
+      const versionValid = typeof candidate.version === "string" && isSemanticVersion(candidate.version);
+      if (!versionValid) {
+        errors.push("manifest version must be a valid Semantic Version");
+      }
+      const colorScheme = normalizeThemeColorScheme(candidate.colorScheme);
+      if (colorScheme === null) {
+        errors.push(
+          "manifest colorScheme must be one of: light, dark, light dark"
+        );
+      }
+      const authoredForAppVersion = typeof candidate.authoredForAppVersion === "string" && isSemanticVersion(candidate.authoredForAppVersion) ? candidate.authoredForAppVersion : void 0;
+      const javascriptDeclarations = {};
+      let javascriptDeclarationsValid = true;
+      for (const { declaration, filename } of THEME_SCRIPT_ENTRIES) {
+        if (!Object.hasOwn(candidate, declaration)) continue;
+        if (typeof candidate[declaration] !== "boolean") {
+          errors.push(`manifest ${declaration} must be a boolean`);
+          javascriptDeclarationsValid = false;
+          continue;
+        }
+        javascriptDeclarations[declaration] = candidate[declaration];
+        validateReadableRegularFile(themeDir, filename, errors);
+      }
+      if (nameValid && versionValid && colorScheme !== null && javascriptDeclarationsValid) {
+        manifest = {
+          name: candidate.name,
+          version: candidate.version,
+          colorScheme,
+          ...authoredForAppVersion === void 0 ? {} : { authoredForAppVersion },
+          ...javascriptDeclarations
+        };
+      }
+    }
+  }
+  validateReadableRegularFile(themeDir, THEME_ENTRY_FILE, errors);
+  return errors.length === 0 && manifest !== void 0 ? { theme: { id: themeID, ...manifest }, errors: [] } : { errors };
+}
+function validateReadableRegularFile(themeDir, filename, errors) {
+  try {
+    const entryPath = import_node_path4.default.join(themeDir, filename);
+    if (!(0, import_node_fs3.statSync)(entryPath).isFile()) {
+      errors.push(`${filename} must be a readable regular file`);
+    } else {
+      (0, import_node_fs3.accessSync)(entryPath, import_node_fs3.constants.R_OK);
+    }
+  } catch {
+    errors.push(`${filename} must be a readable regular file`);
+  }
+}
+function scanThemesDirectory(themesDir) {
+  let entries;
+  try {
+    entries = (0, import_node_fs3.readdirSync)(themesDir, { withFileTypes: true });
+  } catch {
+    return {
+      themes: [],
+      errors: [{ folder: null, error: "cannot read themes directory" }]
+    };
+  }
+  const themes = [];
+  const errors = [];
+  for (const entry of entries) {
+    if (!entry.isDirectory() || entry.name.startsWith(".")) {
+      continue;
+    }
+    const result = validateThemePackage(import_node_path4.default.join(themesDir, entry.name), entry.name);
+    if (result.theme !== void 0) {
+      themes.push(result.theme);
+    } else {
+      errors.push({ folder: entry.name, error: result.errors.join("; ") });
+    }
+  }
+  themes.sort(
+    (left, right) => left.name.localeCompare(right.name, "en") || left.id.localeCompare(right.id, "en")
+  );
+  errors.sort((left, right) => (left.folder ?? "").localeCompare(right.folder ?? "", "en"));
+  return { themes, errors };
+}
+function serveActiveTheme(store) {
+  return (req, res, next) => {
+    res.setHeader("Access-Control-Allow-Origin", "*");
+    res.setHeader("Access-Control-Allow-Methods", "GET, HEAD, OPTIONS");
+    if (req.method === "OPTIONS") {
+      res.status(HTTP_NO_CONTENT_STATUS).end();
+      return;
+    }
+    if (req.method !== "GET" && req.method !== "HEAD") {
+      next();
+      return;
+    }
+    res.setHeader("Cache-Control", "no-cache");
+    const relativePath = requestedThemePath(req.path);
+    if (relativePath === null) {
+      res.sendStatus(HTTP_NOT_FOUND_STATUS);
+      return;
+    }
+    const activeThemeID = store.getActiveThemeName();
+    const theme = activeThemeID === null ? void 0 : store.getThemeRegistry().themes.find((candidate) => candidate.id === activeThemeID);
+    if (theme === void 0) {
+      sendMissingThemeResponse(relativePath, res);
+      return;
+    }
+    const scriptEntry = getThemeScriptEntry(relativePath);
+    if (scriptEntry !== void 0 && (theme[scriptEntry.declaration] !== true || scriptEntry.requiresConsent && !store.hasThemeJavaScriptConsent(theme.id))) {
+      sendEmptyThemeEntryResponse(scriptEntry.filename, theme, res);
+      return;
+    }
+    try {
+      const themesRoot = (0, import_node_fs3.realpathSync)(getThemesDir(store.storagePath));
+      const packageRoot = (0, import_node_fs3.realpathSync)(getThemeDir(store.storagePath, theme.id));
+      if (!isContainedPath(themesRoot, packageRoot)) {
+        sendMissingThemeResponse(relativePath, res, theme);
+        return;
+      }
+      if (scriptEntry === void 0) {
+        const entryPath = (0, import_node_fs3.realpathSync)(import_node_path4.default.join(packageRoot, THEME_ENTRY_FILE));
+        if (!isContainedPath(packageRoot, entryPath) || !(0, import_node_fs3.statSync)(entryPath).isFile()) {
+          sendMissingThemeResponse(relativePath, res, theme);
+          return;
+        }
+      }
+      const candidate = import_node_path4.default.resolve(packageRoot, relativePath);
+      if (!isContainedPath(packageRoot, candidate) || isThemeAuthoringContextPath(packageRoot, candidate)) {
+        res.sendStatus(HTTP_NOT_FOUND_STATUS);
+        return;
+      }
+      const realCandidate = (0, import_node_fs3.realpathSync)(candidate);
+      if (!isContainedPath(packageRoot, realCandidate)) {
+        res.sendStatus(HTTP_NOT_FOUND_STATUS);
+        return;
+      }
+      if (!(0, import_node_fs3.statSync)(realCandidate).isFile()) {
+        sendMissingThemeResponse(relativePath, res, theme);
+        return;
+      }
+      const bytes = (0, import_node_fs3.readFileSync)(realCandidate);
+      const etag = themeETag(theme.id, theme.version, bytes);
+      res.type(import_node_path4.default.extname(relativePath));
+      res.setHeader("ETag", etag);
+      if (matchesIfNoneMatch(req.headers["if-none-match"], etag)) {
+        res.status(HTTP_NOT_MODIFIED_STATUS).end();
+        return;
+      }
+      res.send(bytes);
+    } catch {
+      sendMissingThemeResponse(relativePath, res, theme);
+    }
+  };
+}
+function requestedThemePath(requestPath) {
+  try {
+    const decoded = decodeURIComponent(requestPath).replace(/^\/+/, "");
+    if (decoded === "" || decoded.includes("\0") || import_node_path4.default.isAbsolute(decoded)) {
+      return null;
+    }
+    return decoded;
+  } catch {
+    return null;
+  }
+}
+function isContainedPath(root, candidate) {
+  return candidate === root || candidate.startsWith(`${root}${import_node_path4.default.sep}`);
+}
+function isThemeAuthoringContextPath(packageRoot, candidate) {
+  return import_node_path4.default.relative(packageRoot, candidate).toLowerCase() === THEME_AUTHORING_CONTEXT_FILE.toLowerCase();
+}
+function isThemeEntryPath(relativePath, filename) {
+  return import_node_path4.default.normalize(relativePath) === filename;
+}
+function getThemeScriptEntry(relativePath) {
+  return THEME_SCRIPT_ENTRIES.find(
+    ({ filename }) => isThemeEntryPath(relativePath, filename)
+  );
+}
+function sendMissingThemeResponse(relativePath, res, theme) {
+  if (isThemeEntryPath(relativePath, THEME_ENTRY_FILE)) {
+    sendEmptyThemeEntryResponse(THEME_ENTRY_FILE, theme, res);
+    return;
+  }
+  const scriptEntry = getThemeScriptEntry(relativePath);
+  if (scriptEntry !== void 0) {
+    sendEmptyThemeEntryResponse(scriptEntry.filename, theme, res);
+    return;
+  }
+  res.sendStatus(HTTP_NOT_FOUND_STATUS);
+}
+function sendEmptyThemeEntryResponse(filename, theme, res) {
+  const bytes = Buffer.alloc(0);
+  const etag = themeETag(theme?.id ?? "default", theme?.version ?? "internal", bytes);
+  res.type(filename === THEME_ENTRY_FILE ? "text/css" : "text/javascript");
+  res.setHeader("ETag", etag);
+  res.send(bytes);
+}
+function themeETag(themeID, version2, bytes) {
+  const digest = (0, import_node_crypto2.createHash)("sha256").update(themeID).update("\0").update(version2).update("\0").update(bytes).digest("hex").slice(0, ETAG_DIGEST_LENGTH);
+  return `W/"theme-${digest}"`;
+}
+function matchesIfNoneMatch(header, etag) {
+  if (header === void 0) return false;
+  const values = Array.isArray(header) ? header : [header];
+  return values.some(
+    (value) => value.split(",").map((candidate) => candidate.trim()).some((candidate) => candidate === "*" || candidate === etag)
+  );
+}
+
+// ../server/src/bundled-theme-installer.ts
+var JSON_INDENT_SPACES = 2;
+var BACKUP_TIMESTAMP_LENGTH = 19;
+var BUNDLED_THEME_STATE_VERSION = 2;
+var DEFAULT_BUNDLED_THEME_ID = "clouds";
+function getBundledThemeStateTempPath(storagePath) {
+  const statePath = getBundledThemesStatePath(storagePath);
+  return import_node_path5.default.join(import_node_path5.default.dirname(statePath), `.${import_node_path5.default.basename(statePath)}.tmp-${process.pid}`);
+}
+function getBundledThemeCopyTempPath(storagePath, themeID) {
+  return import_node_path5.default.join(getThemesDir(storagePath), `.${themeID}.bundled-theme.tmp-${process.pid}`);
+}
+function getBundledThemeBackupTempPath(storagePath, themeID) {
+  return import_node_path5.default.join(getThemesDir(storagePath), `.${themeID}.bundled-theme.backup-tmp-${process.pid}`);
+}
+function getBundledThemePreviousPath(storagePath, themeID) {
+  return import_node_path5.default.join(getThemesDir(storagePath), `.${themeID}.bundled-theme.previous-${process.pid}`);
+}
+function readBundledThemeStateFile(storagePath) {
+  const statePath = getBundledThemesStatePath(storagePath);
+  if (!(0, import_node_fs4.existsSync)(statePath)) return { status: "absent" };
+  let parsed;
+  try {
+    parsed = JSON.parse((0, import_node_fs4.readFileSync)(statePath, "utf8"));
+  } catch (error48) {
+    return { status: "invalid", error: describeError(error48) };
+  }
+  if (isBundledThemeState(parsed)) return { status: "ok", state: parsed };
+  return {
+    status: "invalid",
+    error: "expected version 2 bundled-theme state with unique sorted theme IDs"
+  };
+}
+function writeBundledThemeStateFile(storagePath, state) {
+  const statePath = getBundledThemesStatePath(storagePath);
+  const tempPath = getBundledThemeStateTempPath(storagePath);
+  try {
+    (0, import_node_fs4.writeFileSync)(tempPath, `${JSON.stringify(state, null, JSON_INDENT_SPACES)}
+`);
+    (0, import_node_fs4.renameSync)(tempPath, statePath);
+  } catch (error48) {
+    try {
+      (0, import_node_fs4.rmSync)(tempPath, { recursive: true, force: true });
+    } catch {
+    }
+    throw error48;
+  }
+}
+function runBundledThemeInstallation(storagePath, bundledThemesPath) {
+  if (bundledThemesPath === void 0) return null;
+  const stateRead = readBundledThemeStateFile(storagePath);
+  if (stateRead.status === "invalid") {
+    console.warn(
+      "Bundled theme state is invalid; skipping bundled theme installation for this boot.",
+      stateRead.error
+    );
+    return null;
+  }
+  let state = stateRead.status === "ok" ? stateRead.state : {
+    version: BUNDLED_THEME_STATE_VERSION,
+    installedThemeIDs: [],
+    initialThemeSelectionComplete: false
+  };
+  const recoveryFailures = recoverInterruptedReplacements(storagePath);
+  for (const { id, minimumVersion } of BUNDLED_THEMES) {
+    if (recoveryFailures.has(id)) continue;
+    const destinationPath = getThemeDir(storagePath, id);
+    let handled = false;
+    if (!pathExists(destinationPath)) {
+      if (state.installedThemeIDs.includes(id)) continue;
+      handled = installBundledTheme(storagePath, bundledThemesPath, id);
+    } else if (installedThemeMeetsMinimum(destinationPath, id, minimumVersion)) {
+      handled = true;
+    } else {
+      handled = replaceBundledTheme(storagePath, bundledThemesPath, id);
+    }
+    if (!handled || state.installedThemeIDs.includes(id)) continue;
+    const nextState = {
+      ...state,
+      installedThemeIDs: [...state.installedThemeIDs, id].sort((left, right) => left.localeCompare(right, "en"))
+    };
+    try {
+      writeBundledThemeStateFile(storagePath, nextState);
+      state = nextState;
+    } catch (error48) {
+      console.warn(
+        `Failed to record bundled theme ${JSON.stringify(id)}; it will retry on the next boot.`,
+        error48
+      );
+    }
+  }
+  return state;
+}
+function installedThemeMeetsMinimum(destinationPath, themeID, minimumVersion) {
+  try {
+    if (!(0, import_node_fs4.lstatSync)(destinationPath).isDirectory()) return false;
+  } catch {
+    return false;
+  }
+  const result = validateThemePackage(destinationPath, themeID);
+  return result.theme !== void 0 && compareSemanticVersions(result.theme.version, minimumVersion) >= 0;
+}
+function installBundledTheme(storagePath, bundledThemesPath, themeID) {
+  const destinationPath = getThemeDir(storagePath, themeID);
+  const tempPath = getBundledThemeCopyTempPath(storagePath, themeID);
+  try {
+    copyFresh(import_node_path5.default.join(bundledThemesPath, themeID), tempPath);
+    if (pathExists(destinationPath)) {
+      (0, import_node_fs4.rmSync)(tempPath, { recursive: true, force: true });
+      return false;
+    }
+    (0, import_node_fs4.renameSync)(tempPath, destinationPath);
+    return true;
+  } catch (error48) {
+    removeAfterFailure(tempPath);
+    console.warn(
+      `Failed to install bundled theme ${JSON.stringify(themeID)}; it will retry on the next boot.`,
+      error48
+    );
+    return false;
+  }
+}
+function replaceBundledTheme(storagePath, bundledThemesPath, themeID) {
+  const destinationPath = getThemeDir(storagePath, themeID);
+  const backupTempPath = getBundledThemeBackupTempPath(storagePath, themeID);
+  try {
+    copyFresh(destinationPath, backupTempPath);
+    (0, import_node_fs4.renameSync)(backupTempPath, unusedBackupPath(storagePath, themeID));
+  } catch (error48) {
+    removeAfterFailure(backupTempPath);
+    console.warn(
+      `Failed to back up bundled theme ${JSON.stringify(themeID)}; it will retry on the next boot.`,
+      error48
+    );
+    return false;
+  }
+  const replacementTempPath = getBundledThemeCopyTempPath(storagePath, themeID);
+  const previousPath = getBundledThemePreviousPath(storagePath, themeID);
+  let previousMoved = false;
+  let replacementInstalled = false;
+  try {
+    copyFresh(import_node_path5.default.join(bundledThemesPath, themeID), replacementTempPath);
+    (0, import_node_fs4.renameSync)(destinationPath, previousPath);
+    previousMoved = true;
+    (0, import_node_fs4.renameSync)(replacementTempPath, destinationPath);
+    replacementInstalled = true;
+  } catch (error48) {
+    removeAfterFailure(replacementTempPath);
+    if (previousMoved && !replacementInstalled && !pathExists(destinationPath)) {
+      try {
+        (0, import_node_fs4.renameSync)(previousPath, destinationPath);
+      } catch (rollbackError) {
+        console.warn(
+          `Failed to restore bundled theme ${JSON.stringify(themeID)} after replacement failed.`,
+          rollbackError
+        );
+      }
+    }
+    console.warn(
+      `Failed to replace bundled theme ${JSON.stringify(themeID)}; it will retry on the next boot.`,
+      error48
+    );
+    return false;
+  }
+  try {
+    (0, import_node_fs4.rmSync)(previousPath, { recursive: true, force: true });
+  } catch (error48) {
+    console.warn(
+      `Bundled theme ${JSON.stringify(themeID)} was replaced, but its hidden prior copy could not be removed.`,
+      error48
+    );
+  }
+  return true;
+}
+function copyFresh(sourcePath, destinationPath) {
+  (0, import_node_fs4.cpSync)(sourcePath, destinationPath, {
+    recursive: true,
+    errorOnExist: true,
+    force: false,
+    verbatimSymlinks: true
+  });
+}
+function unusedBackupPath(storagePath, themeID) {
+  const initialTime = Date.now();
+  for (let offsetSeconds = 0; ; offsetSeconds += 1) {
+    const timestamp = new Date(initialTime + offsetSeconds * 1e3).toISOString().slice(0, BACKUP_TIMESTAMP_LENGTH).replace("T", "-").replaceAll(":", "-");
+    const candidate = import_node_path5.default.join(getThemesDir(storagePath), `.${themeID}.backup.${timestamp}`);
+    if (!pathExists(candidate)) return candidate;
+  }
+}
+function recoverInterruptedReplacements(storagePath) {
+  const failed = /* @__PURE__ */ new Set();
+  const themesPath = getThemesDir(storagePath);
+  const entries = (0, import_node_fs4.readdirSync)(themesPath, { withFileTypes: true });
+  for (const { id } of BUNDLED_THEMES) {
+    const previousPrefix = `.${id}.bundled-theme.previous-`;
+    const previousNames = entries.map(({ name }) => name).filter((name) => name.startsWith(previousPrefix) && /^\d+$/.test(name.slice(previousPrefix.length))).sort();
+    const destinationPath = getThemeDir(storagePath, id);
+    if (!pathExists(destinationPath) && previousNames.length > 0) {
+      const previousPath = import_node_path5.default.join(themesPath, previousNames[0]);
+      try {
+        (0, import_node_fs4.renameSync)(previousPath, destinationPath);
+      } catch (error48) {
+        failed.add(id);
+        console.warn(
+          `Failed to recover interrupted replacement of bundled theme ${JSON.stringify(id)}; it will retry on the next boot.`,
+          error48
+        );
+      }
+    }
+    if (pathExists(destinationPath)) {
+      for (const previousName of previousNames) {
+        const previousPath = import_node_path5.default.join(themesPath, previousName);
+        if (!pathExists(previousPath)) continue;
+        try {
+          (0, import_node_fs4.rmSync)(previousPath, { recursive: true, force: true });
+        } catch (error48) {
+          console.warn(
+            `Failed to remove an interrupted replacement copy for bundled theme ${JSON.stringify(id)}.`,
+            error48
+          );
+        }
+      }
+    }
+  }
+  for (const entry of entries) {
+    const match = /^\.(.+)\.bundled-theme\.(?:tmp|backup-tmp)-(\d+)$/.exec(entry.name);
+    if (match === null || !BUNDLED_THEME_IDS.includes(match[1])) continue;
+    if (Number(match[2]) === process.pid && !entry.isDirectory()) continue;
+    try {
+      (0, import_node_fs4.rmSync)(import_node_path5.default.join(themesPath, entry.name), { recursive: true, force: true });
+    } catch (error48) {
+      console.warn(`Failed to remove bundled theme copy temporary ${JSON.stringify(entry.name)}.`, error48);
+    }
+  }
+  return failed;
+}
+function removeAfterFailure(candidatePath) {
+  try {
+    (0, import_node_fs4.rmSync)(candidatePath, { recursive: true, force: true });
+  } catch {
+  }
+}
+function pathExists(candidatePath) {
+  try {
+    (0, import_node_fs4.lstatSync)(candidatePath);
+    return true;
+  } catch {
+    return false;
+  }
+}
+function hasValidThemeIDs(value) {
+  if (!Array.isArray(value) || !value.every((themeID) => typeof themeID === "string")) {
+    return false;
+  }
+  const sorted = [...value].sort((left, right) => left.localeCompare(right, "en"));
+  return sorted.length === new Set(sorted).size && sorted.every((themeID, index) => themeID === value[index]);
+}
+function isBundledThemeState(value) {
+  if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
+  const candidate = value;
+  return Object.keys(candidate).sort().join(",") === "initialThemeSelectionComplete,installedThemeIDs,version" && candidate.version === BUNDLED_THEME_STATE_VERSION && typeof candidate.initialThemeSelectionComplete === "boolean" && hasValidThemeIDs(candidate.installedThemeIDs);
+}
+function describeError(error48) {
+  return error48 instanceof Error ? error48.message : String(error48);
+}
+
 // ../server/src/telemetry/types.ts
 var telemetryVersionBrand = Symbol("telemetryVersion");
 function telemetryVersion(value) {
   return value;
 }
+var THEME_STATES = ["none", ...BUNDLED_THEME_IDS, "custom"];
 var AGENT_TYPES = [
   "pi",
   "opencode",
@@ -49121,12 +49784,30 @@ function deriveArtifactProperties(artifact) {
     url_is_artifact_proxy: isTvArtifact(artifact.url)
   };
 }
+var BUNDLED_THEME_ID_SET = new Set(BUNDLED_THEME_IDS);
+function classifyThemeState(activeThemeName) {
+  if (activeThemeName === null) return "none";
+  if (BUNDLED_THEME_ID_SET.has(activeThemeName)) return activeThemeName;
+  return "custom";
+}
 function deriveThemeProperties(input) {
   return {
-    theme_state: input.activeThemeName === null ? "default" : "custom",
+    theme_state: classifyThemeState(input.activeThemeName),
     theme_count: input.themeCount
   };
 }
+function deriveThemeSettingsProperties(input) {
+  const theme = input.themes.find((candidate) => candidate.id === input.activeThemeName);
+  const mainDeclared = theme?.enableMainJS === true;
+  return {
+    theme_state: classifyThemeState(input.activeThemeName),
+    theme_main_js_declared: mainDeclared,
+    theme_main_js_enabled: mainDeclared && input.activeThemeName !== null && input.themeJavaScriptConsentIds.includes(input.activeThemeName),
+    theme_iframe_background_enabled: theme?.enableIframeBackgroundJS === true,
+    theme_iframe_overlay_enabled: theme?.enableIframeOverlayJS === true,
+    appearance_mode: input.appearanceMode
+  };
+}
 var KNOWN_AGENT_TYPES = AGENT_TYPES.filter((agentType) => agentType !== "dot-agents" && agentType !== "interactive-install" && agentType !== "other");
 var IPV4_VERSION = 4;
 var TAILNET_FIRST_OCTET = 100;
@@ -49305,10 +49986,10 @@ function telemetryContextFromMeta(value) {
 }
 
 // ../server/src/artifact-proxy.ts
-var import_node_crypto2 = require("node:crypto");
+var import_node_crypto3 = require("node:crypto");
 var import_promises2 = require("node:fs/promises");
-var import_node_fs3 = __toESM(require("node:fs"), 1);
-var import_node_path3 = __toESM(require("node:path"), 1);
+var import_node_fs5 = __toESM(require("node:fs"), 1);
+var import_node_path6 = __toESM(require("node:path"), 1);
 var import_send = __toESM(require_send(), 1);
 
 // ../../node_modules/marked/lib/marked.esm.js
@@ -50519,6 +51200,35 @@ var Kt = g.parseInline;
 var Xt = b.parse;
 var Jt = x.lex;
 
+// ../artifact/src/browser/appearance-resolver.ts
+function installAppearanceResolver(initialPreference, targetWindow = window) {
+  const existing = targetWindow.__televisionAppearanceResolver;
+  if (existing !== void 0) return existing;
+  const query = targetWindow.matchMedia("(prefers-color-scheme: dark)");
+  let preference = initialPreference;
+  const isPreference = (value) => value === "system" || value === "light" || value === "dark";
+  const apply = () => {
+    const effective = preference === "system" ? query.matches ? "dark" : "light" : preference;
+    targetWindow.document.documentElement.dataset.theme = effective;
+  };
+  const controller = {
+    setPreference(nextPreference) {
+      if (!isPreference(nextPreference)) return;
+      preference = nextPreference;
+      apply();
+    }
+  };
+  targetWindow.__televisionAppearanceResolver = controller;
+  query.addEventListener("change", () => {
+    if (preference === "system") apply();
+  });
+  apply();
+  return controller;
+}
+function appearanceResolverScriptSource(preferenceExpression) {
+  return `(${installAppearanceResolver.toString()})(${preferenceExpression});`;
+}
+
 // ../utils/src/disposable.ts
 function wrapDispose(target, isDisposed, setDisposed) {
   const disposeImpl = target.dispose.bind(target);
@@ -50606,6 +51316,27 @@ function installBridge(win = window, options = {}) {
     keyboard.preventDefault();
     win.parent.postMessage({ type: "navigation-key", key: keyboard.key }, "*");
   }, true);
+  const pointerEventTypes = [
+    "pointermove",
+    "pointerdown",
+    "pointerup",
+    "pointercancel",
+    "click"
+  ];
+  for (const eventType of pointerEventTypes) {
+    win.addEventListener(eventType, (event) => {
+      const pointer = event;
+      if (!pointer.isTrusted) return;
+      win.parent.postMessage({
+        type: "artifact-pointer",
+        eventType,
+        clientX: pointer.clientX,
+        clientY: pointer.clientY,
+        button: pointer.button,
+        buttons: pointer.buttons
+      }, "*");
+    }, true);
+  }
   const capturedURL = win.location.href;
   const isTvArtifactURL = (url2) => {
     try {
@@ -50841,7 +51572,7 @@ function installBridge(win = window, options = {}) {
   postBridgeReady();
 }
 function bridgeScriptSource(options = {}) {
-  return `(function(){const __name=(target)=>target;(${installBridge.toString()})(window,${JSON.stringify(options)});})();`;
+  return `(function(){const __name=(target)=>target;(${installAppearanceResolver.toString()})("system",window);(${installBridge.toString()})(window,${JSON.stringify(options)});})();`;
 }
 
 // ../server/src/markdown-doc-style.ts
@@ -50938,7 +51669,7 @@ li::before {
   width: var(--md-gutter);
   margin-left: calc(-1 * var(--md-gutter));
   text-align: center;
-  color: rgba(0, 0, 0, 0.4);
+  color: var(--color-text-muted);
 }
 
 ol > li {
@@ -50990,8 +51721,8 @@ pre code {
 
 /* Blockquote: editor's grey border + muted text, with its indent. */
 blockquote {
-  border-left: 3px solid rgba(0, 0, 0, 0.2);
-  color: rgba(0, 0, 0, 0.55);
+  border-left: 3px solid var(--color-border);
+  color: var(--color-text-muted);
   padding-left: 1rem;
   margin-left: 0.25rem;
 }
@@ -51076,7 +51807,7 @@ function sendArtifactNotFound(req, res, store) {
       return;
     }
     try {
-      const body = await (0, import_promises2.readFile)(import_node_path3.default.join(viewPath, "index.html"));
+      const body = await (0, import_promises2.readFile)(import_node_path6.default.join(viewPath, "index.html"));
       applyProxyHeaders(res);
       res.status(HTTP_NOT_FOUND).type("text/html; charset=utf-8");
       res.setHeader("Content-Length", String(body.byteLength));
@@ -51100,30 +51831,68 @@ function isHTMLResponse(res) {
   const value = Array.isArray(contentType) ? contentType.join("; ") : String(contentType ?? "");
   return value.toLowerCase().startsWith("text/html");
 }
-function injectedETag(stat, body, bridgeSource) {
-  const hash2 = (0, import_node_crypto2.createHash)("sha256");
+function injectedETag(stat, body, bridgeSource, appearanceSource = "") {
+  const hash2 = (0, import_node_crypto3.createHash)("sha256");
   hash2.update(String(stat.size));
   hash2.update("\0");
   hash2.update(String(stat.mtimeMs));
   hash2.update("\0");
   hash2.update(bridgeSource);
   hash2.update("\0");
+  hash2.update(appearanceSource);
+  hash2.update("\0");
   hash2.update(body);
   return `"${hash2.digest("base64url")}"`;
 }
-function appendBridge(body, bridgeSource) {
-  return Buffer.concat([body, Buffer.from(`
+function appearanceScript(source) {
+  return `<script>
+${source}
+</script>`;
+}
+function injectAppearance(source, appearanceSource) {
+  const script = appearanceScript(appearanceSource);
+  const head = /<head\b[^>]*>/i.exec(source);
+  if (head) {
+    const afterHead = source.slice(head.index + head[0].length);
+    const headEnd = /<\/head\s*>/i.exec(afterHead);
+    const searchEnd2 = headEnd === null ? source.length : head.index + head[0].length + headEnd.index;
+    const headContent = source.slice(head.index + head[0].length, searchEnd2);
+    let insertion2 = head.index + head[0].length;
+    for (const match of headContent.matchAll(/<meta\b[^>]*>/gi)) {
+      if (/\bhttp-equiv\s*=\s*["']?Content-Security-Policy["']?/i.test(match[0])) {
+        insertion2 = head.index + head[0].length + match.index + match[0].length;
+      }
+    }
+    return `${source.slice(0, insertion2)}
+${script}${source.slice(insertion2)}`;
+  }
+  const firstStyleOrBody = /<(?:link\b[^>]*rel\s*=\s*["']?stylesheet|style\b|body\b)/i.exec(source);
+  const searchEnd = firstStyleOrBody?.index ?? source.length;
+  const prefix = source.slice(0, searchEnd);
+  const doctype = /<!doctype\b[^>]*>/i.exec(prefix);
+  let insertion = doctype === null ? 0 : doctype.index + doctype[0].length;
+  for (const match of prefix.matchAll(/<meta\b[^>]*>/gi)) {
+    if (/\bhttp-equiv\s*=\s*["']?Content-Security-Policy["']?/i.test(match[0])) {
+      insertion = match.index + match[0].length;
+    }
+  }
+  return `${source.slice(0, insertion)}
+${script}${source.slice(insertion)}`;
+}
+function injectDocument(body, appearanceSource, bridgeSource) {
+  const early = injectAppearance(body.toString("utf8"), appearanceSource);
+  return Buffer.from(`${early}
 <script>
 ${bridgeSource}
 </script>
-`)]);
+`);
 }
-function sendInjectedHTML(req, res, stream, resolvedPath, stat, bridgeSource) {
+function sendInjectedHTML(req, res, stream, resolvedPath, stat, appearanceSource, bridgeSource) {
   void (async () => {
     try {
       const source = await (0, import_promises2.readFile)(resolvedPath);
-      const body = appendBridge(source, bridgeSource);
-      const etag = injectedETag(stat, body, bridgeSource);
+      const body = injectDocument(source, appearanceSource, bridgeSource);
+      const etag = injectedETag(stat, body, bridgeSource, appearanceSource);
       stream.setHeader(resolvedPath, stat);
       stream.type(resolvedPath);
       res.setHeader("Cache-Control", HTML_CACHE_CONTROL);
@@ -51149,7 +51918,7 @@ function markdownDocument(renderedHTML) {
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="/canonical/v1/styles.css">
+    <link rel="stylesheet" href="/canonical/v2/styles.css">
     <style>${MARKDOWN_DOC_CSS}</style>
   </head>
   <body>
@@ -51157,11 +51926,16 @@ ${renderedHTML}
   </body>
 </html>`;
 }
-function sendRenderedMarkdown(req, res, resolvedPath, stat, bridgeSource) {
+function sendRenderedMarkdown(req, res, resolvedPath, stat, appearanceSource, bridgeSource) {
   void (async () => {
     try {
       const source = await (0, import_promises2.readFile)(resolvedPath, "utf8");
-      const etag = injectedETag(stat, Buffer.from(source + markdownDocument("")), bridgeSource);
+      const etag = injectedETag(
+        stat,
+        Buffer.from(source + markdownDocument("")),
+        bridgeSource,
+        appearanceSource
+      );
       applyProxyHeaders(res);
       res.status(HTTP_OK2).type("text/html; charset=utf-8");
       res.setHeader("Cache-Control", HTML_CACHE_CONTROL);
@@ -51175,7 +51949,11 @@ function sendRenderedMarkdown(req, res, resolvedPath, stat, bridgeSource) {
         return;
       }
       const rendered = g.parse(source, { async: false });
-      const body = appendBridge(Buffer.from(markdownDocument(rendered)), bridgeSource);
+      const body = injectDocument(
+        Buffer.from(markdownDocument(rendered)),
+        appearanceSource,
+        bridgeSource
+      );
       res.setHeader("Content-Length", String(body.byteLength));
       res.end(body);
     } catch {
@@ -51183,7 +51961,7 @@ function sendRenderedMarkdown(req, res, resolvedPath, stat, bridgeSource) {
     }
   })();
 }
-function pipeWithInjection(req, res, subpath, options, bridgeSource, notFound) {
+function pipeWithInjection(req, res, subpath, options, appearanceSource, bridgeSource, notFound) {
   applyProxyHeaders(res);
   const stream = (0, import_send.default)(req, subpath, { ...options, etag: true });
   const sendOriginal = stream.send.bind(stream);
@@ -51200,7 +51978,7 @@ function pipeWithInjection(req, res, subpath, options, bridgeSource, notFound) {
       return;
     }
     res.removeHeader("ETag");
-    sendInjectedHTML(req, res, stream, resolvedPath, stat, bridgeSource);
+    sendInjectedHTML(req, res, stream, resolvedPath, stat, appearanceSource, bridgeSource);
   };
   stream.on("error", (error48) => {
     if ((error48.status ?? HTTP_NOT_FOUND) === HTTP_NOT_FOUND && notFound) {
@@ -51212,18 +51990,18 @@ function pipeWithInjection(req, res, subpath, options, bridgeSource, notFound) {
   });
   stream.pipe(res);
 }
-function serveDirectoryArtifact(req, res, store, artifact, subpath, bridgeSource) {
+function serveDirectoryArtifact(req, res, store, artifact, subpath, appearanceSource, bridgeSource) {
   if (subpath === "") {
     applyProxyHeaders(res);
     res.redirect(HTTP_MOVED_PERMANENTLY, `${proxyMountPath(artifact.id)}/`);
     return;
   }
-  pipeWithInjection(req, res, subpath, { root: artifact.path, index: ["index.html", "index.htm"], dotfiles: "allow" }, bridgeSource, subpath === "/" ? () => sendArtifactNotFound(req, res, store) : void 0);
+  pipeWithInjection(req, res, subpath, { root: artifact.path, index: ["index.html", "index.htm"], dotfiles: "allow" }, appearanceSource, bridgeSource, subpath === "/" ? () => sendArtifactNotFound(req, res, store) : void 0);
 }
-function serveFileArtifact(req, res, store, artifact, subpath, bridgeSource) {
+function serveFileArtifact(req, res, store, artifact, subpath, appearanceSource, bridgeSource) {
   let stat;
   try {
-    stat = import_node_fs3.default.statSync(artifact.path);
+    stat = import_node_fs5.default.statSync(artifact.path);
   } catch {
     const basename2 = artifactBasename(artifact.path);
     if (subpath === `/${encodeURIComponent(basename2)}`) sendArtifactNotFound(req, res, store);
@@ -51246,14 +52024,14 @@ function serveFileArtifact(req, res, store, artifact, subpath, bridgeSource) {
     sendNotFound(res);
     return;
   }
-  pipeWithInjection(req, res, subpath, { root: import_node_path3.default.dirname(artifact.path), index: false, dotfiles: "allow" }, bridgeSource, () => sendArtifactNotFound(req, res, store));
+  pipeWithInjection(req, res, subpath, { root: import_node_path6.default.dirname(artifact.path), index: false, dotfiles: "allow" }, appearanceSource, bridgeSource, () => sendArtifactNotFound(req, res, store));
 }
-function serveMarkdownArtifact(req, res, store, artifact, subpath, bridgeSource) {
+function serveMarkdownArtifact(req, res, store, artifact, subpath, appearanceSource, bridgeSource) {
   const basename = artifactBasename(artifact.path);
   const canonical = proxyFilePath(artifact.id, basename);
   let stat;
   try {
-    stat = import_node_fs3.default.statSync(artifact.path);
+    stat = import_node_fs5.default.statSync(artifact.path);
   } catch {
     if (subpath === `/${encodeURIComponent(basename)}`) sendArtifactNotFound(req, res, store);
     else sendNotFound(res);
@@ -51273,9 +52051,10 @@ function serveMarkdownArtifact(req, res, store, artifact, subpath, bridgeSource)
     sendNotFound(res);
     return;
   }
-  sendRenderedMarkdown(req, res, artifact.path, stat, bridgeSource);
+  sendRenderedMarkdown(req, res, artifact.path, stat, appearanceSource, bridgeSource);
 }
 function serveArtifactProxy(store, options = {}) {
+  const appearanceSource = appearanceResolverScriptSource('"system"');
   const bridgeSource = bridgeScriptSource({ pollCadence: options.pollCadence });
   return (req, res) => {
     if (req.method !== "GET" && req.method !== "HEAD") {
@@ -51293,15 +52072,15 @@ function serveArtifactProxy(store, options = {}) {
       sendNotFound(res);
       return;
     }
-    if (isMarkdownPath(artifact.path)) serveMarkdownArtifact(req, res, store, artifact, subpath, bridgeSource);
-    else if (hasTrailingSeparator(artifact.path)) serveDirectoryArtifact(req, res, store, artifact, subpath, bridgeSource);
-    else serveFileArtifact(req, res, store, artifact, subpath, bridgeSource);
+    if (isMarkdownPath(artifact.path)) serveMarkdownArtifact(req, res, store, artifact, subpath, appearanceSource, bridgeSource);
+    else if (hasTrailingSeparator(artifact.path)) serveDirectoryArtifact(req, res, store, artifact, subpath, appearanceSource, bridgeSource);
+    else serveFileArtifact(req, res, store, artifact, subpath, appearanceSource, bridgeSource);
   };
 }
 
 // ../server/src/markdown.ts
 var fs2 = __toESM(require("node:fs/promises"), 1);
-var import_node_fs4 = require("node:fs");
+var import_node_fs6 = require("node:fs");
 var import_express = __toESM(require_express2(), 1);
 var HTTP_NO_CONTENT = 204;
 var HTTP_NOT_FOUND2 = 404;
@@ -51347,7 +52126,7 @@ function serveMarkdownContent(store) {
     }
     const content = typeof req.body === "string" ? req.body : "";
     try {
-      await fs2.access(artifact.path, import_node_fs4.constants.F_OK);
+      await fs2.access(artifact.path, import_node_fs6.constants.F_OK);
       await fs2.writeFile(artifact.path, content, "utf8");
       res.status(HTTP_NO_CONTENT).end();
     } catch (error48) {
@@ -51367,83 +52146,6 @@ function serveMarkdownContent(store) {
   };
 }
 
-// ../server/src/themes.ts
-var import_node_fs5 = require("node:fs");
-var import_node_path4 = __toESM(require("node:path"), 1);
-var HTTP_NOT_FOUND_STATUS = 404;
-var THEME_NAME_PATTERN = /^[a-z0-9][a-z0-9-]*$/;
-var THEME_ENTRY_FILE = "theme.css";
-var URL_RE = /url\(\s*(["']?)([^"')\s]+)\1\s*\)/g;
-function isValidThemeName(name) {
-  return THEME_NAME_PATTERN.test(name);
-}
-function assertValidThemeName(name) {
-  if (!isValidThemeName(name)) {
-    throw new Error(`Invalid theme name: ${name}`);
-  }
-}
-function getThemesDir(storagePath) {
-  return import_node_path4.default.join(storagePath, "themes");
-}
-function getThemeDir(storagePath, name) {
-  assertValidThemeName(name);
-  return import_node_path4.default.join(getThemesDir(storagePath), name);
-}
-function getThemeEntryPath(storagePath, name) {
-  return import_node_path4.default.join(getThemeDir(storagePath, name), THEME_ENTRY_FILE);
-}
-function themeExists(storagePath, name) {
-  if (!isValidThemeName(name)) {
-    return false;
-  }
-  try {
-    return (0, import_node_fs5.statSync)(getThemeEntryPath(storagePath, name)).isFile();
-  } catch {
-    return false;
-  }
-}
-function listThemeNames(storagePath) {
-  const themesDir = getThemesDir(storagePath);
-  if (!(0, import_node_fs5.existsSync)(themesDir)) {
-    return [];
-  }
-  let entries;
-  try {
-    entries = (0, import_node_fs5.readdirSync)(themesDir);
-  } catch {
-    return [];
-  }
-  return entries.filter((name) => themeExists(storagePath, name)).sort((left, right) => left.localeCompare(right));
-}
-function rewriteThemeURLs(css, themeName) {
-  return css.replace(URL_RE, (whole, quote, url2) => {
-    if (/^(data:|https?:)/.test(url2) || url2.startsWith("/")) {
-      return whole;
-    }
-    const rewritten = `/themes/${themeName}/${url2}`;
-    return `url(${quote}${rewritten}${quote})`;
-  });
-}
-function serveThemeCSS(storagePath) {
-  return (req, res, next) => {
-    const { name } = req.params;
-    if (!isValidThemeName(name) || !themeExists(storagePath, name)) {
-      res.sendStatus(HTTP_NOT_FOUND_STATUS);
-      return;
-    }
-    try {
-      const css = (0, import_node_fs5.readFileSync)(getThemeEntryPath(storagePath, name), "utf8");
-      res.type("text/css").setHeader("Cache-Control", "no-cache").send(rewriteThemeURLs(css, name));
-    } catch (error48) {
-      if (error48.code === "ENOENT") {
-        res.sendStatus(HTTP_NOT_FOUND_STATUS);
-        return;
-      }
-      next(error48);
-    }
-  };
-}
-
 // ../server/src/routes.ts
 var patchChannelSchema = external_exports.object({
   name: external_exports.string().optional(),
@@ -51485,7 +52187,11 @@ var patchArtifactSchema = external_exports.object({
 var patchDisplaySchema = external_exports.object({
   focusedChannelId: external_exports.string().nullable().optional(),
   pinnedChannelIds: external_exports.array(external_exports.string()).optional(),
-  activeThemeName: external_exports.string().regex(THEME_NAME_PATTERN).nullable().optional()
+  activeThemeName: external_exports.string().nullable().optional(),
+  appearanceMode: external_exports.enum(["system", "light", "dark"]).optional(),
+  themeJavaScriptConsentIds: external_exports.array(external_exports.string().min(1)).refine((ids) => new Set(ids).size === ids.length, {
+    message: "themeJavaScriptConsentIds must not contain duplicate theme ids"
+  }).optional()
 }).strict();
 var focusSchema = external_exports.object({
   artifactID: external_exports.string()
@@ -51563,8 +52269,8 @@ function registerRoutes(app, store, options) {
   app.options("/artifacts/:id", (_req, res) => res.status(HTTP_NO_CONTENT2).end());
   app.options("/display", (_req, res) => res.status(HTTP_NO_CONTENT2).end());
   app.options("/display/focus", (_req, res) => res.status(HTTP_NO_CONTENT2).end());
-  app.options("/themes/:name/theme.css", (_req, res) => res.status(HTTP_NO_CONTENT2).end());
-  app.options("/themes/:name/*", (_req, res) => res.status(HTTP_NO_CONTENT2).end());
+  app.options("/themes", (_req, res) => res.status(HTTP_NO_CONTENT2).end());
+  app.options("/themes/refresh", (_req, res) => res.status(HTTP_NO_CONTENT2).end());
   app.options("/markdown/:id", (_req, res) => res.status(HTTP_NO_CONTENT2).end());
   app.options("/telemetry", (_req, res) => res.status(HTTP_NO_CONTENT2).end());
   app.options("/telemetry/enable", (_req, res) => res.status(HTTP_NO_CONTENT2).end());
@@ -51578,6 +52284,12 @@ function registerRoutes(app, store, options) {
   app.post("/telemetry/disable", ...auth, async (_req, res) => {
     res.json(await options.disableTelemetry?.() ?? { state: "unavailable", reason: null, guidPresent: false, region: "us" });
   });
+  app.get("/themes", ...auth, (_req, res) => {
+    res.json(store.getThemeRegistry());
+  });
+  app.post("/themes/refresh", ...auth, (req, res) => {
+    res.json(store.refreshThemeRegistry(telemetryContext(req)));
+  });
   app.get("/channels", ...auth, (_req, res) => {
     res.json({ channels: store.listChannels() });
   });
@@ -51742,11 +52454,11 @@ var import_websocket = __toESM(require_websocket(), 1);
 var import_websocket_server = __toESM(require_websocket_server(), 1);
 
 // ../server/src/auth.ts
-var import_node_crypto3 = require("node:crypto");
+var import_node_crypto4 = require("node:crypto");
 var AUTH_TOKEN_BYTES = 32;
 var AUTH_PARSE_BASE_URL = "http://localhost";
 function createToken() {
-  return (0, import_node_crypto3.randomBytes)(AUTH_TOKEN_BYTES).toString("hex");
+  return (0, import_node_crypto4.randomBytes)(AUTH_TOKEN_BYTES).toString("hex");
 }
 function isAuthorizedBearer(authorizationHeader, expectedToken) {
   if (typeof authorizationHeader !== "string" || !authorizationHeader.startsWith("Bearer ")) {
@@ -51908,7 +52620,15 @@ var EventStreamServer = class extends withDisposable(class {
       this.broadcast({ type: "pinned-channels-changed", pinnedChannelIds: event.pinnedChannelIds });
     };
     const onThemeChanged = (event) => {
-      this.broadcast({ type: "theme-changed", themeName: event.themeName });
+      this.broadcast({
+        type: "theme-changed",
+        themeName: event.themeName,
+        activeThemeColorScheme: event.activeThemeColorScheme,
+        themeJavaScriptConsentIds: [...event.themeJavaScriptConsentIds]
+      });
+    };
+    const onAppearanceChanged = (event) => {
+      this.broadcast({ type: "appearance-changed", appearanceMode: event.appearanceMode });
     };
     const onArtifactFocus = (event) => {
       this.broadcast({ type: "artifact-focus", channelID: event.channelID, artifactID: event.artifactID });
@@ -51923,6 +52643,7 @@ var EventStreamServer = class extends withDisposable(class {
     this.store.addEventListener("channel-changed", onChannelChanged);
     this.store.addEventListener("pinned-channels-changed", onPinnedChannelsChanged);
     this.store.addEventListener("theme-changed", onThemeChanged);
+    this.store.addEventListener("appearance-changed", onAppearanceChanged);
     this.store.addEventListener("artifact-focus", onArtifactFocus);
     this.unsubscribe.push(
       () => this.store.removeEventListener("artifact-created", onArtifactCreated),
@@ -51935,6 +52656,7 @@ var EventStreamServer = class extends withDisposable(class {
       () => this.store.removeEventListener("channel-changed", onChannelChanged),
       () => this.store.removeEventListener("pinned-channels-changed", onPinnedChannelsChanged),
       () => this.store.removeEventListener("theme-changed", onThemeChanged),
+      () => this.store.removeEventListener("appearance-changed", onAppearanceChanged),
       () => this.store.removeEventListener("artifact-focus", onArtifactFocus)
     );
   }
@@ -51964,7 +52686,7 @@ function isTelemetryActivityMessage(parsed, expectedClientId) {
 var import_node_child_process2 = require("node:child_process");
 var import_promises3 = require("node:fs/promises");
 var import_node_os3 = require("node:os");
-var import_node_path5 = __toESM(require("node:path"), 1);
+var import_node_path7 = __toESM(require("node:path"), 1);
 var launchACPProcess = (command, args, options) => {
   const child = (0, import_node_child_process2.spawn)(command, args, options);
   const directKill = child.kill.bind(child);
@@ -52007,7 +52729,7 @@ function trackChild(child) {
   child.once("exit", untrack);
   child.once("error", untrack);
 }
-var ACP_STUB_CWD = import_node_path5.default.join((0, import_node_os3.homedir)(), ".television", "acp");
+var ACP_STUB_CWD = import_node_path7.default.join((0, import_node_os3.homedir)(), ".television", "acp");
 var ACPBridge = class extends withDisposable(class {
 }) {
   child = null;
@@ -52024,7 +52746,7 @@ var ACPBridge = class extends withDisposable(class {
     this.send = options.send;
     this.profile = options.profile;
     this.launchProcess = options.launchProcess ?? launchACPProcess;
-    this.sessionCwd = import_node_path5.default.resolve(process.cwd());
+    this.sessionCwd = import_node_path7.default.resolve(process.cwd());
   }
   handleClientMessage(message) {
     switch (message.type) {
@@ -52260,87 +52982,63 @@ function splitListenValues(values) {
 }
 
 // ../server/src/canonical.ts
-var import_node_crypto4 = require("node:crypto");
-var import_node_fs6 = require("node:fs");
-var import_node_path6 = __toESM(require("node:path"), 1);
+var import_node_crypto5 = require("node:crypto");
+var import_node_fs7 = require("node:fs");
+var import_node_path8 = __toESM(require("node:path"), 1);
 var CACHE_CONTROL_NO_CACHE = "no-cache";
-var HTTP_NOT_MODIFIED_STATUS = 304;
-var HASH_HEX_LENGTH = 8;
-var NO_THEME_HASH = "none";
+var ETAG_DIGEST_LENGTH2 = 16;
+var HTTP_NOT_MODIFIED_STATUS2 = 304;
 var CANONICAL_STYLESHEET = "styles.css";
-function serveCanonicalStyles(options) {
-  const bundle = loadCanonicalBundle(options.canonicalDir);
-  return (req, res, next) => {
-    try {
-      const response = buildCanonicalResponse(bundle, options.store);
-      res.type("text/css");
-      res.setHeader("Cache-Control", CACHE_CONTROL_NO_CACHE);
-      res.setHeader("ETag", response.etag);
-      if (matchesIfNoneMatch(req.headers["if-none-match"], response.etag)) {
-        res.status(HTTP_NOT_MODIFIED_STATUS).end();
-        return;
-      }
-      res.send(response.body);
-    } catch (error48) {
-      next(error48);
+function canonicalWrapper(version2, frozen = false, querySuffix = "") {
+  const baseImport = `@import url("/canonical/${version2}/base.css${querySuffix}");
+`;
+  if (frozen) return baseImport;
+  return `${baseImport}@import url("/theme/theme.css${querySuffix}");
+`;
+}
+function serveCanonicalBase(canonicalDir) {
+  const body = (0, import_node_fs7.readFileSync)(import_node_path8.default.join(canonicalDir, CANONICAL_STYLESHEET));
+  const digest = (0, import_node_crypto5.createHash)("sha256").update(body).digest("hex").slice(0, ETAG_DIGEST_LENGTH2);
+  const etag = `W/"canonical-base-${digest}"`;
+  return (req, res) => {
+    res.type("text/css");
+    res.setHeader("Cache-Control", CACHE_CONTROL_NO_CACHE);
+    res.setHeader("ETag", etag);
+    if (matchesIfNoneMatch2(req.headers["if-none-match"], etag)) {
+      res.status(HTTP_NOT_MODIFIED_STATUS2).end();
+      return;
     }
+    res.send(body);
   };
 }
-function loadCanonicalBundle(canonicalDir) {
-  const css = (0, import_node_fs6.readFileSync)(import_node_path6.default.join(canonicalDir, CANONICAL_STYLESHEET), "utf8");
-  return { css, hash: hashContent(css) };
-}
-function buildCanonicalResponse(bundle, store) {
-  const activeThemeName = store.getActiveThemeName();
-  if (activeThemeName === null) {
-    return { body: bundle.css, etag: buildETag(bundle.hash, NO_THEME_HASH) };
-  }
-  if (!themeExists(store.storagePath, activeThemeName)) {
-    logMissingActiveTheme(store.storagePath, activeThemeName);
-    return { body: bundle.css, etag: buildETag(bundle.hash, NO_THEME_HASH) };
-  }
-  try {
-    const themeCSS = (0, import_node_fs6.readFileSync)(getThemeEntryPath(store.storagePath, activeThemeName), "utf8");
-    return {
-      body: `${bundle.css}
-
-/* active theme: ${activeThemeName} */
-${rewriteThemeURLs(themeCSS, activeThemeName)}`,
-      etag: buildETag(bundle.hash, hashContent(themeCSS))
-    };
-  } catch (error48) {
-    if (error48.code === "ENOENT") {
-      logMissingActiveTheme(store.storagePath, activeThemeName);
-      return { body: bundle.css, etag: buildETag(bundle.hash, NO_THEME_HASH) };
+function serveCanonicalStyles(version2, frozen = false) {
+  return (req, res) => {
+    const queryIndex = req.originalUrl.indexOf("?");
+    const querySuffix = queryIndex === -1 ? "" : req.originalUrl.slice(queryIndex);
+    const body = canonicalWrapper(version2, frozen, querySuffix);
+    const digest = (0, import_node_crypto5.createHash)("sha256").update(body).digest("hex").slice(0, ETAG_DIGEST_LENGTH2);
+    const etag = `W/"canonical-${version2}-${digest}"`;
+    res.type("text/css");
+    res.setHeader("Cache-Control", CACHE_CONTROL_NO_CACHE);
+    res.setHeader("ETag", etag);
+    if (matchesIfNoneMatch2(req.headers["if-none-match"], etag)) {
+      res.status(HTTP_NOT_MODIFIED_STATUS2).end();
+      return;
     }
-    throw error48;
-  }
-}
-function buildETag(bundleHash, themeHash) {
-  return `W/"v1-${bundleHash}-${themeHash}"`;
-}
-function hashContent(content) {
-  return (0, import_node_crypto4.createHash)("sha256").update(content).digest("hex").slice(0, HASH_HEX_LENGTH);
-}
-function matchesIfNoneMatch(header, etag) {
-  if (!header) {
-    return false;
-  }
-  const rawValues = Array.isArray(header) ? header : [header];
-  return rawValues.some(
-    (rawValue) => rawValue.split(",").map((value) => value.trim()).some((value) => value === "*" || value === etag)
-  );
+    res.send(body);
+  };
 }
-function logMissingActiveTheme(storagePath, themeName) {
-  const location = isValidThemeName(themeName) ? getThemeEntryPath(storagePath, themeName) : `(invalid theme name: ${themeName})`;
-  console.warn(
-    `[canonical] Active theme "${themeName}" missing at ${location}; serving canonical bundle only.`
+function matchesIfNoneMatch2(header, etag) {
+  if (header === void 0) return false;
+  const values = Array.isArray(header) ? header : [header];
+  return values.some(
+    (value) => value.split(",").map((candidate) => candidate.trim()).some((candidate) => candidate === "*" || candidate === etag)
   );
 }
 
 // ../server/src/logger.ts
-var import_node_fs7 = require("node:fs");
-var import_node_path7 = __toESM(require("node:path"), 1);
+var import_node_fs8 = require("node:fs");
+var import_node_path9 = __toESM(require("node:path"), 1);
 var LOG_DIR_NAME = "logs";
 var ACTIVE_LOG_FILE = "tv.log";
 var LOG_RETENTION_DAYS = 14;
@@ -52356,9 +53054,9 @@ var ROTATION_LOCK_TIMEOUT_MS = 5e3;
 var INT32_BYTES = 4;
 function log(storagePath, msg, data) {
   try {
-    const logsDir = import_node_path7.default.join(storagePath, LOG_DIR_NAME);
-    (0, import_node_fs7.mkdirSync)(logsDir, { recursive: true });
-    const logPath = import_node_path7.default.join(logsDir, ACTIVE_LOG_FILE);
+    const logsDir = import_node_path9.default.join(storagePath, LOG_DIR_NAME);
+    (0, import_node_fs8.mkdirSync)(logsDir, { recursive: true });
+    const logPath = import_node_path9.default.join(logsDir, ACTIVE_LOG_FILE);
     rotateIfStale(logsDir, logPath);
     const record2 = {
       ts: localTimestamp(/* @__PURE__ */ new Date()),
@@ -52366,7 +53064,7 @@ function log(storagePath, msg, data) {
       msg,
       ...serializeData(data)
     };
-    (0, import_node_fs7.appendFileSync)(logPath, `${JSON.stringify(record2)}
+    (0, import_node_fs8.appendFileSync)(logPath, `${JSON.stringify(record2)}
 `, { encoding: "utf8" });
   } catch (error48) {
     const message = error48 instanceof Error ? error48.message : String(error48);
@@ -52389,21 +53087,21 @@ function serializeError(error48) {
   return { name: "NonError", message: String(error48) };
 }
 function rotateIfStale(logsDir, logPath) {
-  const lockPath = import_node_path7.default.join(logsDir, ROTATION_LOCK_DIR);
+  const lockPath = import_node_path9.default.join(logsDir, ROTATION_LOCK_DIR);
   if (!acquireRotationLock(lockPath)) return;
   try {
     let stats;
     try {
-      stats = (0, import_node_fs7.statSync)(logPath);
+      stats = (0, import_node_fs8.statSync)(logPath);
     } catch (error48) {
       if (error48.code === "ENOENT") return;
       throw error48;
     }
     if (!isPreviousLocalCalendarDay(stats.mtime, /* @__PURE__ */ new Date())) return;
     const archiveDate = localDateString(stats.mtime);
-    const archivePath = uniqueArchivePath(import_node_path7.default.join(logsDir, `${ACTIVE_LOG_FILE}.${archiveDate}`));
+    const archivePath = uniqueArchivePath(import_node_path9.default.join(logsDir, `${ACTIVE_LOG_FILE}.${archiveDate}`));
     try {
-      (0, import_node_fs7.renameSync)(logPath, archivePath);
+      (0, import_node_fs8.renameSync)(logPath, archivePath);
     } catch (error48) {
       if (error48.code === "ENOENT") return;
       throw error48;
@@ -52417,7 +53115,7 @@ function acquireRotationLock(lockPath) {
   const deadline = Date.now() + ROTATION_LOCK_TIMEOUT_MS;
   while (true) {
     try {
-      (0, import_node_fs7.mkdirSync)(lockPath);
+      (0, import_node_fs8.mkdirSync)(lockPath);
       return true;
     } catch (error48) {
       if (error48.code !== "EEXIST") throw error48;
@@ -52428,7 +53126,7 @@ function acquireRotationLock(lockPath) {
 }
 function releaseRotationLock(lockPath) {
   try {
-    (0, import_node_fs7.rmdirSync)(lockPath);
+    (0, import_node_fs8.rmdirSync)(lockPath);
   } catch {
   }
 }
@@ -52436,21 +53134,21 @@ function sleepSync(ms) {
   Atomics.wait(new Int32Array(new SharedArrayBuffer(INT32_BYTES)), 0, 0, ms);
 }
 function uniqueArchivePath(basePath) {
-  if (!(0, import_node_fs7.existsSync)(basePath)) return basePath;
+  if (!(0, import_node_fs8.existsSync)(basePath)) return basePath;
   for (let index = 1; ; index += 1) {
     const candidate = `${basePath}-${index}`;
-    if (!(0, import_node_fs7.existsSync)(candidate)) return candidate;
+    if (!(0, import_node_fs8.existsSync)(candidate)) return candidate;
   }
 }
 function removeExpiredArchives(logsDir, retainedArchivePath) {
   const cutoff = Date.now() - LOG_RETENTION_DAYS * MS_PER_DAY;
-  for (const entry of (0, import_node_fs7.readdirSync)(logsDir, { withFileTypes: true })) {
+  for (const entry of (0, import_node_fs8.readdirSync)(logsDir, { withFileTypes: true })) {
     if (!entry.isFile() || !entry.name.startsWith(`${ACTIVE_LOG_FILE}.`)) continue;
-    const fullPath = import_node_path7.default.join(logsDir, entry.name);
+    const fullPath = import_node_path9.default.join(logsDir, entry.name);
     if (fullPath === retainedArchivePath) continue;
     try {
-      if ((0, import_node_fs7.statSync)(fullPath).mtime.getTime() < cutoff) {
-        (0, import_node_fs7.rmSync)(fullPath, { force: true });
+      if ((0, import_node_fs8.statSync)(fullPath).mtime.getTime() < cutoff) {
+        (0, import_node_fs8.rmSync)(fullPath, { force: true });
       }
     } catch {
     }
@@ -52624,14 +53322,23 @@ function createServerStoreTelemetryHooks(store, capture2) {
         }
       });
     },
-    themeChanged(clientContext) {
+    appearanceModeChanged(appearanceMode, clientContext) {
+      safeEmit(() => capture2({
+        name: "appearance_mode_changed",
+        properties: { appearance_mode: appearanceMode }
+      }, clientContext));
+    },
+    themeChanged(reason, clientContext) {
       safeEmit(() => {
         capture2({
           name: "theme_changed",
-          properties: deriveThemeProperties({
-            activeThemeName: store.getActiveThemeName(),
-            themeCount: listThemeNames(store.storagePath).length
-          })
+          properties: {
+            ...deriveThemeProperties({
+              activeThemeName: store.getActiveThemeName(),
+              themeCount: store.getThemeRegistry().themes.length
+            }),
+            theme_change_reason: reason
+          }
         }, clientContext);
       });
     }
@@ -52693,50 +53400,9 @@ function safeEmit(callback) {
 }
 
 // ../server/src/telemetry/identity.ts
-var import_node_crypto5 = require("node:crypto");
+var import_node_crypto6 = require("node:crypto");
 var import_promises4 = require("node:fs/promises");
-var import_node_path9 = __toESM(require("node:path"), 1);
-
-// ../server/src/artifact-paths.ts
-var import_node_path8 = __toESM(require("node:path"), 1);
-function getStateDir(storagePath) {
-  return import_node_path8.default.join(storagePath, "state");
-}
-function getChannelsDir(storagePath) {
-  return import_node_path8.default.join(getStateDir(storagePath), "channels");
-}
-function getLegacyScreensDir(storagePath) {
-  return import_node_path8.default.join(getStateDir(storagePath), "screens");
-}
-function getArtifactsMetadataDir(storagePath) {
-  return import_node_path8.default.join(getStateDir(storagePath), "artifacts");
-}
-function getDisplayStatePath(storagePath) {
-  return import_node_path8.default.join(getStateDir(storagePath), "display.json");
-}
-function getDisplayMigrationTempPath(storagePath) {
-  return import_node_path8.default.join(getStateDir(storagePath), ".display.json.screen-to-channel.tmp");
-}
-function getTelemetryStatePath(storagePath) {
-  return import_node_path8.default.join(getStateDir(storagePath), "telemetry.json");
-}
-function getTokenPath(storagePath) {
-  return import_node_path8.default.join(getStateDir(storagePath), "token");
-}
-function getOnboardingStatePath(storagePath) {
-  return import_node_path8.default.join(getStateDir(storagePath), "onboarding.json");
-}
-function getOnboardingArtifactSentinelPath(storagePath) {
-  return import_node_path8.default.join(getStateDir(storagePath), "onboarding-artifact.json");
-}
-function getAgentArtifactsDir(storagePath) {
-  return import_node_path8.default.join(...[storagePath, "artifacts"]);
-}
-function getArtifactLiveMetadataPath(storagePath, artifactID) {
-  return import_node_path8.default.join(getArtifactsMetadataDir(storagePath), `${artifactID}.json`);
-}
-
-// ../server/src/telemetry/identity.ts
+var import_node_path10 = __toESM(require("node:path"), 1);
 var TELEMETRY_STATE_SCHEMA_VERSION = 1;
 var SEMVER_MAJOR_CAPTURE_INDEX = 1;
 var SEMVER_MINOR_CAPTURE_INDEX = 2;
@@ -52753,7 +53419,7 @@ async function readTelemetryState(storagePath) {
 }
 async function writeTelemetryState(storagePath, state) {
   const statePath = getTelemetryStatePath(storagePath);
-  await (0, import_promises4.mkdir)(import_node_path9.default.dirname(statePath), { recursive: true });
+  await (0, import_promises4.mkdir)(import_node_path10.default.dirname(statePath), { recursive: true });
   const tempPath = `${statePath}.${process.pid}.${Date.now()}.tmp`;
   await (0, import_promises4.writeFile)(tempPath, `${JSON.stringify(state, null, 2)}
 `, "utf8");
@@ -52764,7 +53430,7 @@ async function loadOrMintTelemetryState(storagePath, options = {}) {
   if (existing) return { state: existing, created: false };
   const state = {
     schemaVersion: TELEMETRY_STATE_SCHEMA_VERSION,
-    userId: options.userIdFactory?.() ?? (0, import_node_crypto5.randomUUID)(),
+    userId: options.userIdFactory?.() ?? (0, import_node_crypto6.randomUUID)(),
     optedOut: false,
     lastVersion: options.lastVersion ?? ""
   };
@@ -52842,12 +53508,12 @@ function isProductionTelemetryBuild(env) {
   return telemetryBuildMarker(env) === "production";
 }
 function isTelemetryVersionOlder(previousVersion, runningVersion) {
-  const previous = parseSemanticVersion(previousVersion);
-  const running = parseSemanticVersion(runningVersion);
+  const previous = parseSemanticVersion2(previousVersion);
+  const running = parseSemanticVersion2(runningVersion);
   if (!previous || !running) return false;
-  return compareSemanticVersions(previous, running) < 0;
+  return compareSemanticVersions2(previous, running) < 0;
 }
-function parseSemanticVersion(value) {
+function parseSemanticVersion2(value) {
   const match = value.trim().match(/^v?(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-([0-9A-Za-z-]+(?:\.[0-9A-Za-z-]+)*))?(?:\+[0-9A-Za-z-]+(?:\.[0-9A-Za-z-]+)*)?$/);
   if (!match) return null;
   return {
@@ -52857,7 +53523,7 @@ function parseSemanticVersion(value) {
     prerelease: match[SEMVER_PRERELEASE_CAPTURE_INDEX]?.split(".") ?? []
   };
 }
-function compareSemanticVersions(left, right) {
+function compareSemanticVersions2(left, right) {
   const core = compareNumbers(left.major, right.major) || compareNumbers(left.minor, right.minor) || compareNumbers(left.patch, right.patch);
   if (core !== 0) return core;
   return comparePrerelease(left.prerelease, right.prerelease);
@@ -52937,9 +53603,9 @@ function buildTelemetryEvent(event, context) {
 }
 
 // ../server/src/telemetry/posthog-config.ts
-var import_node_fs8 = require("node:fs");
+var import_node_fs9 = require("node:fs");
 var import_node_os4 = __toESM(require("node:os"), 1);
-var import_node_path10 = __toESM(require("node:path"), 1);
+var import_node_path11 = __toESM(require("node:path"), 1);
 var POSTHOG_US_INGESTION_HOST = "https://us.i.posthog.com";
 var POSTHOG_US_API_HOST = "https://us.posthog.com";
 var POSTHOG_PRODUCTION_PROJECT_ID = 482022;
@@ -52967,14 +53633,14 @@ function resolveTelemetryDeveloperHome(env = process.env) {
 }
 function detectTelemetryDeveloperHost(homeDir = import_node_os4.default.homedir()) {
   try {
-    return (0, import_node_fs8.existsSync)(import_node_path10.default.join(homeDir, ".tv-developer"));
+    return (0, import_node_fs9.existsSync)(import_node_path11.default.join(homeDir, ".tv-developer"));
   } catch {
     return false;
   }
 }
 
 // ../server/src/telemetry/sessions.ts
-var import_node_crypto6 = require("node:crypto");
+var import_node_crypto7 = require("node:crypto");
 var IDLE_TIMEOUT_MINUTES = 30;
 var MAX_SESSION_HOURS = 24;
 var SECONDS_PER_MINUTE2 = 60;
@@ -53001,7 +53667,7 @@ function createTelemetrySessionManager() {
   return new InMemoryTelemetrySessionManager();
 }
 function createUUIDv7(timestampMs) {
-  const bytes = (0, import_node_crypto6.randomBytes)(UUID_BYTE_COUNT);
+  const bytes = (0, import_node_crypto7.randomBytes)(UUID_BYTE_COUNT);
   writeTimestamp(bytes, timestampMs);
   bytes[UUID_VERSION_BYTE_INDEX] = UUID_VERSION_7_HIGH_BITS | bytes[UUID_VERSION_BYTE_INDEX] & UUID_VERSION_LOW_MASK;
   bytes[UUID_VARIANT_BYTE_INDEX] = UUID_VARIANT_RFC_9562_HIGH_BITS | bytes[UUID_VARIANT_BYTE_INDEX] & UUID_VARIANT_LOW_MASK;
@@ -53206,10 +53872,20 @@ async function createTelemetryRuntime(options) {
     const sessionIdFor = (clientContext) => {
       return sessions.sessionIdFor(clientContext?.clientId ?? null, nowMs());
     };
-    const captureWithPendingPersonProperties = (event, sessionId) => {
-      const shouldAttachPendingProperties = pendingPersonProperties !== null && telemetryEnabled(env, currentState);
-      capture(shouldAttachPendingProperties ? { ...event, personProperties: { ...event.personProperties ?? {}, ...pendingPersonProperties } } : event, { state: currentState, env, sink, sessionId });
-      if (shouldAttachPendingProperties) pendingPersonProperties = null;
+    const captureWithCurrentProperties = (event, sessionId) => {
+      if (!telemetryEnabled(env, currentState)) return;
+      try {
+        const settings = options.readThemeSettings();
+        const { appearance_mode, ...themeSettings } = settings;
+        const settingsForEvent = event.name === "session_activity" ? settings : event.name === "theme_changed" ? themeSettings : event.name === "appearance_mode_changed" ? { appearance_mode } : {};
+        capture({
+          ...event,
+          properties: { ...event.properties, ...settingsForEvent },
+          personProperties: { ...pendingPersonProperties, ...event.personProperties, ...settings }
+        }, { state: currentState, env, sink, sessionId });
+        pendingPersonProperties = null;
+      } catch {
+      }
     };
     return {
       boot,
@@ -53222,10 +53898,10 @@ async function createTelemetryRuntime(options) {
       },
       async disable() {
         if (!currentState.optedOut) {
-          capture({
+          captureWithCurrentProperties({
             name: "telemetry_opted_out",
             personProperties: { telemetry_opted_out: true }
-          }, { state: currentState, env, sink });
+          });
           currentState = await setTelemetryOptedOut(options.storagePath, currentState, true);
         }
         return telemetryStatus(env, currentState);
@@ -53238,7 +53914,7 @@ async function createTelemetryRuntime(options) {
         return telemetryStatus(env, currentState);
       },
       capture(event, clientContext) {
-        captureWithPendingPersonProperties(event, sessionIdFor(clientContext));
+        captureWithCurrentProperties(event, sessionIdFor(clientContext));
       },
       observeClientRequest(clientContext) {
         return sessionIdFor(clientContext);
@@ -53247,7 +53923,7 @@ async function createTelemetryRuntime(options) {
         if (!clientContext) return;
         const sessionId = sessionIdFor(clientContext);
         if (!sessionId) return;
-        captureWithPendingPersonProperties({
+        captureWithCurrentProperties({
           name: "session_activity",
           properties: {
             server_version: options.version,
@@ -53294,7 +53970,7 @@ function disabledTelemetryRuntime() {
 
 // ../server/src/updates/version.ts
 function readVersionStamp() {
-  if ("0.1.216".length > 0) return "0.1.216";
+  if ("1.3.3".length > 0) return "1.3.3";
   return void 0;
 }
 function resolveUpdateReleaseVersion(env = process.env, stamp = readVersionStamp()) {
@@ -53311,7 +53987,7 @@ function resolveRequiredDesktopVersion(baked, env = process.env, stamp = readVer
 }
 
 // ../server/src/required-desktop-version.ts
-var REQUIRED_DESKTOP_VERSION = "0.1.207";
+var REQUIRED_DESKTOP_VERSION = "1.3.1";
 
 // ../server/src/updates/server-status.ts
 function buildServerStatus(env = process.env, stamp = readVersionStamp(), baked = REQUIRED_DESKTOP_VERSION, update = null) {
@@ -53461,6 +54137,28 @@ function parseIntervalOverride(value) {
 var import_meta = {};
 var HTTP_UNAUTHORIZED_STATUS = 401;
 var LOOPBACK_IPV4 = "127.0.0.1";
+var CANONICAL_VERSION_DIRECTORY_PATTERN = /^v\d+(?:\.\d+)?$/;
+function resolveCanonicalVersionDirectories(canonicalDir) {
+  const canonicalRoot = import_node_path12.default.resolve(canonicalDir);
+  const versions = (0, import_node_fs10.readdirSync)(canonicalRoot, { withFileTypes: true }).filter(
+    (entry) => entry.isDirectory() && CANONICAL_VERSION_DIRECTORY_PATTERN.test(entry.name)
+  ).map((entry) => {
+    const directory = import_node_path12.default.join(canonicalRoot, entry.name);
+    return {
+      version: entry.name,
+      directory,
+      frozen: (0, import_node_fs10.existsSync)(import_node_path12.default.join(directory, "frozen.json"))
+    };
+  }).sort(
+    (left, right) => left.version.localeCompare(right.version, void 0, { numeric: true })
+  );
+  if (versions.length === 0) {
+    throw new Error(
+      `canonical root ${canonicalRoot} contains no version directories matching v<n>`
+    );
+  }
+  return versions;
+}
 var Server = class {
   app;
   httpServer;
@@ -53536,31 +54234,39 @@ var Server = class {
       testArtifactPollCadence: options.testArtifactPollCadence
     });
     if (options.canonicalDir) {
-      const canonicalDir = options.canonicalDir;
-      this.app.use("/canonical/v1", (_req, res, next) => {
-        res.setHeader("Access-Control-Allow-Origin", "*");
-        next();
-      });
-      this.app.get(
-        "/canonical/v1/styles.css",
-        serveCanonicalStyles({ canonicalDir, store: this.store })
-      );
-      this.app.use("/canonical/v1", import_express2.default.static(canonicalDir, {
-        setHeaders: (res, filePath) => {
-          if (filePath.startsWith(`${import_node_path11.default.resolve(canonicalDir, "fonts")}${import_node_path11.default.sep}`)) {
-            res.setHeader(
-              "Cache-Control",
-              "public, max-age=31536000, immutable"
-            );
-          } else {
-            res.setHeader("Cache-Control", "no-cache");
-          }
-        }
-      }));
+      for (const { version: version2, directory, frozen } of resolveCanonicalVersionDirectories(
+        options.canonicalDir
+      )) {
+        const mountPath = `/canonical/${version2}`;
+        this.app.use(mountPath, (_req, res, next) => {
+          res.setHeader("Access-Control-Allow-Origin", "*");
+          next();
+        });
+        this.app.get(
+          `${mountPath}/styles.css`,
+          serveCanonicalStyles(version2, frozen)
+        );
+        this.app.get(`${mountPath}/base.css`, serveCanonicalBase(directory));
+        this.app.use(
+          mountPath,
+          import_express2.default.static(directory, {
+            setHeaders: (res, filePath) => {
+              if (filePath.startsWith(
+                `${import_node_path12.default.resolve(directory, "fonts")}${import_node_path12.default.sep}`
+              )) {
+                res.setHeader(
+                  "Cache-Control",
+                  "public, max-age=31536000, immutable"
+                );
+              } else {
+                res.setHeader("Cache-Control", "no-cache");
+              }
+            }
+          })
+        );
+      }
     }
-    const themesDir = getThemesDir(this.store.storagePath);
-    this.app.get("/themes/:name/theme.css", serveThemeCSS(this.store.storagePath));
-    this.app.use("/themes", import_express2.default.static(themesDir));
+    this.app.use("/theme", serveActiveTheme(this.store));
     for (const viewID of ["artifact-missing", "markdown"]) {
       const viewPath = this.store.getViewPath(viewID);
       if (viewPath) {
@@ -53573,7 +54279,7 @@ var Server = class {
           if (filePath.endsWith(".html") || filePath.endsWith(".htm")) {
             res.setHeader("Referrer-Policy", "no-referrer");
             res.setHeader("Cache-Control", "no-cache");
-          } else if (filePath.includes(`${import_node_path11.default.sep}assets${import_node_path11.default.sep}`)) {
+          } else if (filePath.includes(`${import_node_path12.default.sep}assets${import_node_path12.default.sep}`)) {
             res.setHeader("Cache-Control", "public, max-age=31536000, immutable");
           }
         }
@@ -53739,6 +54445,10 @@ var Server = class {
       storagePath: this.store.storagePath,
       version: version2,
       dataDirCreated: this.store.dataDirCreated,
+      readThemeSettings: () => deriveThemeSettingsProperties({
+        ...this.store.getDisplayState(),
+        themes: this.store.getThemeRegistry().themes
+      }),
       ...this.telemetryOptions.env === void 0 ? {} : { env: this.telemetryOptions.env },
       ...this.telemetryOptions.sink === void 0 ? {} : { sink: this.telemetryOptions.sink },
       ...this.telemetryOptions.developerHost === void 0 ? {} : { developerHost: this.telemetryOptions.developerHost },
@@ -53806,43 +54516,46 @@ var Server = class {
   };
 };
 function readServerPackageVersion() {
-  if ("0.1.216".length > 0) {
-    return telemetryVersion("0.1.216");
+  if ("1.3.3".length > 0) {
+    return telemetryVersion("1.3.3");
   }
-  const packageJsonPath = import_node_path11.default.resolve(import_node_path11.default.dirname((0, import_node_url.fileURLToPath)(import_meta.url)), "..", "package.json");
-  if (!(0, import_node_fs9.existsSync)(packageJsonPath)) return telemetryVersion("0.0.0");
-  return telemetryVersion(JSON.parse((0, import_node_fs9.readFileSync)(packageJsonPath, "utf8")).version);
+  const packageJsonPath = import_node_path12.default.resolve(import_node_path12.default.dirname((0, import_node_url.fileURLToPath)(import_meta.url)), "..", "package.json");
+  if (!(0, import_node_fs10.existsSync)(packageJsonPath)) return telemetryVersion("0.0.0");
+  return telemetryVersion(JSON.parse((0, import_node_fs10.readFileSync)(packageJsonPath, "utf8")).version);
 }
 
 // ../server/src/server-store.ts
-var import_node_fs15 = require("node:fs");
-var import_node_path17 = __toESM(require("node:path"), 1);
+var import_node_fs16 = require("node:fs");
+var import_node_path18 = __toESM(require("node:path"), 1);
 
 // ../server/src/file-watcher.ts
 var import_node_events = require("node:events");
 var fs3 = __toESM(require("node:fs"), 1);
-var import_node_path12 = __toESM(require("node:path"), 1);
+var import_node_path13 = __toESM(require("node:path"), 1);
 var DEFAULT_REARM_INTERVAL_MS = 250;
 function isMissingWatchRootError(error48) {
   return typeof error48 === "object" && error48 !== null && "code" in error48 && error48.code === "ENOENT";
 }
 var ReArmingContentWatcher = class extends import_node_events.EventEmitter {
   #dir;
-  #watchedBasenames;
+  #watchedBasename;
   #watchRootBasename;
   #onChange;
   #options;
+  #recursive;
   #watcher = null;
   #ancestorWatchers = [];
   #closed = false;
   #dead = false;
   #rearmTimer = null;
   #rootEventImmediate = null;
-  constructor(filePath, onChange, basenames, options = {}) {
+  #recursiveRefreshImmediate = null;
+  constructor(contentPath, onChange, options = {}) {
     super();
-    this.#dir = basenames === void 0 ? import_node_path12.default.dirname(filePath) : filePath;
-    this.#watchedBasenames = new Set(basenames ?? [import_node_path12.default.basename(filePath)]);
-    this.#watchRootBasename = import_node_path12.default.basename(import_node_path12.default.normalize(this.#dir));
+    this.#recursive = options.recursive === true;
+    this.#dir = this.#recursive ? contentPath : import_node_path13.default.dirname(contentPath);
+    this.#watchedBasename = import_node_path13.default.basename(contentPath);
+    this.#watchRootBasename = import_node_path13.default.basename(import_node_path13.default.normalize(this.#dir));
     this.#onChange = onChange;
     this.#options = options;
     try {
@@ -53864,16 +54577,30 @@ var ReArmingContentWatcher = class extends import_node_events.EventEmitter {
       clearImmediate(this.#rootEventImmediate);
       this.#rootEventImmediate = null;
     }
+    if (this.#recursiveRefreshImmediate) {
+      clearImmediate(this.#recursiveRefreshImmediate);
+      this.#recursiveRefreshImmediate = null;
+    }
     this.#closeActiveWatchers();
   }
   #attach() {
-    const watcher = fs3.watch(this.#dir, (_event, filename) => {
-      const basename = filename?.toString();
-      if (basename !== void 0 && this.#watchedBasenames.has(basename)) {
+    const watcher = fs3.watch(this.#dir, { recursive: this.#recursive }, (_event, filename) => {
+      const relativePath = filename?.toString();
+      const isWatchRootEvent = relativePath === void 0 || relativePath === "" || relativePath === this.#watchRootBasename;
+      if (this.#recursive) {
+        if (isWatchRootEvent) {
+          this.#handleWatchRootEvent();
+        } else {
+          this.#onChange();
+          this.#scheduleRecursiveRefresh();
+        }
+        return;
+      }
+      if (relativePath === this.#watchedBasename) {
         this.#onChange();
         return;
       }
-      if (basename === void 0 || basename === "" || basename === this.#watchRootBasename) {
+      if (isWatchRootEvent) {
         this.#handleWatchRootEvent();
       }
     });
@@ -53886,7 +54613,7 @@ var ReArmingContentWatcher = class extends import_node_events.EventEmitter {
     });
     const ancestorWatchers = [];
     for (const ancestorDir of this.#ancestorDirs()) {
-      const ancestorBasename = import_node_path12.default.basename(import_node_path12.default.normalize(ancestorDir));
+      const ancestorBasename = import_node_path13.default.basename(import_node_path13.default.normalize(ancestorDir));
       try {
         const ancestorWatcher = fs3.watch(ancestorDir, (_event, filename) => {
           const basename = filename?.toString();
@@ -53909,6 +54636,27 @@ var ReArmingContentWatcher = class extends import_node_events.EventEmitter {
     this.#ancestorWatchers = ancestorWatchers;
     this.#dead = false;
   }
+  #scheduleRecursiveRefresh() {
+    if (this.#recursiveRefreshImmediate) return;
+    this.#recursiveRefreshImmediate = setImmediate(() => {
+      this.#recursiveRefreshImmediate = null;
+      if (this.#closed) return;
+      if (!this.#isWatchRootPresent()) {
+        this.#markDead();
+        return;
+      }
+      this.#closeActiveWatchers();
+      try {
+        this.#attach();
+      } catch (error48) {
+        if (this.#isWatchRootPresent()) {
+          this.emit("error", error48);
+          return;
+        }
+        this.#markDead();
+      }
+    });
+  }
   #handleWatchRootEvent() {
     if (this.#rootEventImmediate) return;
     this.#rootEventImmediate = setImmediate(() => {
@@ -53932,10 +54680,10 @@ var ReArmingContentWatcher = class extends import_node_events.EventEmitter {
   }
   #ancestorDirs() {
     const ancestors = [];
-    let current = import_node_path12.default.dirname(this.#dir);
-    while (current !== import_node_path12.default.dirname(current)) {
+    let current = import_node_path13.default.dirname(this.#dir);
+    while (current !== import_node_path13.default.dirname(current)) {
       ancestors.push(current);
-      current = import_node_path12.default.dirname(current);
+      current = import_node_path13.default.dirname(current);
     }
     return ancestors;
   }
@@ -53987,13 +54735,13 @@ var ReArmingContentWatcher = class extends import_node_events.EventEmitter {
     }
   }
 };
-var defaultWatchContentFile = (filePath, onChange, basenames, options) => {
-  return new ReArmingContentWatcher(filePath, onChange, basenames, options);
+var defaultWatchContentFile = (contentPath, onChange, options) => {
+  return new ReArmingContentWatcher(contentPath, onChange, options);
 };
 
 // ../server/src/redesign-storage-migration.ts
-var import_node_fs11 = require("node:fs");
-var import_node_path13 = __toESM(require("node:path"), 1);
+var import_node_fs12 = require("node:fs");
+var import_node_path14 = __toESM(require("node:path"), 1);
 
 // ../server/src/redesign-record-migration.ts
 function convertStoredChannelRecord(record2) {
@@ -54068,8 +54816,8 @@ function newestChannelId(channelIds) {
 }
 
 // ../server/src/storage-name-migration.ts
-var import_node_fs10 = require("node:fs");
-var JSON_INDENT_SPACES = 2;
+var import_node_fs11 = require("node:fs");
+var JSON_INDENT_SPACES2 = 2;
 function isActiveID(value) {
   return typeof value === "string" || value === null;
 }
@@ -54079,23 +54827,23 @@ function isThemeName(value) {
 function migrateChannelMetadataDirectory(storagePath) {
   const legacyDir = getLegacyScreensDir(storagePath);
   const currentDir = getChannelsDir(storagePath);
-  const legacyExists = (0, import_node_fs10.existsSync)(legacyDir);
-  const currentExists = (0, import_node_fs10.existsSync)(currentDir);
+  const legacyExists = (0, import_node_fs11.existsSync)(legacyDir);
+  const currentExists = (0, import_node_fs11.existsSync)(currentDir);
   if (!legacyExists) {
     return;
   }
   if (!currentExists) {
-    (0, import_node_fs10.renameSync)(legacyDir, currentDir);
+    (0, import_node_fs11.renameSync)(legacyDir, currentDir);
     return;
   }
-  const legacyEntries = (0, import_node_fs10.readdirSync)(legacyDir);
-  const currentEntries = (0, import_node_fs10.readdirSync)(currentDir);
+  const legacyEntries = (0, import_node_fs11.readdirSync)(legacyDir);
+  const currentEntries = (0, import_node_fs11.readdirSync)(currentDir);
   if (legacyEntries.length === 0) {
-    (0, import_node_fs10.rmdirSync)(legacyDir);
+    (0, import_node_fs11.rmdirSync)(legacyDir);
     return;
   }
   if (currentEntries.length === 0) {
-    (0, import_node_fs10.renameSync)(legacyDir, currentDir);
+    (0, import_node_fs11.renameSync)(legacyDir, currentDir);
     return;
   }
   throw new Error(
@@ -54104,12 +54852,12 @@ function migrateChannelMetadataDirectory(storagePath) {
 }
 function migrateDisplayStateField(storagePath) {
   const displayPath = getDisplayStatePath(storagePath);
-  if (!(0, import_node_fs10.existsSync)(displayPath)) {
+  if (!(0, import_node_fs11.existsSync)(displayPath)) {
     return;
   }
   let parsed;
   try {
-    parsed = JSON.parse((0, import_node_fs10.readFileSync)(displayPath, "utf8"));
+    parsed = JSON.parse((0, import_node_fs11.readFileSync)(displayPath, "utf8"));
   } catch {
     return;
   }
@@ -54150,12 +54898,12 @@ function migrateDisplayStateField(storagePath) {
     next[key] = value;
   }
   const temporaryPath = getDisplayMigrationTempPath(storagePath);
-  (0, import_node_fs10.writeFileSync)(temporaryPath, JSON.stringify(next, null, JSON_INDENT_SPACES));
-  (0, import_node_fs10.renameSync)(temporaryPath, displayPath);
+  (0, import_node_fs11.writeFileSync)(temporaryPath, JSON.stringify(next, null, JSON_INDENT_SPACES2));
+  (0, import_node_fs11.renameSync)(temporaryPath, displayPath);
 }
 
 // ../server/src/redesign-storage-migration.ts
-var JSON_INDENT_SPACES2 = 2;
+var JSON_INDENT_SPACES3 = 2;
 var JSON_FILE_SUFFIX = ".json";
 function runRedesignStorageMigration(storagePath) {
   migrateChannelMetadataDirectory(storagePath);
@@ -54163,19 +54911,20 @@ function runRedesignStorageMigration(storagePath) {
   const channelIds = migrateChannelRecords(storagePath);
   migrateDisplayRecord(storagePath, channelIds);
   backfillChannelPageSizes(storagePath);
+  migrateDisplayAppearanceMode(storagePath);
 }
 function getRedesignRecordMigrationTempPath(recordPath) {
-  return import_node_path13.default.join(import_node_path13.default.dirname(recordPath), `.${import_node_path13.default.basename(recordPath)}.redesign.tmp`);
+  return import_node_path14.default.join(import_node_path14.default.dirname(recordPath), `.${import_node_path14.default.basename(recordPath)}.redesign.tmp`);
 }
 function migrateChannelRecords(storagePath) {
   const channelsDir = getChannelsDir(storagePath);
-  if (!(0, import_node_fs11.existsSync)(channelsDir)) {
+  if (!(0, import_node_fs12.existsSync)(channelsDir)) {
     return [];
   }
   const channelIds = [];
-  for (const file2 of (0, import_node_fs11.readdirSync)(channelsDir).sort()) {
+  for (const file2 of (0, import_node_fs12.readdirSync)(channelsDir).sort()) {
     if (!file2.endsWith(JSON_FILE_SUFFIX)) continue;
-    const recordPath = import_node_path13.default.join(channelsDir, file2);
+    const recordPath = import_node_path14.default.join(channelsDir, file2);
     const parsed = readJSON(recordPath);
     const inspected = inspectChannelRecord(parsed);
     if (inspected === null) continue;
@@ -54191,7 +54940,7 @@ function migrateChannelRecords(storagePath) {
 }
 function migrateDisplayRecord(storagePath, channelIds) {
   const displayPath = getDisplayStatePath(storagePath);
-  if (!(0, import_node_fs11.existsSync)(displayPath)) return;
+  if (!(0, import_node_fs12.existsSync)(displayPath)) return;
   const parsed = readJSON(displayPath);
   const record2 = parseConvertibleDisplayRecord(parsed);
   if (record2 === null) return;
@@ -54202,10 +54951,10 @@ function migrateDisplayRecord(storagePath, channelIds) {
 }
 function backfillChannelPageSizes(storagePath) {
   const channelsDir = getChannelsDir(storagePath);
-  if (!(0, import_node_fs11.existsSync)(channelsDir)) return;
-  for (const file2 of (0, import_node_fs11.readdirSync)(channelsDir).sort()) {
+  if (!(0, import_node_fs12.existsSync)(channelsDir)) return;
+  for (const file2 of (0, import_node_fs12.readdirSync)(channelsDir).sort()) {
     if (!file2.endsWith(JSON_FILE_SUFFIX)) continue;
-    const recordPath = import_node_path13.default.join(channelsDir, file2);
+    const recordPath = import_node_path14.default.join(channelsDir, file2);
     const record2 = inspectPageSizeBackfillRecord(readJSON(recordPath));
     if (record2 === null) continue;
     const backfilled = backfillStoredChannelPageSizes(record2);
@@ -54214,13 +54963,23 @@ function backfillChannelPageSizes(storagePath) {
     }
   }
 }
+function migrateDisplayAppearanceMode(storagePath) {
+  const displayPath = getDisplayStatePath(storagePath);
+  if (!(0, import_node_fs12.existsSync)(displayPath)) return;
+  const record2 = readJSON(displayPath);
+  if (!isRecord2(record2) || Object.hasOwn(record2, "appearanceMode")) return;
+  if (!isNullableString(record2.focusedChannelId) || !Array.isArray(record2.pinnedChannelIds) || !record2.pinnedChannelIds.every((id) => typeof id === "string") || !isThemeName2(record2.activeThemeName)) {
+    return;
+  }
+  writeAtomicJSON(displayPath, { ...record2, appearanceMode: "system" });
+}
 function writeAtomicJSON(recordPath, value) {
   const temporaryPath = getRedesignRecordMigrationTempPath(recordPath);
-  (0, import_node_fs11.writeFileSync)(temporaryPath, JSON.stringify(value, null, JSON_INDENT_SPACES2));
-  (0, import_node_fs11.renameSync)(temporaryPath, recordPath);
+  (0, import_node_fs12.writeFileSync)(temporaryPath, JSON.stringify(value, null, JSON_INDENT_SPACES3));
+  (0, import_node_fs12.renameSync)(temporaryPath, recordPath);
 }
 function readJSON(recordPath) {
-  const bytes = (0, import_node_fs11.readFileSync)(recordPath, "utf8");
+  const bytes = (0, import_node_fs12.readFileSync)(recordPath, "utf8");
   try {
     return JSON.parse(bytes);
   } catch {
@@ -54313,12 +55072,12 @@ function isRecord2(value) {
 }
 
 // ../server/src/onboarding-installer.ts
-var import_node_fs14 = require("node:fs");
-var import_node_path16 = __toESM(require("node:path"), 1);
+var import_node_fs15 = require("node:fs");
+var import_node_path17 = __toESM(require("node:path"), 1);
 
 // ../server/src/onboarding-content.ts
-var import_node_fs12 = require("node:fs");
-var import_node_path14 = __toESM(require("node:path"), 1);
+var import_node_fs13 = require("node:fs");
+var import_node_path15 = __toESM(require("node:path"), 1);
 var ONBOARDING_CONFIG_FILENAME = "onboarding-channels.json";
 var ONBOARDING_CONFIG_VERSION = 3;
 var ONBOARDING_ARTIFACT_ID_PREFIX = "television-onboarding";
@@ -54330,18 +55089,18 @@ function isValidOnboardingSlug(slug) {
   return ONBOARDING_SLUG_PATTERN.test(slug) && !slug.includes("--");
 }
 function loadOnboardingConfig(contentRoot) {
-  const configPath = import_node_path14.default.join(contentRoot, ONBOARDING_CONFIG_FILENAME);
+  const configPath = import_node_path15.default.join(contentRoot, ONBOARDING_CONFIG_FILENAME);
   let raw;
   try {
-    raw = (0, import_node_fs12.readFileSync)(configPath, "utf8");
+    raw = (0, import_node_fs13.readFileSync)(configPath, "utf8");
   } catch (error48) {
-    return { errors: [`cannot read ${ONBOARDING_CONFIG_FILENAME}: ${describeError(error48)}`] };
+    return { errors: [`cannot read ${ONBOARDING_CONFIG_FILENAME}: ${describeError2(error48)}`] };
   }
   let parsed;
   try {
     parsed = JSON.parse(raw);
   } catch (error48) {
-    return { errors: [`failed to parse ${ONBOARDING_CONFIG_FILENAME}: ${describeError(error48)}`] };
+    return { errors: [`failed to parse ${ONBOARDING_CONFIG_FILENAME}: ${describeError2(error48)}`] };
   }
   const errors = validateConfigSchema(parsed);
   if (errors.length > 0) {
@@ -54351,15 +55110,15 @@ function loadOnboardingConfig(contentRoot) {
 }
 function resolveOnboardingArtifactSource(contentRoot, channelSlug, artifactSlug) {
   const label = `artifact "${artifactSlug}" in channel "${channelSlug}"`;
-  const channelDir = import_node_path14.default.join(contentRoot, channelSlug);
+  const channelDir = import_node_path15.default.join(contentRoot, channelSlug);
   const shapes = [];
   for (const extension2 of [".html", ".md"]) {
-    const candidate = import_node_path14.default.join(channelDir, `${artifactSlug}${extension2}`);
+    const candidate = import_node_path15.default.join(channelDir, `${artifactSlug}${extension2}`);
     if (isFile(candidate)) {
       shapes.push({ kind: "file", path: candidate, display: `${artifactSlug}${extension2}` });
     }
   }
-  const dirPath = import_node_path14.default.join(channelDir, artifactSlug);
+  const dirPath = import_node_path15.default.join(channelDir, artifactSlug);
   if (isDirectory(dirPath)) {
     shapes.push({ kind: "directory", path: dirPath, display: `${artifactSlug}/` });
   }
@@ -54376,7 +55135,7 @@ function resolveOnboardingArtifactSource(contentRoot, channelSlug, artifactSlug)
       error: `${label} has no source: expected ${artifactSlug}.html, ${artifactSlug}.md, or ${artifactSlug}/`
     };
   }
-  if (shape.kind === "directory" && !isFile(import_node_path14.default.join(shape.path, "index.html"))) {
+  if (shape.kind === "directory" && !isFile(import_node_path15.default.join(shape.path, "index.html"))) {
     return { ok: false, error: `${label} is a directory artifact missing index.html at its root` };
   }
   return { ok: true, source: { kind: shape.kind, path: shape.path } };
@@ -54475,28 +55234,28 @@ function validateArtifactSchema(rawArtifact, channelLabel, index, artifactSlugs)
   return errors;
 }
 function isFile(candidate) {
-  return (0, import_node_fs12.existsSync)(candidate) && (0, import_node_fs12.statSync)(candidate).isFile();
+  return (0, import_node_fs13.existsSync)(candidate) && (0, import_node_fs13.statSync)(candidate).isFile();
 }
 function isDirectory(candidate) {
-  return (0, import_node_fs12.existsSync)(candidate) && (0, import_node_fs12.statSync)(candidate).isDirectory();
+  return (0, import_node_fs13.existsSync)(candidate) && (0, import_node_fs13.statSync)(candidate).isDirectory();
 }
-function describeError(error48) {
+function describeError2(error48) {
   return error48 instanceof Error ? error48.message : String(error48);
 }
 
 // ../server/src/onboarding-state.ts
-var import_node_fs13 = require("node:fs");
-var import_node_path15 = __toESM(require("node:path"), 1);
+var import_node_fs14 = require("node:fs");
+var import_node_path16 = __toESM(require("node:path"), 1);
 
 // ../server/src/onboarding.ts
 var ONBOARDING_ARTIFACT_ID = "television-onboarding";
 
 // ../server/src/onboarding-state.ts
-var JSON_INDENT_SPACES3 = 2;
+var JSON_INDENT_SPACES4 = 2;
 var ONBOARDING_STATE_VERSION = 3;
 function readOnboardingStateFile(storagePath) {
   const statePath = getOnboardingStatePath(storagePath);
-  if (!(0, import_node_fs13.existsSync)(statePath)) {
+  if (!(0, import_node_fs14.existsSync)(statePath)) {
     return { status: "absent" };
   }
   const parsed = parseJSONFile(statePath);
@@ -54512,7 +55271,7 @@ function readOnboardingStateFile(storagePath) {
 }
 function readLegacyOnboardingFile(storagePath) {
   const legacyPath = getOnboardingArtifactSentinelPath(storagePath);
-  if (!(0, import_node_fs13.existsSync)(legacyPath)) {
+  if (!(0, import_node_fs14.existsSync)(legacyPath)) {
     return { status: "absent" };
   }
   const parsed = parseJSONFile(legacyPath);
@@ -54538,17 +55297,17 @@ function readLegacyOnboardingFile(storagePath) {
 }
 function getOnboardingStateTempPath(storagePath) {
   const statePath = getOnboardingStatePath(storagePath);
-  return import_node_path15.default.join(import_node_path15.default.dirname(statePath), `.${import_node_path15.default.basename(statePath)}.tmp-${process.pid}`);
+  return import_node_path16.default.join(import_node_path16.default.dirname(statePath), `.${import_node_path16.default.basename(statePath)}.tmp-${process.pid}`);
 }
 function writeOnboardingStateFile(storagePath, state) {
   const statePath = getOnboardingStatePath(storagePath);
   const tempPath = getOnboardingStateTempPath(storagePath);
   try {
-    (0, import_node_fs13.writeFileSync)(tempPath, JSON.stringify(state, null, JSON_INDENT_SPACES3));
-    (0, import_node_fs13.renameSync)(tempPath, statePath);
+    (0, import_node_fs14.writeFileSync)(tempPath, JSON.stringify(state, null, JSON_INDENT_SPACES4));
+    (0, import_node_fs14.renameSync)(tempPath, statePath);
   } catch (error48) {
     try {
-      (0, import_node_fs13.rmSync)(tempPath, { force: true });
+      (0, import_node_fs14.rmSync)(tempPath, { force: true });
     } catch {
     }
     throw error48;
@@ -54557,14 +55316,14 @@ function writeOnboardingStateFile(storagePath, state) {
 function parseJSONFile(filePath) {
   let raw;
   try {
-    raw = (0, import_node_fs13.readFileSync)(filePath, "utf8");
+    raw = (0, import_node_fs14.readFileSync)(filePath, "utf8");
   } catch (error48) {
-    return { ok: false, error: `cannot read ${filePath}: ${describeError2(error48)}` };
+    return { ok: false, error: `cannot read ${filePath}: ${describeError3(error48)}` };
   }
   try {
     return { ok: true, value: JSON.parse(raw) };
   } catch (error48) {
-    return { ok: false, error: `cannot parse ${filePath}: ${describeError2(error48)}` };
+    return { ok: false, error: `cannot parse ${filePath}: ${describeError3(error48)}` };
   }
 }
 function parseV3State(value) {
@@ -54608,7 +55367,7 @@ function parseInstallRecords(value) {
 function isUsableTimestamp(value) {
   return typeof value === "string" && !Number.isNaN(Date.parse(value));
 }
-function describeError2(error48) {
+function describeError3(error48) {
   return error48 instanceof Error ? error48.message : String(error48);
 }
 
@@ -54732,17 +55491,17 @@ function installChannel(target, contentPath, channelConfig) {
     const artifactID = onboardingArtifactID(channelConfig.slug, artifactConfig.slug);
     const artifactsDir = getAgentArtifactsDir(target.storagePath);
     if (resolved.source.kind === "file") {
-      const destination = import_node_path16.default.join(artifactsDir, `${artifactID}${import_node_path16.default.extname(resolved.source.path)}`);
-      (0, import_node_fs14.rmSync)(destination, { recursive: true, force: true });
-      (0, import_node_fs14.cpSync)(resolved.source.path, destination);
+      const destination = import_node_path17.default.join(artifactsDir, `${artifactID}${import_node_path17.default.extname(resolved.source.path)}`);
+      (0, import_node_fs15.rmSync)(destination, { recursive: true, force: true });
+      (0, import_node_fs15.cpSync)(resolved.source.path, destination);
       copies.push({ artifactConfig, artifactID, destination });
     } else {
-      const destinationDir = import_node_path16.default.join(artifactsDir, artifactID);
-      if ((0, import_node_fs14.existsSync)(destinationDir)) {
-        (0, import_node_fs14.rmSync)(destinationDir, { recursive: true, force: true });
+      const destinationDir = import_node_path17.default.join(artifactsDir, artifactID);
+      if ((0, import_node_fs15.existsSync)(destinationDir)) {
+        (0, import_node_fs15.rmSync)(destinationDir, { recursive: true, force: true });
       }
-      (0, import_node_fs14.cpSync)(resolved.source.path, destinationDir, { recursive: true });
-      copies.push({ artifactConfig, artifactID, destination: destinationDir + import_node_path16.default.sep });
+      (0, import_node_fs15.cpSync)(resolved.source.path, destinationDir, { recursive: true });
+      copies.push({ artifactConfig, artifactID, destination: destinationDir + import_node_path17.default.sep });
     }
   }
   for (const { artifactConfig, artifactID, destination } of copies) {
@@ -54769,7 +55528,7 @@ function installChannel(target, contentPath, channelConfig) {
 }
 
 // ../server/src/server-store.ts
-var JSON_INDENT_SPACES4 = 2;
+var JSON_INDENT_SPACES5 = 2;
 var LAYOUT_VERSION = 2;
 var CONTENT_WATCH_DEBOUNCE_MS = 100;
 var JSON_FILE_SUFFIX2 = ".json";
@@ -54781,14 +55540,28 @@ function isBundledViewID(id) {
 function sameIds(left, right) {
   return left.length === right.length && left.every((id, index) => id === right[index]);
 }
+function sameIdMembership(left, right) {
+  if (left.length !== right.length) return false;
+  const rightIds = new Set(right);
+  return left.every((id) => rightIds.has(id));
+}
+function sameThemeJavaScriptDeclarations(left, right) {
+  return left.every((value, index) => value === right[index]);
+}
+function isAppearanceMode(value) {
+  return value === "system" || value === "light" || value === "dark";
+}
+function isThemeJavaScriptConsentIds(value) {
+  return Array.isArray(value) && value.every((id) => typeof id === "string" && id.length > 0) && new Set(value).size === value.length;
+}
 function hasSameArtifactMetadata(left, right) {
   if (left.kind !== right.kind || left.title !== right.title) return false;
   return left.kind === "path" && right.kind === "path" ? left.path === right.path : left.kind === "url" && right.kind === "url" && left.url === right.url;
 }
 function hasExistingTelevisionDataStructure(storagePath) {
-  if ((0, import_node_fs15.existsSync)(getDisplayStatePath(storagePath))) return true;
-  if ((0, import_node_fs15.existsSync)(getOnboardingStatePath(storagePath))) return true;
-  if ((0, import_node_fs15.existsSync)(getOnboardingArtifactSentinelPath(storagePath))) return true;
+  if ((0, import_node_fs16.existsSync)(getDisplayStatePath(storagePath))) return true;
+  if ((0, import_node_fs16.existsSync)(getOnboardingStatePath(storagePath))) return true;
+  if ((0, import_node_fs16.existsSync)(getOnboardingArtifactSentinelPath(storagePath))) return true;
   if (directoryIsNonEmpty(getChannelsDir(storagePath))) return true;
   if (directoryIsNonEmpty(getLegacyScreensDir(storagePath))) return true;
   if (directoryIsNonEmpty(getArtifactsMetadataDir(storagePath))) return true;
@@ -54798,7 +55571,7 @@ function hasExistingTelevisionDataStructure(storagePath) {
 }
 function directoryIsNonEmpty(dir) {
   try {
-    return (0, import_node_fs15.readdirSync)(dir).length > 0;
+    return (0, import_node_fs16.readdirSync)(dir).length > 0;
   } catch {
     return false;
   }
@@ -54808,10 +55581,10 @@ function artifactWatchTarget(artifact) {
     return null;
   }
   if (hasTrailingSeparator(artifact.path)) {
-    return { watchPath: artifact.path, basenames: DIRECTORY_INDEX_BASENAMES };
+    return { watchPath: artifact.path, recursive: true };
   }
   if (isMarkdownPath(artifact.path) || isHtmlPath(artifact.path)) {
-    return { watchPath: artifact.path };
+    return { watchPath: artifact.path, recursive: false };
   }
   return null;
 }
@@ -54823,6 +55596,9 @@ var ServerStore = class extends EventTarget {
   focusedChannelId = null;
   pinnedChannelIds = [];
   activeThemeName = null;
+  appearanceMode = "system";
+  themeJavaScriptConsentIds = [];
+  themeRegistry = { themes: [], errors: [] };
   displayStateReady = false;
   _artifacts = /* @__PURE__ */ new Map();
   artifactChannels = /* @__PURE__ */ new Map();
@@ -54834,22 +55610,24 @@ var ServerStore = class extends EventTarget {
   watchContentFile;
   bundledViewsPath;
   onboardingContentPath;
+  bundledThemesPath;
   serving;
   // True only while the constructor's install phase runs: content watchers
   // must not start before the final bootstrap step
-  // (specs/arch/onboarding/installer.md#^bootstrap-sequence step 7).
+  // (specs/arch/onboarding/installer.md#^bootstrap-sequence step 8).
   inBootstrapInstall = false;
   telemetryHooks = null;
   // The serving bootstrap sequence and the token-only cutoff are spec'd:
   // specs/arch/onboarding/installer.md#^bootstrap-sequence, #^token-only-boot.
   constructor(options) {
     super();
-    this.storagePath = import_node_path17.default.resolve(options.storagePath);
+    this.storagePath = import_node_path18.default.resolve(options.storagePath);
     this.serving = options.installOnboardingChannels === true;
     this.dataDirCreated = !hasExistingTelevisionDataStructure(this.storagePath);
     this.watchContentFile = options.watchContentFile ?? defaultWatchContentFile;
     this.bundledViewsPath = options.bundledViewsPath;
     this.onboardingContentPath = options.onboardingContentPath;
+    this.bundledThemesPath = options.bundledThemesPath === void 0 ? void 0 : import_node_path18.default.resolve(options.bundledThemesPath);
     if (this.serving) {
       runRedesignStorageMigration(this.storagePath);
     }
@@ -54877,10 +55655,17 @@ var ServerStore = class extends EventTarget {
     if (this.channels.size === 0) {
       this.createChannel({ name: "Default" });
     }
+    const bundledThemeState = runBundledThemeInstallation(
+      this.storagePath,
+      this.bundledThemesPath
+    );
+    this.refreshThemeRegistry();
     if (!this.loadDisplayState()) {
       this.initializeDisplayState();
     }
+    this.completeDefaultThemeSelection(bundledThemeState);
     this.displayStateReady = true;
+    this.clearUnregisteredActiveTheme();
     if (noContentAtBoot && onboarding.focusChannelID !== void 0 && this.channels.has(onboarding.focusChannelID)) {
       this.patchDisplay({ focusedChannelId: onboarding.focusChannelID });
     }
@@ -54899,8 +55684,8 @@ var ServerStore = class extends EventTarget {
     if (!isBundledViewID(id) || this.bundledViewsPath === void 0) {
       return null;
     }
-    const viewPath = import_node_path17.default.join(this.bundledViewsPath, id);
-    return (0, import_node_fs15.existsSync)(import_node_path17.default.join(viewPath, "index.html")) ? viewPath : null;
+    const viewPath = import_node_path18.default.join(this.bundledViewsPath, id);
+    return (0, import_node_fs16.existsSync)(import_node_path18.default.join(viewPath, "index.html")) ? viewPath : null;
   }
   getChannel(id) {
     const channel = this.channels.get(id);
@@ -54939,7 +55724,7 @@ var ServerStore = class extends EventTarget {
       this.persistChannel(channel);
     } catch (error48) {
       channel.layout = previousLayout;
-      (0, import_node_fs15.rmSync)(getArtifactLiveMetadataPath(this.storagePath, artifact.id), { force: true });
+      (0, import_node_fs16.rmSync)(getArtifactLiveMetadataPath(this.storagePath, artifact.id), { force: true });
       throw error48;
     }
     this._artifacts.set(artifact.id, artifact);
@@ -54987,7 +55772,10 @@ var ServerStore = class extends EventTarget {
     this._artifacts.set(input.artifactID, updated);
     if (pointerChanged) {
       this.startWatchingArtifactContent(updated);
-      this.scheduleArtifactContentChangedEvent(updated.id);
+      const watcher = this.contentWatchers.get(updated.id);
+      if (watcher) {
+        this.scheduleArtifactContentChangedEvent(updated.id, watcher);
+      }
     }
     this.dispatchEvent(new ArtifactUpdatedEvent("artifact-updated", { artifact: updated }));
     if (metadataChanged) {
@@ -55024,7 +55812,7 @@ var ServerStore = class extends EventTarget {
     }
     this.stopWatchingArtifactContent(artifactID);
     this._artifacts.delete(artifactID);
-    (0, import_node_fs15.rmSync)(getArtifactLiveMetadataPath(this.storagePath, artifactID), { force: true });
+    (0, import_node_fs16.rmSync)(getArtifactLiveMetadataPath(this.storagePath, artifactID), { force: true });
     if (channelID !== void 0) {
       this.dispatchEvent(new ArtifactRemovedEvent("artifact-removed", { artifactID, channelID }));
     }
@@ -55049,7 +55837,9 @@ var ServerStore = class extends EventTarget {
       this.persistDisplayState({
         focusedChannelId: channel.id,
         pinnedChannelIds: this.pinnedChannelIds,
-        activeThemeName: this.activeThemeName
+        activeThemeName: this.activeThemeName,
+        appearanceMode: this.appearanceMode,
+        themeJavaScriptConsentIds: [...this.themeJavaScriptConsentIds]
       });
       this.focusedChannelId = channel.id;
     }
@@ -55111,19 +55901,52 @@ var ServerStore = class extends EventTarget {
   getActiveThemeName() {
     return this.activeThemeName;
   }
+  hasThemeJavaScriptConsent(themeID) {
+    return this.themeJavaScriptConsentIds.includes(themeID);
+  }
+  getThemeRegistry() {
+    return {
+      themes: this.themeRegistry.themes.map((theme) => ({ ...theme })),
+      errors: this.themeRegistry.errors.map((error48) => ({ ...error48 }))
+    };
+  }
+  refreshThemeRegistry(telemetryContext) {
+    const selectedThemeID = this.activeThemeName;
+    const previousColorScheme = this.getActiveThemeColorScheme();
+    const previousJavaScriptDeclarations = selectedThemeID === null ? null : this.registeredThemeJavaScriptDeclarations(selectedThemeID);
+    this.themeRegistry = scanThemesDirectory(getThemesDir(this.storagePath));
+    if (this.displayStateReady) {
+      this.clearUnregisteredActiveTheme(telemetryContext);
+      if (selectedThemeID !== null && this.activeThemeName === selectedThemeID && previousJavaScriptDeclarations !== null && (previousColorScheme !== this.getActiveThemeColorScheme() || !sameThemeJavaScriptDeclarations(
+        previousJavaScriptDeclarations,
+        this.registeredThemeJavaScriptDeclarations(selectedThemeID)
+      ))) {
+        this.dispatchThemeChanged(selectedThemeID);
+      }
+    }
+    return this.getThemeRegistry();
+  }
   getDisplayState() {
     return {
       focusedChannelId: this.getFocusedChannelId(),
       pinnedChannelIds: [...this.pinnedChannelIds],
-      activeThemeName: this.activeThemeName
+      activeThemeName: this.activeThemeName,
+      activeThemeColorScheme: this.getActiveThemeColorScheme(),
+      appearanceMode: this.appearanceMode,
+      themeJavaScriptConsentIds: [...this.themeJavaScriptConsentIds]
     };
   }
   patchDisplay(input, telemetryContext) {
+    this.applyDisplayPatch(input, "selection", telemetryContext);
+  }
+  applyDisplayPatch(input, themeChangeReason, telemetryContext) {
     const currentFocusedChannelId = this.getFocusedChannelId();
     const previousPinnedChannelIds = this.pinnedChannelIds;
     let nextFocusedChannelId = this.focusedChannelId;
     let nextPinnedChannelIds = this.pinnedChannelIds;
     let nextActiveThemeName = this.activeThemeName;
+    let nextAppearanceMode = this.appearanceMode;
+    let nextThemeJavaScriptConsentIds = this.themeJavaScriptConsentIds;
     if (input.focusedChannelId !== void 0) {
       if (input.focusedChannelId === null) {
         if (this.channels.size !== 0) {
@@ -55144,33 +55967,51 @@ var ServerStore = class extends EventTarget {
       nextPinnedChannelIds = [...input.pinnedChannelIds];
     }
     if (input.activeThemeName !== void 0) {
-      if (input.activeThemeName !== null) {
-        if (!isValidThemeName(input.activeThemeName)) {
-          throw new InvalidRequestError(`Invalid theme name: ${input.activeThemeName}`);
-        }
-        if (!themeExists(this.storagePath, input.activeThemeName)) {
-          throw new NotFoundError(`Theme not found: ${input.activeThemeName}`, {
-            entityType: "theme",
-            entityID: input.activeThemeName
-          });
-        }
+      if (input.activeThemeName !== null && !this.isThemeRegistered(input.activeThemeName)) {
+        throw new NotFoundError(`Theme not found: ${input.activeThemeName}`, {
+          entityType: "theme",
+          entityID: input.activeThemeName
+        });
       }
       nextActiveThemeName = input.activeThemeName;
     }
+    if (input.appearanceMode !== void 0) {
+      if (!isAppearanceMode(input.appearanceMode)) {
+        throw new InvalidRequestError(`Invalid appearance mode: ${String(input.appearanceMode)}`);
+      }
+      nextAppearanceMode = input.appearanceMode;
+    }
+    if (input.themeJavaScriptConsentIds !== void 0) {
+      if (input.themeJavaScriptConsentIds.some((id) => typeof id !== "string" || id.length === 0) || new Set(input.themeJavaScriptConsentIds).size !== input.themeJavaScriptConsentIds.length) {
+        throw new InvalidRequestError(
+          "themeJavaScriptConsentIds must contain unique non-empty theme ids"
+        );
+      }
+      nextThemeJavaScriptConsentIds = [...input.themeJavaScriptConsentIds];
+    }
     const focusedChannelChanged = nextFocusedChannelId !== this.focusedChannelId;
     const pinnedChannelsChanged = !sameIds(nextPinnedChannelIds, this.pinnedChannelIds);
     const themeChanged = nextActiveThemeName !== this.activeThemeName;
-    if (!focusedChannelChanged && !pinnedChannelsChanged && !themeChanged) {
+    const appearanceChanged = nextAppearanceMode !== this.appearanceMode;
+    const themeJavaScriptConsentChanged = !sameIdMembership(
+      nextThemeJavaScriptConsentIds,
+      this.themeJavaScriptConsentIds
+    );
+    if (!focusedChannelChanged && !pinnedChannelsChanged && !themeChanged && !appearanceChanged && !themeJavaScriptConsentChanged) {
       return;
     }
     this.persistDisplayState({
       focusedChannelId: this.resolveFocusedChannelId(nextFocusedChannelId),
       pinnedChannelIds: nextPinnedChannelIds,
-      activeThemeName: nextActiveThemeName
+      activeThemeName: nextActiveThemeName,
+      appearanceMode: nextAppearanceMode,
+      themeJavaScriptConsentIds: nextThemeJavaScriptConsentIds
     });
     this.focusedChannelId = nextFocusedChannelId;
     this.pinnedChannelIds = nextPinnedChannelIds;
     this.activeThemeName = nextActiveThemeName;
+    this.appearanceMode = nextAppearanceMode;
+    this.themeJavaScriptConsentIds = nextThemeJavaScriptConsentIds;
     if (themeChanged) {
       this.startWatchingActiveTheme();
     }
@@ -55194,11 +56035,19 @@ var ServerStore = class extends EventTarget {
         )
       );
     }
+    if (themeChanged || themeJavaScriptConsentChanged) {
+      this.dispatchThemeChanged();
+    }
     if (themeChanged) {
+      this.emitTelemetry((hooks) => hooks.themeChanged(themeChangeReason, telemetryContext));
+    }
+    if (appearanceChanged) {
+      this.emitTelemetry((hooks) => hooks.appearanceModeChanged(this.appearanceMode, telemetryContext));
       this.dispatchEvent(
-        new ThemeChangedEvent("theme-changed", { themeName: this.activeThemeName })
+        new AppearanceChangedEvent("appearance-changed", {
+          appearanceMode: this.appearanceMode
+        })
       );
-      this.emitTelemetry((hooks) => hooks.themeChanged(telemetryContext));
     }
   }
   /**
@@ -55236,8 +56085,8 @@ var ServerStore = class extends EventTarget {
     const artifactResults = artifactIDs.map(
       (artifactID) => this.deleteArtifactWithCause(artifactID, "channel_deleted", telemetryContext)
     );
-    const metadataPath = import_node_path17.default.join(this.channelsDir, `${channel.id}.json`);
-    (0, import_node_fs15.rmSync)(metadataPath, { force: true });
+    const metadataPath = import_node_path18.default.join(this.channelsDir, `${channel.id}.json`);
+    (0, import_node_fs16.rmSync)(metadataPath, { force: true });
     this.channels.delete(channel.id);
     const nextFocusedChannelId = previousFocusedChannelId === channel.id ? this.pickDeletionSuccessorChannelID(nextPinnedChannelIds) : previousFocusedChannelId;
     const pinnedChannelsChanged = !sameIds(nextPinnedChannelIds, this.pinnedChannelIds);
@@ -55246,7 +56095,9 @@ var ServerStore = class extends EventTarget {
       this.persistDisplayState({
         focusedChannelId: nextFocusedChannelId,
         pinnedChannelIds: nextPinnedChannelIds,
-        activeThemeName: this.activeThemeName
+        activeThemeName: this.activeThemeName,
+        appearanceMode: this.appearanceMode,
+        themeJavaScriptConsentIds: [...this.themeJavaScriptConsentIds]
       });
       this.pinnedChannelIds = nextPinnedChannelIds;
       this.focusedChannelId = nextFocusedChannelId;
@@ -55282,13 +56133,13 @@ var ServerStore = class extends EventTarget {
     }
   }
   load() {
-    if ((0, import_node_fs15.existsSync)(this.channelsDir)) {
-      for (const file2 of (0, import_node_fs15.readdirSync)(this.channelsDir)) {
+    if ((0, import_node_fs16.existsSync)(this.channelsDir)) {
+      for (const file2 of (0, import_node_fs16.readdirSync)(this.channelsDir)) {
         if (!file2.endsWith(JSON_FILE_SUFFIX2)) continue;
-        const filePath = import_node_path17.default.join(this.channelsDir, file2);
+        const filePath = import_node_path18.default.join(this.channelsDir, file2);
         let raw;
         try {
-          raw = JSON.parse((0, import_node_fs15.readFileSync)(filePath, "utf8"));
+          raw = JSON.parse((0, import_node_fs16.readFileSync)(filePath, "utf8"));
         } catch (error48) {
           console.warn(`Skipping malformed JSON file: ${filePath}`, error48);
           continue;
@@ -55306,15 +56157,15 @@ var ServerStore = class extends EventTarget {
         });
       }
     }
-    if (!(0, import_node_fs15.existsSync)(this.artifactsDir)) {
+    if (!(0, import_node_fs16.existsSync)(this.artifactsDir)) {
       return;
     }
-    for (const file2 of (0, import_node_fs15.readdirSync)(this.artifactsDir)) {
+    for (const file2 of (0, import_node_fs16.readdirSync)(this.artifactsDir)) {
       if (!file2.endsWith(JSON_FILE_SUFFIX2)) {
         continue;
       }
       const id = file2.slice(0, -JSON_FILE_SUFFIX2.length);
-      const metadataPath = import_node_path17.default.join(this.artifactsDir, file2);
+      const metadataPath = import_node_path18.default.join(this.artifactsDir, file2);
       const metadata = this.readArtifactFile(metadataPath, id);
       this._artifacts.set(id, metadata);
     }
@@ -55328,27 +56179,38 @@ var ServerStore = class extends EventTarget {
     if (target === null) {
       return;
     }
+    let watcher;
+    let watcherOwned = false;
+    let pendingChange = false;
+    const scheduleChange = () => {
+      if (!watcher || !watcherOwned) {
+        pendingChange = true;
+        return;
+      }
+      this.scheduleArtifactContentChangedEvent(artifact.id, watcher);
+    };
     try {
-      const watcher = this.watchContentFile(target.watchPath, () => {
-        this.scheduleArtifactContentChangedEvent(artifact.id);
-      }, target.basenames, {
-        onWatcherDead: () => {
-          this.scheduleArtifactContentChangedEvent(artifact.id);
-        },
-        onWatcherRearmed: () => {
-          this.scheduleArtifactContentChangedEvent(artifact.id);
-        }
+      watcher = this.watchContentFile(target.watchPath, scheduleChange, {
+        recursive: target.recursive,
+        onWatcherDead: scheduleChange,
+        onWatcherRearmed: scheduleChange
       });
       watcher.on("error", (error48) => {
+        if (this.contentWatchers.get(artifact.id) !== watcher) {
+          return;
+        }
         console.warn(
           `Watcher error for artifact ${artifact.id}: ${target.watchPath}`,
           error48
         );
-        if (this.contentWatchers.get(artifact.id) === watcher) {
-          this.stopWatchingArtifactContent(artifact.id);
-        }
+        this.stopWatchingArtifactContent(artifact.id);
       });
       this.contentWatchers.set(artifact.id, watcher);
+      watcherOwned = true;
+      if (pendingChange) {
+        pendingChange = false;
+        scheduleChange();
+      }
     } catch (error48) {
       console.warn(
         `Failed to watch artifact content path for ${artifact.id}: ${target.watchPath}`,
@@ -55375,26 +56237,44 @@ var ServerStore = class extends EventTarget {
   }
   startWatchingActiveTheme() {
     this.stopWatchingActiveTheme();
-    if (this.activeThemeName === null || !themeExists(this.storagePath, this.activeThemeName)) {
+    if (this.activeThemeName === null || !this.isThemeRegistered(this.activeThemeName)) {
       return;
     }
     const themeName = this.activeThemeName;
-    const themePath = getThemeEntryPath(this.storagePath, themeName);
+    const themePath = getThemeDir(this.storagePath, themeName);
+    let watcher;
+    let watcherOwned = false;
+    let pendingChange = false;
+    const scheduleChange = () => {
+      if (!watcher || !watcherOwned) {
+        pendingChange = true;
+        return;
+      }
+      this.scheduleThemeChangedEvent(themeName, watcher);
+    };
     try {
-      const watcher = this.watchContentFile(themePath, () => {
-        this.scheduleThemeChangedEvent(themeName);
+      watcher = this.watchContentFile(themePath, scheduleChange, {
+        recursive: true,
+        onWatcherDead: scheduleChange,
+        onWatcherRearmed: scheduleChange
       });
       watcher.on("error", (error48) => {
+        if (this.themeWatcher !== watcher) {
+          return;
+        }
         console.warn(
           `Watcher error for active theme ${themeName}: ${themePath}`,
           error48
         );
-        if (this.themeWatcher === watcher) {
-          this.stopWatchingActiveTheme();
-        }
+        this.stopWatchingActiveTheme();
       });
       this.themeWatcher = watcher;
       this.themeWatcherFor = themeName;
+      watcherOwned = true;
+      if (pendingChange) {
+        pendingChange = false;
+        scheduleChange();
+      }
     } catch (error48) {
       console.warn(
         `Failed to watch active theme path for ${themeName}: ${themePath}`,
@@ -55411,29 +56291,39 @@ var ServerStore = class extends EventTarget {
       this.themeWatchDebounceTimer = null;
     }
   }
-  scheduleThemeChangedEvent(themeName) {
+  scheduleThemeChangedEvent(themeName, sourceWatcher) {
+    if (this.themeWatcher !== sourceWatcher || this.themeWatcherFor !== themeName || this.activeThemeName !== themeName) {
+      return;
+    }
     if (this.themeWatchDebounceTimer) {
       clearTimeout(this.themeWatchDebounceTimer);
     }
-    this.themeWatchDebounceTimer = setTimeout(() => {
-      this.themeWatchDebounceTimer = null;
-      if (this.themeWatcher === null) {
+    const timer = setTimeout(() => {
+      if (this.themeWatchDebounceTimer !== timer) {
         return;
       }
-      if (this.themeWatcherFor !== themeName || this.activeThemeName !== themeName) {
+      this.themeWatchDebounceTimer = null;
+      if (this.themeWatcher !== sourceWatcher || this.themeWatcherFor !== themeName || this.activeThemeName !== themeName) {
         return;
       }
-      this.dispatchEvent(new ThemeChangedEvent("theme-changed", { themeName }));
+      this.dispatchThemeChanged(themeName);
     }, CONTENT_WATCH_DEBOUNCE_MS);
+    this.themeWatchDebounceTimer = timer;
   }
-  scheduleArtifactContentChangedEvent(artifactID) {
+  scheduleArtifactContentChangedEvent(artifactID, sourceWatcher) {
+    if (this.contentWatchers.get(artifactID) !== sourceWatcher || !this._artifacts.has(artifactID)) {
+      return;
+    }
     const existingTimer = this.contentWatchDebounceTimers.get(artifactID);
     if (existingTimer) {
       clearTimeout(existingTimer);
     }
     const timer = setTimeout(() => {
+      if (this.contentWatchDebounceTimers.get(artifactID) !== timer) {
+        return;
+      }
       this.contentWatchDebounceTimers.delete(artifactID);
-      if (!this.contentWatchers.has(artifactID) || !this._artifacts.has(artifactID)) {
+      if (this.contentWatchers.get(artifactID) !== sourceWatcher || !this._artifacts.has(artifactID)) {
         return;
       }
       this.dispatchEvent(
@@ -55485,20 +56375,20 @@ var ServerStore = class extends EventTarget {
    * without statting.
    */
   normalizeArtifactPath(artifactPath) {
-    if (!import_node_path17.default.isAbsolute(artifactPath)) {
+    if (!import_node_path18.default.isAbsolute(artifactPath)) {
       throw new InvalidRequestError("path must be absolute");
     }
     const stripped = stripTrailingSeparators(artifactPath);
     let stat;
     try {
-      (0, import_node_fs15.accessSync)(stripped, import_node_fs15.constants.R_OK);
-      stat = (0, import_node_fs15.statSync)(stripped);
+      (0, import_node_fs16.accessSync)(stripped, import_node_fs16.constants.R_OK);
+      stat = (0, import_node_fs16.statSync)(stripped);
     } catch {
       throw new InvalidRequestError(`path does not exist or is not readable: ${artifactPath}`);
     }
     if (stat.isDirectory()) {
-      const canonical = hasTrailingSeparator(stripped) ? stripped : `${stripped}${import_node_path17.default.sep}`;
-      if (!DIRECTORY_INDEX_BASENAMES.some((basename) => (0, import_node_fs15.existsSync)(import_node_path17.default.join(canonical, basename)))) {
+      const canonical = hasTrailingSeparator(stripped) ? stripped : `${stripped}${import_node_path18.default.sep}`;
+      if (!DIRECTORY_INDEX_BASENAMES.some((basename) => (0, import_node_fs16.existsSync)(import_node_path18.default.join(canonical, basename)))) {
         throw new InvalidRequestError(`directory artifact must contain index.html or index.htm: ${canonical}`);
       }
       return canonical;
@@ -55526,14 +56416,60 @@ var ServerStore = class extends EventTarget {
     this.focusedChannelId = this.pickPreferredChannelID();
     this.pinnedChannelIds = [];
     this.activeThemeName = null;
+    this.appearanceMode = "system";
+    this.themeJavaScriptConsentIds = [];
     this.persistDisplayState();
   }
+  completeDefaultThemeSelection(state) {
+    if (state === null || state.initialThemeSelectionComplete || !state.installedThemeIDs.includes(DEFAULT_BUNDLED_THEME_ID)) {
+      return;
+    }
+    if (this.activeThemeName === null && this.isThemeRegistered(DEFAULT_BUNDLED_THEME_ID)) {
+      this.persistDisplayState({
+        ...this.getDisplayState(),
+        activeThemeName: DEFAULT_BUNDLED_THEME_ID
+      });
+      this.activeThemeName = DEFAULT_BUNDLED_THEME_ID;
+    }
+    writeBundledThemeStateFile(this.storagePath, {
+      version: BUNDLED_THEME_STATE_VERSION,
+      installedThemeIDs: state.installedThemeIDs,
+      initialThemeSelectionComplete: true
+    });
+  }
+  dispatchThemeChanged(themeName = this.activeThemeName) {
+    this.dispatchEvent(new ThemeChangedEvent("theme-changed", {
+      themeName,
+      activeThemeColorScheme: this.getActiveThemeColorScheme(themeName),
+      themeJavaScriptConsentIds: [...this.themeJavaScriptConsentIds]
+    }));
+  }
+  getActiveThemeColorScheme(themeName = this.activeThemeName) {
+    if (themeName === null) return null;
+    return this.themeRegistry.themes.find((theme) => theme.id === themeName)?.colorScheme ?? null;
+  }
+  isThemeRegistered(themeID) {
+    return this.themeRegistry.themes.some((theme) => theme.id === themeID);
+  }
+  registeredThemeJavaScriptDeclarations(themeID) {
+    const theme = this.themeRegistry.themes.find((candidate) => candidate.id === themeID);
+    return [
+      theme?.enableMainJS,
+      theme?.enableIframeBackgroundJS,
+      theme?.enableIframeOverlayJS
+    ];
+  }
+  clearUnregisteredActiveTheme(telemetryContext) {
+    if (this.activeThemeName !== null && !this.isThemeRegistered(this.activeThemeName)) {
+      this.applyDisplayPatch({ activeThemeName: null }, "fallback", telemetryContext);
+    }
+  }
   ensureDirectories() {
-    (0, import_node_fs15.mkdirSync)(import_node_path17.default.join(this.storagePath, "state"), { recursive: true });
-    (0, import_node_fs15.mkdirSync)(this.channelsDir, { recursive: true });
-    (0, import_node_fs15.mkdirSync)(this.artifactsDir, { recursive: true });
-    (0, import_node_fs15.mkdirSync)(getThemesDir(this.storagePath), { recursive: true });
-    (0, import_node_fs15.mkdirSync)(getAgentArtifactsDir(this.storagePath), { recursive: true });
+    (0, import_node_fs16.mkdirSync)(import_node_path18.default.join(this.storagePath, "state"), { recursive: true });
+    (0, import_node_fs16.mkdirSync)(this.channelsDir, { recursive: true });
+    (0, import_node_fs16.mkdirSync)(this.artifactsDir, { recursive: true });
+    (0, import_node_fs16.mkdirSync)(getThemesDir(this.storagePath), { recursive: true });
+    (0, import_node_fs16.mkdirSync)(getAgentArtifactsDir(this.storagePath), { recursive: true });
   }
   rebuildArtifactChannels() {
     this.artifactChannels.clear();
@@ -55552,12 +56488,12 @@ var ServerStore = class extends EventTarget {
     }
   }
   loadDisplayState() {
-    if (!(0, import_node_fs15.existsSync)(this.displayStatePath)) {
+    if (!(0, import_node_fs16.existsSync)(this.displayStatePath)) {
       return false;
     }
     let raw;
     try {
-      raw = (0, import_node_fs15.readFileSync)(this.displayStatePath, "utf8");
+      raw = (0, import_node_fs16.readFileSync)(this.displayStatePath, "utf8");
     } catch {
       return false;
     }
@@ -55567,18 +56503,34 @@ var ServerStore = class extends EventTarget {
     } catch {
       return false;
     }
-    if (parsed && typeof parsed === "object" && "focusedChannelId" in parsed && (typeof parsed.focusedChannelId === "string" || parsed.focusedChannelId === null) && "pinnedChannelIds" in parsed && Array.isArray(parsed.pinnedChannelIds) && parsed.pinnedChannelIds.every((id) => typeof id === "string") && "activeThemeName" in parsed && (typeof parsed.activeThemeName === "string" || parsed.activeThemeName === null)) {
+    if (parsed && typeof parsed === "object" && "focusedChannelId" in parsed && (typeof parsed.focusedChannelId === "string" || parsed.focusedChannelId === null) && "pinnedChannelIds" in parsed && Array.isArray(parsed.pinnedChannelIds) && parsed.pinnedChannelIds.every((id) => typeof id === "string") && "activeThemeName" in parsed && (typeof parsed.activeThemeName === "string" || parsed.activeThemeName === null) && "appearanceMode" in parsed && isAppearanceMode(parsed.appearanceMode) && (!("themeJavaScriptConsentIds" in parsed) || isThemeJavaScriptConsentIds(
+      parsed.themeJavaScriptConsentIds
+    ))) {
       this.focusedChannelId = parsed.focusedChannelId;
       this.pinnedChannelIds = [...parsed.pinnedChannelIds];
       this.activeThemeName = parsed.activeThemeName;
+      this.appearanceMode = parsed.appearanceMode;
+      this.themeJavaScriptConsentIds = "themeJavaScriptConsentIds" in parsed ? [...parsed.themeJavaScriptConsentIds] : [];
       return true;
     }
     return false;
   }
-  persistDisplayState(state = this.getDisplayState()) {
-    (0, import_node_fs15.writeFileSync)(
+  persistDisplayState(state = {
+    focusedChannelId: this.getFocusedChannelId(),
+    pinnedChannelIds: [...this.pinnedChannelIds],
+    activeThemeName: this.activeThemeName,
+    appearanceMode: this.appearanceMode,
+    themeJavaScriptConsentIds: [...this.themeJavaScriptConsentIds]
+  }) {
+    (0, import_node_fs16.writeFileSync)(
       this.displayStatePath,
-      JSON.stringify(state, null, JSON_INDENT_SPACES4)
+      JSON.stringify({
+        focusedChannelId: state.focusedChannelId,
+        pinnedChannelIds: state.pinnedChannelIds,
+        activeThemeName: state.activeThemeName,
+        appearanceMode: state.appearanceMode,
+        themeJavaScriptConsentIds: state.themeJavaScriptConsentIds
+      }, null, JSON_INDENT_SPACES5)
     );
   }
   get displayStatePath() {
@@ -55612,11 +56564,11 @@ var ServerStore = class extends EventTarget {
     return newestChannelID;
   }
   loadOrCreateAuthToken() {
-    if ((0, import_node_fs15.existsSync)(this.tokenPath)) {
-      return (0, import_node_fs15.readFileSync)(this.tokenPath, "utf8").trim();
+    if ((0, import_node_fs16.existsSync)(this.tokenPath)) {
+      return (0, import_node_fs16.readFileSync)(this.tokenPath, "utf8").trim();
     }
     const token = createToken();
-    (0, import_node_fs15.writeFileSync)(this.tokenPath, `${token}
+    (0, import_node_fs16.writeFileSync)(this.tokenPath, `${token}
 `);
     return token;
   }
@@ -55631,15 +56583,15 @@ var ServerStore = class extends EventTarget {
       layout: channel.layout,
       ...channel.onboarding ? { onboarding: channel.onboarding } : {}
     };
-    (0, import_node_fs15.writeFileSync)(
-      import_node_path17.default.join(this.channelsDir, `${channel.id}.json`),
-      JSON.stringify(stored, null, JSON_INDENT_SPACES4)
+    (0, import_node_fs16.writeFileSync)(
+      import_node_path18.default.join(this.channelsDir, `${channel.id}.json`),
+      JSON.stringify(stored, null, JSON_INDENT_SPACES5)
     );
   }
   readArtifactFile(filePath, expectedID) {
     let raw;
     try {
-      raw = (0, import_node_fs15.readFileSync)(filePath, "utf8");
+      raw = (0, import_node_fs16.readFileSync)(filePath, "utf8");
     } catch (error48) {
       throw this.invalidMetadataFile(filePath, "unreadable", error48);
     }
@@ -55661,24 +56613,19 @@ var ServerStore = class extends EventTarget {
         `id ${result.data.id} does not match filename ${expectedID}`
       );
     }
-    if (result.data.kind === "path" && !import_node_path17.default.isAbsolute(result.data.path)) {
+    if (result.data.kind === "path" && !import_node_path18.default.isAbsolute(result.data.path)) {
       throw this.invalidMetadataFile(filePath, "path must be absolute");
     }
     return result.data;
   }
-  /**
-   * Build a descriptive error for a malformed artifact metadata file. The
-   * message points at `docs/storage.md` so the user can reconcile the file
-   * (edit to match the schema, or delete to remove the artifact) without
-   * having to hunt for the schema definition.
-   */
+  /** Explain the invalid metadata and recovery without relying on repository docs. */
   invalidMetadataFile(filePath, reason, cause) {
     const message = `Invalid artifact metadata file ${filePath}: ${reason}
-Review docs/storage.md for the current schema, and either update the file to match or delete it to remove the artifact.`;
+Correct this metadata file and restart Television, or delete only this metadata file to unregister the artifact; its artifact content will remain untouched.`;
     return cause !== void 0 ? new Error(message, { cause }) : new Error(message);
   }
   writeArtifact(artifact) {
-    (0, import_node_fs15.writeFileSync)(getArtifactLiveMetadataPath(this.storagePath, artifact.id), JSON.stringify(artifact, null, JSON_INDENT_SPACES4));
+    (0, import_node_fs16.writeFileSync)(getArtifactLiveMetadataPath(this.storagePath, artifact.id), JSON.stringify(artifact, null, JSON_INDENT_SPACES5));
   }
   get channelsDir() {
     return getChannelsDir(this.storagePath);
@@ -55716,7 +56663,7 @@ var SKILL_INSTALL_TELEMETRY_TIMEOUT_MS2 = 1e3;
 var MAX_PORT2 = 65535;
 var MAX_PROCESS_EXIT_STATUS = 255;
 var HTTP_UNAUTHORIZED_STATUS2 = 401;
-var HELP_POINTER = "Television ships bundled skills. The main skill is `television` \u2014 keep its guidance available for channels, lifecycle, the `tv` CLI, and artifact workflow. Re-read it only if it is not already in context or you know the installed skill changed. Additional `tv-*` skills cover specialized artifact types and theming. Install all bundled skills with `tv skills install <path>` (e.g. ~/.openclaw/skills) or `tv skills install -i`.";
+var HELP_POINTER = "Television ships bundled skills. The main skill is `television` \u2014 keep its guidance available for channels, lifecycle, the `tv` CLI, artifact workflow, and theming. Re-read it only if it is not already in context or you know the installed skill changed. Additional `tv-*` skills cover specialized artifact types. Install all bundled skills with `tv skills install <path>` (e.g. ~/.openclaw/skills) or `tv skills install -i`.";
 var PORT_ZERO_WARNING = "WARNING: --port 0 can make Television hard for later agent CLI commands to rediscover. Use a stable port and export TELEVISION_PORT in the user's environment when agents need to find the server later.";
 var SAFE_ARG_PATTERN = /^[A-Za-z0-9_./:@%+=,-]+$/;
 var CLIDirectiveError = class extends Error {
@@ -55766,24 +56713,31 @@ function createDirectiveError(message) {
   return new CLIDirectiveError(ensureHelpPointer(message));
 }
 function getDevPackageDir() {
-  return import_node_path18.default.resolve(import_node_path18.default.dirname((0, import_node_url2.fileURLToPath)(import_meta2.url)), "..");
+  return import_node_path19.default.resolve(import_node_path19.default.dirname((0, import_node_url2.fileURLToPath)(import_meta2.url)), "..");
 }
 function resolveVercelSkillsInstallerBin() {
   if (typeof require === "function" && typeof require.resolve === "function") {
     return require.resolve("skills/bin/cli.mjs");
   }
-  const localRequire = (0, import_node_module.createRequire)(import_node_path18.default.join(getDevPackageDir(), "package.json"));
+  const localRequire = (0, import_node_module.createRequire)(import_node_path19.default.join(getDevPackageDir(), "package.json"));
   return localRequire.resolve("skills/bin/cli.mjs");
 }
 function readCLIVersion() {
-  if ("0.1.216".length > 0) {
-    return "0.1.216";
+  if ("1.3.3".length > 0) {
+    return "1.3.3";
   }
-  const devPackageJsonPath = import_node_path18.default.join(getDevPackageDir(), "package.json");
-  if (!(0, import_node_fs16.existsSync)(devPackageJsonPath)) {
+  const devPackageJsonPath = import_node_path19.default.join(getDevPackageDir(), "package.json");
+  if (!(0, import_node_fs17.existsSync)(devPackageJsonPath)) {
     throw new Error("Could not resolve package.json for repo-local CLI version.");
   }
-  return JSON.parse((0, import_node_fs16.readFileSync)(devPackageJsonPath, "utf8")).version;
+  return JSON.parse((0, import_node_fs17.readFileSync)(devPackageJsonPath, "utf8")).version;
+}
+function readCLIVersionOutput(resolveHomeDir) {
+  const releaseVersion = readCLIVersion();
+  if (false) {
+    return `${releaseVersion} (commit ${void 0})`;
+  }
+  return releaseVersion;
 }
 function inspectTelemetryBuildConfig(env = {}, options = {}) {
   const project = resolvePostHogProject(env, options);
@@ -55803,9 +56757,9 @@ function buildAgentHelpNote() {
   return [
     "",
     "Agent workflow note:",
-    "  The main skill is `television` \u2014 keep its guidance available for channels, lifecycle, the `tv` CLI, and artifact workflow.",
+    "  The main skill is `television` \u2014 keep its guidance available for channels, lifecycle, the `tv` CLI, artifact workflow, and theming.",
     "  Re-read it only if it is not already in context or you know the installed skill changed.",
-    "  Additional `tv-*` skills cover specialized artifact types and theming.",
+    "  Additional `tv-*` skills cover specialized artifact types.",
     "  Install all bundled skills: `tv skills install <path>` (e.g. ~/.openclaw/skills) or `tv skills install -i`."
   ].join("\n");
 }
@@ -55813,11 +56767,11 @@ function buildArtifactWorkflowHelpNote(includeHTMLNote) {
   const lines = [
     "",
     "Agent note:",
-    "  The main skill is `television` \u2014 keep its guidance available for channels, lifecycle, and artifact workflow.",
+    "  The main skill is `television` \u2014 keep its guidance available for channels, lifecycle, the `tv` CLI, artifact workflow, and theming.",
     "  Re-read it only if it is not already in context or you know the installed skill changed."
   ];
   if (includeHTMLNote) {
-    lines.push("  Additional `tv-*` skills cover specialized artifact types and theming.");
+    lines.push("  Additional `tv-*` skills cover specialized artifact types.");
     lines.push("  Install all bundled skills: `tv skills install <path>` (e.g. ~/.openclaw/skills) or `tv skills install -i`.");
   }
   return lines.join("\n");
@@ -55861,7 +56815,7 @@ function formatCLIError(error48, argv = []) {
     const status = typeof error48.status === "number" ? Number(error48.status) : void 0;
     if (status === HTTP_UNAUTHORIZED_STATUS2) {
       return ensureHelpPointer(
-        `Television server at ${serverURL} rejected the request as unauthorized. Check the token in ${import_node_path18.default.join(storagePathFromArgv(argv) ?? getTelevisionStoragePath(), "state", "token")}.`
+        `Television server at ${serverURL} rejected the request as unauthorized. Check the token in ${import_node_path19.default.join(storagePathFromArgv(argv) ?? getTelevisionStoragePath(), "state", "token")}.`
       );
     }
     if (status !== void 0) {
@@ -55912,66 +56866,76 @@ function resolveServeAuth(argv, hasListen) {
 }
 function resolveStaticDir() {
   if (process.argv[1]) {
-    const entryDir = import_node_path18.default.dirname((0, import_node_fs16.realpathSync)(process.argv[1]));
-    const resolved = import_node_path18.default.resolve(entryDir, "./web");
-    return (0, import_node_fs16.existsSync)(import_node_path18.default.join(resolved, "index.html")) ? resolved : void 0;
+    const entryDir = import_node_path19.default.dirname((0, import_node_fs17.realpathSync)(process.argv[1]));
+    const resolved = import_node_path19.default.resolve(entryDir, "./web");
+    return (0, import_node_fs17.existsSync)(import_node_path19.default.join(resolved, "index.html")) ? resolved : void 0;
   }
-  const devStaticPath = import_node_path18.default.resolve(getDevPackageDir(), "../web/dist");
-  return (0, import_node_fs16.existsSync)(import_node_path18.default.join(devStaticPath, "index.html")) ? devStaticPath : void 0;
+  const devStaticPath = import_node_path19.default.resolve(getDevPackageDir(), "../web/dist");
+  return (0, import_node_fs17.existsSync)(import_node_path19.default.join(devStaticPath, "index.html")) ? devStaticPath : void 0;
 }
 function resolveBundledViewsPath() {
   if (process.argv[1]) {
-    const entryDir = import_node_path18.default.dirname((0, import_node_fs16.realpathSync)(process.argv[1]));
-    const resolved = import_node_path18.default.resolve(entryDir, "./views");
-    return (0, import_node_fs16.existsSync)(resolved) ? resolved : void 0;
+    const entryDir = import_node_path19.default.dirname((0, import_node_fs17.realpathSync)(process.argv[1]));
+    const resolved = import_node_path19.default.resolve(entryDir, "./views");
+    return (0, import_node_fs17.existsSync)(resolved) ? resolved : void 0;
   }
-  const devViewsPath = import_node_path18.default.join(getDevPackageDir(), "dist/views");
-  return (0, import_node_fs16.existsSync)(devViewsPath) ? devViewsPath : void 0;
+  const devViewsPath = import_node_path19.default.join(getDevPackageDir(), "dist/views");
+  return (0, import_node_fs17.existsSync)(devViewsPath) ? devViewsPath : void 0;
 }
 function resolveCanonicalDir() {
   if (process.argv[1]) {
-    const entryDir = import_node_path18.default.dirname((0, import_node_fs16.realpathSync)(process.argv[1]));
-    const resolved = import_node_path18.default.resolve(entryDir, "./canonical/v1");
-    return (0, import_node_fs16.existsSync)(resolved) ? resolved : void 0;
+    const entryDir = import_node_path19.default.dirname((0, import_node_fs17.realpathSync)(process.argv[1]));
+    const resolved = import_node_path19.default.resolve(entryDir, "./canonical");
+    return (0, import_node_fs17.existsSync)(resolved) ? resolved : void 0;
   }
-  const devCanonicalPath = import_node_path18.default.resolve(
+  const devCanonicalPath = import_node_path19.default.resolve(
     getDevPackageDir(),
-    "../server/dist/canonical/v1"
+    "../server/dist/canonical"
   );
-  return (0, import_node_fs16.existsSync)(devCanonicalPath) ? devCanonicalPath : void 0;
+  return (0, import_node_fs17.existsSync)(devCanonicalPath) ? devCanonicalPath : void 0;
 }
 function resolveOnboardingContentPath() {
   if (process.argv[1]) {
-    const entryDir = import_node_path18.default.dirname((0, import_node_fs16.realpathSync)(process.argv[1]));
-    const resolved = import_node_path18.default.resolve(entryDir, "./onboarding");
-    return (0, import_node_fs16.existsSync)(resolved) ? resolved : void 0;
+    const entryDir = import_node_path19.default.dirname((0, import_node_fs17.realpathSync)(process.argv[1]));
+    const resolved = import_node_path19.default.resolve(entryDir, "./onboarding");
+    return (0, import_node_fs17.existsSync)(resolved) ? resolved : void 0;
   }
-  const devPath = import_node_path18.default.resolve(
+  const devPath = import_node_path19.default.resolve(
     getDevPackageDir(),
     "../server/assets/onboarding-channels"
   );
-  return (0, import_node_fs16.existsSync)(devPath) ? devPath : void 0;
+  return (0, import_node_fs17.existsSync)(devPath) ? devPath : void 0;
+}
+function resolveBundledThemesPath() {
+  if (process.argv[1]) {
+    const entryDir = import_node_path19.default.dirname((0, import_node_fs17.realpathSync)(process.argv[1]));
+    const resolved = import_node_path19.default.resolve(entryDir, "./themes");
+    return (0, import_node_fs17.existsSync)(resolved) ? resolved : void 0;
+  }
+  const devPath = import_node_path19.default.resolve(getDevPackageDir(), "../server/assets/themes");
+  return (0, import_node_fs17.existsSync)(devPath) ? devPath : void 0;
 }
 function resolveBundledSkillsRoot() {
-  const builtPath = typeof process.argv[1] === "string" ? import_node_path18.default.resolve(import_node_path18.default.dirname((0, import_node_fs16.realpathSync)(process.argv[1])), "./skills") : void 0;
-  if (builtPath && (0, import_node_fs16.existsSync)(builtPath)) {
+  const builtPath = typeof process.argv[1] === "string" ? import_node_path19.default.resolve(import_node_path19.default.dirname((0, import_node_fs17.realpathSync)(process.argv[1])), "./skills") : void 0;
+  if (builtPath && (0, import_node_fs17.existsSync)(builtPath)) {
     return builtPath;
   }
-  const devPath = import_node_path18.default.resolve(getDevPackageDir(), "../skills/dist");
-  return (0, import_node_fs16.existsSync)(devPath) ? devPath : void 0;
+  const devPath = import_node_path19.default.resolve(getDevPackageDir(), "../skills/dist");
+  return (0, import_node_fs17.existsSync)(devPath) ? devPath : void 0;
 }
 function copyBundledSkillsToDestination(bundledSkillsRoot, destinationRoot) {
-  if ((0, import_node_fs16.existsSync)(destinationRoot) && !(0, import_node_fs16.statSync)(destinationRoot).isDirectory()) {
+  if ((0, import_node_fs17.existsSync)(destinationRoot) && !(0, import_node_fs17.statSync)(destinationRoot).isDirectory()) {
     throw new Error(`Skills destination is not a directory: ${destinationRoot}`);
   }
-  (0, import_node_fs16.mkdirSync)(destinationRoot, { recursive: true });
+  (0, import_node_fs17.mkdirSync)(destinationRoot, { recursive: true });
+  (0, import_node_fs17.rmSync)(import_node_path19.default.join(destinationRoot, "tv-theme"), { recursive: true, force: true });
   const copied = [];
-  const entries = (0, import_node_fs16.readdirSync)(bundledSkillsRoot, { withFileTypes: true }).filter((entry) => entry.isDirectory()).sort((a, b2) => a.name.localeCompare(b2.name));
+  const entries = (0, import_node_fs17.readdirSync)(bundledSkillsRoot, { withFileTypes: true }).filter((entry) => entry.isDirectory()).sort((a, b2) => a.name.localeCompare(b2.name));
   for (const entry of entries) {
-    const sourcePath = import_node_path18.default.join(bundledSkillsRoot, entry.name);
-    const destinationPath = import_node_path18.default.join(destinationRoot, entry.name);
-    (0, import_node_fs16.rmSync)(destinationPath, { recursive: true, force: true });
-    (0, import_node_fs16.cpSync)(sourcePath, destinationPath, { recursive: true });
+    const sourcePath = import_node_path19.default.join(bundledSkillsRoot, entry.name);
+    const destinationPath = import_node_path19.default.join(destinationRoot, entry.name);
+    (0, import_node_fs17.rmSync)(destinationPath, { recursive: true, force: true });
+    (0, import_node_fs17.cpSync)(sourcePath, destinationPath, { recursive: true });
     copied.push({ name: entry.name, sourcePath, destinationPath });
   }
   return copied;
@@ -56054,11 +57018,11 @@ function formatCommanderError(argv, error48) {
   return null;
 }
 function readAuthToken(storagePath) {
-  const tokenPath = import_node_path18.default.join(storagePath, "state", "token");
-  if (!(0, import_node_fs16.existsSync)(tokenPath)) {
+  const tokenPath = import_node_path19.default.join(storagePath, "state", "token");
+  if (!(0, import_node_fs17.existsSync)(tokenPath)) {
     return void 0;
   }
-  const token = (0, import_node_fs16.readFileSync)(tokenPath, "utf8").trim();
+  const token = (0, import_node_fs17.readFileSync)(tokenPath, "utf8").trim();
   return token.length > 0 ? token : void 0;
 }
 function readOrCreateAuthToken(storagePath) {
@@ -56104,6 +57068,7 @@ function createEnvironment(environment) {
         storagePath: options.storagePath ?? getTelevisionStoragePath(),
         ...options.bundledViewsPath ? { bundledViewsPath: options.bundledViewsPath } : {},
         ...options.onboardingContentPath ? { onboardingContentPath: options.onboardingContentPath } : {},
+        ...options.bundledThemesPath ? { bundledThemesPath: options.bundledThemesPath } : {},
         installOnboardingChannels: true
       }),
       listen: options.listen,
@@ -56134,6 +57099,7 @@ function createEnvironment(environment) {
     resolveCanonicalDir: environment.resolveCanonicalDir ?? (() => resolveCanonicalDir()),
     resolveBundledViewsPath: environment.resolveBundledViewsPath ?? (() => resolveBundledViewsPath()),
     resolveOnboardingContentPath: environment.resolveOnboardingContentPath ?? (() => resolveOnboardingContentPath()),
+    resolveBundledThemesPath: environment.resolveBundledThemesPath ?? (() => resolveBundledThemesPath()),
     resolveBundledSkillsRoot: environment.resolveBundledSkillsRoot ?? (() => resolveBundledSkillsRoot()),
     resolveHomeDir: environment.resolveHomeDir ?? (() => import_node_os5.default.homedir()),
     runSkillsInstaller: environment.runSkillsInstaller ?? (async (args) => {
@@ -56186,7 +57152,7 @@ function createProgram(env, argv = []) {
     log(storagePath, "persisted service uninstalled", { daemonName: DAEMON_NAME, outcome });
     writeJSON(env.stdout, { status: "stopped" });
   };
-  program2.name("tv").description("Television \u2014 virtual display for agents").version(readCLIVersion()).option("-v", "Output the version number").showSuggestionAfterError(false).addHelpText("after", buildAgentHelpNote()).configureOutput({
+  program2.name("tv").description("Television \u2014 virtual display for agents").version(readCLIVersionOutput(env.resolveHomeDir)).option("-v", "Output the version number").showSuggestionAfterError(false).addHelpText("after", buildAgentHelpNote()).configureOutput({
     writeOut: (str) => env.stdout.write(str),
     writeErr: (str) => env.stderr.write(str),
     outputError: () => {
@@ -56216,7 +57182,7 @@ function createProgram(env, argv = []) {
         );
       }
       const clientPort = resolveClientPort(opts.port);
-      const storagePath = import_node_path18.default.resolve(opts.storagePath ?? getTelevisionStoragePath());
+      const storagePath = import_node_path19.default.resolve(opts.storagePath ?? getTelevisionStoragePath());
       const profile2 = resolveACPAgentProfile(process.env);
       const daemonEnv = buildPersistedACPEnvironment(process.env, { developerHome: env.resolveHomeDir() });
       if (process.env.TELEVISION_PORT !== void 0 && process.env.TELEVISION_PORT !== "") {
@@ -56282,6 +57248,7 @@ function createProgram(env, argv = []) {
       throw error48;
     }
     const onboardingContentPath = env.resolveOnboardingContentPath();
+    const bundledThemesPath = env.resolveBundledThemesPath();
     const server = env.createServer({
       listen: opts.listen,
       auth,
@@ -56291,6 +57258,7 @@ function createProgram(env, argv = []) {
       canonicalDir: env.resolveCanonicalDir(),
       bundledViewsPath: env.resolveBundledViewsPath(),
       ...onboardingContentPath !== void 0 ? { onboardingContentPath } : {},
+      ...bundledThemesPath !== void 0 ? { bundledThemesPath } : {},
       launchMode: resolveTelemetryLaunchMode(process.env),
       ...opts.installedByAgent === void 0 ? {} : { installedByAgent: opts.installedByAgent },
       ...profile ? { acpProfile: profile } : {}
@@ -56409,6 +57377,14 @@ function createProgram(env, argv = []) {
     }
     writeLine(env.stdout, `Channel created: ${channel.id} (${channel.name})`);
   });
+  program2.command("update-channel").description("Rename a channel in place").requiredOption("--channel <id>", "Channel ID").requiredOption("--name <name>", "New channel name").option("--port <number>", "Server port", parsePortOption).option("--storage-path <path>", "Directory containing the Television token").action(async (opts) => {
+    const client = createAuthenticatedClient(opts);
+    const { channel } = await client.channels.update({
+      channelID: opts.channel,
+      name: opts.name
+    });
+    writeLine(env.stdout, `Channel updated: ${channel.id} (${channel.name})`);
+  });
   program2.command("remove-channel").description(
     "Delete a channel. Artifacts on the channel are permanently deleted from the Television registry; their pointed-to path or URL targets are not touched."
   ).requiredOption("--channel <id>", "Channel ID").option("--port <number>", "Server port", parsePortOption).option("--storage-path <path>", "Directory containing the Television token").action(async (opts) => {
@@ -56429,7 +57405,7 @@ function createProgram(env, argv = []) {
     writeJSON(env.stdout, await client.channels.get({ channelID: opts.channel }));
   });
   program2.command("focus-status").description(
-    "Print display state as JSON: the active (persistently focused) channel ID and the active theme name."
+    "Print display state as JSON: the active (persistently focused) channel ID and the active theme ID."
   ).option("--port <number>", "Server port", parsePortOption).option("--storage-path <path>", "Directory containing the Television token").action(async (opts) => {
     const client = createAuthenticatedClient(opts);
     const display = await client.display.get();
@@ -56447,19 +57423,44 @@ function createProgram(env, argv = []) {
     writeLine(env.stdout, `Focused channel ${opts.channel}.`);
   });
   program2.command("set-theme").description(
-    'Activate a display theme by name. The special theme name `default` clears the active theme and falls back to Television\'s bundled default look. A user-authored theme literally named `default` cannot be activated through this CLI convenience; call `PATCH /display { activeThemeName: "default" }` directly if you need that exact theme.'
-  ).argument("<theme>", "Theme name to activate, or `default` to clear the active theme").option("--port <number>", "Server port", parsePortOption).option("--storage-path <path>", "Directory containing the Television token").addHelpText("after", [
+    "Activate an installed display theme by its exact theme ID, or use `none` to run without a theme."
+  ).argument("<theme>", "Exact theme ID to activate, or `none` to use no theme").option("--port <number>", "Server port", parsePortOption).option("--storage-path <path>", "Directory containing the Television token").addHelpText("after", [
     "",
     "Examples:",
     "  tv set-theme paperlike    Activate the `paperlike` theme.",
-    "  tv set-theme default      Clear the active theme and use the bundled defaults.",
+    "  tv set-theme none         Use no theme (case-insensitive).",
     "",
     "Note:",
-    "  `default` is a CLI sentinel that clears the active theme.",
-    '  To activate a user-authored theme literally named `default`, call `PATCH /display { activeThemeName: "default" }` directly.'
+    "  `none` means no theme."
   ].join("\n")).action(async (theme, opts) => {
     const client = createAuthenticatedClient(opts);
-    await client.display.patch({ activeThemeName: theme === "default" ? null : theme });
+    let previousSelection = null;
+    let previousSelectionAvailable = false;
+    try {
+      previousSelection = (await client.display.get()).activeThemeName;
+      previousSelectionAvailable = true;
+    } catch {
+    }
+    const nextSelection = theme.toLowerCase() === "none" ? null : theme;
+    if (nextSelection !== null) {
+      const registry2 = await client.themes.refresh();
+      const validationError = registry2.errors.find((entry) => entry.folder === theme);
+      if (validationError !== void 0) {
+        throw new ValidationError(`Theme folder ${theme} is invalid: ${validationError.error}`);
+      }
+    }
+    await client.display.patch({ activeThemeName: nextSelection });
+    const nextLabel = nextSelection ?? "None";
+    if (!previousSelectionAvailable) {
+      writeLine(env.stdout, `Active theme: '${nextLabel}'.`);
+      return;
+    }
+    const previousLabel = previousSelection ?? "None";
+    if (previousSelection === nextSelection) {
+      writeLine(env.stdout, `Active theme unchanged: '${nextLabel}'.`);
+      return;
+    }
+    writeLine(env.stdout, `Active theme changed from '${previousLabel}' to '${nextLabel}'.`);
   });
   program2.command("focus-artifact").description(
     "Send a transient focus nudge for a specific artifact. Connected clients select the artifact's tab page and switch to its channel when needed. This is NOT persisted as state \u2014 there is no concept of a 'focused artifact' that survives reconnects (the focused channel is persistent, but artifact focus is a one-shot event)."
@@ -56500,7 +57501,7 @@ function createProgram(env, argv = []) {
     if (!bundledTelevisionSkillsCollectionRoot) {
       throw new Error("Could not resolve the bundled Television skills root.");
     }
-    const destinationRoot = import_node_path18.default.resolve(inputPath);
+    const destinationRoot = import_node_path19.default.resolve(inputPath);
     const copied = copyBundledSkillsToDestination(bundledTelevisionSkillsCollectionRoot, destinationRoot);
     writeLine(env.stdout, `Copied ${copied.length} bundled Television skill(s):`);
     for (const skill of copied) {
@@ -56535,7 +57536,7 @@ function createProgram(env, argv = []) {
       const client = createAuthenticatedClient(opts);
       const health = await client.health();
       result.healthy = true;
-      result.version = health.version ?? "unknown (pre-0.1.179)";
+      if (health.version !== void 0) result.version = health.version;
       result.bindAddresses = health.bindAddresses;
       result.port = health.port;
       result.telemetry = await client.telemetry.status();
@@ -56559,7 +57560,7 @@ async function runCLI(argv, environment = {}) {
   const env = createEnvironment(environment);
   try {
     if (argv.length === 1 && argv[0] === "-v") {
-      writeLine(env.stdout, readCLIVersion());
+      writeLine(env.stdout, readCLIVersionOutput(env.resolveHomeDir));
       return 0;
     }
     const program2 = createProgram(env, argv);
@@ -56598,6 +57599,7 @@ if (!isVitestRuntime()) {
   inspectTelemetryBuildConfig,
   listVisibleCLICommandNames,
   resolveBundledSkillsRoot,
+  resolveBundledThemesPath,
   resolveBundledViewsPath,
   resolveCanonicalDir,
   resolveOnboardingContentPath,