framer-export 4.3.8 → 4.3.10

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.3.10",
       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,10 +188,18 @@ 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   "
     ];
   }
 });
@@ -351,7 +371,9 @@ var init_logger = __esm({
     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(
+        `${chalk2.hex(THEME.muted)(`[${T()}]`)} ${chalk2.hex(THEME.primary)("[log]")} ${c(trunc(m, 120))}`
+      );
     };
     INFO_PALETTE = [
       (s) => chalk2.hex(THEME.info)(s),
@@ -362,7 +384,9 @@ var init_logger = __esm({
     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(
+        `${chalk2.hex(THEME.muted)(`[${T()}]`)} ${chalk2.hex(THEME.info).bold("[info]")} ${c(trunc(m, 120))}`
+      );
     };
     warn = (m) => {
       const colors = [
@@ -380,7 +404,9 @@ var init_logger = __esm({
         (s) => chalk2.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(
+        `${chalk2.hex(THEME.muted)(`[${T()}]`)} ${chalk2.hex(THEME.success)("[ok]")} ${c(trunc(m, 120))}`
+      );
     };
   }
 });
@@ -987,11 +1013,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 +1144,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">
@@ -1236,7 +1321,7 @@ var init_output = __esm({
 // src/cli/box.ts
 import chalk3 from "chalk";
 function maxWidth() {
-  return Math.min(process.stdout.columns || 80, 62);
+  return Math.min(process.stdout.columns || 80, 76);
 }
 function padRight(text, w) {
   const visible = stripAnsi(text).length;
@@ -1356,7 +1441,9 @@ async function printSummary(exporter) {
     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(
+      "  " + 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:"));
@@ -1385,6 +1472,11 @@ async function select(question, options, defaultIndex = 0) {
   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;
@@ -1401,23 +1493,66 @@ async function arrowSelect(question, options, defaultIndex) {
     };
     const render = (initial = false) => {
       if (!initial) {
-        stdout.write(`\x1B[${options.length + 1}A`);
+        stdout.write(`\x1B[${lineCount}A`);
         stdout.write("\x1B[J");
       }
-      console.log(`  ${ui.primary("\u25CF")} ${ui.text.bold(question)}`);
+      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++) {
-        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)}`);
-        }
+        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) {
@@ -1427,23 +1562,14 @@ async function arrowSelect(question, options, defaultIndex) {
         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);
+        choose();
       } else if (key.ctrl && key.name === "c" || key.name === "escape") {
-        stdin.setRawMode(false);
-        stdin.removeListener("keypress", onKeypress);
+        cleanup();
         process.exit(0);
       }
     };
     stdin.resume();
+    stdin.on("data", onMouseData);
     stdin.on("keypress", onKeypress);
   });
 }
@@ -1496,9 +1622,66 @@ async function fallbackPrompt(question, options, defaultIndex) {
     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("]")}`;
+  }
+  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 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");
+  });
+}
 var init_select = __esm({
   "src/cli/select.ts"() {
     "use strict";
+    init_box();
     init_theme();
   }
 });
@@ -1508,17 +1691,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 +1733,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 +1790,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 +1846,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 +2005,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, `  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(`${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(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 +2046,7 @@ var init_prompt_assistant = __esm({
     "use strict";
     init_select();
     init_box();
+    init_theme();
     IMPORTANT_DIRS = [
       "index.html",
       "styles",
@@ -1920,7 +2167,7 @@ var init_prompt_assistant = __esm({
 });
 
 // src/cli/cooking.ts
-import chalk5 from "chalk";
+import chalk4 from "chalk";
 var SHINE_WIDTH, FRAME_INTERVAL, SPINNER_FRAMES, CookingSpinner;
 var init_cooking = __esm({
   "src/cli/cooking.ts"() {
@@ -1967,7 +2214,7 @@ var init_cooking = __esm({
       draw() {
         if (!this.active) return;
         const spinner = SPINNER_FRAMES[this.frame % SPINNER_FRAMES.length];
-        const shimmer = this.renderShimmer("f-export");
+        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}`);
@@ -1980,7 +2227,7 @@ var init_cooking = __esm({
           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]);
+            result += chalk4.rgb(250, Math.min(255, g), Math.min(255, Math.floor(g * 0.75)))(text[i]);
           } else {
             result += ui.muted(text[i]);
           }
@@ -2003,7 +2250,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);
@@ -2064,10 +2311,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 +2348,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 +2443,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,11 +2459,13 @@ 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.")}
-`);
+  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})`) : "";
+    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 || "";
@@ -2229,11 +2478,13 @@ async function runSetup(legacyMode = false) {
       new URL4(input);
       siteUrl = input;
     } catch {
-      console.log(`  ${ui.error("\u2717")} ${ui.error("Invalid URL. Enter a valid URL (https://...)")}
-`);
+      console.log(
+        `  ${ui.error("\u2717")} ${ui.error("Invalid URL. Enter a valid URL (https://...)")}
+`
+      );
     }
   }
-  console.log(`  ${ui.success("\u2713")} ${ui.success("URL:")} ${chalk7.underline(siteUrl)}
+  console.log(`  ${ui.success("\u2713")} ${ui.success("URL:")} ${chalk6.underline(siteUrl)}
 `);
   drawHeader("Step 2 : Platform");
   const detected = detectPlatform(siteUrl);
@@ -2247,16 +2498,26 @@ async function runSetup(legacyMode = false) {
   } 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" }
+      {
+        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));
+    platformName = await select(
+      "Select platform",
+      platforms,
+      Math.max(0, defaultIdx)
+    );
   }
   const rl2 = legacyMode ? rl : readline2.createInterface({ input: stdin3, output: stdout3 });
   const ask2 = async (question, defaultVal) => {
-    const suffix = defaultVal ? chalk7.gray(` (${defaultVal})`) : "";
+    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 || "";
@@ -2273,12 +2534,16 @@ async function runSetup(legacyMode = false) {
   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))}
@@ -2290,16 +2555,24 @@ async function runSetup(legacyMode = false) {
       { 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();
@@ -2375,8 +2648,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,13 +2678,25 @@ 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("");
 }
 
@@ -2468,15 +2757,21 @@ 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("");
@@ -2485,7 +2780,9 @@ async function main() {
   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.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("");
   });
@@ -2523,12 +2820,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);
   }
 }