replicas-cli 0.3.129 → 0.3.131

package/dist/index.cjs

@@ -111,17 +111,17 @@ var require_visit = __commonJS({
     visit.BREAK = BREAK;
     visit.SKIP = SKIP;
     visit.REMOVE = REMOVE;
-    function visit_(key, node, visitor, path8) {
-      const ctrl = callVisitor(key, node, visitor, path8);
+    function visit_(key, node, visitor, path10) {
+      const ctrl = callVisitor(key, node, visitor, path10);
       if (identity.isNode(ctrl) || identity.isPair(ctrl)) {
-        replaceNode(key, path8, ctrl);
-        return visit_(key, ctrl, visitor, path8);
+        replaceNode(key, path10, ctrl);
+        return visit_(key, ctrl, visitor, path10);
       }
       if (typeof ctrl !== "symbol") {
         if (identity.isCollection(node)) {
-          path8 = Object.freeze(path8.concat(node));
+          path10 = Object.freeze(path10.concat(node));
           for (let i = 0; i < node.items.length; ++i) {
-            const ci = visit_(i, node.items[i], visitor, path8);
+            const ci = visit_(i, node.items[i], visitor, path10);
             if (typeof ci === "number")
               i = ci - 1;
             else if (ci === BREAK)
@@ -132,13 +132,13 @@ var require_visit = __commonJS({
             }
           }
         } else if (identity.isPair(node)) {
-          path8 = Object.freeze(path8.concat(node));
-          const ck = visit_("key", node.key, visitor, path8);
+          path10 = Object.freeze(path10.concat(node));
+          const ck = visit_("key", node.key, visitor, path10);
           if (ck === BREAK)
             return BREAK;
           else if (ck === REMOVE)
             node.key = null;
-          const cv = visit_("value", node.value, visitor, path8);
+          const cv = visit_("value", node.value, visitor, path10);
           if (cv === BREAK)
             return BREAK;
           else if (cv === REMOVE)
@@ -159,17 +159,17 @@ var require_visit = __commonJS({
     visitAsync.BREAK = BREAK;
     visitAsync.SKIP = SKIP;
     visitAsync.REMOVE = REMOVE;
-    async function visitAsync_(key, node, visitor, path8) {
-      const ctrl = await callVisitor(key, node, visitor, path8);
+    async function visitAsync_(key, node, visitor, path10) {
+      const ctrl = await callVisitor(key, node, visitor, path10);
       if (identity.isNode(ctrl) || identity.isPair(ctrl)) {
-        replaceNode(key, path8, ctrl);
-        return visitAsync_(key, ctrl, visitor, path8);
+        replaceNode(key, path10, ctrl);
+        return visitAsync_(key, ctrl, visitor, path10);
       }
       if (typeof ctrl !== "symbol") {
         if (identity.isCollection(node)) {
-          path8 = Object.freeze(path8.concat(node));
+          path10 = Object.freeze(path10.concat(node));
           for (let i = 0; i < node.items.length; ++i) {
-            const ci = await visitAsync_(i, node.items[i], visitor, path8);
+            const ci = await visitAsync_(i, node.items[i], visitor, path10);
             if (typeof ci === "number")
               i = ci - 1;
             else if (ci === BREAK)
@@ -180,13 +180,13 @@ var require_visit = __commonJS({
             }
           }
         } else if (identity.isPair(node)) {
-          path8 = Object.freeze(path8.concat(node));
-          const ck = await visitAsync_("key", node.key, visitor, path8);
+          path10 = Object.freeze(path10.concat(node));
+          const ck = await visitAsync_("key", node.key, visitor, path10);
           if (ck === BREAK)
             return BREAK;
           else if (ck === REMOVE)
             node.key = null;
-          const cv = await visitAsync_("value", node.value, visitor, path8);
+          const cv = await visitAsync_("value", node.value, visitor, path10);
           if (cv === BREAK)
             return BREAK;
           else if (cv === REMOVE)
@@ -213,23 +213,23 @@ var require_visit = __commonJS({
       }
       return visitor;
     }
-    function callVisitor(key, node, visitor, path8) {
+    function callVisitor(key, node, visitor, path10) {
       if (typeof visitor === "function")
-        return visitor(key, node, path8);
+        return visitor(key, node, path10);
       if (identity.isMap(node))
-        return visitor.Map?.(key, node, path8);
+        return visitor.Map?.(key, node, path10);
       if (identity.isSeq(node))
-        return visitor.Seq?.(key, node, path8);
+        return visitor.Seq?.(key, node, path10);
       if (identity.isPair(node))
-        return visitor.Pair?.(key, node, path8);
+        return visitor.Pair?.(key, node, path10);
       if (identity.isScalar(node))
-        return visitor.Scalar?.(key, node, path8);
+        return visitor.Scalar?.(key, node, path10);
       if (identity.isAlias(node))
-        return visitor.Alias?.(key, node, path8);
+        return visitor.Alias?.(key, node, path10);
       return void 0;
     }
-    function replaceNode(key, path8, node) {
-      const parent = path8[path8.length - 1];
+    function replaceNode(key, path10, node) {
+      const parent = path10[path10.length - 1];
       if (identity.isCollection(parent)) {
         parent.items[key] = node;
       } else if (identity.isPair(parent)) {
@@ -839,10 +839,10 @@ var require_Collection = __commonJS({
     var createNode = require_createNode();
     var identity = require_identity();
     var Node = require_Node();
-    function collectionFromPath(schema, path8, value) {
+    function collectionFromPath(schema, path10, value) {
       let v = value;
-      for (let i = path8.length - 1; i >= 0; --i) {
-        const k = path8[i];
+      for (let i = path10.length - 1; i >= 0; --i) {
+        const k = path10[i];
         if (typeof k === "number" && Number.isInteger(k) && k >= 0) {
           const a = [];
           a[k] = v;
@@ -861,7 +861,7 @@ var require_Collection = __commonJS({
         sourceObjects: /* @__PURE__ */ new Map()
       });
     }
-    var isEmptyPath = (path8) => path8 == null || typeof path8 === "object" && !!path8[Symbol.iterator]().next().done;
+    var isEmptyPath = (path10) => path10 == null || typeof path10 === "object" && !!path10[Symbol.iterator]().next().done;
     var Collection = class extends Node.NodeBase {
       constructor(type, schema) {
         super(type);
@@ -891,11 +891,11 @@ var require_Collection = __commonJS({
        * be a Pair instance or a `{ key, value }` object, which may not have a key
        * that already exists in the map.
        */
-      addIn(path8, value) {
-        if (isEmptyPath(path8))
+      addIn(path10, value) {
+        if (isEmptyPath(path10))
           this.add(value);
         else {
-          const [key, ...rest] = path8;
+          const [key, ...rest] = path10;
           const node = this.get(key, true);
           if (identity.isCollection(node))
             node.addIn(rest, value);
@@ -909,8 +909,8 @@ var require_Collection = __commonJS({
        * Removes a value from the collection.
        * @returns `true` if the item was found and removed.
        */
-      deleteIn(path8) {
-        const [key, ...rest] = path8;
+      deleteIn(path10) {
+        const [key, ...rest] = path10;
         if (rest.length === 0)
           return this.delete(key);
         const node = this.get(key, true);
@@ -924,8 +924,8 @@ var require_Collection = __commonJS({
        * scalar values from their surrounding node; to disable set `keepScalar` to
        * `true` (collections are always returned intact).
        */
-      getIn(path8, keepScalar) {
-        const [key, ...rest] = path8;
+      getIn(path10, keepScalar) {
+        const [key, ...rest] = path10;
         const node = this.get(key, true);
         if (rest.length === 0)
           return !keepScalar && identity.isScalar(node) ? node.value : node;
@@ -943,8 +943,8 @@ var require_Collection = __commonJS({
       /**
        * Checks if the collection includes a value with the key `key`.
        */
-      hasIn(path8) {
-        const [key, ...rest] = path8;
+      hasIn(path10) {
+        const [key, ...rest] = path10;
         if (rest.length === 0)
           return this.has(key);
         const node = this.get(key, true);
@@ -954,8 +954,8 @@ var require_Collection = __commonJS({
        * Sets a value in this collection. For `!!set`, `value` needs to be a
        * boolean to add/remove the item from the set.
        */
-      setIn(path8, value) {
-        const [key, ...rest] = path8;
+      setIn(path10, value) {
+        const [key, ...rest] = path10;
         if (rest.length === 0) {
           this.set(key, value);
         } else {
@@ -3470,9 +3470,9 @@ var require_Document = __commonJS({
           this.contents.add(value);
       }
       /** Adds a value to the document. */
-      addIn(path8, value) {
+      addIn(path10, value) {
         if (assertCollection(this.contents))
-          this.contents.addIn(path8, value);
+          this.contents.addIn(path10, value);
       }
       /**
        * Create a new `Alias` node, ensuring that the target `node` has the required anchor.
@@ -3547,14 +3547,14 @@ var require_Document = __commonJS({
        * Removes a value from the document.
        * @returns `true` if the item was found and removed.
        */
-      deleteIn(path8) {
-        if (Collection.isEmptyPath(path8)) {
+      deleteIn(path10) {
+        if (Collection.isEmptyPath(path10)) {
           if (this.contents == null)
             return false;
           this.contents = null;
           return true;
         }
-        return assertCollection(this.contents) ? this.contents.deleteIn(path8) : false;
+        return assertCollection(this.contents) ? this.contents.deleteIn(path10) : false;
       }
       /**
        * Returns item at `key`, or `undefined` if not found. By default unwraps
@@ -3569,10 +3569,10 @@ var require_Document = __commonJS({
        * scalar values from their surrounding node; to disable set `keepScalar` to
        * `true` (collections are always returned intact).
        */
-      getIn(path8, keepScalar) {
-        if (Collection.isEmptyPath(path8))
+      getIn(path10, keepScalar) {
+        if (Collection.isEmptyPath(path10))
           return !keepScalar && identity.isScalar(this.contents) ? this.contents.value : this.contents;
-        return identity.isCollection(this.contents) ? this.contents.getIn(path8, keepScalar) : void 0;
+        return identity.isCollection(this.contents) ? this.contents.getIn(path10, keepScalar) : void 0;
       }
       /**
        * Checks if the document includes a value with the key `key`.
@@ -3583,10 +3583,10 @@ var require_Document = __commonJS({
       /**
        * Checks if the document includes a value at `path`.
        */
-      hasIn(path8) {
-        if (Collection.isEmptyPath(path8))
+      hasIn(path10) {
+        if (Collection.isEmptyPath(path10))
           return this.contents !== void 0;
-        return identity.isCollection(this.contents) ? this.contents.hasIn(path8) : false;
+        return identity.isCollection(this.contents) ? this.contents.hasIn(path10) : false;
       }
       /**
        * Sets a value in this document. For `!!set`, `value` needs to be a
@@ -3603,13 +3603,13 @@ var require_Document = __commonJS({
        * Sets a value in this document. For `!!set`, `value` needs to be a
        * boolean to add/remove the item from the set.
        */
-      setIn(path8, value) {
-        if (Collection.isEmptyPath(path8)) {
+      setIn(path10, value) {
+        if (Collection.isEmptyPath(path10)) {
           this.contents = value;
         } else if (this.contents == null) {
-          this.contents = Collection.collectionFromPath(this.schema, Array.from(path8), value);
+          this.contents = Collection.collectionFromPath(this.schema, Array.from(path10), value);
         } else if (assertCollection(this.contents)) {
-          this.contents.setIn(path8, value);
+          this.contents.setIn(path10, value);
         }
       }
       /**
@@ -5569,9 +5569,9 @@ var require_cst_visit = __commonJS({
     visit.BREAK = BREAK;
     visit.SKIP = SKIP;
     visit.REMOVE = REMOVE;
-    visit.itemAtPath = (cst, path8) => {
+    visit.itemAtPath = (cst, path10) => {
       let item = cst;
-      for (const [field2, index] of path8) {
+      for (const [field2, index] of path10) {
         const tok = item?.[field2];
         if (tok && "items" in tok) {
           item = tok.items[index];
@@ -5580,23 +5580,23 @@ var require_cst_visit = __commonJS({
       }
       return item;
     };
-    visit.parentCollection = (cst, path8) => {
-      const parent = visit.itemAtPath(cst, path8.slice(0, -1));
-      const field2 = path8[path8.length - 1][0];
+    visit.parentCollection = (cst, path10) => {
+      const parent = visit.itemAtPath(cst, path10.slice(0, -1));
+      const field2 = path10[path10.length - 1][0];
       const coll = parent?.[field2];
       if (coll && "items" in coll)
         return coll;
       throw new Error("Parent collection not found");
     };
-    function _visit(path8, item, visitor) {
-      let ctrl = visitor(item, path8);
+    function _visit(path10, item, visitor) {
+      let ctrl = visitor(item, path10);
       if (typeof ctrl === "symbol")
         return ctrl;
       for (const field2 of ["key", "value"]) {
         const token = item[field2];
         if (token && "items" in token) {
           for (let i = 0; i < token.items.length; ++i) {
-            const ci = _visit(Object.freeze(path8.concat([[field2, i]])), token.items[i], visitor);
+            const ci = _visit(Object.freeze(path10.concat([[field2, i]])), token.items[i], visitor);
             if (typeof ci === "number")
               i = ci - 1;
             else if (ci === BREAK)
@@ -5607,10 +5607,10 @@ var require_cst_visit = __commonJS({
             }
           }
           if (typeof ctrl === "function" && field2 === "key")
-            ctrl = ctrl(item, path8);
+            ctrl = ctrl(item, path10);
         }
       }
-      return typeof ctrl === "function" ? ctrl(item, path8) : ctrl;
+      return typeof ctrl === "function" ? ctrl(item, path10) : ctrl;
     }
     exports2.visit = visit;
   }
@@ -6912,14 +6912,14 @@ var require_parser = __commonJS({
             case "scalar":
             case "single-quoted-scalar":
             case "double-quoted-scalar": {
-              const fs9 = this.flowScalar(this.type);
+              const fs11 = this.flowScalar(this.type);
               if (atNextItem || it.value) {
-                map2.items.push({ start, key: fs9, sep: [] });
+                map2.items.push({ start, key: fs11, sep: [] });
                 this.onKeyLine = true;
               } else if (it.sep) {
-                this.stack.push(fs9);
+                this.stack.push(fs11);
               } else {
-                Object.assign(it, { key: fs9, sep: [] });
+                Object.assign(it, { key: fs11, sep: [] });
                 this.onKeyLine = true;
               }
               return;
@@ -7047,13 +7047,13 @@ var require_parser = __commonJS({
             case "scalar":
             case "single-quoted-scalar":
             case "double-quoted-scalar": {
-              const fs9 = this.flowScalar(this.type);
+              const fs11 = this.flowScalar(this.type);
               if (!it || it.value)
-                fc.items.push({ start: [], key: fs9, sep: [] });
+                fc.items.push({ start: [], key: fs11, sep: [] });
               else if (it.sep)
-                this.stack.push(fs9);
+                this.stack.push(fs11);
               else
-                Object.assign(it, { key: fs9, sep: [] });
+                Object.assign(it, { key: fs11, sep: [] });
               return;
             }
             case "flow-map-end":
@@ -7405,19 +7405,19 @@ var LEGACY_WEB_APP_PATHS = {
   dashboardWorkspaces: `${DASHBOARD_PATH}/workspaces`
 };
 function getWorkspaceDashboardUrl(workspaceId, options = {}) {
-  const { encodeWorkspaceId = true, mode, mediaId, webAppUrl = DEFAULT_WEB_APP_URL } = options;
+  const { encodeWorkspaceId = true, mode, mediaId, webAppUrl: webAppUrl2 = DEFAULT_WEB_APP_URL } = options;
   const workspaceIdValue = encodeWorkspaceId ? encodeURIComponent(workspaceId) : workspaceId;
   const params = [];
   if (mode) params.push(`mode=${encodeURIComponent(mode)}`);
   if (mediaId) params.push(`media=${encodeURIComponent(mediaId)}`);
   const query = params.length > 0 ? `?${params.join("&")}` : "";
-  return `${webAppUrl}${WEB_APP_PATHS.fullscreenWorkspaces}/${workspaceIdValue}${query}`;
+  return `${webAppUrl2}${WEB_APP_PATHS.fullscreenWorkspaces}/${workspaceIdValue}${query}`;
 }
 function getOrganizationMediaPath(organizationId, mediaId) {
   return `/organizations/${encodeURIComponent(organizationId)}/media/${encodeURIComponent(mediaId)}`;
 }
-function getOrganizationMediaUrl(organizationId, mediaId, webAppUrl = DEFAULT_WEB_APP_URL) {
-  return `${webAppUrl}${getOrganizationMediaPath(organizationId, mediaId)}`;
+function getOrganizationMediaUrl(organizationId, mediaId, webAppUrl2 = DEFAULT_WEB_APP_URL) {
+  return `${webAppUrl2}${getOrganizationMediaPath(organizationId, mediaId)}`;
 }
 
 // src/commands/login.ts
@@ -8580,10 +8580,10 @@ function mergeDefs(...defs) {
 function cloneDef(schema) {
   return mergeDefs(schema._zod.def);
 }
-function getElementAtPath(obj, path8) {
-  if (!path8)
+function getElementAtPath(obj, path10) {
+  if (!path10)
     return obj;
-  return path8.reduce((acc, key) => acc?.[key], obj);
+  return path10.reduce((acc, key) => acc?.[key], obj);
 }
 function promiseAllObject(promisesObj) {
   const keys = Object.keys(promisesObj);
@@ -8992,11 +8992,11 @@ function explicitlyAborted(x, startIndex = 0) {
   }
   return false;
 }
-function prefixIssues(path8, issues) {
+function prefixIssues(path10, issues) {
   return issues.map((iss) => {
     var _a3;
     (_a3 = iss).path ?? (_a3.path = []);
-    iss.path.unshift(path8);
+    iss.path.unshift(path10);
     return iss;
   });
 }
@@ -9143,16 +9143,16 @@ function flattenError(error51, mapper = (issue2) => issue2.message) {
 }
 function formatError(error51, mapper = (issue2) => issue2.message) {
   const fieldErrors = { _errors: [] };
-  const processError = (error52, path8 = []) => {
+  const processError = (error52, path10 = []) => {
     for (const issue2 of error52.issues) {
       if (issue2.code === "invalid_union" && issue2.errors.length) {
-        issue2.errors.map((issues) => processError({ issues }, [...path8, ...issue2.path]));
+        issue2.errors.map((issues) => processError({ issues }, [...path10, ...issue2.path]));
       } else if (issue2.code === "invalid_key") {
-        processError({ issues: issue2.issues }, [...path8, ...issue2.path]);
+        processError({ issues: issue2.issues }, [...path10, ...issue2.path]);
       } else if (issue2.code === "invalid_element") {
-        processError({ issues: issue2.issues }, [...path8, ...issue2.path]);
+        processError({ issues: issue2.issues }, [...path10, ...issue2.path]);
       } else {
-        const fullpath = [...path8, ...issue2.path];
+        const fullpath = [...path10, ...issue2.path];
         if (fullpath.length === 0) {
           fieldErrors._errors.push(mapper(issue2));
         } else {
@@ -9179,17 +9179,17 @@ function formatError(error51, mapper = (issue2) => issue2.message) {
 }
 function treeifyError(error51, mapper = (issue2) => issue2.message) {
   const result = { errors: [] };
-  const processError = (error52, path8 = []) => {
+  const processError = (error52, path10 = []) => {
     var _a3, _b;
     for (const issue2 of error52.issues) {
       if (issue2.code === "invalid_union" && issue2.errors.length) {
-        issue2.errors.map((issues) => processError({ issues }, [...path8, ...issue2.path]));
+        issue2.errors.map((issues) => processError({ issues }, [...path10, ...issue2.path]));
       } else if (issue2.code === "invalid_key") {
-        processError({ issues: issue2.issues }, [...path8, ...issue2.path]);
+        processError({ issues: issue2.issues }, [...path10, ...issue2.path]);
       } else if (issue2.code === "invalid_element") {
-        processError({ issues: issue2.issues }, [...path8, ...issue2.path]);
+        processError({ issues: issue2.issues }, [...path10, ...issue2.path]);
       } else {
-        const fullpath = [...path8, ...issue2.path];
+        const fullpath = [...path10, ...issue2.path];
         if (fullpath.length === 0) {
           result.errors.push(mapper(issue2));
           continue;
@@ -9221,8 +9221,8 @@ function treeifyError(error51, mapper = (issue2) => issue2.message) {
 }
 function toDotPath(_path) {
   const segs = [];
-  const path8 = _path.map((seg) => typeof seg === "object" ? seg.key : seg);
-  for (const seg of path8) {
+  const path10 = _path.map((seg) => typeof seg === "object" ? seg.key : seg);
+  for (const seg of path10) {
     if (typeof seg === "number")
       segs.push(`[${seg}]`);
     else if (typeof seg === "symbol")
@@ -21914,13 +21914,13 @@ function resolveRef(ref, ctx) {
   if (!ref.startsWith("#")) {
     throw new Error("External $ref is not supported, only local refs (#/...) are allowed");
   }
-  const path8 = ref.slice(1).split("/").filter(Boolean);
-  if (path8.length === 0) {
+  const path10 = ref.slice(1).split("/").filter(Boolean);
+  if (path10.length === 0) {
     return ctx.rootSchema;
   }
   const defsKey = ctx.version === "draft-2020-12" ? "$defs" : "definitions";
-  if (path8[0] === defsKey) {
-    const key = path8[1];
+  if (path10[0] === defsKey) {
+    const key = path10[1];
     if (!key || !ctx.defs[key]) {
       throw new Error(`Reference not found: ${ref}`);
     }
@@ -23287,11 +23287,11 @@ function parseShellScript(script, cwd) {
   parseUntil(scope, 0, false);
   return scope.commands;
 }
-function resolveShellPath(dir, path8) {
-  if (path8.includes(SHELL_OPAQUE) || path8.startsWith("~")) return null;
-  if (!path8.startsWith("/") && dir === null) return null;
+function resolveShellPath(dir, path10) {
+  if (path10.includes(SHELL_OPAQUE) || path10.startsWith("~")) return null;
+  if (!path10.startsWith("/") && dir === null) return null;
   const parts = [];
-  for (const part of (path8.startsWith("/") ? path8 : `${dir}/${path8}`).split("/")) {
+  for (const part of (path10.startsWith("/") ? path10 : `${dir}/${path10}`).split("/")) {
     if (part === "..") parts.pop();
     else if (part && part !== ".") parts.push(part);
   }
@@ -23645,8 +23645,8 @@ function parseSkillName(tool, input) {
   const skillName = parsedInput.skill ?? parsedInput.name;
   return typeof skillName === "string" && skillName ? skillName : null;
 }
-function skillNameFromFilePath(path8) {
-  const parts = path8.split(/[\\/]+/).filter(Boolean);
+function skillNameFromFilePath(path10) {
+  const parts = path10.split(/[\\/]+/).filter(Boolean);
   if (parts.length < 2 || parts[parts.length - 1].toLowerCase() !== "skill.md") return null;
   const skillName = parts[parts.length - 2];
   return /[*?[\]{}…$]/.test(skillName) || ["skills", ".system"].includes(skillName.toLowerCase()) ? null : skillName;
@@ -23656,19 +23656,19 @@ function skillFilePath(tool, input) {
   if (!READ_TOOL_NAMES.has(tool.toLowerCase())) return null;
   const parsedInput = typeof input === "string" ? safeJsonParse(input, null) : input;
   if (!isRecord(parsedInput)) return null;
-  const path8 = [parsedInput.path, parsedInput.filePath, parsedInput.file_path].find((value) => typeof value === "string" && value.length > 0);
-  return path8 && skillNameFromFilePath(path8) ? path8 : null;
+  const path10 = [parsedInput.path, parsedInput.filePath, parsedInput.file_path].find((value) => typeof value === "string" && value.length > 0);
+  return path10 && skillNameFromFilePath(path10) ? path10 : null;
 }
 function createCallDisplayMessage(message2) {
   if (message2.inputRequest) return { ...message2, type: "tool_call" };
-  const path8 = skillFilePath(message2.tool, message2.input);
-  const skillName = message2.server.toLowerCase() === "skills" ? message2.tool : path8 ? skillNameFromFilePath(path8) : parseSkillName(message2.tool, message2.input);
+  const path10 = skillFilePath(message2.tool, message2.input);
+  const skillName = message2.server.toLowerCase() === "skills" ? message2.tool : path10 ? skillNameFromFilePath(path10) : parseSkillName(message2.tool, message2.input);
   if (skillName === null) return { ...message2, type: "tool_call" };
   return {
     id: message2.id,
     type: "skill",
     skillName,
-    ...path8 ? { path: path8 } : {},
+    ...path10 ? { path: path10 } : {},
     status: message2.status,
     timestamp: message2.timestamp
   };
@@ -23681,11 +23681,11 @@ function insertDisplayMessageByTimestamp(messages, message2) {
 }
 
 // ../shared/src/display-message/format.ts
-function fileContentDiff(path8, content, action) {
+function fileContentDiff(path10, content, action) {
   const lines = content.replace(/\n$/, "").split("\n");
   return [
-    `--- ${action === "add" ? "/dev/null" : `a/${path8}`}`,
-    `+++ ${action === "add" ? `b/${path8}` : "/dev/null"}`,
+    `--- ${action === "add" ? "/dev/null" : `a/${path10}`}`,
+    `+++ ${action === "add" ? `b/${path10}` : "/dev/null"}`,
     action === "add" ? `@@ -0,0 +1,${lines.length} @@` : `@@ -1,${lines.length} +0,0 @@`,
     ...lines.map((line) => `${action === "add" ? "+" : "-"}${line}`)
   ].join("\n");
@@ -23712,7 +23712,7 @@ var LINE_COUNT_VALUE_FLAGS = /* @__PURE__ */ new Set([
 ]);
 var SCRIPT_ROOT = "/
";
 var commandName = (argv) => argv[0].split("/").pop() ?? argv[0];
-var fileWrites = ({ writes }) => writes.filter(({ path: path8 }) => path8 !== "/dev/null");
+var fileWrites = ({ writes }) => writes.filter(({ path: path10 }) => path10 !== "/dev/null");
 function shellCommands(command) {
   return parseShellScript(command, SCRIPT_ROOT).filter(({ wrapper }) => !wrapper);
 }
@@ -23724,8 +23724,8 @@ function skillNamesFromCommand(command) {
     if (!SKILL_READ_COMMANDS.has(name) || writesFiles(name, argv) || fileWrites(shellCommand).length > 0) return [];
     const paths = readCommandPaths(name, argv);
     const stdinTarget = shellCommand.stdinTarget?.replaceAll(SHELL_OPAQUE, "\u2026");
-    return (paths.length === 0 && stdinTarget ? [stdinTarget] : paths).flatMap((path8) => {
-      const resolved = path8.startsWith("~") ? path8 : resolveShellPath(shellCommand.dir, path8)?.replace(SCRIPT_ROOT, "");
+    return (paths.length === 0 && stdinTarget ? [stdinTarget] : paths).flatMap((path10) => {
+      const resolved = path10.startsWith("~") ? path10 : resolveShellPath(shellCommand.dir, path10)?.replace(SCRIPT_ROOT, "");
       const skillName = resolved && skillNameFromFilePath(resolved);
       return skillName ? [skillName] : [];
     });
@@ -25188,7 +25188,7 @@ var LINEAR_ABILITY = {
 
 // ../shared/src/default-skills/replicas-agent/abilities/media.ts
 var SECTION8 = `### Media
-Deliver screenshots, GIFs, screen recordings, generated diagrams, audio clips, and self-contained HTML pages to the Replicas dashboard and, when applicable, inline in the destination workflow.
+Deliver screenshots, GIFs, screen recordings, generated diagrams, and audio clips to the Replicas dashboard and, when applicable, inline in the destination workflow.
 
 **Reference:** \`references/MEDIA.md\`
 
@@ -25196,16 +25196,15 @@ Use this when:
 - You are about to run \`replicas media upload\`; this reference owns the complete Replicas-first, destination-second workflow
 - You produce a screenshot, recording, generated image, or audio clip the user should see
 - You need to show motion or an interaction (an animation, a popup that moves, a flow) in a PR or message: make a short looping GIF with \`replicas media gif\`, never a grid of frames
-- You produce a self-contained HTML report that should be linked from a pull request
 - You record video output (browser automation, screen capture) \u2014 including the recommended aspect ratio and FPS
 - You need to embed media in a Slack/Linear/GitHub/GitLab message AND keep a referenceable copy in the Replicas dashboard`;
-var REFERENCE8 = `# Media (Screenshots, GIFs, Recordings, Audio, HTML)
+var REFERENCE8 = `# Media (Screenshots, GIFs, Recordings, Audio)
 
-This is the single source of truth for delivering screenshots, GIFs, screen recordings, generated diagrams, audio clips, and self-contained HTML pages through Replicas and external surfaces (Slack, Linear, GitHub, GitLab).
+This is the single source of truth for delivering screenshots, GIFs, screen recordings, generated diagrams, and audio clips through Replicas and external surfaces (Slack, Linear, GitHub, GitLab). HTML pages are visuals: publish them with \`replicas visualize\` (see \`replicas visualize --help\`), not \`media upload\`.
 
 ## Always
 
-- Every picture, GIF, recording, or HTML page you mention in your reply to the user shows up in that reply: paste its printed \`![\u2026](\u2026)\` or \`HTML page\` line on its own line. Do this even when you also posted it to a PR, Slack, Linear, or GitLab, and even when the task came from one of them.
+- Every picture, GIF, recording, or visual you mention in your reply to the user shows up in that reply: paste its printed \`![\u2026](\u2026)\` line on its own line. Do this even when you also posted it to a PR, Slack, Linear, or GitLab, and even when the task came from one of them.
 - Never send the user somewhere else to see it ("see the Canvas", "check the media tab"). Uploads also appear in the Canvas's media folder, so they stay there for later.
 - Keep the whole \`replicas media upload\` output. Don't pipe it through \`tail\`, \`grep\`, or \`head\`; you need every line it prints.
 
@@ -25257,8 +25256,8 @@ Make comparisons easy to see at a glance, whether it's before and after or optio
 
 Upload to Replicas in these cases \u2014 and **only** these cases:
 
-1. **Media you show the user.** A screenshot, screen recording, generated diagram, audio clip, or HTML page, once you decide to show it to the user or share it. Screenshots you take only to check your own work stay local. Upload before you delete the file or send it anywhere else. This applies even when you're also sending the file to Slack, Linear, GitHub, or GitLab.
-2. **Files the user explicitly asks you to upload.** If the user sends or points at a file (image, video, audio, HTML) and asks you to upload it, run \`replicas media upload\`. Otherwise leave it alone \u2014 files in the workspace the user did not ask about should not be auto-uploaded as media.
+1. **Media you show the user.** A screenshot, screen recording, generated diagram, or audio clip, once you decide to show it to the user or share it. Screenshots you take only to check your own work stay local. Upload before you delete the file or send it anywhere else. This applies even when you're also sending the file to Slack, Linear, GitHub, or GitLab.
+2. **Files the user explicitly asks you to upload.** If the user sends or points at a file (image, video, audio) and asks you to upload it, run \`replicas media upload\`. Otherwise leave it alone \u2014 files in the workspace the user did not ask about should not be auto-uploaded as media.
 3. **Anything you plan to share externally (Slack, Linear, GitHub, GitLab, etc.).** Upload to Replicas first, then follow the destination's delivery path below.
 
 If none of these apply, don't upload.
@@ -25268,7 +25267,7 @@ If none of these apply, don't upload.
 \`replicas media upload\` is always the first delivery action. When the current task has an external destination, every other delivery step follows only after that command succeeds. For every file:
 
 1. First, run \`replicas media upload\` with the original file. Do not begin any destination upload until the command succeeds. This creates the canonical dashboard copy and prints an embed plus a per-file dashboard link. Every image gets a public link, so its printed embed works in chat and on GitHub.
-2. Include the printed embed line in the Replicas chat reply. HTML uses its printed page link instead of an image embed.
+2. Include the printed embed line in the Replicas chat reply.
 3. Identify every destination in the task and use its inline representation from the table below. Slack, Linear, and GitLab require an upload of the same original bytes; GitHub uses the image's printed public embed.
 4. On Slack and Linear, put the **View in Replicas** dashboard link next to the destination embed as a secondary link. GitHub and GitLab need only the embed.
 5. Check each destination response. If its upload or public link fails, say so explicitly and keep the dashboard link; never claim that a dashboard link is an inline embed.
@@ -25315,15 +25314,13 @@ For each media file, the CLI prints an embed line and a dashboard link:
 
 Match each "View in Replicas" line to the embed line directly above it \u2014 that's the deep link for that file.
 
-HTML uploads print an \`HTML page\` Markdown link instead of an image embed. It previews the page inside Replicas chat only. They also print a \`Forge link (organization only)\` to use everywhere else: it opens a dedicated page, where signed-in organization members go straight to the report and signed-out members sign in first.
-
 Video and audio stay private unless they must play without Replicas sign-in; then pass \`--access public\` (alias \`--share\`):
 
 \`\`\`bash
 replicas media upload demo.mp4 --name "Checkout demo" --access public
 \`\`\`
 
-Public links are unguessable bearer URLs: anyone with the link can view the file until it is rotated or revoked. HTML pages only support organization access. Reuse the link printed at upload. \`replicas media share <media-id>\` issues a new link and breaks the old one everywhere it is embedded, and \`replicas media revoke <media-id>\` removes public access.
+Public links are unguessable bearer URLs: anyone with the link can view the file until it is rotated or revoked. Reuse the link printed at upload. \`replicas media share <media-id>\` issues a new link and breaks the old one everywhere it is embedded, and \`replicas media revoke <media-id>\` removes public access.
 
 Permanently delete an upload with \`replicas media delete <media-id>\`. The backend only permits deletion when the media belongs to the current workspace; media from another workspace returns not found.
 
@@ -25331,8 +25328,8 @@ Permanently delete an upload with \`replicas media delete <media-id>\`. The back
 
 | URL | What it is | Where it's allowed |
 |---|---|---|
-| \`https://api.replicas.dev/v1/media/<id>\` (inside \`![\u2026](\u2026)\`) | Authenticated API redirect printed for private video, audio, and HTML \u2014 requires the Replicas chat session | **Only** in the Replicas chat reply. Nowhere else. |
-| \`https://app.replicas.dev/organizations/<organization-id>/media/<media-id>\` | Organization-only page (\`Forge link\`) printed for every HTML upload, and for video or audio with \`--access organization\` | Pull requests and other places where every viewer belongs to the Replicas organization. |
+| \`https://api.replicas.dev/v1/media/<id>\` (inside \`![\u2026](\u2026)\`) | Authenticated API redirect printed for private video, audio, and visuals \u2014 requires the Replicas chat session | **Only** in the Replicas chat reply. Nowhere else. |
+| \`https://app.replicas.dev/organizations/<organization-id>/media/<media-id>\` | Organization-only page (\`Forge link\`) printed for every visual, and for video or audio with \`--access organization\` | Pull requests and other places where every viewer belongs to the Replicas organization. |
 | \`https://api.replicas.dev/v1/media/public/<id>/<token>\` | Public bearer URL printed for every image, and for video or audio with \`--access public\` | The Replicas chat reply and GitHub embeds. |
 | \`https://app.replicas.dev/workspaces/<workspace-id>?mode=media&media=<media-id>\` | Authenticated dashboard deep link that opens the media file in the workspace | Everywhere external: Slack, GitHub, GitLab, Linear, PR bodies, comments, emails. |
 
@@ -25350,7 +25347,7 @@ This rule has no exceptions:
 
 ### ALWAYS link a Replicas web URL \u2014 never the authenticated API URL \u2014 when referencing media externally
 
-For an HTML page, use its printed \`Forge link\`. For other authenticated media references, use the dashboard form:
+For a visual, use its printed \`Forge link\`: it opens a dedicated page, where signed-in organization members go straight to it and signed-out members sign in first. For other authenticated media references, use the dashboard form:
 
 \`\`\`
 https://app.replicas.dev/workspaces/<workspace-id>?mode=media&media=<media-id>
@@ -25364,7 +25361,7 @@ Always render as a markdown / mrkdwn hyperlink labeled **View in Replicas** \u20
 
 ## In your Replicas chat reply
 
-Include each markdown embed line **verbatim** where you want that file to render inline. The chat substitutes each one with an embedded image, video, or audio player. For HTML, use the printed \`HTML page\` link. Multiple embeds can appear in a single reply.
+Include each markdown embed line **verbatim** where you want that file to render inline. The chat substitutes each one with an embedded image, video, or audio player. Multiple embeds can appear in a single reply.
 
 Never reply with only dashboard links (for example a "Links:" list of \`?mode=media&media=\` URLs) in place of the embeds: a dashboard link renders as plain text, so the user sees nothing inline. This applies even when the task came from Slack, Linear, GitHub, or GitLab; the chat reply still gets the embeds.
 
@@ -25507,7 +25504,7 @@ GitHub does not play external videos inline, so show motion with a GIF (see *Mak
 
 Public links are unauthenticated bearer capabilities. Revoke with \`replicas media revoke <media-id>\` **only** when the user asks or the media should intentionally stop rendering; never as routine post-task cleanup, since revoking breaks every embed already posted on the PR.
 
-For a self-contained HTML report, upload it and put the printed \`Forge link\` Markdown in the PR body or comment. GitHub cannot render the page inline, so use the normal link rather than image syntax. HTML pages cannot be shared publicly.
+For a self-contained HTML report, publish it with \`replicas visualize\` and put the printed \`Forge link\` Markdown in the PR body or comment. GitHub cannot render the page inline, so use the normal link rather than image syntax. Visuals cannot be shared publicly.
 
 Do **not** commit screenshots to the repo, use placeholder URLs, expose the authenticated \`/v1/media/<id>\` URL, or automate GitHub's undocumented browser upload flow.
 
@@ -25545,9 +25542,8 @@ Auto-detected from the filename extension:
 | \`png\`, \`jpg\`, \`jpeg\`, \`webp\`, \`gif\` | image |
 | \`mp4\`, \`webm\` | video |
 | \`mp3\`, \`wav\` | audio |
-| \`html\`, \`htm\` | html |
 
-For other extensions, pass \`--kind image|video|audio|html\` explicitly. The kind applies to every file in that invocation, so group files of the same kind together:
+For other extensions, pass \`--kind image|video|audio\` explicitly. The kind applies to every file in that invocation, so group files of the same kind together:
 
 \`\`\`bash
 replicas media upload diagram.svg --name "Architecture diagram" --kind image
@@ -25556,16 +25552,16 @@ replicas media upload chart-a.svg chart-b.svg --name "Latency chart" --name "Err
 
 ## Options
 
-- \`--kind <image|video|audio|html>\` \u2014 override auto-detection
+- \`--kind <image|video|audio>\` \u2014 override auto-detection
 - \`--name <name>\`: required display name shown in the dashboard, one per file in order
 - \`--session-id <id>\` \u2014 associate the upload with a specific session
-- \`--access organization|public\`: for video and audio, print an organization-only link or create a public bearer URL. Images are always public, and HTML always gets an organization-only link
-- \`--share\`: alias for \`--access public\`; not supported for HTML
+- \`--access organization|public\`: for video and audio, print an organization-only link or create a public bearer URL. Images are always public
+- \`--share\`: alias for \`--access public\`
 `;
 var MEDIA_ABILITY = {
   label: "Media",
   description: "Deliver media to Replicas and destination workflows with inline uploads.",
-  bullet: "- Producing or showing the user any media \u2014 screenshots, screen recordings, generated images or diagrams, audio clips, or HTML recap pages \u2014 including in your Replicas chat reply, PR descriptions/comments, and other external platforms. Paste the printed `![\u2026](\u2026)` embeds in your chat reply, never only dashboard links, and upload the file itself to Slack, Linear, or GitLab. To show motion, turn the recording into a short GIF with `replicas media gif` instead of a grid of frames",
+  bullet: "- Producing or showing the user any media \u2014 screenshots, screen recordings, generated images or diagrams, or audio clips \u2014 including in your Replicas chat reply, PR descriptions/comments, and other external platforms. Paste the printed `![\u2026](\u2026)` embeds in your chat reply, never only dashboard links, and upload the file itself to Slack, Linear, or GitLab. To show motion, turn the recording into a short GIF with `replicas media gif` instead of a grid of frames",
   section: SECTION8,
   referenceFile: { name: "MEDIA.md", content: REFERENCE8 }
 };
@@ -26384,6 +26380,245 @@ var SLACK_ABILITY = {
   referenceFile: { name: "SLACK.md", content: REFERENCE14 }
 };
 
+// ../shared/src/design-tokens.ts
+var DESIGN_COLORS = {
+  dark: {
+    background: "#111111",
+    foreground: "#ededed",
+    muted: "#1f1f1f",
+    mutedForeground: "#a3a3a3",
+    accent: "#2b2b2b",
+    primary: "#3eeba3",
+    primaryForeground: "#111111",
+    border: "#2a2a2a",
+    destructive: "#ef4444",
+    warning: "#f59e0b",
+    sidebar: "#181818",
+    sidebarAccent: "#1f1f1f",
+    chatCodeBackground: "#111111",
+    chatCodeHeader: "#151515",
+    chatCodeBorder: "#333333",
+    chatCodeForeground: "#e5e7eb",
+    chatCodeMuted: "#9ca3af"
+  },
+  light: {
+    background: "#ffffff",
+    foreground: "#162118",
+    muted: "#f2f3f1",
+    mutedForeground: "#67706a",
+    accent: "#e8ece7",
+    primary: "#2f9d57",
+    primaryForeground: "#ffffff",
+    border: "#e2e6e0",
+    destructive: "#dc2626",
+    warning: "#92400e",
+    sidebar: "#f7f8f6",
+    sidebarAccent: "#e8ece7",
+    chatCodeBackground: "#f7f8f6",
+    chatCodeHeader: "#eef1ed",
+    chatCodeBorder: "#d9ded8",
+    chatCodeForeground: "#162118",
+    chatCodeMuted: "#67706a"
+  }
+};
+
+// ../shared/src/visuals.ts
+var VISUAL_MEASURE_WIDTHS = [320, 375, 430, 520, 640, 760, 880, 952];
+var VISUAL_COLUMN_WIDTH = 760;
+var VISUAL_PHONE_WIDTH = 390;
+var VISUAL_MIN_HEIGHT = 24;
+var VISUAL_MAX_HEIGHT = 4e3;
+var VISUAL_FONT_PATH = "/fonts/GeneralSans-Variable.woff2";
+var FONT_SANS = '"General Sans", system-ui, -apple-system, "Segoe UI", sans-serif';
+var FONT_MONO = '"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace';
+var CHART_COLORS = {
+  dark: ["#199e70", "#3987e5", "#d95926", "#9085e9", "#c98500", "#d55181"],
+  light: ["#2f9d57", "#2a78d6", "#eb6834", "#4a3aa7", "#eda100", "#e87ba4"]
+};
+function visualTheme(appearance, fontUrl) {
+  const colors = DESIGN_COLORS[appearance];
+  return {
+    appearance,
+    variables: {
+      "--background": colors.background,
+      "--foreground": colors.foreground,
+      "--muted": colors.muted,
+      "--muted-foreground": colors.mutedForeground,
+      "--accent": colors.accent,
+      "--primary": colors.primary,
+      "--primary-foreground": colors.primaryForeground,
+      "--border": colors.border,
+      "--ring": colors.primary,
+      "--destructive": colors.destructive,
+      "--warning": colors.warning,
+      "--code-background": colors.chatCodeBackground,
+      "--code-foreground": colors.chatCodeForeground,
+      ...Object.fromEntries(CHART_COLORS[appearance].map((color, index) => [`--chart-${index + 1}`, color])),
+      "--radius": "6px",
+      "--font-sans": FONT_SANS,
+      "--font-mono": FONT_MONO
+    },
+    ...fontUrl ? { fontUrl } : {}
+  };
+}
+var VISUAL_PAGE_RULES = `- Write one self-contained HTML file with inline <style> and <script>; a fragment without <html> or <head> is fine. Put data inline instead of fetching it. Libraries may load from public CDNs such as cdn.jsdelivr.net. Local images written as absolute paths (src="/abs/shot.png", url(/abs/bg.webp)) are inlined when you publish.
+- The page sits directly on the chat background, as wide as your reply (about ${VISUAL_COLUMN_WIDTH}px on desktop, ${VISUAL_PHONE_WIDTH - 30}px on phones), with its left edge aligned to your text. Leave html and body transparent, use a fluid width with no outer padding, and add no outer card, border, or title banner: the page is part of your reply.
+- Let content set the height. Never use 100vh, height:100%, or min-height:100vh on html, body, or the outer element; publishing refuses a page whose height follows the frame. Give charts fixed pixel heights.
+- Color everything with the theme variables so the page follows light and dark mode live: --foreground, --muted-foreground (secondary text), --background, --muted (subtle fills), --accent, --border, --primary and --primary-foreground (Replicas green), --destructive, --warning, --code-background, --code-foreground, and --chart-1 to --chart-6 for series (use them in order and label series directly). Never hardcode a light or dark palette. A canvas or chart library that needs literal colors can read them with getComputedStyle(document.documentElement) and redraw on matchMedia("(prefers-color-scheme: dark)") changes.
+- Text is 13px General Sans, like the chat; --font-sans and --font-mono are set. Keep Replicas' flat look: separate sections with 1px var(--border) lines or var(--muted) fills, without shadows or rounded cards. Use var(--radius) only on small controls.
+- Interaction is welcome: hover details, tabs, toggles, sliders. Links open in a new browser tab.
+- Keep the top-right corner (about 110\xD740px) free of anything essential: the chat shows the visual's actions there on hover.`;
+var THEME_FRAGMENT_KEY = "replicas-theme";
+var HOST_CONTEXT_CHANGED_METHOD = "ui/notifications/host-context-changed";
+var SIZE_CHANGED_METHOD = "ui/notifications/size-changed";
+var OPEN_LINK_METHOD = "ui/open-link";
+function visualThemeFragment(theme) {
+  return `#${THEME_FRAGMENT_KEY}=${encodeURIComponent(JSON.stringify(theme))}`;
+}
+function clampVisualHeight(height) {
+  return Math.min(VISUAL_MAX_HEIGHT, Math.max(VISUAL_MIN_HEIGHT, Math.round(height)));
+}
+var VISUAL_CONTENT_HEIGHT_EXPRESSION = "(function(){var r=document.documentElement;return Math.ceil(r.scrollHeight>r.clientHeight?r.scrollHeight:r.getBoundingClientRect().height)})()";
+var BASE_CSS = "html{color:var(--foreground);font-family:var(--font-sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0}:where(*,*::before,*::after){box-sizing:border-box}code,kbd,pre,samp{font-family:var(--font-mono)}:where(:focus-visible){outline:2px solid var(--ring);outline-offset:-2px}";
+function rootRule(theme) {
+  const declarations = Object.entries(theme.variables).map(([name, value]) => `${name}:${value};`).join("");
+  return `:root{color-scheme:${theme.appearance};${declarations}}`;
+}
+var THEME_STYLE_ID = "replicas-visual-theme";
+var BOOTSTRAP_SCRIPT = `
+(() => {
+  const style = document.getElementById('${THEME_STYLE_ID}');
+  const nativeView = window.ReactNativeWebView;
+  const framed = window.parent !== window;
+  const post = (message) => nativeView ? nativeView.postMessage(JSON.stringify(message)) : window.parent.postMessage(message, '*');
+  const applyTheme = (theme) => {
+    const variables = Object.entries(theme.variables).map(([name, value]) => name + ':' + value + ';').join('');
+    const font = theme.fontUrl ? '@font-face{font-family:"General Sans";src:url("' + theme.fontUrl + '") format("woff2");font-weight:200 700;font-display:swap}' : '';
+    style.textContent = ':root{color-scheme:' + theme.appearance + ';' + variables + '}' + font + ${JSON.stringify(BASE_CSS)};
+  };
+  try {
+    const fragment = /[#&]${THEME_FRAGMENT_KEY}=([^&]*)/.exec(location.hash);
+    if (fragment) {
+      applyTheme(JSON.parse(decodeURIComponent(fragment[1])));
+      history.replaceState(history.state, '', location.pathname + location.search);
+    }
+  } catch {}
+  if (!nativeView) {
+    document.addEventListener('click', (event) => {
+      const anchor = event.isTrusted && event.composedPath().find((target) => target instanceof Element && target.matches('a[href]'));
+      if (!anchor) return;
+      const url = new URL(anchor.getAttribute('href'), document.baseURI);
+      if (!/^https?:$/.test(url.protocol) || url.href.split('#')[0] === location.href.split('#')[0]) return;
+      if (framed) {
+        event.preventDefault();
+        post({ jsonrpc: '2.0', method: '${OPEN_LINK_METHOD}', params: { url: url.href } });
+      } else {
+        anchor.setAttribute('target', '_blank');
+        anchor.setAttribute('rel', 'noopener');
+      }
+    }, true);
+  }
+  if (!framed && !nativeView) return;
+  let reportedHeight;
+  const reportHeight = () => {
+    const height = ${VISUAL_CONTENT_HEIGHT_EXPRESSION};
+    if (height === reportedHeight) return;
+    reportedHeight = height;
+    post({ jsonrpc: '2.0', method: '${SIZE_CHANGED_METHOD}', params: { height } });
+  };
+  window.addEventListener('message', (event) => {
+    if (event.source !== window.parent || event.data?.method !== '${HOST_CONTEXT_CHANGED_METHOD}') return;
+    const { theme, styles, fontUrl } = event.data.params;
+    applyTheme({ appearance: theme, variables: styles.variables, fontUrl });
+    reportedHeight = undefined;
+    if (document.readyState !== 'loading') reportHeight();
+  });
+  const resizeObserver = new ResizeObserver(reportHeight);
+  resizeObserver.observe(document.documentElement);
+  document.addEventListener('DOMContentLoaded', () => {
+    resizeObserver.observe(document.body);
+    reportHeight();
+  });
+  window.addEventListener('load', reportHeight);
+})();
+`.trim().replace(/\s*\n\s*/g, " ");
+function bootstrapMarkup(scan) {
+  const css = `${rootRule(visualTheme("dark"))}@media (prefers-color-scheme: light){${rootRule(visualTheme("light"))}}${BASE_CSS}`;
+  return [
+    /<meta\s[^>]*charset/i.test(scan.slice(0, 4096)) ? "" : '<meta charset="utf-8">',
+    /<meta\s[^>]*name\s*=\s*["']?viewport/i.test(scan) ? "" : '<meta name="viewport" content="width=device-width, initial-scale=1">',
+    `<style id="${THEME_STYLE_ID}">${css}</style>`,
+    `<script>${BOOTSTRAP_SCRIPT}</script>`
+  ].join("");
+}
+var blankNonMarkup = (html) => html.replace(
+  /<!--[\s\S]*?(?:-->|$)|<(script|style|textarea|title|xmp|iframe|noembed|noframes|noscript|template)\b[\s\S]*?(?:<\/\1\s*>|$)/gi,
+  (match) => " ".repeat(match.length)
+);
+function injectVisualBootstrap(html) {
+  const scan = blankNonMarkup(html);
+  const markup = bootstrapMarkup(scan);
+  const doctype = /^\s*<!doctype[^>]*>/i.exec(scan);
+  const prefix = doctype ? "" : "<!doctype html>";
+  const headOpen = /<head(?:\s[^>]*)?>/i.exec(scan);
+  if (headOpen) {
+    const at2 = headOpen.index + headOpen[0].length;
+    return `${prefix}${html.slice(0, at2)}${markup}${html.slice(at2)}`;
+  }
+  const htmlOpen = /<html(?:\s[^>]*)?>/i.exec(scan);
+  const at = htmlOpen ? htmlOpen.index + htmlOpen[0].length : doctype ? doctype[0].length : 0;
+  return `${prefix}${html.slice(0, at)}<head>${markup}</head>${html.slice(at)}`;
+}
+
+// ../shared/src/default-skills/replicas-agent/abilities/visuals.ts
+var SECTION15 = `### Visuals
+Show a chart, diagram, comparison, timeline, or mockup inline in your Replicas chat reply, in the chat's own font and colors.
+
+**Reference:** \`references/VISUALS.md\`
+
+Use this when:
+- Seeing it would explain faster than reading it: numbers over time, a flow or architecture, a before and after, options side by side
+- The user asks to see, chart, plot, compare, or visualize something`;
+var REFERENCE15 = `# Visuals
+
+A visual is a self-contained HTML page shown inline in your Replicas chat reply. It sits on the chat background in the chat's font and colors, grows to fit its content, and follows the user's light or dark theme live.
+
+## When to make one
+
+Make one when seeing beats reading: how parts of a system connect, how a request or data flows, numbers or options compared, a timeline, a before and after, or a UI mockup. Make one when the user asks to see, chart, compare, sketch, or visualize something. Never draw these as ASCII art or text diagrams.
+
+Don't make one when:
+- A short answer or list covers it.
+- It is a plain table: write a Markdown table.
+- It is screenshots, or a before and after of them: upload them as images, which readers can open full screen and zoom. See "Before and after" in \`references/MEDIA.md\`.
+- The user wants a page, site, or component in their project: build that in the repo.
+
+## Make it
+
+1. Write the page, for example \`/tmp/visuals/<name>.html\`, following the page rules below.
+2. Run \`replicas visualize <page.html> --title "<short title>"\`. It checks the page in a headless browser, publishes it, and prints two screenshots (dark at desktop width, light at phone width) with any console errors and layout warnings.
+3. Open both screenshots and look. If anything is wrong, fix the page and publish again, then use the newest line. While iterating, \`replicas visualize <page.html> --check\` renders without publishing.
+4. Paste the printed \`![\u2026](\u2026)\` line on its own line where the visual belongs in your final reply.
+
+## Page rules
+
+${VISUAL_PAGE_RULES}
+
+## In your reply
+
+- The user sees the visual itself. Don't introduce it ("Here's a chart", "Here's the diagram"), say where it is, or restate its data. Add only what it doesn't say, such as the takeaway or a caveat.
+- Paste the line in your final reply, not in a progress update. To change a visual, edit the page, publish it again, and paste the new line.
+- The line only renders in Replicas chat. When you post to pull requests, Slack, Linear, or anywhere else, link the printed Forge link instead. Leave the Forge link out of your chat reply.
+`;
+var VISUALS_ABILITY = {
+  label: "Visuals",
+  description: "Show charts, diagrams, comparisons, and mockups inline in chat replies.",
+  // The visuals_instructions system prompt block is its trigger.
+  bullet: "",
+  section: SECTION15,
+  referenceFile: { name: "VISUALS.md", content: REFERENCE15 }
+};
+
 // ../shared/src/default-skills/replicas-agent/registry.ts
 var REPLICAS_AGENT_ABILITY_REGISTRY = {
   replicas: REPLICAS_ABILITY,
@@ -26399,7 +26634,8 @@ var REPLICAS_AGENT_ABILITY_REGISTRY = {
   plugins: PLUGINS_ABILITY,
   previews: PREVIEWS_ABILITY,
   sentry: SENTRY_ABILITY,
-  slack: SLACK_ABILITY
+  slack: SLACK_ABILITY,
+  visuals: VISUALS_ABILITY
 };
 var REPLICAS_AGENT_ABILITIES = Object.keys(
   REPLICAS_AGENT_ABILITY_REGISTRY
@@ -26604,7 +26840,7 @@ function stripAttachmentNote(text3) {
   }
   return {
     content,
-    files: match ? [...match[1].matchAll(/^- (.+)$/gm)].map(([, path8]) => path8) : [],
+    files: match ? [...match[1].matchAll(/^- (.+)$/gm)].map(([, path10]) => path10) : [],
     walkthroughs
   };
 }
@@ -27493,7 +27729,7 @@ function parseOpencodeEvents(events) {
         upsertDisplayMessage(messages, {
           id,
           type: "file_change",
-          changes: files.map((path8) => ({ path: path8, kind: "update" })),
+          changes: files.map((path10) => ({ path: path10, kind: "update" })),
           status: "completed",
           timestamp
         });
@@ -28781,7 +29017,7 @@ var headlessAgentRequestSchema = external_exports.object({
 });
 
 // ../shared/src/cli-version.ts
-var CLI_VERSION = "0.3.129";
+var CLI_VERSION = "0.3.131";
 
 // ../shared/src/version.ts
 function compareVersions(v1, v2) {
@@ -29506,9 +29742,6 @@ var MEDIA_KIND = {
 };
 var MEDIA_KINDS = [MEDIA_KIND.IMAGE, MEDIA_KIND.VIDEO, MEDIA_KIND.AUDIO, MEDIA_KIND.HTML];
 var PUBLIC_MEDIA_KINDS = [MEDIA_KIND.IMAGE, MEDIA_KIND.VIDEO, MEDIA_KIND.AUDIO];
-function isPublicMediaKind(value) {
-  return PUBLIC_MEDIA_KINDS.some((kind) => kind === value);
-}
 var MAX_ENGINE_LOG_BYTES = 50 * 1024 * 1024;
 
 // ../shared/src/sse.ts
@@ -31311,8 +31544,8 @@ async function claudeAuthCommand(options = {}) {
 var CLIENT_ID = "1031625952748946";
 var AUTH_URL = "https://auth.meta.com";
 var API_KEY_URL = "https://api.meta.ai/muse-code/key";
-async function post(path8, body) {
-  return fetch(`${AUTH_URL}${path8}`, {
+async function post(path10, body) {
+  return fetch(`${AUTH_URL}${path10}`, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
     body
@@ -31508,7 +31741,7 @@ async function credentialsGetCommand(service, options) {
   });
 }
 async function credentialsSetCommand(service, options) {
-  const path8 = credentialsPath(service, options, true);
+  const path10 = credentialsPath(service, options, true);
   const { org: org2, models, ...fields } = options;
   const secretField = service === "bedrock" ? "aws_secret_access_key" : "api_key";
   const body = {
@@ -31516,7 +31749,7 @@ async function credentialsSetCommand(service, options) {
     ...models ? { models: models.split(",").map((model2) => model2.trim()).filter(Boolean) } : {},
     [secretField]: await readSecret(service, secretField === "api_key" ? "API key" : "AWS secret access key")
   };
-  const response = await orgAuthenticatedFetch(path8, { method: "POST", body });
+  const response = await orgAuthenticatedFetch(path10, { method: "POST", body });
   output(response, () => console.log(import_chalk17.default.green(`Saved ${scopeLabel(options)} ${service} credentials.`)));
 }
 async function credentialsRemoveCommand(service, options) {
@@ -32788,8 +33021,8 @@ ${url2}`));
   });
 }
 async function prMergeCommand(id, prUrl) {
-  await orgAuthenticatedFetch(`/v1/replica/${id}/pull-requests/merge`, { method: "POST", body: { prUrl } });
-  outputSuccess(`Merged ${prUrl}`);
+  const { queued } = await orgAuthenticatedFetch(`/v1/replica/${id}/pull-requests/merge`, { method: "POST", body: { prUrl } });
+  outputSuccess(`${queued ? "Added to the merge queue:" : "Merged"} ${prUrl}`);
 }
 function prUpdateCommand(action) {
   return async (id, prUrl) => {
@@ -32829,7 +33062,7 @@ async function canvasPutCommand(id, filename, options) {
 
 // src/commands/chat.ts
 var import_chalk23 = __toESM(require("chalk"));
-var chatPath2 = (id, chatId, path8 = "") => `/v1/replica/${id}/chats/${chatId}${path8}`;
+var chatPath2 = (id, chatId, path10 = "") => `/v1/replica/${id}/chats/${chatId}${path10}`;
 function printQueue(queue) {
   if (queue.length === 0) {
     console.log("Queue is empty.");
@@ -32914,8 +33147,8 @@ async function chatQueueListCommand(id, chatId) {
     printQueue(queue);
   });
 }
-async function mutateQueue(path8, method, body) {
-  output(await orgAuthenticatedFetch(path8, { method, body }), ({ queue }) => {
+async function mutateQueue(path10, method, body) {
+  output(await orgAuthenticatedFetch(path10, { method, body }), ({ queue }) => {
     if (queue) printQueue(queue);
     else console.log("Done.");
   });
@@ -32928,7 +33161,7 @@ var chatQueueActionCommand = (action) => (id, chatId, messageId) => mutateQueue(
 
 // src/commands/plugins.ts
 var import_chalk24 = __toESM(require("chalk"));
-var pluginsPath = async ({ env }, path8) => env ? `/v1/environments/${await resolveEnvironmentId(env)}/plugins${path8}` : `/v1/plugins${path8}`;
+var pluginsPath = async ({ env }, path10) => env ? `/v1/environments/${await resolveEnvironmentId(env)}/plugins${path10}` : `/v1/plugins${path10}`;
 async function pluginsListCommand(options) {
   output(await orgAuthenticatedFetch(await pluginsPath(options, "/connections")), ({ plugins: plugins2, environment: environment2 }) => {
     if (!options.all && environment2.length === 0) console.log("No plugins connected. Pass --all to list available plugins.");
@@ -33901,10 +34134,10 @@ var AgentRequestError = class extends Error {
     this.status = status;
   }
 };
-async function agentFetch(path8, options) {
-  return (await agentRequest(path8, options)).json();
+async function agentFetch(path10, options) {
+  return (await agentRequest(path10, options)).json();
 }
-async function agentRequest(path8, options) {
+async function agentRequest(path10, options) {
   const config3 = readAgentConfig();
   if (!config3) {
     throw new Error("Agent mode config not found");
@@ -33920,7 +34153,7 @@ async function agentRequest(path8, options) {
     ...options?.headers || {}
   };
   const body = rawBody === void 0 ? void 0 : rawBody instanceof FormData || rawBody instanceof ReadableStream ? rawBody : JSON.stringify(rawBody);
-  const response = await fetch(`${MONOLITH_URL}${path8}`, {
+  const response = await fetch(`${MONOLITH_URL}${path10}`, {
     ...options,
     headers,
     body,
@@ -33932,7 +34165,7 @@ async function agentRequest(path8, options) {
   }
   return response;
 }
-async function engineFetch(path8, options) {
+async function engineFetch(path10, options) {
   const config3 = readAgentConfig();
   if (!config3) {
     throw new Error("Agent mode config not found");
@@ -33942,7 +34175,7 @@ async function engineFetch(path8, options) {
     "Content-Type": "application/json",
     ...options?.headers || {}
   };
-  const response = await fetch(`http://localhost:${ENGINE_PORT}${path8}`, {
+  const response = await fetch(`http://localhost:${ENGINE_PORT}${path10}`, {
     ...options,
     headers,
     body: options?.body !== void 0 ? JSON.stringify(options.body) : void 0
@@ -34033,7 +34266,7 @@ var MEDIA_ACCESS_VALUES = ["organization", "public"];
 function publicMediaUrl(mediaId, token) {
   return `${MONOLITH_URL}/v1/media/public/${mediaId}/${token}`;
 }
-var MEDIA_DELIVERY_HINT = "Next: paste each media line above (`![\u2026](\u2026)`, `[\u2026](\u2026)`, or `HTML page`) verbatim into your Replicas chat reply so it renders inline; View in Replicas links are secondary and never replace it. Slack, Linear, and GitLab also need a native upload of the file bytes; see the replicas-agent skill's references/MEDIA.md.";
+var MEDIA_DELIVERY_HINT = "Next: paste each media line above (`![\u2026](\u2026)` or `[\u2026](\u2026)`) verbatim into your Replicas chat reply so it renders inline; View in Replicas links are secondary and never replace it. Slack, Linear, and GitLab also need a native upload of the file bytes; see the replicas-agent skill's references/MEDIA.md.";
 var markdownLabel = (name) => name.replace(/[[\]]/g, "");
 function formatMediaEmbed(name, media2, publicUrl) {
   if (publicUrl) return `${media2.kind === MEDIA_KIND.IMAGE ? "!" : ""}[${markdownLabel(name)}](${publicUrl})`;
@@ -34069,6 +34302,13 @@ function resolveKind(ext, override) {
   }
   return inferred;
 }
+async function uploadMedia(file2, fileName, fields) {
+  const form = new FormData();
+  form.append("file", file2, fileName);
+  for (const [name, value] of Object.entries(fields)) if (value !== void 0) form.append(name, value);
+  const { media: media2 } = await agentFetch("/v1/engine/media", { method: "POST", body: form });
+  return media2;
+}
 async function uploadOne(filePath, displayName, kind, options) {
   const absPath = import_path6.default.resolve(filePath);
   if (!import_fs7.default.existsSync(absPath)) {
@@ -34084,16 +34324,11 @@ async function uploadOne(filePath, displayName, kind, options) {
   const fileName = import_path6.default.basename(absPath);
   const ext = import_path6.default.extname(absPath).slice(1).toLowerCase();
   const contentType = mediaInfo(ext)?.contentType ?? "application/octet-stream";
-  const form = new FormData();
-  form.append("file", new Blob([import_fs7.default.readFileSync(absPath)], { type: contentType }), fileName);
-  form.append("kind", kind);
-  if (options.sessionId) form.append("session_id", options.sessionId);
-  form.append("display_name", displayName);
-  const { media: media2 } = await agentFetch("/v1/engine/media", {
-    method: "POST",
-    body: form
+  return uploadMedia(new Blob([import_fs7.default.readFileSync(absPath)], { type: contentType }), fileName, {
+    kind,
+    display_name: displayName,
+    session_id: options.sessionId || void 0
   });
-  return media2;
 }
 async function mediaUploadCommand(filePaths, options) {
   if (filePaths.length === 0) {
@@ -34122,8 +34357,8 @@ async function mediaUploadCommand(filePaths, options) {
     const ext = import_path6.default.extname(filePath).slice(1).toLowerCase();
     return resolveKind(ext, options.kind);
   });
-  if (publicAccess && kinds.some((kind) => !isPublicMediaKind(kind))) {
-    throw new Error("HTML pages only support organization access. Use --access organization.");
+  if (kinds.includes(MEDIA_KIND.HTML)) {
+    throw new Error('Publish HTML pages with `replicas visualize <page.html> --title "<title>"`. It shows them inline in chat, styled like the chat, and prints a Forge link for everywhere else.');
   }
   const shared = kinds.map((kind) => publicAccess || kind === MEDIA_KIND.IMAGE);
   const results = await Promise.allSettled(
@@ -34160,9 +34395,8 @@ async function mediaUploadCommand(filePaths, options) {
         name: names[i],
         media: media2,
         public_url: publicUrl,
-        embed: media2.kind === MEDIA_KIND.HTML ? `HTML page: [${markdownLabel(names[i])}](${MONOLITH_URL}/v1/media/${media2.id})` : !shared[i] || publicUrl ? formatMediaEmbed(names[i], media2, publicUrl) : void 0,
-        // The HTML page link above only works inside Replicas chat, so HTML always gets a link that works elsewhere.
-        organization_url: media2.kind === MEDIA_KIND.HTML || options.access === "organization" && !shared[i] ? getOrganizationMediaUrl(media2.organization_id, media2.id) : void 0,
+        embed: !shared[i] || publicUrl ? formatMediaEmbed(names[i], media2, publicUrl) : void 0,
+        organization_url: options.access === "organization" && !shared[i] ? getOrganizationMediaUrl(media2.organization_id, media2.id) : void 0,
         dashboard_url: config3?.workspace_id ? getWorkspaceDashboardUrl(config3.workspace_id, { mode: "media", mediaId: media2.id }) : void 0
       });
     } else {
@@ -34302,6 +34536,330 @@ async function mediaGifCommand(input, options) {
   );
 }
 
+// src/commands/visualize.ts
+var import_fs10 = __toESM(require("fs"));
+var import_http3 = __toESM(require("http"));
+var import_path9 = __toESM(require("path"));
+
+// src/lib/headless-chrome.ts
+var import_child_process5 = require("child_process");
+var import_fs9 = __toESM(require("fs"));
+var import_os4 = __toESM(require("os"));
+var import_path8 = __toESM(require("path"));
+var import_stream = require("stream");
+var CHROME_NAMES = ["google-chrome", "google-chrome-stable", "chromium", "chromium-browser"];
+var COMMAND_TIMEOUT_MS = 15e3;
+var CLOSE_TIMEOUT_MS = 2e3;
+function findChrome() {
+  const dirs = (process.env.PATH ?? "").split(import_path8.default.delimiter).filter(Boolean);
+  return dirs.flatMap((dir) => CHROME_NAMES.map((name) => import_path8.default.join(dir, name))).find((file2) => import_fs9.default.existsSync(file2)) ?? null;
+}
+function launchChrome() {
+  const executable = findChrome();
+  if (!executable) throw new Error(`Chrome is not installed (looked for ${CHROME_NAMES.join(", ")} on PATH)`);
+  const userDataDir = import_fs9.default.mkdtempSync(import_path8.default.join(import_os4.default.tmpdir(), "replicas-chrome-"));
+  const child = (0, import_child_process5.spawn)(executable, [
+    "--headless=new",
+    "--remote-debugging-pipe",
+    "--no-first-run",
+    "--no-default-browser-check",
+    "--disable-gpu",
+    "--disable-extensions",
+    "--disable-dev-shm-usage",
+    "--hide-scrollbars",
+    "--mute-audio",
+    `--user-data-dir=${userDataDir}`,
+    ...process.getuid?.() === 0 ? ["--no-sandbox"] : [],
+    "about:blank"
+  ], { stdio: ["ignore", "ignore", "pipe", "pipe", "pipe"] });
+  const [, , , input, outputStream] = child.stdio;
+  if (!(input instanceof import_stream.Writable) || !(outputStream instanceof import_stream.Readable)) throw new Error("Chrome did not open its DevTools pipes");
+  let stderr = "";
+  child.stderr?.on("data", (chunk) => {
+    stderr = (stderr + chunk.toString()).slice(-2e3);
+  });
+  let nextId = 1;
+  let exitError = null;
+  const pending = /* @__PURE__ */ new Map();
+  const handlers = /* @__PURE__ */ new Map();
+  const failAll = (error51) => {
+    exitError = error51;
+    for (const request of pending.values()) {
+      clearTimeout(request.timer);
+      request.reject(error51);
+    }
+    pending.clear();
+  };
+  child.on("error", (error51) => failAll(error51));
+  input.on("error", (error51) => failAll(error51));
+  child.on("exit", (code, signal) => failAll(new Error(`Chrome exited (${signal ?? code})${stderr.trim() ? `: ${stderr.trim().split("\n").pop()}` : ""}`)));
+  let buffer = "";
+  outputStream.setEncoding("utf8");
+  outputStream.on("data", (chunk) => {
+    buffer += chunk;
+    let end;
+    while ((end = buffer.indexOf("\0")) !== -1) {
+      const message2 = JSON.parse(buffer.slice(0, end));
+      buffer = buffer.slice(end + 1);
+      if (!isRecord(message2)) continue;
+      if (typeof message2.id === "number") {
+        const request = pending.get(message2.id);
+        if (!request) continue;
+        pending.delete(message2.id);
+        clearTimeout(request.timer);
+        if (isRecord(message2.error)) request.reject(new Error(String(message2.error.message)));
+        else request.resolve(isRecord(message2.result) ? message2.result : {});
+      } else if (typeof message2.method === "string") {
+        const sessionId = typeof message2.sessionId === "string" ? message2.sessionId : "";
+        for (const handler of handlers.get(`${sessionId}:${message2.method}`) ?? []) handler.handle(isRecord(message2.params) ? message2.params : {});
+      }
+    }
+  });
+  const send = (method, params = {}, sessionId) => new Promise((resolve3, reject) => {
+    if (exitError) return reject(exitError);
+    const id = nextId++;
+    const timer = setTimeout(() => {
+      pending.delete(id);
+      reject(new Error(`Chrome did not answer ${method} within ${COMMAND_TIMEOUT_MS / 1e3}s`));
+    }, COMMAND_TIMEOUT_MS);
+    pending.set(id, { resolve: resolve3, reject, timer });
+    input.write(`${JSON.stringify({ id, method, params, ...sessionId ? { sessionId } : {} })}\0`);
+  });
+  return {
+    async newPage() {
+      const { targetId } = await send("Target.createTarget", { url: "about:blank" });
+      const { sessionId } = await send("Target.attachToTarget", { targetId, flatten: true });
+      const page = {
+        send: (method, params) => send(method, params, sessionId),
+        on: (method, handler) => {
+          const key = `${sessionId}:${method}`;
+          const entry = { handle: handler };
+          handlers.set(key, [...handlers.get(key) ?? [], entry]);
+          return () => handlers.set(key, (handlers.get(key) ?? []).filter((existing) => existing !== entry));
+        },
+        async evaluate(expression) {
+          const { result, exceptionDetails } = await page.send("Runtime.evaluate", { expression, awaitPromise: true, returnByValue: true });
+          if (exceptionDetails) throw new Error(exceptionDetails.text);
+          return result.value;
+        }
+      };
+      await Promise.all(["Page.enable", "Runtime.enable", "Log.enable"].map((method) => page.send(method)));
+      return page;
+    },
+    // Callers exit the process right after, and Chrome's helper processes write into the profile until Chrome exits.
+    async close() {
+      if (child.exitCode === null && child.signalCode === null) {
+        const exited = new Promise((resolve3) => child.once("exit", resolve3));
+        const kill = setTimeout(() => child.kill("SIGKILL"), CLOSE_TIMEOUT_MS);
+        send("Browser.close").catch(() => child.kill("SIGKILL"));
+        await exited;
+        clearTimeout(kill);
+      }
+      import_fs9.default.rmSync(userDataDir, { recursive: true, force: true });
+    }
+  };
+}
+
+// src/commands/visualize.ts
+var MIB = 1024 * 1024;
+var MAX_IMAGE_BYTES = 10 * MIB;
+var MAX_PAGE_BYTES = 25 * MIB;
+var LOAD_TIMEOUT_MS = 1e4;
+var SCREENSHOT_DIR = "/tmp/replicas-visualize";
+var LOCAL_IMAGE = /(["'`])(\/(?!\/)[^"'`\r\n]*?\.(?:png|jpe?g|gif|webp|avif|svg))\1|url\(\s*(\/(?!\/)[^\s"'`()]*?\.(?:png|jpe?g|gif|webp|avif|svg))\s*\)/gi;
+function inlineLocalImages(html) {
+  const dataUris = /* @__PURE__ */ new Map();
+  const dataUri = (file2) => {
+    if (!dataUris.has(file2)) {
+      const stat = import_fs10.default.statSync(file2, { throwIfNoEntry: false });
+      if (stat && stat.size > MAX_IMAGE_BYTES) throw new Error(`${file2} is ${(stat.size / MIB).toFixed(1)} MiB; each image must be at most ${MAX_IMAGE_BYTES / MIB} MiB.`);
+      dataUris.set(file2, stat?.isFile() ? `data:${classifyCanvasFilename(file2).mimeType};base64,${import_fs10.default.readFileSync(file2).toString("base64")}` : null);
+    }
+    return dataUris.get(file2) ?? null;
+  };
+  const inlined = html.replace(LOCAL_IMAGE, (match, quote, quoted, bare) => {
+    const uri = dataUri(quoted ?? bare ?? "");
+    if (!uri) return match;
+    return quoted ? `${quote}${uri}${quote}` : `url(${uri})`;
+  });
+  if (Buffer.byteLength(inlined) > MAX_PAGE_BYTES) throw new Error(`With its images inlined the page is over ${MAX_PAGE_BYTES / MIB} MiB. Use smaller images.`);
+  return { html: inlined, missing: [...dataUris].filter(([, uri]) => uri === null).map(([file2]) => file2) };
+}
+var webAppUrl = () => process.env.REPLICAS_WEB_URL || DEFAULT_WEB_APP_URL;
+async function servePage(html) {
+  const font = await fetch(new URL(VISUAL_FONT_PATH, webAppUrl()), { signal: AbortSignal.timeout(5e3) }).then((response) => response.ok ? response.arrayBuffer() : null).catch(() => null);
+  const server = import_http3.default.createServer((request, response) => {
+    if (request.url === VISUAL_FONT_PATH && font) {
+      response.writeHead(200, { "Content-Type": "font/woff2", "Access-Control-Allow-Origin": "*" });
+      response.end(Buffer.from(font));
+      return;
+    }
+    response.writeHead(200, { "Content-Type": "text/html; charset=utf-8", "Content-Security-Policy": "sandbox allow-scripts" });
+    response.end(html);
+  });
+  await new Promise((resolve3) => server.listen(0, "127.0.0.1", resolve3));
+  const address = server.address();
+  const origin = `http://127.0.0.1:${typeof address === "object" && address ? address.port : 0}`;
+  return { server, pageUrl: `${origin}/page.html`, fontUrl: font ? `${origin}${VISUAL_FONT_PATH}` : void 0 };
+}
+function waitFor(page, method, timeoutMs) {
+  return new Promise((resolve3) => {
+    const stop = page.on(method, () => {
+      clearTimeout(timer);
+      stop();
+      resolve3(true);
+    });
+    const timer = setTimeout(() => {
+      stop();
+      resolve3(false);
+    }, timeoutMs);
+  });
+}
+async function settledHeight(page) {
+  let last = -1;
+  for (let attempt = 0; attempt < 20; attempt++) {
+    const height = Number(await page.evaluate(
+      `new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(() => resolve(${VISUAL_CONTENT_HEIGHT_EXPRESSION}))))`
+    ));
+    if (height === last) return height;
+    last = height;
+  }
+  return last;
+}
+async function inspect(html, source) {
+  const chrome = launchChrome();
+  let server;
+  try {
+    const served = await servePage(html);
+    server = served.server;
+    const { pageUrl, fontUrl } = served;
+    const page = await chrome.newPage();
+    const messages = [];
+    page.on("Runtime.consoleAPICalled", ({ type, args }) => {
+      const text3 = args.map((arg) => arg.value === void 0 ? arg.description ?? "" : typeof arg.value === "string" ? arg.value : JSON.stringify(arg.value)).join(" ");
+      messages.push({ level: type === "error" || type === "assert" ? "error" : type === "warning" ? "warning" : "log", text: text3 });
+    });
+    page.on("Runtime.exceptionThrown", ({ exceptionDetails }) => {
+      messages.push({ level: "error", text: exceptionDetails.exception?.description ?? exceptionDetails.text });
+    });
+    page.on("Log.entryAdded", ({ entry }) => {
+      if (entry.level === "error") messages.push({ level: "error", text: `${entry.text}${entry.url ? ` (${entry.url})` : ""}` });
+    });
+    let loads = 0;
+    const load = async (appearance, width, height) => {
+      const { r, g, b } = hexToRgb(DESIGN_COLORS[appearance].background);
+      await page.send("Emulation.setDeviceMetricsOverride", { width, height, deviceScaleFactor: 1, mobile: false });
+      await page.send("Emulation.setEmulatedMedia", { features: [{ name: "prefers-color-scheme", value: appearance }] });
+      await page.send("Emulation.setDefaultBackgroundColorOverride", { color: { r, g, b, a: 1 } });
+      const loaded = waitFor(page, "Page.loadEventFired", LOAD_TIMEOUT_MS);
+      await page.send("Page.navigate", { url: `${pageUrl}?load=${++loads}${visualThemeFragment(visualTheme(appearance, fontUrl))}` });
+      if (!await loaded) throw new Error(`The page did not finish loading within ${LOAD_TIMEOUT_MS / 1e3}s. Check for scripts, images, or fonts that never finish downloading.`);
+      await page.evaluate("document.fonts.ready.then(() => true)");
+    };
+    const resize = (width, height) => page.send("Emulation.setDeviceMetricsOverride", { width, height, deviceScaleFactor: 1, mobile: false });
+    const screenshot = async (appearance, width) => {
+      await load(appearance, width, 600);
+      await resize(width, clampVisualHeight(await settledHeight(page)));
+      const { data } = await page.send("Page.captureScreenshot", { format: "png" });
+      import_fs10.default.mkdirSync(SCREENSHOT_DIR, { recursive: true });
+      const file2 = import_path9.default.join(SCREENSHOT_DIR, `${import_path9.default.basename(source, import_path9.default.extname(source))}-${appearance}-${width}.png`);
+      import_fs10.default.writeFileSync(file2, Buffer.from(data, "base64"));
+      return file2;
+    };
+    await load("dark", VISUAL_COLUMN_WIDTH, 600);
+    const heights = [];
+    const overflowWidths = [];
+    for (const width of VISUAL_MEASURE_WIDTHS) {
+      await resize(width, 600);
+      heights.push([width, await settledHeight(page)]);
+      if (await page.evaluate("document.documentElement.scrollWidth > document.documentElement.clientWidth + 1") === true) overflowWidths.push(width);
+    }
+    await resize(VISUAL_COLUMN_WIDTH, 300);
+    const short = await settledHeight(page);
+    await resize(VISUAL_COLUMN_WIDTH, 1500);
+    const tall = await settledHeight(page);
+    const backgroundColor = await page.evaluate(
+      "[document.documentElement, document.body].map((element) => element && getComputedStyle(element).backgroundColor).find((color) => color && !/^(transparent|rgba\\(.*, 0\\))$/.test(color)) ?? null"
+    );
+    const background = typeof backgroundColor === "string" ? backgroundColor : null;
+    const screenshots = [await screenshot("dark", VISUAL_COLUMN_WIDTH), await screenshot("light", VISUAL_PHONE_WIDTH)];
+    const traced = messages.map((message2) => ({ ...message2, text: message2.text.replaceAll(new RegExp(`${pageUrl}\\?load=\\d+`, "g"), source) }));
+    const consoleMessages = traced.filter((message2, index) => traced.findIndex((other) => other.text === message2.text) === index);
+    return { heights, viewportDependent: Math.abs(short - tall) > 1, overflowWidths, background, consoleMessages, screenshots };
+  } finally {
+    server?.close();
+    await chrome.close();
+  }
+}
+function hexToRgb(hex3) {
+  const value = parseInt(hex3.slice(1), 16);
+  return { r: value >> 16, g: value >> 8 & 255, b: value & 255 };
+}
+var VIEWPORT_DEPENDENT_FIX = "Its height follows the frame (100vh, height:100%, or min-height:100vh on html, body, or the outer element), so in chat it would grow without end. Let content set the height.";
+function warnings(inspection) {
+  return [
+    ...inspection.viewportDependent ? [VIEWPORT_DEPENDENT_FIX] : [],
+    ...inspection.overflowWidths.length > 0 ? [`Content overflows horizontally at ${inspection.overflowWidths.join("px, ")}px. Let it wrap or stack at narrow widths.`] : [],
+    ...inspection.heights.some(([, height]) => height > VISUAL_MAX_HEIGHT) ? [`The page is taller than ${VISUAL_MAX_HEIGHT}px at some widths, so chat cuts off the bottom. Make it shorter or split it into several visuals.`] : [],
+    ...inspection.background ? [`The page paints its own background (${inspection.background}) on html or body. Leave them transparent so it sits on the chat background.`] : []
+  ];
+}
+var consoleErrors = (inspection) => inspection.consoleMessages.filter((message2) => message2.level === "error").map((message2) => `Console error: ${message2.text}`);
+async function visualizeCommand(file2, options) {
+  const source = import_path9.default.resolve(file2);
+  if (!import_fs10.default.statSync(source, { throwIfNoEntry: false })?.isFile()) throw new Error(`File not found: ${source}`);
+  const { html: inlined, missing } = inlineLocalImages(import_fs10.default.readFileSync(source, "utf8"));
+  const html = injectVisualBootstrap(inlined);
+  const missingImages = missing.length > 0 ? [`These local images could not be read, so they won't show: ${missing.join(", ")}. Use absolute paths to existing image files.`] : [];
+  if (options.check) {
+    const inspection2 = await inspect(html, source);
+    output({ file: source, ...inspection2, warnings: [...missingImages, ...warnings(inspection2)] }, (result) => {
+      console.log(`Checked ${source} (dark at ${VISUAL_COLUMN_WIDTH}px, light at ${VISUAL_PHONE_WIDTH}px).
+`);
+      console.log("Screenshots (open both and look before publishing):");
+      for (const screenshot of result.screenshots) console.log(`  ${screenshot}`);
+      console.log(`
+Height: ${result.heights.filter(([width]) => width === VISUAL_COLUMN_WIDTH || width === VISUAL_MEASURE_WIDTHS[0]).map(([width, height]) => `${height}px at ${width}px`).join(", ")}`);
+      if (result.consoleMessages.length > 0) {
+        console.log("\nConsole:");
+        for (const message2 of result.consoleMessages) console.log(`  ${message2.level.padEnd(7)} ${message2.text}`);
+      }
+      const errors = result.consoleMessages.some((message2) => message2.level === "error") ? ["The console errors above."] : [];
+      if (result.warnings.length + errors.length > 0) {
+        console.log("\nFix before publishing:");
+        for (const warning of [...result.warnings, ...errors]) console.log(`  - ${warning}`);
+      }
+      console.log(`
+Next: publish with \`replicas visualize ${file2} --title "<short title>"\`.`);
+    });
+    return;
+  }
+  const title2 = options.title?.trim();
+  if (!title2) throw new Error('Pass --title "<short title>" to publish, or --check to preview without publishing.');
+  const inspection = await inspect(html, source);
+  if (inspection.viewportDependent) throw new Error(`Not published. ${VIEWPORT_DEPENDENT_FIX}`);
+  const media2 = await uploadMedia(new Blob([html], { type: "text/html; charset=utf-8" }), "visual.html", {
+    kind: "html",
+    display_name: title2,
+    visual_heights: JSON.stringify(inspection.heights.map(([width, height]) => [width, clampVisualHeight(height)]))
+  });
+  const embed = `![${title2.replace(/[[\]]/g, "")}](${MONOLITH_URL}/v1/media/${media2.id})`;
+  const forgeUrl = getOrganizationMediaUrl(media2.organization_id, media2.id);
+  const notes = [...missingImages, ...warnings(inspection), ...consoleErrors(inspection)];
+  const { screenshots } = inspection;
+  output({ media: media2, embed, forgeUrl, screenshots, warnings: notes }, () => {
+    console.log(embed);
+    console.log(`Forge link (organization only): [View ${title2}](${forgeUrl})`);
+    console.log("\nScreenshots (open both; if something looks wrong, fix the page and publish again):");
+    for (const screenshot of screenshots) console.log(`  ${screenshot}`);
+    if (notes.length > 0) {
+      console.log("\nPublished, but fix these and publish again:");
+      for (const note of notes) console.log(`  - ${note}`);
+    }
+    console.log("\nNext: paste the ![\u2026](\u2026) line on its own line where the visual belongs in your final reply. The user sees the visual itself, so don't introduce or restate it; add only what it doesn't say. The Forge link is for posting outside Replicas chat (PRs, Slack, Linear); leave it out of your chat reply.");
+  });
+}
+
 // src/commands/gpu.ts
 var import_chalk28 = __toESM(require("chalk"));
 var import_node_child_process2 = require("child_process");
@@ -34449,21 +35007,21 @@ function assertTransferSize(bytes, localPath) {
   }
 }
 function archive(localPath) {
-  const path8 = (0, import_node_path2.resolve)(localPath);
-  if (!(0, import_node_fs2.existsSync)(path8)) throw new Error(`${path8} does not exist`);
-  if (!(0, import_node_fs2.statSync)(path8).isDirectory()) {
-    assertTransferSize((0, import_node_fs2.statSync)(path8).size, localPath);
-    return (0, import_node_child_process2.spawn)("tar", ["-czf", "-", "-C", (0, import_node_path2.dirname)(path8), (0, import_node_path2.basename)(path8)], { stdio: ["ignore", "pipe", "pipe"] });
+  const path10 = (0, import_node_path2.resolve)(localPath);
+  if (!(0, import_node_fs2.existsSync)(path10)) throw new Error(`${path10} does not exist`);
+  if (!(0, import_node_fs2.statSync)(path10).isDirectory()) {
+    assertTransferSize((0, import_node_fs2.statSync)(path10).size, localPath);
+    return (0, import_node_child_process2.spawn)("tar", ["-czf", "-", "-C", (0, import_node_path2.dirname)(path10), (0, import_node_path2.basename)(path10)], { stdio: ["ignore", "pipe", "pipe"] });
   }
-  const listed = (0, import_node_child_process2.spawnSync)("git", ["-C", path8, "ls-files", "-co", "--exclude-standard", "-z"], { maxBuffer: 256 * 1024 * 1024 });
+  const listed = (0, import_node_child_process2.spawnSync)("git", ["-C", path10, "ls-files", "-co", "--exclude-standard", "-z"], { maxBuffer: 256 * 1024 * 1024 });
   if (listed.status !== 0) {
-    const du = (0, import_node_child_process2.spawnSync)("du", ["-sk", "--exclude=.git", "--exclude=node_modules", path8]);
+    const du = (0, import_node_child_process2.spawnSync)("du", ["-sk", "--exclude=.git", "--exclude=node_modules", path10]);
     assertTransferSize(Number(du.stdout.toString().split("	")[0]) * 1024, localPath);
-    return (0, import_node_child_process2.spawn)("tar", ["-czf", "-", "-C", path8, "--exclude=.git", "--exclude=node_modules", "."], { stdio: ["ignore", "pipe", "pipe"] });
+    return (0, import_node_child_process2.spawn)("tar", ["-czf", "-", "-C", path10, "--exclude=.git", "--exclude=node_modules", "."], { stdio: ["ignore", "pipe", "pipe"] });
   }
-  const files = listed.stdout.toString().split("\0").filter((file2) => file2 && (0, import_node_fs2.existsSync)((0, import_node_path2.join)(path8, file2)));
-  assertTransferSize(files.reduce((total, file2) => total + (0, import_node_fs2.statSync)((0, import_node_path2.join)(path8, file2)).size, 0), localPath);
-  const child = (0, import_node_child_process2.spawn)("tar", ["-czf", "-", "-C", path8, "--null", "-T", "-"], { stdio: ["pipe", "pipe", "pipe"] });
+  const files = listed.stdout.toString().split("\0").filter((file2) => file2 && (0, import_node_fs2.existsSync)((0, import_node_path2.join)(path10, file2)));
+  assertTransferSize(files.reduce((total, file2) => total + (0, import_node_fs2.statSync)((0, import_node_path2.join)(path10, file2)).size, 0), localPath);
+  const child = (0, import_node_child_process2.spawn)("tar", ["-czf", "-", "-C", path10, "--null", "-T", "-"], { stdio: ["pipe", "pipe", "pipe"] });
   child.stdin.end(files.map((file2) => `${file2}\0`).join(""));
   return child;
 }
@@ -35089,12 +35647,17 @@ if (isAgentMode()) {
   service.command("list").description("List registered services and whether they are running").action(run(serviceListCommand));
   service.command("logs <name>").description("Print the last lines of a service log").option("-n, --lines <n>", "Number of lines to print (default 50)").action(run(serviceLogsCommand));
   media.command("gif <recording>").description("Turn a screen recording into a short looping GIF under GitHub's 5 MiB image limit, lowering fps and width until it fits").option("-o, --output <path>", "Output .gif path (default: the recording path with .gif)").option("--start <seconds>", "Where the GIF starts in the recording (default 0)").option("--duration <seconds>", "Length in seconds, 1-30 (default 10)").option("--width <px>", "Maximum width, 200-1280 (default 960)").option("--fps <n>", "Maximum frame rate, 5-20 (default 12)").option("--crop <w:h:x:y>", "Crop to the region that changes, in recording pixels, before scaling").action(run(mediaGifCommand));
-  media.command("upload <files...>").description("Upload one or more image, video, audio, or HTML files. Multiple files are uploaded concurrently.").option("-k, --kind <kind>", "Media kind: image, video, audio, or html (inferred from extension if omitted)").option("-s, --session-id <id>", "Session ID to associate the asset with").option(
+  media.command("upload <files...>").description("Upload one or more image, video, or audio files. Multiple files are uploaded concurrently. Publish HTML pages with `replicas visualize`.").option("-k, --kind <kind>", "Media kind: image, video, or audio (inferred from extension if omitted)").option("-s, --session-id <id>", "Session ID to associate the asset with").option(
     "-n, --name <name>",
     "Required human-facing display name shown in the dashboard. Pass one --name per file, in order.",
     (value, previous) => [...previous, value],
     []
-  ).option("--access <access>", "Link access for video, audio, and HTML: organization (sign-in required) or public (video and audio only). Images always get a public link").option("--share", "Alias for --access public; not supported for HTML").action(run(mediaUploadCommand));
+  ).option("--access <access>", "Link access for video and audio: organization (sign-in required) or public. Images always get a public link").option("--share", "Alias for --access public").action(run(mediaUploadCommand));
+  program.command("visualize <file>").description("Show a self-contained HTML page (chart, diagram, comparison, mockup) inline in your Replicas chat reply, styled like the chat").option("-t, --title <title>", "Short name for the visual, used as its label (required to publish)").option("--check", "Render without publishing: screenshots in dark and light, heights, console output, and layout warnings").addHelpText("after", `
+Publishing checks the page too and prints screenshots: look at them, and if something is wrong, fix the page and publish again. Paste the printed ![\u2026](\u2026) line where the visual belongs in your reply.
+
+Page rules:
+${VISUAL_PAGE_RULES}`).action(run(visualizeCommand));
   media.command("share <mediaId>").description("Rotate an image's public forge URL, or create one for video or audio media").action(run(mediaShareCommand));
   media.command("revoke <mediaId>").description("Revoke the public forge URL for uploaded media").action(run(mediaRevokeCommand));
   media.command("delete <mediaId>").description("Permanently delete media uploaded by this workspace").action(run(mediaDeleteCommand));
@@ -35120,6 +35683,7 @@ if (isAgentMode()) {
     "preview",
     "service",
     "media",
+    "visualize",
     "gpu",
     "history",
     "skills",