framer-export 4.3.10 → 4.4.2

package/dist/cli/index.js

@@ -15,7 +15,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "framer-export",
-      version: "4.3.10",
+      version: "4.4.2",
       description: "Export any Framer, Webflow, or Wix site into a fully working local mirror. Downloads all assets, strips badges, rewrites URLs, and pretty-prints JS.",
       type: "module",
       main: "dist/cli/index.js",
@@ -204,6 +204,663 @@ var init_banner = __esm({
   }
 });
 
+// src/cli/cooking.ts
+import chalk2 from "chalk";
+async function showLoadingIntro(version) {
+  if (!process.stdout.isTTY || process.env.CI) return;
+  await new Promise((resolve) => {
+    let frame = 0;
+    const draw = () => {
+      const spinner = SPINNER_FRAMES[frame % SPINNER_FRAMES.length];
+      const title = renderShinyText(`Framer Export v${version}`, frame, {
+        baseColor: "#969696",
+        shineColor: "#ffffff",
+        shineWidth: 18
+      });
+      const dots = ".".repeat(frame % 4).padEnd(3, " ");
+      process.stdout.write(
+        `\r\x1B[2K  ${ui.primary(spinner)} ${title} ${ui.muted(`Loading${dots}`)}`
+      );
+      frame++;
+    };
+    process.stdout.write("\x1B[?25l");
+    draw();
+    const interval = setInterval(draw, FRAME_INTERVAL);
+    setTimeout(() => {
+      clearInterval(interval);
+      process.stdout.write("\r\x1B[2K\x1B[?25h");
+      resolve();
+    }, INTRO_DURATION);
+  });
+}
+function renderShinyText(text, frame, options = {}) {
+  const baseColor = options.baseColor || "#808080";
+  const shineColor = options.shineColor || "#ffffff";
+  const shineWidth = options.shineWidth || SHINE_WIDTH;
+  const travel = text.length + shineWidth * 2;
+  const pos = frame * SHINE_SPEED % travel - shineWidth;
+  const base = hexToRgb(baseColor);
+  const shine = hexToRgb(shineColor);
+  let result = "";
+  for (let i = 0; i < text.length; i++) {
+    const dist = Math.abs(i - pos);
+    const intensity = smoothstep(0, 1, 1 - Math.min(1, dist / shineWidth));
+    const color = mixRgb(base, shine, intensity);
+    const paint = intensity > 0.82 ? chalk2.rgb(color.r, color.g, color.b).bold : chalk2.rgb(color.r, color.g, color.b);
+    result += paint(text[i]);
+  }
+  return result;
+}
+function smoothstep(edge0, edge1, value) {
+  const t = Math.max(0, Math.min(1, (value - edge0) / (edge1 - edge0)));
+  return t * t * (3 - 2 * t);
+}
+function hexToRgb(hex) {
+  const clean = hex.replace("#", "");
+  const normalized = clean.length === 3 ? clean.split("").map((char) => char + char).join("") : clean.padEnd(6, "0").slice(0, 6);
+  return {
+    r: Number.parseInt(normalized.slice(0, 2), 16),
+    g: Number.parseInt(normalized.slice(2, 4), 16),
+    b: Number.parseInt(normalized.slice(4, 6), 16)
+  };
+}
+function mixRgb(from, to, amount) {
+  return {
+    r: Math.round(from.r + (to.r - from.r) * amount),
+    g: Math.round(from.g + (to.g - from.g) * amount),
+    b: Math.round(from.b + (to.b - from.b) * amount)
+  };
+}
+var SHINE_WIDTH, FRAME_INTERVAL, INTRO_DURATION, SHINE_SPEED, SPINNER_FRAMES, CookingSpinner;
+var init_cooking = __esm({
+  "src/cli/cooking.ts"() {
+    "use strict";
+    init_theme();
+    SHINE_WIDTH = 14;
+    FRAME_INTERVAL = 70;
+    INTRO_DURATION = 1400;
+    SHINE_SPEED = 0.55;
+    SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+    CookingSpinner = class {
+      interval = null;
+      frame = 0;
+      phase = "";
+      active = false;
+      start(phase = "") {
+        this.phase = phase;
+        this.frame = 0;
+        this.active = true;
+        this.draw();
+        this.interval = setInterval(() => {
+          this.frame++;
+          this.draw();
+        }, FRAME_INTERVAL);
+      }
+      update(phase) {
+        this.phase = phase;
+      }
+      log(message) {
+        if (this.active) {
+          process.stdout.write("\r\x1B[2K");
+        }
+        process.stdout.write(message + "\n");
+        if (this.active) {
+          this.draw();
+        }
+      }
+      stop() {
+        this.active = false;
+        if (this.interval) {
+          clearInterval(this.interval);
+          this.interval = null;
+        }
+        process.stdout.write("\r\x1B[2K");
+      }
+      draw() {
+        if (!this.active) return;
+        const spinner = SPINNER_FRAMES[this.frame % SPINNER_FRAMES.length];
+        const shimmer = renderShinyText("Exporting", this.frame);
+        const frameStr = ui.primary(spinner);
+        const phaseStr = this.phase ? `  ${ui.muted(this.limitLen(this.phase, 52))}` : "";
+        process.stdout.write(`\r\x1B[2K  ${frameStr} ${shimmer}${phaseStr}`);
+      }
+      limitLen(s, max) {
+        if (s.length <= max) return s;
+        return s.slice(0, max - 1) + "\u2026";
+      }
+    };
+  }
+});
+
+// src/cli/box.ts
+import chalk3 from "chalk";
+function maxWidth() {
+  return Math.min(process.stdout.columns || 80, 76);
+}
+function padRight(text, w) {
+  const visible = stripAnsi(text).length;
+  if (visible >= w) return text;
+  return text + " ".repeat(w - visible);
+}
+function boxTop(w) {
+  const inner = w - 4;
+  return "  " + ui.border("\u256D\u2500") + ui.border("\u2500".repeat(inner)) + ui.border("\u2500\u256E");
+}
+function panelTop(w) {
+  const inner = w - 4;
+  return ui.border("\u256D\u2500") + ui.border("\u2500".repeat(inner)) + ui.border("\u2500\u256E");
+}
+function boxBot(w) {
+  const inner = w - 4;
+  return "  " + ui.border("\u2570\u2500") + ui.border("\u2500".repeat(inner)) + ui.border("\u2500\u256F");
+}
+function panelBot(w) {
+  const inner = w - 4;
+  return ui.border("\u2570\u2500") + ui.border("\u2500".repeat(inner)) + ui.border("\u2500\u256F");
+}
+function boxLine(w, text) {
+  const inner = w - 4;
+  const padded = padRight(text, inner);
+  return "  " + ui.border("\u2502 ") + padded + ui.border(" \u2502");
+}
+function panelLine(w, text) {
+  const inner = w - 4;
+  const padded = padRight(text, inner);
+  return ui.border("\u2502 ") + padded + ui.border(" \u2502");
+}
+function boxSep(w) {
+  const inner = w - 4;
+  return "  " + ui.border("\u251C\u2500") + ui.border("\u2500".repeat(inner)) + ui.border("\u2500\u2524");
+}
+function panelSep(w) {
+  const inner = w - 4;
+  return ui.border("\u251C\u2500") + ui.border("\u2500".repeat(inner)) + ui.border("\u2500\u2524");
+}
+function boxRow(w, label, value) {
+  const inner = w - 4;
+  const labelPlain = stripAnsi(chalk3.bold(label));
+  const visible = labelPlain.length + 1 + value.length;
+  if (visible > inner) {
+    const avail = inner - labelPlain.length - 2;
+    const truncated = value.length > avail ? value.slice(0, avail - 1) + ".." : value;
+    return "  " + ui.border("\u2502 ") + chalk3.bold(label) + ": " + ui.primary(truncated) + " ".repeat(Math.max(0, inner - labelPlain.length - 1 - truncated.length)) + ui.border(" \u2502");
+  }
+  const right = inner - labelPlain.length - 1 - value.length;
+  return "  " + ui.border("\u2502 ") + chalk3.bold(label) + ": " + ui.primary(value) + " ".repeat(right) + ui.border(" \u2502");
+}
+var init_box = __esm({
+  "src/cli/box.ts"() {
+    "use strict";
+    init_theme();
+  }
+});
+
+// src/cli/select.ts
+import readline from "readline";
+import { stdin, stdout } from "process";
+async function select(question, options, defaultIndex = 0, config = {}) {
+  const isTTY = stdin.isTTY && stdout.isTTY;
+  if (!isTTY) {
+    return fallbackPrompt(question, options, defaultIndex, config);
+  }
+  return arrowSelect(question, options, defaultIndex, config);
+}
+async function promptInput(question, defaultValue = "", config = {}) {
+  if (!stdin.isTTY || !stdout.isTTY) {
+    return fallbackInput(question, defaultValue);
+  }
+  return fullscreenInput(question, defaultValue, config);
+}
+async function arrowSelect(question, options, defaultIndex, config) {
+  const actions = config.actions ?? [];
+  const headerLines = config.headerLines ?? [];
+  const width = Math.max(44, Math.min(maxWidth(), 72));
+  const inner = width - 4;
+  const actionLineOffset = 2 + headerLines.length;
+  const hasActions = actions.length > 0;
+  const optionStartOffset = 3 + headerLines.length + (hasActions ? 1 : 0);
+  const lineCount = options.length + 4 + headerLines.length + (hasActions ? 1 : 0);
+  const rows = process.stdout.rows || 24;
+  const columns = process.stdout.columns || 80;
+  const panelTopRow = Math.max(2, Math.floor((rows - lineCount) / 2) + 1);
+  const panelLeftCol = Math.max(1, Math.floor((columns - width) / 2) + 1);
+  const footerRow = Math.min(rows, panelTopRow + lineCount + 1);
+  return new Promise((resolve) => {
+    const firstEnabled = options.findIndex((option) => !option.disabled);
+    let selected = options[defaultIndex]?.disabled ? firstEnabled : defaultIndex;
+    let selectedAction = null;
+    if (selected < 0) selected = 0;
+    const move = (direction) => {
+      let next = selected + direction;
+      while (next >= 0 && next < options.length) {
+        if (!options[next].disabled) {
+          selected = next;
+          return;
+        }
+        next += direction;
+      }
+    };
+    const render = (initial = false) => {
+      if (!initial) {
+        stdout.write("\x1B[2J");
+      }
+      const lines = [];
+      lines.push(panelTop(width));
+      lines.push(
+        panelLine(width, centerText(`${ui.primary("\u25CF")} ${ui.text.bold(question)}`, inner))
+      );
+      for (const header of headerLines) {
+        lines.push(panelLine(width, centerText(ui.muted(header), inner)));
+      }
+      if (hasActions) {
+        lines.push(
+          panelLine(width, centerText(renderActions(actions, selectedAction, inner), inner))
+        );
+      }
+      lines.push(panelSep(width));
+      for (let i = 0; i < options.length; i++) {
+        lines.push(
+          panelLine(
+            width,
+            centerText(
+              renderOption(options[i], selectedAction === null && i === selected, inner),
+              inner
+            )
+          )
+        );
+      }
+      lines.push(panelBot(width));
+      lines.forEach((line, index) => writeAt(panelTopRow + index, panelLeftCol, line));
+      writeAt(
+        footerRow,
+        panelLeftCol,
+        centerText(
+          ui.muted(config.footer || "\u2191\u2193 move  \xB7  enter select  \xB7  mouse hover/click  \xB7  esc close"),
+          width
+        )
+      );
+    };
+    const choose = (value = options[selected].value) => {
+      cleanup();
+      console.log(
+        `  ${ui.success("\u2713")} ${ui.text.bold(question)} ${ui.primary(labelForValue(value, options, actions))}
+`
+      );
+      resolve(value);
+    };
+    const onMouseData = (chunk) => {
+      const mouse = parseMouseEvent(chunk);
+      if (!mouse) return;
+      if (mouse.kind === "wheel-up") {
+        move(-1);
+        render();
+        return;
+      }
+      if (mouse.kind === "wheel-down") {
+        move(1);
+        render();
+        return;
+      }
+      if (hasActions && mouse.y === panelTopRow + actionLineOffset) {
+        const actionIdx = actionIndexAtX(actions, mouse.x, panelLeftCol, inner);
+        if (actionIdx === null || actions[actionIdx].disabled) return;
+        if (selectedAction !== actionIdx) {
+          selectedAction = actionIdx;
+          render();
+        }
+        if (mouse.kind === "click") choose(actions[actionIdx].value);
+        return;
+      }
+      const idx = mouse.y - panelTopRow - optionStartOffset;
+      if (idx < 0 || idx >= options.length || options[idx].disabled) return;
+      if (selected !== idx) {
+        selected = idx;
+        selectedAction = null;
+        render();
+      }
+      if (mouse.kind === "click") {
+        choose();
+      }
+    };
+    const cleanup = () => {
+      leaveInteractiveScreen();
+      stdin.setRawMode(false);
+      stdin.removeListener("keypress", onKeypress);
+      stdin.removeListener("data", onMouseData);
+      stdin.pause();
+    };
+    readline.emitKeypressEvents(stdin);
+    stdin.setRawMode(true);
+    enterInteractiveScreen(true);
+    render(true);
+    const onKeypress = (_str, key) => {
+      if (!key) return;
+      if (key.name === "up" && selected > 0) {
+        move(-1);
+        selectedAction = null;
+        render();
+      } else if (key.name === "down" && selected < options.length - 1) {
+        move(1);
+        selectedAction = null;
+        render();
+      } else if (key.name === "tab" && hasActions) {
+        selectedAction = selectedAction === null ? 0 : null;
+        render();
+      } else if (key.name === "return") {
+        choose(selectedAction === null ? options[selected].value : actions[selectedAction].value);
+      } else if (key.ctrl && key.name === "c" || key.name === "escape") {
+        cleanup();
+        process.exit(0);
+      }
+    };
+    stdin.resume();
+    stdin.on("data", onMouseData);
+    stdin.on("keypress", onKeypress);
+  });
+}
+async function fallbackPrompt(question, options, defaultIndex, config) {
+  if (!stdin.isTTY) {
+    const firstEnabled = options.findIndex((option) => !option.disabled);
+    const enabledDefault = options[defaultIndex]?.disabled ? firstEnabled : defaultIndex;
+    const def = String(enabledDefault + 1);
+    printFallbackOptions(question, options, enabledDefault, config);
+    while (true) {
+      const trimmed = (await readPipedLine()).trim();
+      if (trimmed.toLowerCase() === "a") {
+        const action = config.actions?.find((item) => !item.disabled);
+        if (action) return action.value;
+      }
+      if (!trimmed) {
+        const label = stripAnsi(options[enabledDefault].label);
+        console.log(`  ${ui.success("\u2713")} ${ui.primary(label)}
+`);
+        return options[enabledDefault].value;
+      }
+      const idx = parseInt(trimmed, 10);
+      if (idx >= 1 && idx <= options.length && !options[idx - 1].disabled) {
+        const label = stripAnsi(options[idx - 1].label);
+        console.log(`  ${ui.success("\u2713")} ${ui.primary(label)}
+`);
+        return options[idx - 1].value;
+      }
+      console.log(`  ${ui.error("\u2717")} ${ui.warning(`Enter 1-${options.length} or ${def}`)}
+`);
+    }
+  }
+  return new Promise((resolve) => {
+    const rl = readline.createInterface({ input: stdin, output: stdout });
+    const firstEnabled = options.findIndex((option) => !option.disabled);
+    const enabledDefault = options[defaultIndex]?.disabled ? firstEnabled : defaultIndex;
+    printFallbackOptions(question, options, enabledDefault, config);
+    const def = String(enabledDefault + 1);
+    const ask = () => {
+      rl.question(
+        `  ${ui.primary(">")} ${ui.muted(`Choose [1-${options.length}] (${def})`)}: `,
+        (answer) => {
+          const trimmed = answer.trim();
+          if (trimmed.toLowerCase() === "a") {
+            const action = config.actions?.find((item) => !item.disabled);
+            if (action) {
+              rl.close();
+              resolve(action.value);
+              return;
+            }
+          }
+          if (!trimmed) {
+            rl.close();
+            const label = stripAnsi(options[enabledDefault].label);
+            console.log(`  ${ui.success("\u2713")} ${ui.primary(label)}
+`);
+            resolve(options[enabledDefault].value);
+            return;
+          }
+          const idx = parseInt(trimmed, 10);
+          if (idx >= 1 && idx <= options.length && !options[idx - 1].disabled) {
+            rl.close();
+            const label = stripAnsi(options[idx - 1].label);
+            console.log(`  ${ui.success("\u2713")} ${ui.primary(label)}
+`);
+            resolve(options[idx - 1].value);
+          } else if (idx >= 1 && idx <= options.length && options[idx - 1].disabled) {
+            console.log(`  ${ui.error("\u2717")} ${ui.warning("Option unavailable for now")}
+`);
+            ask();
+          } else {
+            console.log(`  ${ui.error("\u2717")} ${ui.warning(`Enter 1-${options.length}`)}
+`);
+            ask();
+          }
+        }
+      );
+    };
+    ask();
+  });
+}
+function fullscreenInput(question, defaultValue, config) {
+  const headerLines = config.headerLines ?? [];
+  const width = Math.max(44, Math.min(maxWidth(), 72));
+  const inner = width - 4;
+  const lineCount = 6 + headerLines.length;
+  const rows = process.stdout.rows || 24;
+  const columns = process.stdout.columns || 80;
+  const panelTopRow = Math.max(2, Math.floor((rows - lineCount) / 2) + 1);
+  const panelLeftCol = Math.max(1, Math.floor((columns - width) / 2) + 1);
+  const footerRow = Math.min(rows, panelTopRow + lineCount + 1);
+  return new Promise((resolve) => {
+    let value = defaultValue;
+    const render = () => {
+      stdout.write("\x1B[2J");
+      const shown = value || "";
+      const clipped = truncatePlain(shown, Math.max(12, inner - 10));
+      const input = `${ui.primary(">")} ${ui.text(clipped)}${ui.primary("\u258C")}`;
+      const lines = [];
+      lines.push(panelTop(width));
+      lines.push(
+        panelLine(width, centerText(`${ui.primary("\u25CF")} ${ui.text.bold(question)}`, inner))
+      );
+      for (const header of headerLines) {
+        lines.push(panelLine(width, centerText(ui.muted(header), inner)));
+      }
+      lines.push(panelSep(width));
+      lines.push(panelLine(width, centerText(input, inner)));
+      lines.push(panelBot(width));
+      lines.forEach((line, index) => writeAt(panelTopRow + index, panelLeftCol, line));
+      writeAt(
+        footerRow,
+        panelLeftCol,
+        centerText(ui.muted(config.footer || "type value  \xB7  enter confirm  \xB7  esc close"), width)
+      );
+    };
+    const cleanup = () => {
+      leaveInteractiveScreen();
+      stdin.setRawMode(false);
+      stdin.removeListener("keypress", onKeypress);
+      stdin.pause();
+    };
+    const submit = () => {
+      const output2 = cleanInputValue(value.trim() || defaultValue);
+      cleanup();
+      resolve(output2);
+    };
+    const onKeypress = (str, key) => {
+      if (key.ctrl && key.name === "c" || key.name === "escape") {
+        cleanup();
+        process.exit(0);
+      }
+      if (key.name === "return") {
+        submit();
+        return;
+      }
+      if (key.name === "backspace") {
+        value = value.slice(0, -1);
+        render();
+        return;
+      }
+      if (key.name === "delete") {
+        value = "";
+        render();
+        return;
+      }
+      if (str && !key.ctrl && !key.meta && str >= " " && !isTerminalSequence(str, key)) {
+        value += cleanInputValue(str.replace(/[\r\n]/g, ""));
+        render();
+      }
+    };
+    readline.emitKeypressEvents(stdin);
+    stdin.setRawMode(true);
+    enterInteractiveScreen(false);
+    render();
+    stdin.resume();
+    stdin.on("keypress", onKeypress);
+  });
+}
+async function fallbackInput(question, defaultValue) {
+  if (!stdin.isTTY) {
+    const suffix = defaultValue ? ui.muted(` (${defaultValue})`) : "";
+    console.log(`  ${ui.primary(">")} ${ui.text.bold(question)}${suffix}: `);
+    const answer = await readPipedLine();
+    return cleanInputValue(answer.trim() || defaultValue);
+  }
+  return new Promise((resolve) => {
+    const rl = readline.createInterface({ input: stdin, output: stdout });
+    const suffix = defaultValue ? ui.muted(` (${defaultValue})`) : "";
+    rl.question(`  ${ui.primary(">")} ${ui.text.bold(question)}${suffix}: `, (answer) => {
+      rl.close();
+      resolve(cleanInputValue(answer.trim() || defaultValue));
+    });
+  });
+}
+function printFallbackOptions(question, options, enabledDefault, config) {
+  console.log(`  ${ui.primary("\u25CF")} ${ui.text.bold(question)}
+`);
+  for (const header of config.headerLines ?? []) {
+    console.log(`  ${ui.muted(header)}`);
+  }
+  for (const action of config.actions ?? []) {
+    console.log(
+      `   ${ui.muted("[A]")} ${action.disabled ? ui.muted(action.label) : ui.text(action.label)}`
+    );
+  }
+  if ((config.headerLines?.length || 0) > 0 || (config.actions?.length || 0) > 0) {
+    console.log("");
+  }
+  for (let i = 0; i < options.length; i++) {
+    const marker = i === enabledDefault ? ui.success(" \u25C6") : "  ";
+    const label = options[i].disabled ? ui.muted(stripAnsi(options[i].label)) : ui.text(options[i].label);
+    console.log(`   ${ui.muted(`[${i + 1}]`)}${marker} ${label}`);
+  }
+  console.log("");
+}
+function readPipedLine() {
+  if (!pipedLinesPromise) {
+    pipedLinesPromise = new Promise((resolve) => {
+      let data = "";
+      stdin.setEncoding("utf8");
+      stdin.on("data", (chunk) => {
+        data += chunk;
+      });
+      stdin.on("end", () => {
+        resolve(data.split(/\r?\n/));
+      });
+      stdin.on("error", () => {
+        resolve([]);
+      });
+    });
+  }
+  return pipedLinesPromise.then((lines) => lines[pipedLineIndex++] ?? "");
+}
+function renderActions(actions, active, width) {
+  return actions.map((action, index) => {
+    const label = truncatePlain(
+      stripAnsi(action.label),
+      Math.max(8, Math.floor(width / actions.length) - 8)
+    );
+    if (action.disabled) return `${ui.border("[")} ${ui.muted(label)} ${ui.border("]")}`;
+    if (active === index)
+      return `${ui.primary("\u203A")} ${ui.primary("[")} ${ui.text.bold(label)} ${ui.primary("]")} ${ui.primary("\u2039")}`;
+    return `${ui.border("[")} ${ui.primary(label)} ${ui.border("]")}`;
+  }).join(` ${ui.muted("\xB7")} `);
+}
+function actionIndexAtX(actions, mouseX, panelLeftCol, inner) {
+  if (actions.length === 0) return null;
+  const contentStart = panelLeftCol + 2;
+  const relative = mouseX - contentStart;
+  if (relative < 0 || relative > inner) return null;
+  return Math.min(actions.length - 1, Math.floor(relative / Math.max(1, inner) * actions.length));
+}
+function labelForValue(value, options, actions) {
+  return stripAnsi(
+    options.find((option) => option.value === value)?.label || actions.find((action) => action.value === value)?.label || value
+  );
+}
+function renderOption(option, selected, width) {
+  const plain = truncatePlain(stripAnsi(option.label), Math.max(10, width - 12));
+  if (option.disabled) {
+    return `${ui.border("[")} ${ui.muted(plain)} ${ui.border("]")}`;
+  }
+  if (selected) {
+    return `${ui.primary("\u203A")} ${ui.primary("[")} ${ui.text.bold(plain)} ${ui.primary("]")} ${ui.primary("\u2039")}`;
+  }
+  return `${ui.muted(" ")} ${ui.border("[")} ${ui.muted(plain)} ${ui.border("]")} ${ui.muted(" ")}`;
+}
+function enterInteractiveScreen(enableMouse) {
+  stdout.write("\x1B[?1049h\x1B[2J\x1B[H\x1B[?25l");
+  if (enableMouse) {
+    stdout.write("\x1B[?1006h\x1B[?1000h\x1B[?1002h\x1B[?1003h");
+  }
+}
+function leaveInteractiveScreen() {
+  stdout.write(
+    "\x1B[?1003l\x1B[?1002l\x1B[?1000l\x1B[?1006l\x1B[?25h\x1B[?1049l"
+  );
+}
+function parseMouseEvent(chunk) {
+  const text = chunk.toString("utf-8");
+  const match = text.match(/\x1B\[<(\d+);(\d+);(\d+)([mM])/);
+  if (!match) return parseLegacyMouseEvent(text);
+  const code = Number(match[1]);
+  const x = Number(match[2]);
+  const y = Number(match[3]);
+  const state = match[4];
+  if (code === 64) return { kind: "wheel-up", x, y };
+  if (code === 65) return { kind: "wheel-down", x, y };
+  if (state === "m") return { kind: "click", x, y };
+  if ((code & 32) === 32 || code === 35) return { kind: "hover", x, y };
+  if ((code & 3) === 0) return { kind: "hover", x, y };
+  return null;
+}
+function parseLegacyMouseEvent(text) {
+  const match = text.match(/\x1B\[M([\s\S])([\s\S])([\s\S])/);
+  if (!match) return null;
+  const code = match[1].charCodeAt(0) - 32;
+  const x = match[2].charCodeAt(0) - 32;
+  const y = match[3].charCodeAt(0) - 32;
+  if (code === 64) return { kind: "wheel-up", x, y };
+  if (code === 65) return { kind: "wheel-down", x, y };
+  if ((code & 3) === 3) return { kind: "click", x, y };
+  if ((code & 32) === 32) return { kind: "hover", x, y };
+  return { kind: "hover", x, y };
+}
+function writeAt(row, col, text) {
+  stdout.write(`\x1B[${row};${col}H${text}`);
+}
+function isTerminalSequence(str, key) {
+  return str.includes("\x1B") || !!key.sequence?.includes("\x1B") || /^(?:\d+;){2}\d+[mM]$/.test(str);
+}
+function cleanInputValue(value) {
+  return value.replace(/\x1B\[<\d+;\d+;\d+[mM]/g, "").replace(/\x1B\[[0-?]*[ -/]*[@-~]/g, "").replace(/(?:\d+;){2}\d+[mM]/g, "").replace(/[\x00-\x08\x0B\x0C\x0E-\x1F\x7F]/g, "");
+}
+var pipedLinesPromise, pipedLineIndex;
+var init_select = __esm({
+  "src/cli/select.ts"() {
+    "use strict";
+    init_box();
+    init_theme();
+    pipedLinesPromise = null;
+    pipedLineIndex = 0;
+  }
+});
+
 // src/assets/asset-map.ts
 import path from "path";
 import crypto from "crypto";
@@ -340,7 +997,7 @@ var init_download = __esm({
 });
 
 // src/logger/index.ts
-import chalk2 from "chalk";
+import chalk4 from "chalk";
 function setCooking(spinner) {
   _cooking = spinner;
 }
@@ -360,52 +1017,52 @@ var init_logger = __esm({
     _cooking = null;
     T = () => (/* @__PURE__ */ new Date()).toISOString().slice(11, 19);
     LOG_PALETTE = [
-      (s) => chalk2.hex(THEME.primary)(s),
-      (s) => chalk2.hex(THEME.primarySoft)(s),
-      (s) => chalk2.hex(THEME.secondary)(s),
-      (s) => chalk2.hex(THEME.accent)(s),
-      (s) => chalk2.hex(THEME.info)(s),
-      (s) => chalk2.hex(THEME.text)(s)
+      (s) => chalk4.hex(THEME.primary)(s),
+      (s) => chalk4.hex(THEME.primarySoft)(s),
+      (s) => chalk4.hex(THEME.secondary)(s),
+      (s) => chalk4.hex(THEME.accent)(s),
+      (s) => chalk4.hex(THEME.info)(s),
+      (s) => chalk4.hex(THEME.text)(s)
     ];
     _li = 0;
     log = (m) => {
       _li++;
       const c = LOG_PALETTE[_li % LOG_PALETTE.length];
       output(
-        `${chalk2.hex(THEME.muted)(`[${T()}]`)} ${chalk2.hex(THEME.primary)("[log]")} ${c(trunc(m, 120))}`
+        `${chalk4.hex(THEME.muted)(`[${T()}]`)} ${chalk4.hex(THEME.primary)("[log]")} ${c(trunc(m, 120))}`
       );
     };
     INFO_PALETTE = [
-      (s) => chalk2.hex(THEME.info)(s),
-      (s) => chalk2.hex(THEME.secondary)(s),
-      (s) => chalk2.hex(THEME.primarySoft)(s)
+      (s) => chalk4.hex(THEME.info)(s),
+      (s) => chalk4.hex(THEME.secondary)(s),
+      (s) => chalk4.hex(THEME.primarySoft)(s)
     ];
     _ii = 0;
     info = (m) => {
       _ii++;
       const c = INFO_PALETTE[_ii % INFO_PALETTE.length];
       output(
-        `${chalk2.hex(THEME.muted)(`[${T()}]`)} ${chalk2.hex(THEME.info).bold("[info]")} ${c(trunc(m, 120))}`
+        `${chalk4.hex(THEME.muted)(`[${T()}]`)} ${chalk4.hex(THEME.info).bold("[info]")} ${c(trunc(m, 120))}`
       );
     };
     warn = (m) => {
       const colors = [
-        (s) => chalk2.hex(THEME.warning)(s),
-        (s) => chalk2.hex(THEME.primary)(s)
+        (s) => chalk4.hex(THEME.warning)(s),
+        (s) => chalk4.hex(THEME.primary)(s)
       ];
       const c = colors[Math.floor(Math.random() * colors.length)];
-      const line = `${chalk2.hex(THEME.muted)(`[${T()}]`)} ${chalk2.hex(THEME.warning).bold("[warn]")} ${c(trunc(m, 120))}`;
+      const line = `${chalk4.hex(THEME.muted)(`[${T()}]`)} ${chalk4.hex(THEME.warning).bold("[warn]")} ${c(trunc(m, 120))}`;
       if (_cooking) _cooking.log(line);
       else console.warn(line);
     };
     success = (m) => {
       const colors = [
-        (s) => chalk2.hex(THEME.success)(s),
-        (s) => chalk2.hex(THEME.info)(s)
+        (s) => chalk4.hex(THEME.success)(s),
+        (s) => chalk4.hex(THEME.info)(s)
       ];
       const c = colors[Math.floor(Math.random() * colors.length)];
       output(
-        `${chalk2.hex(THEME.muted)(`[${T()}]`)} ${chalk2.hex(THEME.success)("[ok]")} ${c(trunc(m, 120))}`
+        `${chalk4.hex(THEME.muted)(`[${T()}]`)} ${chalk4.hex(THEME.success)("[ok]")} ${c(trunc(m, 120))}`
       );
     };
   }
@@ -946,12 +1603,13 @@ var init_template = __esm({
   "src/server/template.ts"() {
     "use strict";
     SERVE_SCRIPT = `#!/usr/bin/env node
-const http = require('http');
-const fs   = require('fs');
-const path = require('path');
+import http from 'node:http';
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 
 const PORT = process.env.PORT || 3000;
-const ROOT = __dirname;
+const ROOT = path.dirname(fileURLToPath(import.meta.url));
 
 const MIME = {
   '.html':      'text/html; charset=utf-8',
@@ -1022,6 +1680,7 @@ const ANSI = {
   border: '\\x1b[38;2;72;72;72m',
   success: '\\x1b[38;2;127;216;143m',
   info: '\\x1b[38;2;86;182;194m',
+  error: '\\x1b[38;2;224;108;117m',
 };
 
 function color(name, value) {
@@ -1035,23 +1694,13 @@ function frameLine(label, value) {
 }
 
 function drawServerUi() {
-  const logo = [
-    '\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2557   \u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557 ',
-    '\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557',
-    '\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2554\u2588\u2588\u2588\u2588\u2554\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D',
-    '\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557  \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557',
-    '\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u255A\u2588\u2588\u2557\u2588\u2588\u2554\u255D\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u255A\u2550\u2550\u2588\u2588\u2554\u2550\u2550\u255D',
-    '\u2588\u2588\u2588\u2588\u2588\u2557   \u255A\u2588\u2588\u2588\u2554\u255D \u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D   \u2588\u2588\u2551   ',
-  ];
-
-  console.log('');
-  for (const line of logo) console.log('  ' + color('primary', line));
   console.log('');
   console.log('  ' + color('border', '\u256D\u2500' + '\u2500'.repeat(56) + '\u2500\u256E'));
-  console.log('  ' + color('border', '\u2502 ') + color('text', '  Framer Export local server') + ' '.repeat(28) + color('border', ' \u2502'));
+  console.log('  ' + color('border', '\u2502 ') + color('text', '  Framer Export preview server') + ' '.repeat(26) + color('border', ' \u2502'));
   console.log('  ' + color('border', '\u251C\u2500' + '\u2500'.repeat(56) + '\u2500\u2524'));
   frameLine('URL', 'http://localhost:' + PORT);
   frameLine('Root', ROOT);
+  frameLine('Run', 'node serve.js');
   frameLine('Mode', 'static mirror + SPA fallback');
   console.log('  ' + color('border', '\u2570\u2500' + '\u2500'.repeat(56) + '\u2500\u256F'));
   console.log('');
@@ -1060,9 +1709,12 @@ function drawServerUi() {
 
 server.listen(PORT, () => {
   const frames = ['\u280B', '\u2819', '\u2839', '\u2838', '\u283C', '\u2834', '\u2826', '\u2827', '\u2807', '\u280F'];
+  const steps = ['Preparing server', 'Checking exported files', 'Binding local port', 'Serving static mirror'];
   let i = 0;
   const timer = setInterval(() => {
-    process.stdout.write('\\r\\x1B[2K  ' + color('primary', frames[i % frames.length]) + ' ' + color('muted', 'starting Framer Export server'));
+    const step = steps[Math.min(steps.length - 1, Math.floor(i / 6))];
+    const dots = color('error', '.'.repeat(i % 4).padEnd(3, ' '));
+    process.stdout.write('\\r\\x1B[2K  ' + color('primary', frames[i % frames.length]) + ' ' + color('text', step) + dots);
     i++;
   }, 80);
 
@@ -1070,7 +1722,7 @@ server.listen(PORT, () => {
     clearInterval(timer);
     process.stdout.write('\\r\\x1B[2K');
     drawServerUi();
-  }, 720);
+  }, 1280);
 });
 `;
   }
@@ -1236,8 +1888,13 @@ async function buildOutput(exporter) {
   log("Writing index.html (" + (html.length / 1024).toFixed(1) + " KB)...");
   await fs2.writeFile(path3.join(exporter.outDir, "index.html"), html);
   success("index.html written");
-  await fs2.writeFile(path3.join(exporter.outDir, "serve.cjs"), SERVE_SCRIPT);
-  log("serve.cjs written");
+  await fs2.writeFile(path3.join(exporter.outDir, "serve.js"), SERVE_SCRIPT);
+  log("serve.js written");
+  await fs2.writeFile(
+    path3.join(exporter.outDir, "package.json"),
+    JSON.stringify({ type: "module", scripts: { serve: "node serve.js" } }, null, 2) + "\n"
+  );
+  log("package.json written for serve.js");
   success("Output build complete");
 }
 async function rewriteDownloadedFiles(exporter) {
@@ -1318,52 +1975,6 @@ var init_output = __esm({
   }
 });
 
-// src/cli/box.ts
-import chalk3 from "chalk";
-function maxWidth() {
-  return Math.min(process.stdout.columns || 80, 76);
-}
-function padRight(text, w) {
-  const visible = stripAnsi(text).length;
-  if (visible >= w) return text;
-  return text + " ".repeat(w - visible);
-}
-function boxTop(w) {
-  const inner = w - 4;
-  return "  " + ui.border("\u256D\u2500") + ui.border("\u2500".repeat(inner)) + ui.border("\u2500\u256E");
-}
-function boxBot(w) {
-  const inner = w - 4;
-  return "  " + ui.border("\u2570\u2500") + ui.border("\u2500".repeat(inner)) + ui.border("\u2500\u256F");
-}
-function boxLine(w, text) {
-  const inner = w - 4;
-  const padded = padRight(text, inner);
-  return "  " + ui.border("\u2502 ") + padded + ui.border(" \u2502");
-}
-function boxSep(w) {
-  const inner = w - 4;
-  return "  " + ui.border("\u251C\u2500") + ui.border("\u2500".repeat(inner)) + ui.border("\u2500\u2524");
-}
-function boxRow(w, label, value) {
-  const inner = w - 4;
-  const labelPlain = stripAnsi(chalk3.bold(label));
-  const visible = labelPlain.length + 1 + value.length;
-  if (visible > inner) {
-    const avail = inner - labelPlain.length - 2;
-    const truncated = value.length > avail ? value.slice(0, avail - 1) + ".." : value;
-    return "  " + ui.border("\u2502 ") + chalk3.bold(label) + ": " + ui.primary(truncated) + " ".repeat(Math.max(0, inner - labelPlain.length - 1 - truncated.length)) + ui.border(" \u2502");
-  }
-  const right = inner - labelPlain.length - 1 - value.length;
-  return "  " + ui.border("\u2502 ") + chalk3.bold(label) + ": " + ui.primary(value) + " ".repeat(right) + ui.border(" \u2502");
-}
-var init_box = __esm({
-  "src/cli/box.ts"() {
-    "use strict";
-    init_theme();
-  }
-});
-
 // src/exporter/summary.ts
 import fs3 from "fs/promises";
 import path4 from "path";
@@ -1409,277 +2020,50 @@ async function printSummary(exporter) {
   ];
   console.log("");
   if (!isSmall) {
-    console.log(boxTop(w));
-    console.log(boxLine(w, `${ui.text.bold("  Export Summary")} ${chip("done")}`));
-    console.log(boxSep(w));
-  } else {
-    console.log(ui.text.bold("  Export Summary:"));
-  }
-  for (const [label, cnt, type, color] of entries) {
-    if (cnt === 0) continue;
-    const inner = w - 4;
-    const l = label.padEnd(16);
-    const c = String(cnt).padStart(3);
-    const rowText = `${color(l)}${ui.text(c)}  ${ui.muted(type)}`;
-    const visible = 16 + 3 + 2 + type.length;
-    const pad = Math.max(0, inner - visible);
-    if (isSmall) {
-      console.log(`  ${color(label)} ${ui.text(String(cnt))} ${ui.muted(type)}`);
-    } else {
-      console.log("  " + ui.border("\u2502 ") + rowText + " ".repeat(pad) + ui.border(" \u2502"));
-    }
-  }
-  if (!isSmall) {
-    console.log(boxBot(w));
-  }
-  console.log("");
-  const cdCmd = "cd " + path4.basename(exporter.outDir) + " && node serve.cjs";
-  if (!isSmall) {
-    console.log(boxTop(w));
-    console.log(boxLine(w, ui.text.bold("  To serve locally")));
-    console.log(boxSep(w));
-    const inner = w - 6;
-    const cmdLen = cdCmd.length;
-    const pad = Math.max(0, inner - cmdLen);
-    console.log(
-      "  " + ui.border("\u2502 ") + G(cdCmd) + " ".repeat(pad) + ui.muted(" copy") + ui.border(" \u2502")
-    );
-    console.log(boxBot(w));
-  } else {
-    console.log(ui.text.bold("  To serve locally:"));
-    console.log(`  ${G(cdCmd)}`);
-  }
-  console.log("");
-  console.log(ui.muted("  note: must be served via HTTP for JS modules to work."));
-  console.log("");
-}
-var init_summary = __esm({
-  "src/exporter/summary.ts"() {
-    "use strict";
-    init_box();
-    init_theme();
-  }
-});
-
-// src/cli/select.ts
-import readline from "readline";
-import { stdin, stdout } from "process";
-async function select(question, options, defaultIndex = 0) {
-  const isTTY = stdin.isTTY && stdout.isTTY;
-  if (!isTTY) {
-    return fallbackPrompt(question, options, defaultIndex);
-  }
-  return arrowSelect(question, options, defaultIndex);
-}
-async function arrowSelect(question, options, defaultIndex) {
-  const panelTopRow = await queryCursorRow();
-  const width = Math.min(maxWidth(), 72);
-  const inner = width - 4;
-  const optionStartOffset = 3;
-  const lineCount = options.length + 4;
-  return new Promise((resolve) => {
-    const firstEnabled = options.findIndex((option) => !option.disabled);
-    let selected = options[defaultIndex]?.disabled ? firstEnabled : defaultIndex;
-    if (selected < 0) selected = 0;
-    const move = (direction) => {
-      let next = selected + direction;
-      while (next >= 0 && next < options.length) {
-        if (!options[next].disabled) {
-          selected = next;
-          return;
-        }
-        next += direction;
-      }
-    };
-    const render = (initial = false) => {
-      if (!initial) {
-        stdout.write(`\x1B[${lineCount}A`);
-        stdout.write("\x1B[J");
-      }
-      console.log(boxTop(width));
-      console.log(
-        boxLine(width, centerText(`${ui.primary("\u25CF")} ${ui.text.bold(question)}`, inner))
-      );
-      console.log(boxSep(width));
-      for (let i = 0; i < options.length; i++) {
-        console.log(
-          boxLine(width, centerText(renderOption(options[i], i === selected, inner), inner))
-        );
-      }
-      console.log(boxBot(width));
-    };
-    const choose = () => {
-      cleanup();
-      stdout.write(`\x1B[${lineCount}A`);
-      stdout.write("\x1B[J");
-      console.log(
-        `  ${ui.success("\u2713")} ${ui.text.bold(question)} ${ui.primary(stripAnsi(options[selected].label))}
-`
-      );
-      resolve(options[selected].value);
-    };
-    const onMouseData = (chunk) => {
-      const mouse = parseMouseEvent(chunk);
-      if (!mouse) return;
-      if (mouse.kind === "wheel-up") {
-        move(-1);
-        render();
-        return;
-      }
-      if (mouse.kind === "wheel-down") {
-        move(1);
-        render();
-        return;
-      }
-      if (panelTopRow === null) return;
-      const idx = mouse.y - panelTopRow - optionStartOffset;
-      if (idx < 0 || idx >= options.length || options[idx].disabled) return;
-      if (selected !== idx) {
-        selected = idx;
-        render();
-      }
-      if (mouse.kind === "click") {
-        choose();
-      }
-    };
-    const cleanup = () => {
-      disableMouse();
-      stdin.setRawMode(false);
-      stdin.removeListener("keypress", onKeypress);
-      stdin.removeListener("data", onMouseData);
-      stdin.pause();
-    };
-    render(true);
-    readline.emitKeypressEvents(stdin);
-    stdin.setRawMode(true);
-    enableInteractiveInput();
-    const onKeypress = (_str, key) => {
-      if (!key) return;
-      if (key.name === "up" && selected > 0) {
-        move(-1);
-        render();
-      } else if (key.name === "down" && selected < options.length - 1) {
-        move(1);
-        render();
-      } else if (key.name === "return") {
-        choose();
-      } else if (key.ctrl && key.name === "c" || key.name === "escape") {
-        cleanup();
-        process.exit(0);
-      }
-    };
-    stdin.resume();
-    stdin.on("data", onMouseData);
-    stdin.on("keypress", onKeypress);
-  });
-}
-async function fallbackPrompt(question, options, defaultIndex) {
-  return new Promise((resolve) => {
-    const rl = readline.createInterface({ input: stdin, output: stdout });
-    const firstEnabled = options.findIndex((option) => !option.disabled);
-    const enabledDefault = options[defaultIndex]?.disabled ? firstEnabled : defaultIndex;
-    console.log(`  ${ui.primary("\u25CF")} ${ui.text.bold(question)}
-`);
-    for (let i = 0; i < options.length; i++) {
-      const marker = i === enabledDefault ? ui.success(" \u25C6") : "  ";
-      const label = options[i].disabled ? ui.muted(stripAnsi(options[i].label)) : ui.text(options[i].label);
-      console.log(`   ${ui.muted(`[${i + 1}]`)}${marker} ${label}`);
-    }
-    console.log("");
-    const def = String(enabledDefault + 1);
-    const ask = () => {
-      rl.question(
-        `  ${ui.primary(">")} ${ui.muted(`Choose [1-${options.length}] (${def})`)}: `,
-        (answer) => {
-          const trimmed = answer.trim();
-          if (!trimmed) {
-            rl.close();
-            const label = stripAnsi(options[enabledDefault].label);
-            console.log(`  ${ui.success("\u2713")} ${ui.primary(label)}
-`);
-            resolve(options[enabledDefault].value);
-            return;
-          }
-          const idx = parseInt(trimmed, 10);
-          if (idx >= 1 && idx <= options.length && !options[idx - 1].disabled) {
-            rl.close();
-            const label = stripAnsi(options[idx - 1].label);
-            console.log(`  ${ui.success("\u2713")} ${ui.primary(label)}
-`);
-            resolve(options[idx - 1].value);
-          } else if (idx >= 1 && idx <= options.length && options[idx - 1].disabled) {
-            console.log(`  ${ui.error("\u2717")} ${ui.warning("Option unavailable for now")}
-`);
-            ask();
-          } else {
-            console.log(`  ${ui.error("\u2717")} ${ui.warning(`Enter 1-${options.length}`)}
-`);
-            ask();
-          }
-        }
-      );
-    };
-    ask();
-  });
-}
-function renderOption(option, selected, width) {
-  const plain = truncatePlain(stripAnsi(option.label), Math.max(10, width - 12));
-  if (option.disabled) {
-    return `${ui.border("[")} ${ui.muted(plain)} ${ui.border("]")}`;
+    console.log(boxTop(w));
+    console.log(boxLine(w, `${ui.text.bold("  Export Summary")} ${chip("done")}`));
+    console.log(boxSep(w));
+  } else {
+    console.log(ui.text.bold("  Export Summary:"));
   }
-  if (selected) {
-    return `${ui.primary("\u203A")} ${ui.primary("[")} ${ui.text.bold(plain)} ${ui.primary("]")} ${ui.primary("\u2039")}`;
+  for (const [label, cnt, type, color] of entries) {
+    if (cnt === 0) continue;
+    const inner = w - 4;
+    const l = label.padEnd(16);
+    const c = String(cnt).padStart(3);
+    const rowText = `${color(l)}${ui.text(c)}  ${ui.muted(type)}`;
+    const visible = 16 + 3 + 2 + type.length;
+    const pad = Math.max(0, inner - visible);
+    if (isSmall) {
+      console.log(`  ${color(label)} ${ui.text(String(cnt))} ${ui.muted(type)}`);
+    } else {
+      console.log("  " + ui.border("\u2502 ") + rowText + " ".repeat(pad) + ui.border(" \u2502"));
+    }
   }
-  return `${ui.muted(" ")} ${ui.border("[")} ${ui.muted(plain)} ${ui.border("]")} ${ui.muted(" ")}`;
-}
-function enableInteractiveInput() {
-  stdout.write("\x1B[?25l\x1B[?1000h\x1B[?1002h\x1B[?1003h\x1B[?1006h");
-}
-function disableMouse() {
-  stdout.write("\x1B[?1003l\x1B[?1002l\x1B[?1000l\x1B[?1006l\x1B[?25h");
-}
-function parseMouseEvent(chunk) {
-  const text = chunk.toString("utf-8");
-  const match = text.match(/\x1B\[<(\d+);(\d+);(\d+)([mM])/);
-  if (!match) return null;
-  const code = Number(match[1]);
-  const x = Number(match[2]);
-  const y = Number(match[3]);
-  const state = match[4];
-  if (code === 64) return { kind: "wheel-up", x, y };
-  if (code === 65) return { kind: "wheel-down", x, y };
-  if (state === "m") return { kind: "click", x, y };
-  if ((code & 32) === 32 || code === 35) return { kind: "hover", x, y };
-  if ((code & 3) === 0) return { kind: "hover", x, y };
-  return null;
-}
-function queryCursorRow() {
-  if (!stdin.isTTY || !stdout.isTTY) return Promise.resolve(null);
-  return new Promise((resolve) => {
-    const wasRaw = stdin.isRaw;
-    let done = false;
-    const finish = (row) => {
-      if (done) return;
-      done = true;
-      clearTimeout(timer);
-      stdin.removeListener("data", onData);
-      if (!wasRaw) stdin.setRawMode(false);
-      resolve(row);
-    };
-    const onData = (chunk) => {
-      const match = chunk.toString("utf-8").match(/\x1B\[(\d+);\d+R/);
-      if (!match) return;
-      finish(Number(match[1]));
-    };
-    const timer = setTimeout(() => finish(null), 80);
-    stdin.setRawMode(true);
-    stdin.resume();
-    stdin.on("data", onData);
-    stdout.write("\x1B[6n");
-  });
+  if (!isSmall) {
+    console.log(boxBot(w));
+  }
+  console.log("");
+  const cdCmd = "cd " + path4.basename(exporter.outDir);
+  const runCmd = "node serve.js";
+  if (!isSmall) {
+    console.log(boxTop(w));
+    console.log(boxLine(w, ui.text.bold("  To serve locally")));
+    console.log(boxSep(w));
+    console.log(boxRow(w, "Open", cdCmd));
+    console.log(boxRow(w, "Run", runCmd));
+    console.log(boxBot(w));
+  } else {
+    console.log(ui.text.bold("  To serve locally:"));
+    console.log(`  ${G(cdCmd)}`);
+    console.log(`  ${G(runCmd)}`);
+  }
+  console.log("");
+  console.log(ui.muted("  note: must be served via HTTP for JS modules to work."));
+  console.log("");
 }
-var init_select = __esm({
-  "src/cli/select.ts"() {
+var init_summary = __esm({
+  "src/exporter/summary.ts"() {
     "use strict";
     init_box();
     init_theme();
@@ -1693,17 +2077,10 @@ import { stdin as stdin2, stdout as stdout2 } from "process";
 import { spawn } from "child_process";
 async function runAiPromptAssistant(exporter) {
   if (!stdin2.isTTY || !stdout2.isTTY) return;
-  printConvertPanel(exporter);
-  const action = await select(
-    "Framer Export AI Convert",
-    [
-      { label: `${buttonLabel("Convert")} open AI prompt modal`, value: "convert" },
-      { label: `${buttonLabel("Skip")} finish export`, value: "skip" }
-    ],
-    0
-  );
-  if (action === "skip") return;
-  printAssistantModal("AI conversion prompt", [
+  const serveCommand = buildServeCommand(exporter);
+  const shouldConvert = await runExportCompletePrompt(exporter, serveCommand);
+  if (!shouldConvert) return;
+  printAssistantModal(`${ui.text.bold("AI conversion prompt")} ${ui.error("BETA")}`, [
     "Choose a target stack, AI tool, and conversion situation.",
     "Mouse clicks are supported in the terminal when available.",
     "A detailed prompt file will be generated inside the export folder."
@@ -1732,16 +2109,8 @@ async function runAiPromptAssistant(exporter) {
   const promptPath = path5.join(aiDir, `${aiTool.id}-${target.id}-${goal.id}-prompt.md`);
   await fs4.mkdir(aiDir, { recursive: true });
   await fs4.writeFile(promptPath, prompt, "utf-8");
-  printPromptResult(promptPath, target, aiTool, goal);
-  const promptAction = await select(
-    "Prompt actions",
-    [
-      { label: `${buttonLabel("Copy prompt")} clipboard`, value: "copy" },
-      { label: `${buttonLabel("Done")} keep file only`, value: "done" }
-    ],
-    0
-  );
-  if (promptAction === "copy") {
+  const copyPrompt = await runPromptReadyPrompt(promptPath, target, aiTool, goal);
+  if (copyPrompt) {
     try {
       await copyToClipboard(prompt);
       console.log(`  ${ui.success("\u2713")} ${ui.text.bold("Prompt copied to clipboard")}
@@ -1799,27 +2168,97 @@ function centerText2(text, width) {
   const left = Math.floor((width - visible) / 2);
   return " ".repeat(left) + text + " ".repeat(width - visible - left);
 }
-function printConvertPanel(exporter) {
-  const w = maxWidth();
-  const inner = w - 4;
-  const rows = [
-    centerText2(`${ui.text.bold("AI Convert")} ${ui.muted("BETA")}`, inner),
-    centerText2(ui.muted("Generate a conversion prompt after the export."), inner),
-    centerText2(`${buttonLabel("Convert")} ${ui.muted("or")} ${buttonLabel("Skip")}`, inner),
-    centerText2(ui.muted(path5.basename(exporter.outDir)), inner)
-  ];
-  console.log("");
-  console.log(boxTop(w));
-  for (const row of rows) console.log(boxLine(w, row));
-  console.log(boxBot(w));
-  console.log("");
+function buildServeCommand(exporter) {
+  return `cd ${path5.basename(exporter.outDir)} && node serve.js`;
+}
+async function runExportCompletePrompt(exporter, serveCommand) {
+  let copyServeCommand = false;
+  while (true) {
+    const action = await select(
+      "Export complete",
+      [
+        {
+          label: `${checkboxLabel(copyServeCommand)} Copy serve command when finishing`,
+          value: "toggle-copy"
+        },
+        {
+          label: `${buttonLabel("Convert to AI code")} ${ui.error("BETA")}`,
+          value: "convert"
+        },
+        { label: buttonLabel("Finish"), value: "finish" }
+      ],
+      2,
+      {
+        headerLines: [
+          `Output: ${path5.basename(exporter.outDir)}`,
+          `Run: ${serveCommand}`,
+          "Use Convert to open the AI conversion assistant."
+        ],
+        footer: "enter select  \xB7  checkbox toggles copy  \xB7  mouse hover/click"
+      }
+    );
+    if (action === "toggle-copy") {
+      copyServeCommand = !copyServeCommand;
+      continue;
+    }
+    if (action === "finish") {
+      if (copyServeCommand) {
+        try {
+          await copyToClipboard(serveCommand);
+          console.log(`  ${ui.success("\u2713")} ${ui.text.bold("Serve command copied")}
+`);
+        } catch (error) {
+          console.log(
+            `  ${ui.warning("!")} ${ui.warning("Clipboard copy unavailable:")} ${ui.muted(error.message)}
+`
+          );
+        }
+      }
+      return false;
+    }
+    return true;
+  }
+}
+async function runPromptReadyPrompt(promptPath, target, aiTool, goal) {
+  const relPath = path5.relative(process.cwd(), promptPath) || promptPath;
+  let copyPrompt = false;
+  while (true) {
+    const action = await select(
+      `AI Prompt Ready ${ui.error("BETA")}`,
+      [
+        {
+          label: `${checkboxLabel(copyPrompt)} Copy prompt when finishing`,
+          value: "toggle-copy"
+        },
+        { label: buttonLabel("Finish"), value: "finish" }
+      ],
+      1,
+      {
+        headerLines: [
+          `Tool: ${aiTool.displayName}`,
+          `Stack: ${target.label}`,
+          `Mode: ${goal.label}`,
+          `File: ${relPath}`
+        ],
+        footer: "enter finish  \xB7  checkbox toggles copy  \xB7  mouse hover/click"
+      }
+    );
+    if (action === "toggle-copy") {
+      copyPrompt = !copyPrompt;
+      continue;
+    }
+    return copyPrompt;
+  }
+}
+function checkboxLabel(checked) {
+  return checked ? ui.success("\u2611") : ui.muted("\u2610");
 }
 function printAssistantModal(title, lines) {
   const w = maxWidth();
   const inner = w - 4;
   console.log("");
   console.log(boxTop(w));
-  console.log(boxLine(w, centerText2(`${ui.primary("\u25C6")} ${ui.text.bold(title)}`, inner)));
+  console.log(boxLine(w, centerText2(`${ui.primary("\u25C6")} ${title}`, inner)));
   console.log(boxSep(w));
   for (const line of lines) {
     console.log(boxLine(w, centerText2(ui.muted(line), inner)));
@@ -2002,44 +2441,6 @@ function pipeToCommand(command, args, input) {
     child.stdin?.end(input);
   });
 }
-function printPromptResult(promptPath, target, aiTool, goal) {
-  const w = maxWidth();
-  const isSmall = w < 50;
-  const inner = w - 4;
-  const relPath = path5.relative(process.cwd(), promptPath) || promptPath;
-  console.log("");
-  if (!isSmall) {
-    console.log(boxTop(w));
-    console.log(
-      boxLine(
-        w,
-        centerText2(
-          `${ui.success("\u2713")} ${ui.text.bold("AI Prompt Ready")} ${ui.muted("BETA")}`,
-          inner
-        )
-      )
-    );
-    console.log(boxSep(w));
-    console.log(
-      boxLine(w, centerText2(`${ui.muted("Tool")} ${ui.primary(aiTool.displayName)}`, inner))
-    );
-    console.log(boxLine(w, centerText2(`${ui.muted("Stack")} ${ui.primary(target.label)}`, inner)));
-    console.log(boxLine(w, centerText2(`${ui.muted("Mode")} ${ui.primary(goal.label)}`, inner)));
-    console.log(boxLine(w, centerText2(`${ui.muted("File")} ${ui.primary(relPath)}`, inner)));
-    console.log(boxSep(w));
-    console.log(
-      boxLine(w, centerText2(`${buttonLabel("Copy prompt")} ${buttonLabel("Done")}`, inner))
-    );
-    console.log(boxBot(w));
-  } else {
-    console.log(ui.text.bold("  AI Prompt Ready - BETA"));
-    console.log(`  Tool: ${ui.primary(aiTool.displayName)}`);
-    console.log(`  Stack: ${ui.primary(target.label)}`);
-    console.log(`  Situation: ${ui.primary(goal.label)}`);
-    console.log(`  File: ${ui.primary(relPath)}`);
-  }
-  console.log("");
-}
 var IMPORTANT_DIRS, AI_TOOLS, TARGETS, GOALS;
 var init_prompt_assistant = __esm({
   "src/ai/prompt-assistant.ts"() {
@@ -2166,82 +2567,6 @@ var init_prompt_assistant = __esm({
   }
 });
 
-// src/cli/cooking.ts
-import chalk4 from "chalk";
-var SHINE_WIDTH, FRAME_INTERVAL, SPINNER_FRAMES, CookingSpinner;
-var init_cooking = __esm({
-  "src/cli/cooking.ts"() {
-    "use strict";
-    init_theme();
-    SHINE_WIDTH = 10;
-    FRAME_INTERVAL = 80;
-    SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-    CookingSpinner = class {
-      interval = null;
-      frame = 0;
-      phase = "";
-      active = false;
-      start(phase = "") {
-        this.phase = phase;
-        this.frame = 0;
-        this.active = true;
-        this.draw();
-        this.interval = setInterval(() => {
-          this.frame++;
-          this.draw();
-        }, FRAME_INTERVAL);
-      }
-      update(phase) {
-        this.phase = phase;
-      }
-      log(message) {
-        if (this.active) {
-          process.stdout.write("\r\x1B[2K");
-        }
-        process.stdout.write(message + "\n");
-        if (this.active) {
-          this.draw();
-        }
-      }
-      stop() {
-        this.active = false;
-        if (this.interval) {
-          clearInterval(this.interval);
-          this.interval = null;
-        }
-        process.stdout.write("\r\x1B[2K");
-      }
-      draw() {
-        if (!this.active) return;
-        const spinner = SPINNER_FRAMES[this.frame % SPINNER_FRAMES.length];
-        const shimmer = this.renderShimmer("Exporting");
-        const frameStr = ui.primary(spinner);
-        const phaseStr = this.phase ? `  ${ui.muted(this.limitLen(this.phase, 52))}` : "";
-        process.stdout.write(`\r\x1B[2K  ${frameStr} ${shimmer}${phaseStr}`);
-      }
-      renderShimmer(text) {
-        let result = "";
-        const pos = this.frame % (text.length + SHINE_WIDTH * 2) - SHINE_WIDTH;
-        for (let i = 0; i < text.length; i++) {
-          const dist = Math.abs(i - pos);
-          if (dist < SHINE_WIDTH) {
-            const t = 1 - dist / SHINE_WIDTH;
-            const g = Math.floor(160 + t * 95);
-            result += chalk4.rgb(250, Math.min(255, g), Math.min(255, Math.floor(g * 0.75)))(text[i]);
-          } else {
-            result += ui.muted(text[i]);
-          }
-        }
-        return result;
-      }
-      limitLen(s, max) {
-        if (s.length <= max) return s;
-        return s.slice(0, max - 1) + "\u2026";
-      }
-    };
-  }
-});
-
 // src/exporter/index.ts
 var exporter_exports = {};
 __export(exporter_exports, {
@@ -2266,11 +2591,20 @@ function deriveOutputName(url, platformName) {
     } else {
       siteName = hostname.replace(/\./g, "-");
     }
-    return `${platformName}-${siteName}`;
+    const cleanName = siteName.toLowerCase().replace(/[^a-z0-9_-]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "") || "site";
+    return `${platformName}-${cleanName}-${randomOutputSuffix()}`;
   } catch {
-    return "framer-export-output";
+    return `framer-export-output-${randomOutputSuffix()}`;
   }
 }
+function randomOutputSuffix() {
+  const adjectives = ["clean", "bright", "swift", "sharp", "fresh", "solid", "tidy", "prime"];
+  const nouns = ["mirror", "export", "site", "build", "copy", "page", "stack", "bundle"];
+  const adjective = adjectives[Math.floor(Math.random() * adjectives.length)];
+  const noun = nouns[Math.floor(Math.random() * nouns.length)];
+  const id = Math.random().toString(36).slice(2, 6);
+  return `${adjective}-${noun}-${id}`;
+}
 var FramerExporter;
 var init_exporter = __esm({
   "src/exporter/index.ts"() {
@@ -2463,71 +2797,117 @@ async function runSetup(legacyMode = false) {
     `  ${ui.muted("Export Framer, Webflow, and Wix sites into a clean local mirror.")}
 `
   );
-  const rl = readline2.createInterface({ input: stdin3, output: stdout3 });
-  const ask = async (question, defaultVal) => {
+  const rl = legacyMode ? readline2.createInterface({ input: stdin3, output: stdout3 }) : null;
+  const ask = async (question, defaultVal, headerLines = []) => {
+    if (!legacyMode) {
+      return promptInput(question, defaultVal || "", { headerLines });
+    }
     const suffix = defaultVal ? chalk6.gray(` (${defaultVal})`) : "";
     const prompt = `  ${ui.primary("\u25CF")} ${ui.text.bold(question)}${suffix} ${ui.muted(">")} `;
     const answer = await rl.question(prompt);
     return answer.trim() || defaultVal || "";
   };
-  drawHeader("Step 1 : Site URL");
+  if (legacyMode) drawHeader("Step 1 : Site URL");
   let siteUrl = "";
+  let urlError = "";
   while (!siteUrl) {
-    const input = await ask("Enter the site URL");
+    const input = await ask(
+      "Enter the site URL",
+      "",
+      ["Step 1 : Site URL", urlError].filter(Boolean)
+    );
     try {
       new URL4(input);
       siteUrl = input;
+      urlError = "";
     } catch {
-      console.log(
-        `  ${ui.error("\u2717")} ${ui.error("Invalid URL. Enter a valid URL (https://...)")}
-`
-      );
+      urlError = "Invalid URL. Enter a valid URL (https://...)";
+      if (legacyMode) {
+        console.log(`  ${ui.error("\u2717")} ${ui.error(urlError)}
+`);
+      }
     }
   }
-  console.log(`  ${ui.success("\u2713")} ${ui.success("URL:")} ${chalk6.underline(siteUrl)}
+  if (legacyMode) {
+    console.log(`  ${ui.success("\u2713")} ${ui.success("URL:")} ${chalk6.underline(siteUrl)}
 `);
-  drawHeader("Step 2 : Platform");
-  const detected = detectPlatform(siteUrl);
-  let platformName;
+  }
+  let platformName = null;
   if (legacyMode) {
+    drawHeader("Step 2 : Platform");
+    const detected = detectPlatform(siteUrl);
     console.log(`  ${ui.info("i")} Auto-detected: ${ui.primary(detected.displayName)}`);
     const platformInput = await ask("Platform (framer/webflow/wix)", detected.name);
     platformName = ["framer", "webflow", "wix"].includes(platformInput) ? platformInput : detected.name;
     console.log(`  ${ui.success("\u2713")} ${ui.success("Platform:")} ${ui.primary(platformName)}
 `);
   } else {
-    rl.close();
-    const platforms = [
-      {
-        label: `Framer${detected.name === "framer" ? chalk6.gray(" (detected)") : ""}`,
-        value: "framer"
-      },
-      {
-        label: `Webflow${detected.name === "webflow" ? chalk6.gray(" (detected)") : ""}`,
-        value: "webflow"
-      },
-      { label: `Wix${detected.name === "wix" ? chalk6.gray(" (detected)") : ""}`, value: "wix" }
-    ];
-    const defaultIdx = ["framer", "webflow", "wix"].indexOf(detected.name);
-    platformName = await select(
-      "Select platform",
-      platforms,
-      Math.max(0, defaultIdx)
-    );
+    while (!platformName) {
+      const detected = detectPlatform(siteUrl);
+      const platforms = [
+        {
+          label: `Framer${detected.name === "framer" ? chalk6.gray(" (detected)") : ""}`,
+          value: "framer"
+        },
+        {
+          label: `Webflow${detected.name === "webflow" ? chalk6.gray(" (detected)") : ""}`,
+          value: "webflow"
+        },
+        { label: `Wix${detected.name === "wix" ? chalk6.gray(" (detected)") : ""}`, value: "wix" }
+      ];
+      const defaultIdx = ["framer", "webflow", "wix"].indexOf(detected.name);
+      const platformChoice = await select("Select platform", platforms, Math.max(0, defaultIdx), {
+        headerLines: [`URL: ${siteUrl}`],
+        actions: [{ label: "Modify URL", value: "modify-url" }],
+        footer: "tab focus button  \xB7  mouse hover/click  \xB7  enter select"
+      });
+      if (platformChoice === "modify-url") {
+        siteUrl = "";
+        urlError = "";
+        while (!siteUrl) {
+          const input = await ask(
+            "Modify site URL",
+            "",
+            ["Step 1 : Site URL", urlError].filter(Boolean)
+          );
+          try {
+            new URL4(input);
+            siteUrl = input;
+            urlError = "";
+          } catch {
+            urlError = "Invalid URL. Enter a valid URL (https://...)";
+          }
+        }
+        continue;
+      }
+      platformName = platformChoice;
+    }
   }
-  const rl2 = legacyMode ? rl : readline2.createInterface({ input: stdin3, output: stdout3 });
-  const ask2 = async (question, defaultVal) => {
+  if (!platformName) {
+    throw new Error("Platform selection failed");
+  }
+  const rl2 = legacyMode ? rl : null;
+  const ask2 = async (question, defaultVal, headerLines = []) => {
+    if (!legacyMode) {
+      return promptInput(question, defaultVal || "", { headerLines });
+    }
     const suffix = defaultVal ? chalk6.gray(` (${defaultVal})`) : "";
     const prompt = `  ${ui.primary("\u25CF")} ${ui.text.bold(question)}${suffix} ${ui.muted(">")} `;
     const answer = await rl2.question(prompt);
     return answer.trim() || defaultVal || "";
   };
   const derivedName = deriveOutputName(siteUrl, platformName);
-  drawHeader("Step 3 : Output Directory");
-  const outDir = await ask2("Output directory", "./" + derivedName);
-  console.log(`  ${ui.success("\u2713")} ${ui.success("Output:")} ${ui.primary(outDir)}
+  if (legacyMode) drawHeader("Step 3 : Output Directory");
+  const outDir = await ask2("Output directory", "./" + derivedName, [
+    "Step 3 : Output Directory",
+    `URL: ${siteUrl}`,
+    `Platform: ${platformName}`
+  ]);
+  if (legacyMode) {
+    console.log(`  ${ui.success("\u2713")} ${ui.success("Output:")} ${ui.primary(outDir)}
 `);
-  drawHeader("Step 4 : Options");
+  }
+  if (legacyMode) drawHeader("Step 4 : Options");
   let prettyPrint;
   let concurrency;
   let includeSubpages;
@@ -2549,7 +2929,6 @@ async function runSetup(legacyMode = false) {
     console.log(`  ${ui.success("\u2713")} Concurrency: ${ui.primary(String(concurrency))}
 `);
   } else {
-    rl2.close();
     const prettyVal = await select("Pretty-print JS files?", [
       { label: "Yes", value: "yes" },
       { label: "No", value: "no" }
@@ -2640,6 +3019,7 @@ var init_setup = __esm({
 init_package();
 import path8 from "path";
 import { URL as URL5 } from "url";
+import { spawnSync } from "child_process";
 
 // src/cli/help.ts
 init_banner();
@@ -2702,6 +3082,7 @@ function showHelp() {
 
 // src/cli/index.ts
 init_banner();
+init_cooking();
 
 // src/cli/update-check.ts
 import https from "https";
@@ -2718,7 +3099,7 @@ async function checkForUpdates(currentVersion) {
             const json = JSON.parse(data);
             const latest = json.version;
             if (!latest) return resolve(null);
-            if (latest !== currentVersion) return resolve(latest);
+            if (isNewerVersion(latest, currentVersion)) return resolve(latest);
             resolve(null);
           } catch {
             resolve(null);
@@ -2733,8 +3114,23 @@ async function checkForUpdates(currentVersion) {
     });
   });
 }
+function isNewerVersion(latest, current) {
+  const latestParts = parseVersion(latest);
+  const currentParts = parseVersion(current);
+  for (let i = 0; i < Math.max(latestParts.length, currentParts.length); i++) {
+    const latestPart = latestParts[i] ?? 0;
+    const currentPart = currentParts[i] ?? 0;
+    if (latestPart > currentPart) return true;
+    if (latestPart < currentPart) return false;
+  }
+  return false;
+}
+function parseVersion(version) {
+  return version.replace(/^v/, "").split(/[.-]/).map((part) => Number.parseInt(part, 10)).filter((part) => Number.isFinite(part));
+}
 
 // src/cli/index.ts
+init_select();
 init_theme();
 var VERSION = package_default.version;
 function extractFlag(args, flag) {
@@ -2750,6 +3146,56 @@ function hasFlag(args, flag) {
   args.splice(idx, 1);
   return true;
 }
+async function showUpdateNotice() {
+  const latest = await checkForUpdates(VERSION);
+  if (!latest) return;
+  if (!process.stdin.isTTY || !process.stdout.isTTY) {
+    console.log("");
+    console.log(
+      `  ${ui.warning("\u21B3")} Update available: ${ui.muted(VERSION)} -> ${ui.success(latest)}`
+    );
+    console.log(`  ${ui.primary("  Run:")} ${ui.primarySoft("npm i -g framer-export@latest")}`);
+    console.log("");
+    return;
+  }
+  const action = await select(
+    "Update available",
+    [
+      { label: "Continue without updating", value: "continue" },
+      { label: "Update now", value: "update" }
+    ],
+    0,
+    {
+      headerLines: [
+        `Current version: ${VERSION}`,
+        `Latest version:  ${latest}`,
+        "You can continue now and update later."
+      ],
+      footer: "enter continue  \xB7  mouse hover/click"
+    }
+  );
+  if (action === "update") {
+    console.log(
+      `  ${ui.primary("Updating:")} ${ui.primarySoft("npm i -g framer-export@latest")}
+`
+    );
+    const npmCommand = process.platform === "win32" ? "npm.cmd" : "npm";
+    const result = spawnSync(npmCommand, ["i", "-g", "framer-export@latest"], {
+      stdio: "inherit"
+    });
+    if (result.status === 0) {
+      console.log(`
+  ${ui.success("\u2713")} Updated. Re-run your command to use the new version.
+`);
+      process.exit(0);
+    }
+    console.log(
+      `
+  ${ui.error("\u2717")} Update failed. Run manually: ${ui.primarySoft("npm i -g framer-export@latest")}
+`
+    );
+  }
+}
 async function main() {
   const args = process.argv.slice(2);
   if (args.includes("--version") || args.includes("-v")) {
@@ -2777,19 +3223,12 @@ async function main() {
     console.log("");
     process.exit(0);
   }
-  checkForUpdates(VERSION).then((latest) => {
-    if (!latest) return;
-    console.log("");
-    console.log(
-      `  ${ui.warning("\u21B3")} Update available: ${ui.muted(VERSION)} -> ${ui.success(latest)}`
-    );
-    console.log(`  ${ui.primary("  Run:")} ${ui.primarySoft("npm i -g framer-export@latest")}`);
-    console.log("");
-  });
   if (args.includes("--help") || args.includes("-h")) {
     showHelp();
     process.exit(0);
   }
+  await showLoadingIntro(VERSION);
+  await showUpdateNotice();
   if (args.includes("--setup")) {
     hasFlag(args, "--setup");
     const legacyMode = hasFlag(args, "--legacy-mode");