framer-export 4.3.8 → 4.4.1

package/dist/cli/index.js

@@ -15,7 +15,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "framer-export",
-      version: "4.3.8",
+      version: "4.4.1",
       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",
@@ -103,6 +103,16 @@ function chip(label) {
 function bullet(label = "\u2022") {
   return ui.primary(label);
 }
+function centerText(text, width) {
+  const visible = stripAnsi(text).length;
+  if (visible >= width) return text;
+  const left = Math.floor((width - visible) / 2);
+  return " ".repeat(left) + text + " ".repeat(width - visible - left);
+}
+function truncatePlain(text, max) {
+  if (text.length <= max) return text;
+  return text.slice(0, Math.max(0, max - 2)) + "..";
+}
 var THEME, ui;
 var init_theme = __esm({
   "src/cli/theme.ts"() {
@@ -150,8 +160,10 @@ function showBanner() {
   const width = getWidth();
   const isSmall = width < 65;
   if (isSmall) {
-    console.log(`
-  ${ui.primary.bold("f-export")} ${ui.muted(`v${package_default.version}`)} ${chip("beta ui")}`);
+    console.log(
+      `
+  ${ui.primary.bold("f-export")} ${ui.muted(`v${package_default.version}`)} ${chip("beta ui")}`
+    );
     console.log(`  ${ui.text.bold("Framer Export")} ${ui.muted("for Framer, Webflow, and Wix")}
 `);
     return;
@@ -176,14 +188,679 @@ var init_banner = __esm({
     init_package();
     init_theme();
     ASCII_ART = [
-      "        \u2584                          \u2584                 ",
-      "\u2588\u2580\u2580 \u2588\u2580\u2588 \u2584\u2580\u2588 \u2588\u2580\u2584\u2580\u2588 \u2588\u2580\u2580 \u2588\u2580\u2588   \u2588\u2580\u2580 \u2580\u2584\u2580 \u2588\u2580\u2588 \u2588\u2580\u2588 \u2588\u2580\u2588 \u2580\u2588\u2580",
-      "\u2588\u2580  \u2588\u2580\u2584 \u2588\u2580\u2588 \u2588 \u2580 \u2588 \u2588\u2588\u2584 \u2588\u2580\u2584   \u2588\u2588\u2584 \u2588 \u2588 \u2588\u2580\u2580 \u2588\u2584\u2588 \u2588\u2580\u2584  \u2588 ",
-      "\u2580   \u2580 \u2580 \u2580 \u2580 \u2580   \u2580 \u2580\u2580\u2580 \u2580 \u2580   \u2580\u2580\u2580 \u2580 \u2580 \u2580   \u2580\u2580\u2580 \u2580 \u2580  \u2580 "
+      "\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\u2554\u2550\u2550\u255D  \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551\u255A\u2588\u2588\u2554\u255D\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u255D  \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557",
+      "\u2588\u2588\u2551     \u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551 \u255A\u2550\u255D \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2551  \u2588\u2588\u2551",
+      "\u255A\u2550\u255D     \u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D     \u255A\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\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   ",
+      "\u2588\u2588\u2554\u2550\u2550\u255D   \u2588\u2588\u2554\u2588\u2588\u2557 \u2588\u2588\u2554\u2550\u2550\u2550\u255D \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557   \u2588\u2588\u2551   ",
+      "\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2554\u255D \u2588\u2588\u2557\u2588\u2588\u2551     \u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551  \u2588\u2588\u2551   \u2588\u2588\u2551   ",
+      "\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D      \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u255D  \u255A\u2550\u255D   \u255A\u2550\u255D   "
     ];
   }
 });
 
+// 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";
@@ -320,7 +997,7 @@ var init_download = __esm({
 });
 
 // src/logger/index.ts
-import chalk2 from "chalk";
+import chalk4 from "chalk";
 function setCooking(spinner) {
   _cooking = spinner;
 }
@@ -340,47 +1017,53 @@ 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))}`);
+      output(
+        `${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))}`);
+      output(
+        `${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))}`);
+      output(
+        `${chalk4.hex(THEME.muted)(`[${T()}]`)} ${chalk4.hex(THEME.success)("[ok]")} ${c(trunc(m, 120))}`
+      );
     };
   }
 });
@@ -987,11 +1670,64 @@ const server = http.createServer((req, res) => {
   serveFile(filePath);
 });
 
+const ANSI = {
+  reset: '\\x1b[0m',
+  primary: '\\x1b[38;2;250;178;131m',
+  soft: '\\x1b[38;2;255;192;159m',
+  text: '\\x1b[38;2;238;238;238m',
+  muted: '\\x1b[38;2;128;128;128m',
+  border: '\\x1b[38;2;72;72;72m',
+  success: '\\x1b[38;2;127;216;143m',
+  info: '\\x1b[38;2;86;182;194m',
+};
+
+function color(name, value) {
+  return ANSI[name] + value + ANSI.reset;
+}
+
+function frameLine(label, value) {
+  const text = '  ' + label.padEnd(10) + value;
+  const pad = Math.max(0, 56 - text.length);
+  console.log('  ' + color('border', '\u2502 ') + color('muted', label.padEnd(10)) + color('text', value) + ' '.repeat(pad) + color('border', ' \u2502'));
+}
+
+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', '\u251C\u2500' + '\u2500'.repeat(56) + '\u2500\u2524'));
+  frameLine('URL', 'http://localhost:' + PORT);
+  frameLine('Root', ROOT);
+  frameLine('Mode', 'static mirror + SPA fallback');
+  console.log('  ' + color('border', '\u2570\u2500' + '\u2500'.repeat(56) + '\u2500\u256F'));
+  console.log('');
+  console.log('  ' + color('success', 'ready') + color('muted', '  press Ctrl+C to stop') + '\\n');
+}
+
 server.listen(PORT, () => {
-  console.log('\\x1b[32m%s\\x1b[0m', '  \u{1F680} Cooksite Local Server Running');
-  console.log('\\x1b[36m%s\\x1b[0m', '  \u251C\u2500 URL:      http://localhost:' + PORT);
-  console.log('\\x1b[35m%s\\x1b[0m', '  \u2514\u2500 Directory: ' + ROOT);
-  console.log('\\n  Press Ctrl+C to stop.');
+  const frames = ['\u280B', '\u2819', '\u2839', '\u2838', '\u283C', '\u2834', '\u2826', '\u2827', '\u2807', '\u280F'];
+  let i = 0;
+  const timer = setInterval(() => {
+    process.stdout.write('\\r\\x1B[2K  ' + color('primary', frames[i % frames.length]) + ' ' + color('muted', 'starting Framer Export server'));
+    i++;
+  }, 80);
+
+  setTimeout(() => {
+    clearInterval(timer);
+    process.stdout.write('\\r\\x1B[2K');
+    drawServerUi();
+  }, 720);
 });
 `;
   }
@@ -1065,15 +1801,21 @@ function processSEO(html, url) {
   </head>`);
   }
   if (!html.includes('name="description"')) {
-    html = html.replace("</head>", `  <meta name="description" content="Exported with Cooksite - Fast, SEO-optimized, and clean.">
-  </head>`);
+    html = html.replace(
+      "</head>",
+      `  <meta name="description" content="Exported with Framer Export - Fast, SEO-optimized, and clean.">
+  </head>`
+    );
   }
   if (!html.includes('property="og:')) {
-    html = html.replace("</head>", `  <meta property="og:type" content="website">
+    html = html.replace(
+      "</head>",
+      `  <meta property="og:type" content="website">
   <meta property="og:url" content="${canonical}">
   <meta property="og:title" content="Exported Site">
   <meta property="og:description" content="A fast, clean version of this site, exported for performance.">
-  </head>`);
+  </head>`
+    );
   }
   if (!html.includes('name="robots"')) {
     html = html.replace("</head>", `  <meta name="robots" content="index, follow">
@@ -1233,52 +1975,6 @@ var init_output = __esm({
   }
 });
 
-// src/cli/box.ts
-import chalk3 from "chalk";
-function maxWidth() {
-  return Math.min(process.stdout.columns || 80, 62);
-}
-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";
@@ -1334,171 +2030,44 @@ async function printSummary(exporter) {
     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) {
-  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[${options.length + 1}A`);
-        stdout.write("\x1B[J");
-      }
-      console.log(`  ${ui.primary("\u25CF")} ${ui.text.bold(question)}`);
-      for (let i = 0; i < options.length; i++) {
-        if (options[i].disabled) {
-          console.log(`      ${ui.muted(stripAnsi(options[i].label))}`);
-        } else if (i === selected) {
-          console.log(`    ${ui.primary(">")} ${ui.text.bold(options[i].label)}`);
-        } else {
-          console.log(`      ${ui.muted(options[i].label)}`);
-        }
-      }
-    };
-    render(true);
-    readline.emitKeypressEvents(stdin);
-    stdin.setRawMode(true);
-    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") {
-        stdin.setRawMode(false);
-        stdin.removeListener("keypress", onKeypress);
-        stdin.pause();
-        stdout.write(`\x1B[${options.length + 1}A`);
-        stdout.write("\x1B[J");
-        console.log(
-          `  ${ui.success("\u2713")} ${ui.text.bold(question)} ${ui.primary(stripAnsi(options[selected].label))}
-`
-        );
-        resolve(options[selected].value);
-      } else if (key.ctrl && key.name === "c" || key.name === "escape") {
-        stdin.setRawMode(false);
-        stdin.removeListener("keypress", onKeypress);
-        process.exit(0);
-      }
-    };
-    stdin.resume();
-    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}`);
+    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"));
     }
-    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();
-  });
+  }
+  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_select = __esm({
-  "src/cli/select.ts"() {
+var init_summary = __esm({
+  "src/exporter/summary.ts"() {
     "use strict";
+    init_box();
     init_theme();
   }
 });
@@ -1508,17 +2077,28 @@ import fs4 from "fs/promises";
 import path5 from "path";
 import { stdin as stdin2, stdout as stdout2 } from "process";
 import { spawn } from "child_process";
-import chalk4 from "chalk";
 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", [
+    "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."
+  ]);
   const targetOptions = [
     ...TARGETS.map((target2) => ({ label: target2.label, value: target2.id })),
-    { label: "Customize with AI - BETA in development", value: "custom-ai", disabled: true },
-    { label: "Skip AI prompt", value: "skip" }
+    { label: "Customize with AI - BETA in development", value: "custom-ai", disabled: true }
   ];
-  console.log("");
-  const targetId = await select("AI Prompt Assistant BETA: choose target stack", targetOptions, 0);
-  if (targetId === "skip") return;
+  const targetId = await select("Choose target stack", targetOptions, 0);
   const aiToolId = await select(
     "Choose the AI coding tool",
     AI_TOOLS.map((tool) => ({ label: tool.label, value: tool.id })),
@@ -1539,22 +2119,22 @@ async function runAiPromptAssistant(exporter) {
   await fs4.mkdir(aiDir, { recursive: true });
   await fs4.writeFile(promptPath, prompt, "utf-8");
   printPromptResult(promptPath, target, aiTool, goal);
-  const copyChoice = await select(
-    "Copy prompt to clipboard?",
+  const promptAction = await select(
+    "Prompt actions",
     [
-      { label: "Copy prompt", value: "yes" },
-      { label: "No, keep file only", value: "no" }
+      { label: `${buttonLabel("Copy prompt")} clipboard`, value: "copy" },
+      { label: `${buttonLabel("Done")} keep file only`, value: "done" }
     ],
     0
   );
-  if (copyChoice === "yes") {
+  if (promptAction === "copy") {
     try {
       await copyToClipboard(prompt);
-      console.log(`  ${chalk4.green("\u2713")} ${chalk4.white.bold("Prompt copied to clipboard")}
+      console.log(`  ${ui.success("\u2713")} ${ui.text.bold("Prompt copied to clipboard")}
 `);
     } catch (error) {
       console.log(
-        `  ${chalk4.yellow("!")} ${chalk4.yellow("Clipboard copy unavailable:")} ${chalk4.gray(error.message)}
+        `  ${ui.warning("!")} ${ui.warning("Clipboard copy unavailable:")} ${ui.muted(error.message)}
 `
       );
     }
@@ -1596,6 +2176,43 @@ async function countEntries(dir) {
     return 0;
   }
 }
+function buttonLabel(label) {
+  return `${ui.border("[")} ${ui.text.bold(label)} ${ui.border("]")}`;
+}
+function centerText2(text, width) {
+  const visible = stripAnsi(text).length;
+  if (visible >= width) return text;
+  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 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(boxSep(w));
+  for (const line of lines) {
+    console.log(boxLine(w, centerText2(ui.muted(line), inner)));
+  }
+  console.log(boxBot(w));
+  console.log("");
+}
 function buildConversionPrompt(target, aiTool, goal, facts) {
   const rootEntries = facts.rootEntries.length ? facts.rootEntries.join(", ") : "No root entries detected";
   const exportDir = quoteForPrompt(facts.outputDir);
@@ -1615,8 +2232,8 @@ function buildConversionPrompt(target, aiTool, goal, facts) {
     (dir) => `Inspect ${dir}: ${facts.counts[dir]} item(s) detected in the export.`
   );
   const promptLines = [
-    `You are ${aiTool.agentName} working inside a local export created by Cooksite / Framer Export.`,
-    "This brief was generated by the Cooksite AI Prompt Assistant BETA.",
+    `You are ${aiTool.agentName} working inside a local export created by Framer Export.`,
+    "This brief was generated by the Framer Export AI Prompt Assistant BETA.",
     "Treat this beta prompt as a strict conversion checklist, not as permission to skip inspection.",
     "Your mission is to convert this exported static mirror into a clean production project.",
     `Target stack: ${target.stack}.`,
@@ -1774,23 +2391,38 @@ function pipeToCommand(command, args, 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, chalk4.bold.white("  AI Prompt Ready - BETA")));
+    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, `  Tool: ${aiTool.displayName}`));
-    console.log(boxLine(w, `  Stack: ${target.label}`));
-    console.log(boxLine(w, `  Situation: ${goal.label}`));
-    console.log(boxLine(w, `  File: ${relPath}`));
+    console.log(
+      boxLine(w, centerText2(`${buttonLabel("Copy prompt")} ${buttonLabel("Done")}`, inner))
+    );
     console.log(boxBot(w));
   } else {
-    console.log(chalk4.bold.white("  AI Prompt Ready - BETA"));
-    console.log(`  Tool: ${chalk4.hex("#D4A017")(aiTool.displayName)}`);
-    console.log(`  Stack: ${chalk4.hex("#D4A017")(target.label)}`);
-    console.log(`  Situation: ${chalk4.hex("#D4A017")(goal.label)}`);
-    console.log(`  File: ${chalk4.hex("#D4A017")(relPath)}`);
+    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("");
 }
@@ -1800,6 +2432,7 @@ var init_prompt_assistant = __esm({
     "use strict";
     init_select();
     init_box();
+    init_theme();
     IMPORTANT_DIRS = [
       "index.html",
       "styles",
@@ -1919,82 +2552,6 @@ var init_prompt_assistant = __esm({
   }
 });
 
-// src/cli/cooking.ts
-import chalk5 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("f-export");
-        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 += chalk5.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, {
@@ -2003,7 +2560,7 @@ __export(exporter_exports, {
 });
 import fs5 from "fs/promises";
 import path6 from "path";
-import chalk6 from "chalk";
+import chalk5 from "chalk";
 function deriveOutputName(url, platformName) {
   try {
     const parsed = new URL(url);
@@ -2019,11 +2576,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"() {
@@ -2064,10 +2630,12 @@ var init_exporter = __esm({
         }
       }
       async run(includeSubpages = false) {
-        console.log(`
+        console.log(
+          `
   ${ui.text.bold("Framer Export")} ${chip("mirror")} ${ui.muted("v4 pipeline")}
-`);
-        info("Source   : " + chalk6.underline(this.siteUrl));
+`
+        );
+        info("Source   : " + chalk5.underline(this.siteUrl));
         info("Output   : " + ui.primary(this.outDir));
         info("Platform : " + ui.primary(this.platform.displayName));
         if (includeSubpages) {
@@ -2099,14 +2667,12 @@ var init_exporter = __esm({
           this.ssrHTML = buf.toString("utf-8");
           success("SSR HTML fetched (" + (this.ssrHTML.length / 1024).toFixed(1) + " KB)");
         } catch (e) {
-          log(chalk6.red("Could not fetch SSR HTML: " + e.message));
+          log(chalk5.red("Could not fetch SSR HTML: " + e.message));
         }
         const htmlDetected = detectPlatform(this.siteUrl, this.ssrHTML);
         if (htmlDetected.name !== this.platform.name) {
           this.platform = htmlDetected;
-          log(
-            "Platform refined: " + ui.primary(this.platform.displayName) + " (from HTML analysis)"
-          );
+          log("Platform refined: " + ui.primary(this.platform.displayName) + " (from HTML analysis)");
         }
         await launchAndCapture(this);
         if (includeSubpages && this.page) {
@@ -2196,7 +2762,7 @@ import readline2 from "readline/promises";
 import { stdin as stdin3, stdout as stdout3 } from "process";
 import path7 from "path";
 import { URL as URL4 } from "url";
-import chalk7 from "chalk";
+import chalk6 from "chalk";
 function drawHeader(title) {
   const w = maxWidth();
   if (w < 50) {
@@ -2212,94 +2778,165 @@ function drawHeader(title) {
 async function runSetup(legacyMode = false) {
   showBanner();
   console.log(`  ${ui.text.bold("Framer Export setup")} ${chip("interactive")}`);
-  console.log(`  ${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 suffix = defaultVal ? chalk7.gray(` (${defaultVal})`) : "";
+  console.log(
+    `  ${ui.muted("Export Framer, Webflow, and Wix sites into a clean local mirror.")}
+`
+  );
+  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:")} ${chalk7.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" ? chalk7.gray(" (detected)") : ""}`, value: "framer" },
-      { label: `Webflow${detected.name === "webflow" ? chalk7.gray(" (detected)") : ""}`, value: "webflow" },
-      { label: `Wix${detected.name === "wix" ? chalk7.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) => {
-    const suffix = defaultVal ? chalk7.gray(` (${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;
   if (legacyMode) {
     const prettyAnswer = await ask2("Pretty-print JS files? (y/n)", "y");
     prettyPrint = prettyAnswer.toLowerCase().startsWith("y");
-    console.log(`  ${ui.success("\u2713")} Pretty-print: ${prettyPrint ? ui.success("yes") : ui.error("no")}
-`);
+    console.log(
+      `  ${ui.success("\u2713")} Pretty-print: ${prettyPrint ? ui.success("yes") : ui.error("no")}
+`
+    );
     const subpagesAnswer = await ask2("Export sub-pages? (y/n)", "n");
     includeSubpages = subpagesAnswer.toLowerCase().startsWith("y");
-    console.log(`  ${ui.success("\u2713")} Sub-pages: ${includeSubpages ? ui.success("yes") : ui.error("no")}
-`);
+    console.log(
+      `  ${ui.success("\u2713")} Sub-pages: ${includeSubpages ? ui.success("yes") : ui.error("no")}
+`
+    );
     const concurrencyAnswer = await ask2("Download concurrency", "12");
     concurrency = parseInt(concurrencyAnswer, 10) || 12;
     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" }
     ]);
     prettyPrint = prettyVal === "yes";
-    const subpagesVal = await select("Export sub-pages?", [
-      { label: "No", value: "no" },
-      { label: "Yes, crawl and export", value: "yes" }
-    ], 0);
+    const subpagesVal = await select(
+      "Export sub-pages?",
+      [
+        { label: "No", value: "no" },
+        { label: "Yes, crawl and export", value: "yes" }
+      ],
+      0
+    );
     includeSubpages = subpagesVal === "yes";
-    const concurrencyVal = await select("Download concurrency", [
-      { label: "6 (slow connection)", value: "6" },
-      { label: "12 (default)", value: "12" },
-      { label: "20 (fast connection)", value: "20" }
-    ], 1);
+    const concurrencyVal = await select(
+      "Download concurrency",
+      [
+        { label: "6 (slow connection)", value: "6" },
+        { label: "12 (default)", value: "12" },
+        { label: "20 (fast connection)", value: "20" }
+      ],
+      1
+    );
     concurrency = parseInt(concurrencyVal, 10);
   }
   const w = maxWidth();
@@ -2367,6 +3004,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();
@@ -2375,8 +3013,12 @@ function showHelp() {
   showBanner();
   console.log(`${ui.text.bold("  USAGE")} ${chip("cli")}
 `);
-  console.log(`    ${ui.primary("framer-export")} ${ui.warning("<url>")} ${ui.muted("[output-dir]")}`);
-  console.log(`    ${ui.primary("fexport")}         ${ui.warning("<url>")} ${ui.muted("[output-dir]")}`);
+  console.log(
+    `    ${ui.primary("framer-export")} ${ui.warning("<url>")} ${ui.muted("[output-dir]")}`
+  );
+  console.log(
+    `    ${ui.primary("fexport")}         ${ui.warning("<url>")} ${ui.muted("[output-dir]")}`
+  );
   console.log("");
   console.log(ui.text.bold("  OPTIONS\n"));
   const opts = [
@@ -2401,18 +3043,31 @@ function showHelp() {
   }
   console.log("");
   console.log(ui.text.bold("  EXAMPLES\n"));
-  console.log(`    ${ui.muted("$")} ${ui.primary("framer-export")} ${ui.warning("https://mysite.framer.app")}`);
-  console.log(`    ${ui.muted("$")} ${ui.primary("framer-export")} ${ui.warning("https://mysite.webflow.io")}`);
-  console.log(`    ${ui.muted("$")} ${ui.primary("framer-export")} ${ui.warning("https://user.wixsite.com/my-site")}`);
-  console.log(`    ${ui.muted("$")} ${ui.primary("framer-export")} ${ui.success("--platform webflow")} ${ui.warning("https://custom.com")}`);
-  console.log(`    ${ui.muted("$")} ${ui.primary("framer-export")} ${ui.success("--subpages")} ${ui.warning("https://mysite.com")}`);
+  console.log(
+    `    ${ui.muted("$")} ${ui.primary("framer-export")} ${ui.warning("https://mysite.framer.app")}`
+  );
+  console.log(
+    `    ${ui.muted("$")} ${ui.primary("framer-export")} ${ui.warning("https://mysite.webflow.io")}`
+  );
+  console.log(
+    `    ${ui.muted("$")} ${ui.primary("framer-export")} ${ui.warning("https://user.wixsite.com/my-site")}`
+  );
+  console.log(
+    `    ${ui.muted("$")} ${ui.primary("framer-export")} ${ui.success("--platform webflow")} ${ui.warning("https://custom.com")}`
+  );
+  console.log(
+    `    ${ui.muted("$")} ${ui.primary("framer-export")} ${ui.success("--subpages")} ${ui.warning("https://mysite.com")}`
+  );
   console.log(`    ${ui.muted("$")} ${ui.primary("framer-export")} ${ui.success("--setup")}`);
-  console.log(`    ${ui.muted("$")} ${ui.primary("framer-export")} ${ui.success("--setup --legacy-mode")}`);
+  console.log(
+    `    ${ui.muted("$")} ${ui.primary("framer-export")} ${ui.success("--setup --legacy-mode")}`
+  );
   console.log("");
 }
 
 // src/cli/index.ts
 init_banner();
+init_cooking();
 
 // src/cli/update-check.ts
 import https from "https";
@@ -2429,7 +3084,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);
@@ -2444,8 +3099,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) {
@@ -2461,6 +3131,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")) {
@@ -2468,31 +3188,32 @@ async function main() {
     process.exit(0);
   }
   if (args.includes("--about")) {
-    const chalk8 = (await import("chalk")).default;
+    const chalk7 = (await import("chalk")).default;
     showBanner();
     console.log(`  ${ui.text.bold("Framer Export")}  ${ui.muted(`v${package_default.version}`)}`);
     console.log(`  ${ui.text(package_default.description)}
 `);
     console.log(`  ${ui.text.bold("Author")}     ${ui.primary("Dany (danbenba)")}`);
-    console.log(`  ${ui.text.bold("Portfolio")}  ${chalk8.underline.hex("#FAB283")("https://github.com/danbenba")}`);
-    console.log(`  ${ui.text.bold("GitHub")}     ${chalk8.underline.hex("#FAB283")(package_default.repository.url.replace("git+", "").replace(".git", ""))}`);
-    console.log(`  ${ui.text.bold("npm")}        ${chalk8.underline.hex("#FAB283")(`https://www.npmjs.com/package/${package_default.name}`)}`);
+    console.log(
+      `  ${ui.text.bold("Portfolio")}  ${chalk7.underline.hex("#FAB283")("https://github.com/danbenba")}`
+    );
+    console.log(
+      `  ${ui.text.bold("GitHub")}     ${chalk7.underline.hex("#FAB283")(package_default.repository.url.replace("git+", "").replace(".git", ""))}`
+    );
+    console.log(
+      `  ${ui.text.bold("npm")}        ${chalk7.underline.hex("#FAB283")(`https://www.npmjs.com/package/${package_default.name}`)}`
+    );
     console.log(`  ${ui.text.bold("License")}    ${ui.success(package_default.license)}`);
     console.log(`  ${ui.text.bold("Node")}       ${ui.muted(`>=${package_default.engines.node}`)}`);
     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");
@@ -2523,12 +3244,16 @@ async function main() {
   const defaultDir = deriveOutputName2(url, detected);
   const out = args[1] || `./${defaultDir}`;
   try {
-    await new FramerExporter2(url, path8.resolve(out), platformOverride || void 0).run(includeSubpages);
+    await new FramerExporter2(url, path8.resolve(out), platformOverride || void 0).run(
+      includeSubpages
+    );
   } catch (e) {
-    const chalk8 = (await import("chalk")).default;
-    console.log(`
-  ${ui.error("\u2717")} ${ui.error.bold("FAILED:")} ${ui.text(e.message)}`);
-    console.log(chalk8.gray(e.stack || ""));
+    const chalk7 = (await import("chalk")).default;
+    console.log(
+      `
+  ${ui.error("\u2717")} ${ui.error.bold("FAILED:")} ${ui.text(e.message)}`
+    );
+    console.log(chalk7.gray(e.stack || ""));
     process.exit(1);
   }
 }