@vm0/cli 9.161.7 → 9.161.8

package/index.js

@@ -68,7 +68,7 @@ import {
   source_default,
   volumeConfigSchema,
   withErrorHandler
-} from "./chunk-P3SAJ3Q2.js";
+} from "./chunk-BWCVGYRL.js";
 import {
   __toESM,
   init_esm_shims
@@ -387,7 +387,7 @@ function getConfigPath() {
   return join(os.homedir(), ".vm0", "config.json");
 }
 var infoCommand = new Command().name("info").description("Display environment and debug information").action(async () => {
-  console.log(source_default.bold(`VM0 CLI v${"9.161.7"}`));
+  console.log(source_default.bold(`VM0 CLI v${"9.161.8"}`));
   console.log();
   const config = await loadConfig();
   const hasEnvToken = !!process.env.VM0_TOKEN;
@@ -4280,7 +4280,7 @@ var composeCommand = new Command().name("compose").description("Create or update
         options.autoUpdate = false;
       }
       if (options.autoUpdate !== false) {
-        await startSilentUpgrade("9.161.7");
+        await startSilentUpgrade("9.161.8");
       }
       try {
         let result;
@@ -4372,7 +4372,7 @@ var mainRunCommand = new Command().name("run").description("Run an agent").argum
   withErrorHandler(
     async (identifier, prompt, options) => {
       if (options.autoUpdate !== false) {
-        await startSilentUpgrade("9.161.7");
+        await startSilentUpgrade("9.161.8");
       }
       const { name, version } = parseIdentifier(identifier);
       let composeId;
@@ -6165,13 +6165,13 @@ var upgradeCommand = new Command().name("upgrade").description("Upgrade vm0 CLI
     if (latestVersion === null) {
       throw new Error("Could not check for updates. Please try again later.");
     }
-    if (latestVersion === "9.161.7") {
-      console.log(source_default.green(`\u2713 Already up to date (${"9.161.7"})`));
+    if (latestVersion === "9.161.8") {
+      console.log(source_default.green(`\u2713 Already up to date (${"9.161.8"})`));
       return;
     }
     console.log(
       source_default.yellow(
-        `Current version: ${"9.161.7"} -> Latest version: ${latestVersion}`
+        `Current version: ${"9.161.8"} -> Latest version: ${latestVersion}`
       )
     );
     console.log();
@@ -6198,7 +6198,7 @@ var upgradeCommand = new Command().name("upgrade").description("Upgrade vm0 CLI
     const success = await performUpgrade(packageManager);
     if (success) {
       console.log(
-        source_default.green(`\u2713 Upgraded from ${"9.161.7"} to ${latestVersion}`)
+        source_default.green(`\u2713 Upgraded from ${"9.161.8"} to ${latestVersion}`)
       );
       return;
     }
@@ -6265,7 +6265,7 @@ var whoamiCommand = new Command().name("whoami").description("Show current ident
 
 // src/index.ts
 var program = new Command();
-program.name("vm0").description("VM0 CLI - Build and run agents with natural language").version("9.161.7");
+program.name("vm0").description("VM0 CLI - Build and run agents with natural language").version("9.161.8");
 program.addCommand(authCommand);
 program.addCommand(infoCommand);
 program.addCommand(composeCommand);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vm0/cli",
-  "version": "9.161.7",
+  "version": "9.161.8",
   "description": "CLI application",
   "repository": {
     "type": "git",

package/zero.js

@@ -150,7 +150,7 @@ import {
   zeroAgentCustomSkillNameSchema,
   zeroLocalAgentCommand,
   zeroTokenAllowsFeatureSwitch
-} from "./chunk-P3SAJ3Q2.js";
+} from "./chunk-BWCVGYRL.js";
 import {
   __commonJS,
   __require,
@@ -34745,6 +34745,82 @@ init_esm_shims();
 // src/commands/zero/shared/presentation-generate.ts
 init_esm_shims();
 import { readFileSync as readFileSync14 } from "fs";
+
+// src/commands/zero/shared/html-artifact-authoring.ts
+init_esm_shims();
+function slugify(value) {
+  const slug = value.toLowerCase().replace(/[^a-z0-9]+/gu, "-").replace(/^-+|-+$/gu, "").replace(/-{2,}/gu, "-").slice(0, 48).replace(/-+$/u, "");
+  return slug.length >= 3 ? slug : "html-artifact";
+}
+function titleForKind(kind) {
+  return kind === "presentation" ? "HTML presentation" : "hosted website";
+}
+function outputDirForSite(site) {
+  return `./opendesign/mockups/${site}`;
+}
+function createHtmlArtifactAuthoringPacket(options) {
+  const site = options.site ?? slugify(options.slugSource ?? options.prompt);
+  const outputDir = outputDirForSite(site);
+  const hostCommand = `zero host ${outputDir} --site ${site}${options.kind === "website" ? " --spa" : ""}`;
+  const title = titleForKind(options.kind);
+  const instructions = [
+    `# Zero built-in generate ${options.kind}`,
+    "",
+    `You are the current agent. Author a production-quality ${title} as a static HTML artifact.`,
+    "Zero is not generating this artifact on the server. You are the author.",
+    "",
+    "## User Prompt",
+    options.prompt,
+    "",
+    "## Output Contract",
+    `- Write the artifact under \`${outputDir}/\`.`,
+    `- The entry file must be \`${outputDir}/index.html\`.`,
+    "- Keep every local asset inside the same output directory.",
+    "- Do not reference files from another project path.",
+    "- Use descriptive filenames and canonical HTML: close non-void tags and double-quote attributes.",
+    "- Prefer a single self-contained HTML file unless the artifact genuinely needs separate assets.",
+    "",
+    "## Requested Parameters",
+    ...options.details.map((detail) => {
+      return `- ${detail}`;
+    }),
+    "",
+    "## OpenDesign-Style Authoring Rules",
+    "- Read the local codebase, brand assets, and existing design systems before choosing a visual direction.",
+    "- If no design system is available, choose one clear aesthetic direction and hold it across the artifact.",
+    "- Avoid generic AI design defaults: no stock SaaS gradients, no emoji-as-icons, no filler stats, no decorative chrome that does not help the artifact.",
+    "- Build the actual artifact first, not a marketing explanation of the artifact.",
+    "- Make controls and interactions real when they are visible.",
+    "- Keep text readable at desktop and mobile preview sizes.",
+    ...options.artifactRules.map((rule) => {
+      return `- ${rule}`;
+    }),
+    "",
+    "## Verification",
+    "- Open the HTML locally and verify it is nonblank.",
+    "- Check that keyboard/click interactions work when present.",
+    "- Check that text does not overflow or overlap at desktop and mobile viewport sizes.",
+    "- Run the final hosting command only after the artifact looks correct.",
+    "",
+    "## Publish",
+    `When everything is OK, publish it with:`,
+    "",
+    "```bash",
+    hostCommand,
+    "```"
+  ].join("\n");
+  return {
+    type: "html-artifact-authoring",
+    kind: options.kind,
+    prompt: options.prompt,
+    outputDir,
+    site,
+    hostCommand,
+    instructions
+  };
+}
+
+// src/commands/zero/shared/presentation-generate.ts
 var PRESENTATION_MAX_IMAGES = 8;
 function parseSlideCount(value) {
   const slideCount = Number(value);
@@ -34782,7 +34858,7 @@ function readPrompt2(options, usageCommand) {
   });
 }
 function createPresentationGenerateCommand(config) {
-  return new Command().name(config.name).description("Generate a billed HTML presentation from a prompt").option(
+  return new Command().name(config.name).description("Generate an HTML presentation from a prompt").option(
     "--prompt <text>",
     "Presentation prompt; can also be piped via stdin"
   ).option("--style <style>", "Style: editorial or swiss", "editorial").option("--slides <count>", "Slide count: 4-20", parseSlideCount, 8).option(
@@ -34803,15 +34879,44 @@ Examples:
 ${config.examples}
 
 Output:
-  Prints the generated /f/ HTML presentation URL and metadata
+  Prints the generated /f/ HTML presentation URL and metadata. With openDesignGenerate enabled, prints an OpenDesign-style authoring packet for the current agent instead.
 
 Notes:
-  - Authenticates via ZERO_TOKEN (requires file:write capability)
-  - Charges org credits after successful presentation generation
-  - Uses OpenAI gpt-5.5 for deck text and fal.ai for generated visuals`
+  - Authenticates via ZERO_TOKEN
+  - Default path charges org credits after successful presentation generation
+  - OpenDesign path is gated by the openDesignGenerate feature switch`
   ).action(
     withErrorHandler(async (options) => {
       const prompt = readPrompt2(options, config.usageCommand);
+      if (zeroTokenAllowsFeatureSwitch("openDesignGenerate" /* OpenDesignGenerate */)) {
+        const packet = createHtmlArtifactAuthoringPacket({
+          kind: "presentation",
+          prompt,
+          slugSource: options.title,
+          details: [
+            `Style: ${options.style}`,
+            `Slide count: ${options.slides}`,
+            `Suggested generated visual count: ${options.images}`,
+            `Image model preference if visuals are generated separately: ${options.imageModel ?? "default"}`,
+            `Theme: ${options.theme ?? "agent decides from style"}`,
+            `Audience: ${options.audience ?? "not specified"}`,
+            `Requested deck title: ${options.title ?? "not specified"}`
+          ],
+          artifactRules: [
+            "Think like a presentation designer, not a web page designer.",
+            "Use a fixed 1920x1080 slide canvas and scale it uniformly for smaller viewports.",
+            "Use one section per slide and keep repeated elements in consistent positions.",
+            "Make keyboard navigation work with ArrowLeft, ArrowRight, Home, and End.",
+            "Keep slide text readable from across a room; avoid memo-like walls of text."
+          ]
+        });
+        if (options.json) {
+          console.log(JSON.stringify(packet));
+          return;
+        }
+        console.log(packet.instructions);
+        return;
+      }
       const result = await generateWebPresentation({
         prompt,
         style: options.style,
@@ -34860,6 +34965,22 @@ init_esm_shims();
 // src/commands/zero/shared/video-generate.ts
 init_esm_shims();
 import { readFileSync as readFileSync15 } from "fs";
+var FRAME_ASPECT_RATIO_TOLERANCE = 0.02;
+var JPEG_START_OF_FRAME_MARKERS = /* @__PURE__ */ new Set([
+  192,
+  193,
+  194,
+  195,
+  197,
+  198,
+  199,
+  201,
+  202,
+  203,
+  205,
+  206,
+  207
+]);
 function parseSeed2(value) {
   const seed = Number(value);
   if (!Number.isInteger(seed) || seed < 0 || !Number.isSafeInteger(seed)) {
@@ -34870,6 +34991,173 @@ function parseSeed2(value) {
 function collectUrl(value, previous = []) {
   return [...previous, value];
 }
+function parseAspectRatio(value) {
+  const [widthText, heightText] = value.split(":");
+  const width = Number(widthText);
+  const height = Number(heightText);
+  if (!Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) {
+    throw new Error(`Invalid --aspect-ratio "${value}"`);
+  }
+  return { width, height };
+}
+function readPngDimensions(buffer) {
+  if (buffer.length < 24 || buffer.toString("latin1", 0, 8) !== "\x89PNG\r\n\n") {
+    return void 0;
+  }
+  return {
+    width: buffer.readUInt32BE(16),
+    height: buffer.readUInt32BE(20)
+  };
+}
+function readGifDimensions(buffer) {
+  if (buffer.length < 10 || !buffer.toString("latin1", 0, 6).startsWith("GIF")) {
+    return void 0;
+  }
+  return {
+    width: buffer.readUInt16LE(6),
+    height: buffer.readUInt16LE(8)
+  };
+}
+function readJpegDimensions(buffer) {
+  if (buffer.length < 4 || buffer[0] !== 255 || buffer[1] !== 216) {
+    return void 0;
+  }
+  let offset = 2;
+  while (offset + 9 < buffer.length) {
+    if (buffer[offset] !== 255) {
+      offset += 1;
+      continue;
+    }
+    const marker = buffer[offset + 1];
+    if (marker === 217 || marker === 218) {
+      break;
+    }
+    const segmentLength = buffer.readUInt16BE(offset + 2);
+    if (segmentLength < 2 || offset + 2 + segmentLength > buffer.length) {
+      break;
+    }
+    if (JPEG_START_OF_FRAME_MARKERS.has(marker)) {
+      return {
+        height: buffer.readUInt16BE(offset + 5),
+        width: buffer.readUInt16BE(offset + 7)
+      };
+    }
+    offset += 2 + segmentLength;
+  }
+  return void 0;
+}
+function readUnsigned24LE(buffer, offset) {
+  return buffer.readUInt8(offset) + (buffer.readUInt8(offset + 1) << 8) + (buffer.readUInt8(offset + 2) << 16);
+}
+function readWebpDimensions(buffer) {
+  if (buffer.length < 30 || buffer.toString("ascii", 0, 4) !== "RIFF" || buffer.toString("ascii", 8, 12) !== "WEBP") {
+    return void 0;
+  }
+  let offset = 12;
+  while (offset + 8 <= buffer.length) {
+    const chunkType = buffer.toString("ascii", offset, offset + 4);
+    const chunkSize = buffer.readUInt32LE(offset + 4);
+    const payloadOffset = offset + 8;
+    if (payloadOffset + chunkSize > buffer.length) {
+      break;
+    }
+    if (chunkType === "VP8X" && chunkSize >= 10) {
+      return {
+        width: readUnsigned24LE(buffer, payloadOffset + 4) + 1,
+        height: readUnsigned24LE(buffer, payloadOffset + 7) + 1
+      };
+    }
+    if (chunkType === "VP8L" && chunkSize >= 5 && buffer[payloadOffset] === 47) {
+      const byte1 = buffer.readUInt8(payloadOffset + 1);
+      const byte2 = buffer.readUInt8(payloadOffset + 2);
+      const byte3 = buffer.readUInt8(payloadOffset + 3);
+      const byte4 = buffer.readUInt8(payloadOffset + 4);
+      return {
+        width: 1 + byte1 + ((byte2 & 63) << 8),
+        height: 1 + ((byte2 & 192) >> 6) + (byte3 << 2) + ((byte4 & 15) << 10)
+      };
+    }
+    if (chunkType === "VP8 " && chunkSize >= 10 && buffer[payloadOffset + 3] === 157 && buffer[payloadOffset + 4] === 1 && buffer[payloadOffset + 5] === 42) {
+      return {
+        width: buffer.readUInt16LE(payloadOffset + 6) & 16383,
+        height: buffer.readUInt16LE(payloadOffset + 8) & 16383
+      };
+    }
+    offset = payloadOffset + chunkSize + chunkSize % 2;
+  }
+  return void 0;
+}
+function readImageDimensions(buffer) {
+  return readPngDimensions(buffer) ?? readJpegDimensions(buffer) ?? readWebpDimensions(buffer) ?? readGifDimensions(buffer);
+}
+function formatDimensionsAsRatio({ width, height }) {
+  const divisor = greatestCommonDivisor(width, height);
+  return `${width / divisor}:${height / divisor}`;
+}
+function greatestCommonDivisor(left, right) {
+  let a = Math.abs(left);
+  let b = Math.abs(right);
+  while (b !== 0) {
+    const remainder = a % b;
+    a = b;
+    b = remainder;
+  }
+  return a || 1;
+}
+function hasMatchingAspectRatio(actual, expected) {
+  const actualRatio = actual.width / actual.height;
+  const expectedRatio = expected.width / expected.height;
+  return Math.abs(actualRatio - expectedRatio) / expectedRatio <= FRAME_ASPECT_RATIO_TOLERANCE;
+}
+async function fetchImageDimensions(optionName, imageUrl) {
+  let url;
+  try {
+    url = new URL(imageUrl);
+  } catch {
+    throw new Error(`${optionName} must be an absolute URL`);
+  }
+  const response = await fetch(url);
+  if (!response.ok) {
+    throw new Error(
+      `Could not validate ${optionName}: failed to fetch image (HTTP ${response.status})`
+    );
+  }
+  const buffer = Buffer.from(await response.arrayBuffer());
+  const dimensions = readImageDimensions(buffer);
+  if (!dimensions) {
+    throw new Error(
+      `Could not validate ${optionName}: unsupported image format or missing dimensions`
+    );
+  }
+  return dimensions;
+}
+async function validateFrameImageAspectRatio(optionName, imageUrl, aspectRatio) {
+  if (!imageUrl) {
+    return;
+  }
+  const expected = parseAspectRatio(aspectRatio);
+  const actual = await fetchImageDimensions(optionName, imageUrl);
+  if (hasMatchingAspectRatio(actual, expected)) {
+    return;
+  }
+  throw new Error(
+    `${optionName} has aspect ratio ${formatDimensionsAsRatio(actual)} (${actual.width}x${actual.height}), but --aspect-ratio is ${aspectRatio}. Use --aspect-ratio ${formatDimensionsAsRatio(actual)} or provide a frame image with ${aspectRatio} dimensions.`
+  );
+}
+async function validateVideoOptions(options) {
+  await Promise.all([
+    validateFrameImageAspectRatio(
+      "--first-frame-image-url",
+      options.firstFrameImageUrl,
+      options.aspectRatio
+    ),
+    validateFrameImageAspectRatio(
+      "--last-frame-image-url",
+      options.lastFrameImageUrl,
+      options.aspectRatio
+    )
+  ]);
+}
 function readPrompt3(options, usageCommand) {
   if (options.prompt?.trim()) {
     return options.prompt.trim();
@@ -34941,6 +35229,7 @@ Models:
   ).action(
     withErrorHandler(async (options) => {
       const prompt = readPrompt3(options, config.usageCommand);
+      await validateVideoOptions(options);
       const result = await generateWebVideo({
         prompt,
         model: options.model,
@@ -36066,7 +36355,7 @@ function formatBytes(bytes) {
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }
-var websiteCommand = new Command().name("website").description("Generate, build, and publish a hosted website from a prompt").option("--prompt <text>", "Website prompt; can also be piped via stdin").option(
+var websiteCommand = new Command().name("website").description("Generate a hosted website from a prompt").option("--prompt <text>", "Website prompt; can also be piped via stdin").option(
   "--template <template>",
   "Template: auto, launch, or profile",
   parseTemplate,
@@ -36089,15 +36378,42 @@ Examples:
   Pipe prompt:           cat brief.txt | zero built-in generate website
 
 Output:
-  Builds a React template into a static website, publishes it with zero host, and prints the hosted URL
+  Generates and publishes a hosted website. With openDesignGenerate enabled, prints an OpenDesign-style authoring packet for the current agent instead.
 
 Notes:
-  - Authenticates via ZERO_TOKEN (requires host:write capability)
-  - Charges org credits for model-generated website content
-  - Uses OpenAI gpt-5.5 for website content and fal.ai for generated visuals`
+  - Authenticates via ZERO_TOKEN
+  - Default path charges org credits for model-generated website content
+  - OpenDesign path is gated by the openDesignGenerate feature switch`
 ).action(
   withErrorHandler(async (options) => {
     const prompt = readPrompt4(options);
+    if (zeroTokenAllowsFeatureSwitch("openDesignGenerate" /* OpenDesignGenerate */)) {
+      const packet = createHtmlArtifactAuthoringPacket({
+        kind: "website",
+        prompt,
+        slugSource: options.title,
+        site: options.site,
+        details: [
+          `Template direction: ${options.template}`,
+          `Suggested generated visual count: ${options.images}`,
+          `Image model preference if visuals are generated separately: ${options.imageModel ?? "default"}`,
+          `Requested title/site name: ${options.title ?? "not specified"}`,
+          `Audience: ${options.audience ?? "not specified"}`
+        ],
+        artifactRules: [
+          "Build the usable website as the first screen; do not output a landing-page plan.",
+          "If it is a marketing site, make the product or offer visible in the first viewport.",
+          "For app or tool surfaces, prioritize dense, scannable, task-focused UI over decorative sections.",
+          "Use responsive HTML/CSS and verify the page works at mobile and desktop widths."
+        ]
+      });
+      if (options.json) {
+        console.log(JSON.stringify(packet));
+        return;
+      }
+      console.log(packet.instructions);
+      return;
+    }
     if (!options.json) {
       console.log(source_default.dim("Generating website content..."));
     }
@@ -37177,7 +37493,7 @@ function registerZeroCommands(prog, commands) {
 var program = new Command();
 program.name("zero").description(
   "Zero CLI \u2014 interact with the zero platform from inside the sandbox"
-).version("9.161.7").addHelpText("after", () => {
+).version("9.161.8").addHelpText("after", () => {
   return buildZeroHelpText();
 });
 if (process.argv[1]?.endsWith("zero.js") || process.argv[1]?.endsWith("zero.ts") || process.argv[1]?.endsWith("zero")) {