framer-export 5.0.0-beta.1 → 5.0.0-beta.2

package/dist/cli/index.js

@@ -15,7 +15,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "framer-export",
-      version: "5.0.0-beta.1",
+      version: "5.0.0-beta.2",
       description: "Export 25+ website platforms (Framer, Webflow, Wix, Shopify, Notion, WordPress, Squarespace, Ghost, and more) into a fully working local mirror. Downloads all assets, strips badges, rewrites URLs, and pretty-prints JS.",
       type: "module",
       main: "dist/cli/index.js",
@@ -35,6 +35,7 @@ var init_package = __esm({
         start: "tsx src/cli/index.ts",
         dev: "tsx src/cli/index.ts",
         build: "tsup",
+        test: "node --import tsx --test tests/unit/*.test.ts",
         typecheck: "tsc --noEmit",
         format: 'prettier --write "src/**/*.ts"',
         prepublishOnly: "npm run build",
@@ -75,10 +76,8 @@ var init_package = __esm({
       },
       dependencies: {
         chalk: "^5.3.0",
-        ora: "^8.0.0",
         prettier: "^3.2.0",
-        puppeteer: "^22.0.0",
-        "readline-promise": "^1.0.5"
+        puppeteer: "^22.0.0"
       },
       devDependencies: {
         "@types/node": "^22.0.0",
@@ -108,9 +107,6 @@ function softGradient(text) {
 function chip(label) {
   return `${ui.border("[")}${ui.primary(label)}${ui.border("]")}`;
 }
-function bullet(label = "\u2022") {
-  return ui.primary(label);
-}
 function centerText(text, width) {
   const visible = stripAnsi(text).length;
   if (visible >= width) return text;
@@ -239,10 +235,27 @@ var init_framer = __esm({
       ],
       stripPatterns: [
         /<div id="__framer-badge-container"[^>]*><\/div>/g,
-        /<script>try\{if\(localStorage\.get\("__framer_force_showing_editorbar_since"\)\)[^<]*<\/script>/g
+        /<script>try\{if\(localStorage\.getItem\("__framer_force_showing_editorbar_since"\)\)[^<]*<\/script>/g
       ],
       hydrationTimeout: 1e4,
       needsHydrationCheck: true,
+      skipAssetUrls: [
+        /^https:\/\/(?:www\.)?framer\.com\/edit(?:[/?]|$)/,
+        /^https:\/\/(?:[^/]+\.)*(?:framer\.com|framerstatic\.com|framerusercontent\.com|framercanvas\.com)\/[^?]*\/init\.mjs(?:\?|$)/,
+        /^https:\/\/(?:[^/]+\.)*(?:framer\.com|framerstatic\.com|framerusercontent\.com|framercanvas\.com)\/[^?]*\/editorbar\.[^/]*\.mjs(?:\?|$)/,
+        /^https:\/\/(?:[^/]+\.)*(?:framer\.com|framerstatic\.com|framerusercontent\.com|framercanvas\.com)\/[^?]*\/EditButton-[^/]*\.mjs(?:\?|$)/
+      ],
+      lazyChunkDirs: ["scripts/vendor", "scripts/modules"],
+      rewritePatterns: [
+        {
+          from: /https:\/\/(?:www\.)?framer\.com\/edit\/init\.mjs/g,
+          to: "data:text/javascript,export%20const%20createEditorBar=()=>()=>null"
+        },
+        {
+          from: /\(function\(\)\{[\w$]+&&[\w$]+\(\(\)=>\{[\s\S]{0,200}?__framer-badge-container[\s\S]{0,300}?\}\)\}\)\(\)/g,
+          to: ""
+        }
+      ],
       mapAssetDir(host, pathname, ext) {
         if (host.includes("framerusercontent.com")) {
           if (pathname.startsWith("/images/")) return "assets/images";
@@ -363,9 +376,7 @@ var init_wix = __esm({
         "panorama.wixapps.net"
       ],
       stripSelectors: ["#WIX_ADS", ".wix-ads", "#wix-badge", "#SCROLL_TO_TOP"],
-      stripPatterns: [
-        /<div[^>]*class="[^"]*wix-ads[^"]*"[^>]*>[\s\S]*?<\/div>/g
-      ],
+      stripPatterns: [/<div[^>]*class="[^"]*wix-ads[^"]*"[^>]*>[\s\S]*?<\/div>/g],
       hydrationTimeout: 3e3,
       needsHydrationCheck: false,
       mapAssetDir(host, pathname, ext) {
@@ -412,17 +423,9 @@ var init_bubble = __esm({
       detectByHtml(html) {
         return html.includes("window.appquery = make_proxy(") || html.includes("window._bubble_page_load_data") || html.includes("window.bubble_session_uid") || html.includes("/package/pre_run_jquery_js/");
       },
-      // Telemetry only (Plausible-based, on standard-plan apps). NEVER the asset CDN.
       stripDomains: ["pluginpul.se"],
-      // Post-process removal of any telemetry <script> that survived into the DOM.
       stripSelectors: ['script[src*="pluginpul.se"]'],
       stripPatterns: [
-        // "Made with Bubble" badge — injected at runtime by run.js and gated by
-        // window._p.no_branding, so it never appears in the raw SSR HTML (only in
-        // the captured rendered DOM). Best-effort strip anchored on its bubble.io
-        // target: matches an <a> pointing at the bubble.io ROOT (optionally with a
-        // tracking query), which is tight enough to spare normal deep-links to
-        // bubble.io content pages.
         /<a\b[^>]*href="https?:\/\/(?:www\.)?bubble\.io\/?(?:\?[^"]*)?"[^>]*>[\s\S]*?<\/a>/gi
       ],
       needsHydrationCheck: true,
@@ -476,34 +479,14 @@ var init_carrd = __esm({
         return /\.carrd\.co/i.test(url);
       },
       detectByHtml(html) {
-        return (
-          // Hallmark inline runtime IIFE, present on every Carrd site (new and old).
-          html.includes("$inner = $('.inner')") || // Free-plan "( Made with Carrd )" badge anchor.
-          html.includes('href="https://carrd.co"') || // Carrd's component-class scheme (…-component). Webflow uses w-* prefixes and
-          // Wix uses random ids, so this family does not collide with the frozen trio.
-          /class="[^"]*\b(?:text|image|container|buttons|icons|divider|links)-component\b/.test(html) || // Current-gen structural nesting: .site-wrapper > .site-main (both required, so
-          // neither generic-sounding class triggers detection on its own).
-          html.includes('class="site-wrapper"') && html.includes('class="site-main"')
-        );
+        return html.includes("$inner = $('.inner')") || html.includes('href="https://carrd.co"') || /class="[^"]*\b(?:text|image|container|buttons|icons|divider|links)-component\b/.test(html) || html.includes('class="site-wrapper"') && html.includes('class="site-main"');
       },
-      // No third-party analytics/telemetry is injected by default (profile
-      // analyticsScripts is empty), and fonts.googleapis.com is a needed asset host,
-      // so nothing is blocked during capture.
       stripDomains: [],
-      // The badge id sits directly on the <p> (there is no wrapper div and no
-      // class="credits"); removing #credits drops the whole "Made with Carrd" line.
       stripSelectors: ["#credits"],
       stripPatterns: [
-        // Free-plan badge paragraph: <p id="credits"><a href="https://carrd.co">…</a></p>
         /<p[^>]*id="credits"[^>]*>[\s\S]*?<\/p>/gi,
-        // Belt-and-suspenders: the branded badge anchor itself (anchored on the exact
-        // "( Made with Carrd )" text so a genuine user link to carrd.co is never removed).
         /<a[^>]*href="https:\/\/carrd\.co"[^>]*>\s*\(\s*Made with Carrd\s*\)\s*<\/a>/gi
       ],
-      // ssr-static: the raw SSR HTML is complete, so no hydration wait is required
-      // (profile needsHydrationCheck=false, hydrationTimeoutMs=0). antiBot is Cloudflare
-      // but the pages fetched cleanly in research; per the authoring guide we keep a
-      // small capture buffer instead of the literal 0 ms.
       hydrationTimeout: 2e3,
       needsHydrationCheck: false,
       mapAssetDir(host, pathname, ext) {
@@ -514,7 +497,8 @@ var init_carrd = __esm({
           if (VIDEO_EXTS4.includes(ext)) return "assets/videos";
           if (pathname.includes("/assets/images/") || IMG_EXTS4.includes(ext)) return "assets/images";
           if (pathname.includes("/assets/css/") || ext === ".css") return "styles";
-          if (pathname.includes("/assets/js/") || ext === ".js" || ext === ".mjs") return "scripts/vendor";
+          if (pathname.includes("/assets/js/") || ext === ".js" || ext === ".mjs")
+            return "scripts/vendor";
           if (FONT_EXTS5.includes(ext)) return "assets/fonts";
           return "assets/misc";
         }
@@ -541,18 +525,11 @@ var init_duda = __esm({
         return /\.(?:multiscreensite|dudaone)\.com/i.test(url);
       },
       detectByHtml(html) {
-        return html.includes("atob('RFVEQU9ORQ==')") || // window.Parameters SiteType → 'DUDAONE'
-        html.includes('id="dmRoot"') || html.includes("DM_DIRECT") || // window.Parameters productId
-        html.includes("d_track_campaign");
+        return html.includes("atob('RFVEQU9ORQ==')") || html.includes('id="dmRoot"') || html.includes("DM_DIRECT") || html.includes("d_track_campaign");
       },
-      // No external telemetry/analytics hosts on Duda (tracking is inline, first-party).
       stripDomains: [],
-      // Inline first-party tracking <script id="..."> elements (removed by id).
       stripSelectors: ["#d_track_campaign", "#d_track_personalization", "#d_track_sp"],
-      stripPatterns: [
-        // "Made with Duda" badge → https://www.duda.co/inspiration
-        /<a[^>]*href="[^"]*duda\.co\/inspiration[^"]*"[^>]*>[\s\S]*?<\/a>/g
-      ],
+      stripPatterns: [/<a[^>]*href="[^"]*duda\.co\/inspiration[^"]*"[^>]*>[\s\S]*?<\/a>/g],
       hydrationTimeout: 0,
       needsHydrationCheck: false,
       mapAssetDir(host, pathname, ext) {
@@ -591,9 +568,7 @@ var init_squarespace = __esm({
       detectByHtml(html) {
         return html.includes("<!-- This is Squarespace. -->") || html.includes("Static.SQUARESPACE_CONTEXT") || html.includes("<!-- End of Squarespace Headers -->") || html.includes("images.squarespace-cdn.com");
       },
-      // First-party analytics only; no default third-party telemetry host to block.
       stripDomains: [],
-      // No editor chrome / badge in public SSR HTML on paid or template sites.
       stripSelectors: [],
       stripPatterns: [],
       hydrationTimeout: 3e3,
@@ -656,21 +631,14 @@ var init_strikingly = __esm({
       detectByHtml(html) {
         return html.includes("strikingly-host-suffix") || html.includes('data-hypernova-key="SiteBootstrapper"') || html.includes('id="s-page-client-container"') || html.includes("strikinglycdn.com");
       },
-      // Telemetry / error-monitoring only — NEVER the strikinglycdn asset CDN.
       stripDomains: [
         "google-analytics.com",
         "www.google-analytics.com",
         "notify.bugsnag.com",
         "sessions.bugsnag.com"
       ],
-      // The "Powered by Strikingly" footer section carries the unique class
-      // `.show-strikingly-logo` (inside #s-footer-section-container).
       stripSelectors: [".show-strikingly-logo"],
-      stripPatterns: [
-        // Hydration-rendered badge anchor → https://www.strikingly.com/?ref=logo…&utm_campaign=footer_pbs
-        /<a[^>]*href="[^"]*strikingly\.com\/\?ref=logo[^"]*"[^>]*>[\s\S]*?<\/a>/gi
-      ],
-      // renderStrategy: react-hydration → use the rendered DOM as the HTML source.
+      stripPatterns: [/<a[^>]*href="[^"]*strikingly\.com\/\?ref=logo[^"]*"[^>]*>[\s\S]*?<\/a>/gi],
       hydrationTimeout: 3e3,
       needsHydrationCheck: false,
       hydrationSelector: "#s-page-client-container",
@@ -727,15 +695,9 @@ var init_tilda = __esm({
       detectByHtml(html) {
         return html.includes("data-tilda-project-id") || html.includes("data-tilda-page-id") || html.includes("tildacdn") || html.includes('id="allrecords"');
       },
-      // Third-party telemetry only. NEVER the tildacdn asset hosts (they carry the
-      // page's real images/CSS/JS); the Tilda stat script is stripped by selector.
       stripDomains: ["www.google-analytics.com", "google-analytics.com"],
       stripSelectors: ["#tildacopy", ".t-tildalabel", 'script[src*="tilda-stat"]'],
-      stripPatterns: [
-        // "Made on Tilda" badge link (free-plan only). No nested <a>, so the
-        // non-greedy </a> match is safe even though the anchor wraps inner <div>s.
-        /<a[^>]*href="[^"]*tilda\.cc[^"]*"[^>]*>[\s\S]*?<\/a>/g
-      ],
+      stripPatterns: [/<a[^>]*href="[^"]*tilda\.cc[^"]*"[^>]*>[\s\S]*?<\/a>/g],
       hydrationTimeout: 0,
       needsHydrationCheck: false,
       mapAssetDir(host, pathname, ext) {
@@ -776,15 +738,8 @@ var init_weebly = __esm({
       detectByHtml(html) {
         return html.includes("Weebly.footer.setupContainer") || html.includes("weebly-footer-signup-container-v3") || html.includes("wsite-content") || html.includes("window._W");
       },
-      // Third-party telemetry only. NEVER list editmysite.com here — that host serves
-      // the platform CSS/JS/images (cdn1/cdn2/cdn11) and blocking it deletes assets.
-      // The Weebly _W.Analytics trackers (main.js, stl.js) also live on that CDN, so
-      // they are intentionally not blocked (blocking the host would kill assets too).
       stripDomains: ["google-analytics.com"],
-      // Footer "Made with Weebly" signup badge: unique container id (empty in SSR
-      // HTML, populated client-side) plus the script that injects it.
       stripSelectors: ["#weebly-footer-signup-container-v3", 'script[src*="footerSignup.js"]'],
-      // Best-effort removal of the rendered badge anchor should it appear inline.
       stripPatterns: [/<a[^>]*href="[^"]*weebly\.com\/signup[^"]*"[^>]*>[\s\S]*?<\/a>/g],
       hydrationTimeout: 0,
       needsHydrationCheck: false,
@@ -822,21 +777,9 @@ var init_clickfunnels = __esm({
       detectByHtml(html) {
         return html.includes("cf-head-scripts") || html.includes("window.cfRootDomain") || html.includes("cf-lander-serialized-custom-fonts") || html.includes("data-page-element");
       },
-      // Telemetry / analytics hosts blocked during capture. NOT the asset CDNs
-      // (statics.myclickfunnels.com / images.clickfunnels.com) and NOT the functional
-      // third-party libs (cdnjs / code.jquery.com / fontawesome) or Turnstile.
       stripDomains: ["bam.nr-data.net", "js-agent.newrelic.com", "events.myclickfunnels.com"],
-      // No CF-specific badge/editor container has a static id/class in the delivered
-      // HTML, so there is nothing selector-strippable here.
       stripSelectors: [],
-      // BADGE: The "Powered by ClickFunnels" badge is default-on per docs but was
-      // toggled OFF/HIDDEN on both verified samples (0 occurrences in the SSR HTML),
-      // and this handler does not capture the rendered DOM. No reliable static markup
-      // exists to anchor a regex on, so no badge stripPattern is emitted (a loose match
-      // on clickfunnels.com would risk removing legitimate links). If a future sample
-      // exposes the badge anchor, add a tight /<a[^>]*href="[^"]*clickfunnels\.com[^"]*"...>/ here.
       stripPatterns: [],
-      // ssr-static: SSR body is complete, no hydration wait needed.
       hydrationTimeout: 0,
       needsHydrationCheck: false,
       mapAssetDir(host, pathname, ext) {
@@ -873,30 +816,15 @@ var init_elementor = __esm({
       displayName: "Elementor",
       category: "landing",
       priority: 42,
-      // Only Elementor Cloud/Hosting uses a platform subdomain; self-hosted sites live
-      // on the owner's own domain and are caught by detectByHtml / detectGenerator.
       detectByUrl(url) {
         return /\.elementor\.cloud/i.test(url);
       },
-      // OR of four independent, Elementor-specific markers (none match Framer/Webflow/Wix,
-      // and #2/#3 survive optimization plugins that strip the generator meta):
-      //  - Elementor plugin asset directory
-      //  - Elementor "kit" body class
-      //  - root wrapper data-attribute
-      //  - frontend bootstrap JS global
       detectByHtml(html) {
         return html.includes("/wp-content/plugins/elementor/") || html.includes("elementor-kit-") || html.includes("data-elementor-type=") || html.includes("elementorFrontendConfig");
       },
-      // Matched against the <meta name="generator"> content only, e.g.
-      // "Elementor 3.31.3; features: ...". Anchored so it fires solely on Elementor's own
-      // generator string, never on the "WordPress 6.7.5" / "Site Kit by Google" siblings.
       detectGenerator: /^Elementor\s+\d+\.\d+/i,
-      // No default third-party telemetry: googletagmanager / cdn.usefathom.com hosts seen
-      // on sample sites are site-owner additions, not an Elementor platform default.
       stripDomains: [],
-      // No front-end editor chrome or badge element to remove.
       stripSelectors: [],
-      // Verified: no "Made with Elementor" badge in the front-end DOM → nothing to strip.
       stripPatterns: [],
       hydrationTimeout: 0,
       needsHydrationCheck: false,
@@ -935,8 +863,6 @@ var init_instapage = __esm({
       detectByHtml(html) {
         return html.includes("instapageSp") || html.includes("_instapageSnowplow") || html.includes("anthill.instapage.com") || html.includes("pageserver.page2");
       },
-      // Telemetry / analytics hosts only — blocked during capture. The fastcdn.co
-      // asset CDN is deliberately NOT listed here (those assets are mirrored).
       stripDomains: [
         "anthill.instapage.com",
         "cdn.instapagemetrics.com",
@@ -948,11 +874,7 @@ var init_instapage = __esm({
         'script[src*="anthill.instapage.com"]',
         'script[src*="heatmap.services"]'
       ],
-      stripPatterns: [
-        // Hidden local-storage helper iframe (runtime-injected on live pages; stripped
-        // here best-effort in case it appears in the captured markup).
-        /<iframe[^>]*d3mwhxgzltpnyp\.cloudfront\.net[^>]*>[\s\S]*?<\/iframe>/g
-      ],
+      stripPatterns: [/<iframe[^>]*d3mwhxgzltpnyp\.cloudfront\.net[^>]*>[\s\S]*?<\/iframe>/g],
       hydrationTimeout: 0,
       needsHydrationCheck: false,
       mapAssetDir(host, pathname, ext) {
@@ -997,14 +919,10 @@ var init_systemeio = __esm({
       detectByHtml(html) {
         return html.includes("<!-- Created with https://systeme.io -->") || html.includes("d3fit27i5nzkqh.cloudfront.net") || html.includes("systeme.io/?sa=") || html.includes("d3syewzhvzylbl.cloudfront.net");
       },
-      // First-party click/funnel telemetry — blocked during capture, never downloaded.
       stripDomains: ["log.systeme.io"],
       stripSelectors: ['script[src*="log.systeme.io"]'],
       stripPatterns: [
-        // Footer credit/affiliate badge: <a href="https://systeme.io/?sa=<code>" ...>SITE CREDIT</a>.
-        // Match on the `systeme.io/?sa=` href affiliate param (visible label is owner-editable).
         /<a[^>]*href="[^"]*systeme\.io\/\?sa=[^"]*"[^>]*>[\s\S]*?<\/a>/g,
-        // Branding comment injected right after <!DOCTYPE html>.
         /<!--\s*Created with https:\/\/systeme\.io\s*-->/g
       ],
       hydrationTimeout: 0,
@@ -1066,18 +984,9 @@ var init_unbounce = __esm({
       detectByHtml(html) {
         return html.includes("lp-pom-root") || html.includes("window.ub.page") || html.includes("builder-assets.unbounce.com") || html.includes("ubembed.com");
       },
-      // No first-party telemetry/analytics hosts to block (profile analyticsScripts: []).
-      // The asset CDNs (builder-assets / cloudfront / ubembed) must NOT be listed here.
       stripDomains: [],
-      // The badge selector (#lp-pom-root a[href*="unbounce.com"]) is a descendant
-      // combinator, unsupported by stripSelectors — handled via stripPatterns below.
       stripSelectors: [],
-      stripPatterns: [
-        // Best-effort removal of the "Made with Unbounce" branded footer link.
-        // Anchored on the exact brand host so it never matches *.unbouncepages.com /
-        // *.ubpages.com hosting links. Markup is approximate (badge markup UNVERIFIED).
-        /<a[^>]*href="https?:\/\/(?:www\.)?unbounce\.com[^"]*"[^>]*>[\s\S]*?<\/a>/gi
-      ],
+      stripPatterns: [/<a[^>]*href="https?:\/\/(?:www\.)?unbounce\.com[^"]*"[^>]*>[\s\S]*?<\/a>/gi],
       hydrationTimeout: 0,
       needsHydrationCheck: false,
       mapAssetDir(host, pathname, ext) {
@@ -1131,25 +1040,12 @@ var init_ghost = __esm({
       detectByHtml(html) {
         return html.includes("/assets/built/screen.css") || html.includes("/public/cards.min.css") || html.includes("cdn.jsdelivr.net/ghost/") || html.includes("gh-powered-by");
       },
-      // Matched against <meta name="generator"> content only. Version drifts per site
-      // (observed 6.51 and 6.39), so match the pattern rather than a literal version.
       detectGenerator: /Ghost [0-9.]+/i,
-      // First-party ghost-stats is the only analytics; it POSTs to the site's own
-      // origin, so there is no third-party telemetry host to block during capture.
       stripDomains: [],
-      // The "Powered by Ghost" badge's unique class sits on the WRAPPER <div>, whose
-      // only child is the <a>. The post-processor's naive `.class` stripper is
-      // non-greedy to the first close tag, so `.gh-powered-by` would delete only up to
-      // the inner </a> and orphan a dangling </div>. Since selectors run before
-      // patterns, that orphan cannot be cleaned up afterwards. The badge is therefore
-      // removed cleanly (both tags) by the wrapper-div stripPattern below instead.
       stripSelectors: [],
       stripPatterns: [
-        // <div class="gh-powered-by"><a href="https://ghost.org/" ...>Powered by Ghost</a></div>
         /<div[^>]*class="[^"]*gh-powered-by[^"]*"[^>]*>[\s\S]*?<\/div>/g,
-        // Bare <a href="…ghost.org…">Powered by Ghost</a> fallback if the wrapper drops.
         /<a[^>]*href="[^"]*ghost\.org[^"]*"[^>]*>[\s\S]*?<\/a>/g,
-        // Identifying <meta name="generator" content="Ghost X.Y">.
         /<meta[^>]*name="generator"[^>]*content="Ghost[^"]*"[^>]*>/gi
       ],
       hydrationTimeout: 0,
@@ -1196,18 +1092,9 @@ var init_notion = __esm({
       detectByHtml(html) {
         return html.includes('data-notion-html="web"') || html.includes('id="notion-app"') || html.includes("__notion_html_async") || html.includes("window.__notion_boot_data");
       },
-      // Notion's own Splunk telemetry collector — blocked during capture. NEVER add
-      // the asset hosts (www.notion.so / *.amazonaws.com) here; they serve real files.
       stripDomains: ["http-inputs-notion.splunkcloud.com"],
-      // Pre-hydration loading chrome. captureRenderedDom normally replaces these once
-      // #notion-app hydrates; stripping them is a defensive no-content cleanup in case
-      // hydration is partial.
       stripSelectors: ["#initial-loading-spinner", "#skeleton", "#skeleton-sidebar"],
       stripPatterns: [
-        // "Built with Notion" watermark is React-injected post-hydration (ABSENT from
-        // raw HTML — selector/href unverified). Best-effort removal from the captured
-        // rendered DOM: an <a> pointing at notion.so/notion.com that also carries the
-        // badge's signature text. Both conditions keep this from matching real content.
         /<a[^>]*href="[^"]*notion\.(so|com)[^"]*"[^>]*>[\s\S]*?Built with Notion[\s\S]*?<\/a>/gi
       ],
       hydrationTimeout: 8e3,
@@ -1262,15 +1149,9 @@ var init_wordpress = __esm({
       detectByHtml(html) {
         return html.includes("/wp-includes/") || html.includes("/wp-content/") || html.includes("api.w.org") || html.includes("_wpemojiSettings");
       },
-      // Matched against the <meta name="generator"> content only. Covers both
-      // "WordPress <version>" (self-hosted) and exact "WordPress.com" (hosted).
       detectGenerator: /WordPress/i,
-      // Jetpack / WP.com Stats trackers only — never the asset CDN.
       stripDomains: ["stats.wp.com", "pixel.wp.com"],
-      // Remove the leftover tracker <script> tags after their requests are blocked.
       stripSelectors: ['script[src*="stats.wp.com"]', 'script[src*="pixel.wp.com"]'],
-      // No badge to strip; drop the generator meta as an attribution cleanup
-      // (shape mirrors webflow.ts). Matches "WordPress 6.9.4" and "WordPress.com".
       stripPatterns: [
         /<meta[^>]*name=["']generator["'][^>]*content=["'][^"']*WordPress[^"']*["'][^>]*>/gi
       ],
@@ -1318,37 +1199,17 @@ var init_kajabi = __esm({
       detectByUrl(url) {
         return /\.mykajabi\.com/i.test(url);
       },
-      // Four Kajabi-only, tier-independent tells. Badge markers are deliberately NOT
-      // used here (the "Powered by Kajabi" badge is absent on paid plans). None of
-      // these strings appear on Framer / Webflow / Wix output.
       detectByHtml(html) {
-        return html.includes("var Kajabi = Kajabi") || // inline bootstrap: `var Kajabi = Kajabi || {};`
-        html.includes("Kajabi.currentSiteUser") || // inline theme bootstrap global
-        html.includes("kjb-settings-id=") || // Kajabi theme-editor data attribute
-        html.includes("kajabi-cdn.com");
+        return html.includes("var Kajabi = Kajabi") || html.includes("Kajabi.currentSiteUser") || html.includes("kjb-settings-id=") || html.includes("kajabi-cdn.com");
       },
-      // Telemetry / analytics hosts only — NEVER the kajabi-cdn.com asset hosts.
       stripDomains: ["rs-dp.kajabi.com", "cdn.rudderlabs.com"],
-      // The "Powered by Kajabi" badge wrapper carries a unique class — remove it via
-      // selector (first-match). stripPatterns below covers repeats / rendered markup.
       stripSelectors: [".footer__powered-by"],
       stripPatterns: [
-        // Whole badge wrapper: <div class="footer__powered-by"> … </div>
-        // (real markup has indentation/newlines between the div and the anchor).
         /<div[^>]*class="[^"]*footer__powered-by[^"]*"[^>]*>[\s\S]*?<\/div>/g,
-        // Belt-and-suspenders: the branded referral anchor itself.
         /<a[^>]*href="[^"]*app\.kajabi\.com\/r\/[^"]*powered_by=true[^"]*"[^>]*>[\s\S]*?<\/a>/g
       ],
-      // ssr-static: the raw SSR HTML is complete, so no hydration wait is needed
-      // (profile needsHydrationCheck=false, hydrationTimeoutMs=0). antiBot is
-      // Cloudflare but the pages fetched cleanly in research; per the authoring
-      // guide we keep a small capture buffer instead of the literal 0 ms.
       hydrationTimeout: 2e3,
       needsHydrationCheck: false,
-      // Both cdnDomains live under *.kajabi-cdn.com
-      //   - kajabi-storefronts-production.kajabi-cdn.com
-      //   - kajabi-app-assets.kajabi-cdn.com
-      // so a single host match covers every declared CDN host; classify by ext/path.
       mapAssetDir(host, pathname, ext) {
         if (host.includes("kajabi-cdn.com")) {
           if (VIDEO_EXTS18.includes(ext)) return "assets/videos";
@@ -1382,28 +1243,15 @@ var init_podia = __esm({
         return /\.podia\.com/i.test(url);
       },
       detectByHtml(html) {
-        return (
-          // Constant Turnstile site-key present on every Podia storefront (incl. custom domains).
-          html.includes("0x4AAAAAAAJ5kwYW6AH1ybLx") || // Shared framework asset host (storefront-<hash>.css/.js, user-site-<hash>.js).
-          html.includes("cdn.podia.com") || // React section-adapter islands unique to Podia's creator UI.
-          html.includes('data-react-component="creator_ui/section_adapters/') || // Stimulus controller wiring the editable page sections.
-          html.includes('data-controller="editor--page-section"')
-        );
+        return html.includes("0x4AAAAAAAJ5kwYW6AH1ybLx") || html.includes("cdn.podia.com") || html.includes('data-react-component="creator_ui/section_adapters/') || html.includes('data-controller="editor--page-section"');
       },
-      // Telemetry only — NEVER the asset CDN. Podia's default analytics is Google Tag Manager.
       stripDomains: ["www.googletagmanager.com"],
       stripSelectors: ['script[src*="googletagmanager.com"]'],
       stripPatterns: [
-        // "Powered by Podia" footer badge — React-rendered anchor in the captured DOM.
-        // Its href is https://www.podia.com?utm_medium=poweredby&utm_source=footer
-        // (the "&" may serialize as "&amp;"). Anchor on the stable brand host + the
-        // badge-unique utm_medium=poweredby token; tolerate single/double quotes and any
-        // chars between host and token (e.g. a "/" before the query string).
         /<a[^>]*href=['"][^'"]*podia\.com[^'"]*utm_medium=poweredby[^'"]*['"][^>]*>[\s\S]*?<\/a>/gi
       ],
       hydrationTimeout: 4e3,
       needsHydrationCheck: true,
-      // Content lives in these React islands rather than a #main root.
       hydrationSelector: ".react-page-section",
       captureRenderedDom: true,
       mapAssetDir(host, pathname, ext) {
@@ -1452,17 +1300,9 @@ var init_teachable = __esm({
         "www.recaptcha.net",
         "fast.wistia.com"
       ],
-      stripSelectors: [
-        // Analytics <script src> tags left in the HTML (hosts also blocked at capture
-        // via stripDomains). The powered-by badge is handled by stripPatterns instead
-        // — a `.class` selector can't match its single-quoted, multi-child anchor.
-        'script[src*="heapanalytics.com"]',
-        'script[src*="nr-data.net"]'
-      ],
+      stripSelectors: ['script[src*="heapanalytics.com"]', 'script[src*="nr-data.net"]'],
       stripPatterns: [
-        // Footer "Teach Online with" badge — anchored on its unique powered-by class.
         /<a[^>]*class=['"][^'"]*powered-by[^'"]*['"][^>]*>[\s\S]*?<\/a>/gi,
-        // Fallback: anchored on the teachable.com ?src=school_footer badge href.
         /<a[^>]*href=['"][^'"]*teachable\.com[^'"]*src=school_footer[^'"]*['"][^>]*>[\s\S]*?<\/a>/gi
       ],
       hydrationTimeout: 0,
@@ -1501,49 +1341,17 @@ var init_thinkific = __esm({
       detectByUrl(url) {
         return /\.thinkific\.com/i.test(url);
       },
-      // Four Thinkific-only tells that hold on both subdomain and custom-domain
-      // sites. The "Powered by Thinkific" badge is deliberately NOT used here (it is
-      // removable on paid plans). None of these strings appear on Framer / Webflow /
-      // Wix output.
       detectByHtml(html) {
-        return html.includes("window.Thinkific") || // inline bootstrap: `window.Thinkific = window.Thinkific || {}`
-        html.includes("assets.thinkific.com") || // theme CSS/JS bundle host
-        html.includes("cdn.thinkific.com") || // toga-css icon-font host
-        html.includes("thnc.current_user-initialized");
+        return html.includes("window.Thinkific") || html.includes("assets.thinkific.com") || html.includes("cdn.thinkific.com") || html.includes("thnc.current_user-initialized");
       },
-      // Telemetry / third-party embed hosts only (profile.analyticsScripts) — NEVER
-      // the *.thinkific.com asset CDN. These are matched against the request HOSTNAME
-      // only (capture.ts: `host.includes(d)`), so each entry MUST be a bare hostname —
-      // a path such as "www.google.com/recaptcha" can never match and would be dead.
-      // `fast.wistia.net` = Wistia video player; `www.google.com` = sign-in reCAPTCHA
-      // (api.js served from www.google.com/recaptcha; the whole host is safe to block
-      // on a static mirror — no legit Thinkific asset is served from it).
       stripDomains: ["fast.wistia.net", "www.google.com"],
-      // The badge is removed via stripPatterns (below), NOT a `.class` stripSelector.
-      // The class-based stripper (output.ts) is a non-greedy `…>[\s\S]*?<\/[^>]*>` that
-      // stops at the FIRST closing tag, so on the nested badge markup
-      // (<div class="footer__white-label"><a><svg><title>…</title>…</svg></a></div>) it
-      // would cut at </title>, leaving orphan </svg></a></div> AND deleting the opening
-      // <div>/<a> tags that the stripPatterns regexes anchor on (stripSelectors run
-      // before stripPatterns). So no stripSelectors are used here.
       stripSelectors: [],
       stripPatterns: [
-        // Whole badge wrapper: <div class="footer__white-label"> … </div>
-        // (inner anchor + inline SVG titled "Teach online with Thinkific").
         /<div[^>]*class="[^"]*footer__white-label[^"]*"[^>]*>[\s\S]*?<\/div>/g,
-        // Belt-and-suspenders: the branded powered-by referral anchor itself.
         /<a[^>]*href="[^"]*thinkific\.com[^"]*utm_medium=powered-by[^"]*"[^>]*>[\s\S]*?<\/a>/g
       ],
-      // ssr-static: the raw SSR HTML is complete, so no hydration wait is needed
-      // (profile needsHydrationCheck=false, hydrationTimeoutMs=0). antiBot is
-      // Cloudflare (rocket-loader observed) but pages fetched cleanly in research;
-      // per the authoring guide we keep a small capture buffer instead of literal 0.
       hydrationTimeout: 2e3,
       needsHydrationCheck: false,
-      // cdnDomains: assets.thinkific.com, cdn.thinkific.com, cdn-themes.thinkific.com,
-      // import.cdn.thinkific.com, files.cdn.thinkific.com (all *.thinkific.com), plus
-      // the bare s3.amazonaws.com upload host. Theme bundles/fonts live on the
-      // thinkific.com hosts; uploaded media on import.cdn / files.cdn (front S3).
       mapAssetDir(host, pathname, ext) {
         if (host.includes("thinkific.com")) {
           if (VIDEO_EXTS21.includes(ext)) return "assets/videos";
@@ -1587,25 +1395,18 @@ var init_gumroad = __esm({
       detectByHtml(html) {
         return html.includes("cable.gumroad.com") || html.includes("assets.gumroad.com") || html.includes("ns/fb/gumroad#") || html.includes("gumroad:product");
       },
-      // Telemetry / analytics hosts only — never the asset CDN.
-      // gumroad-analytics.com is Gumroad's first-party analytics proxy
-      // (domain_settings.third_party_analytics_domain); GA / FB Pixel / TikTok Pixel
-      // are injected client-side only when the creator enables them.
       stripDomains: [
         "gumroad-analytics.com",
         "www.googletagmanager.com",
         "connect.facebook.net",
         "analytics.tiktok.com"
       ],
-      // Defensively drop any surviving analytics <script> tags from the rendered DOM
-      // (stripDomains already blocks them at the network layer during capture).
       stripSelectors: [
         'script[src*="gumroad-analytics.com"]',
         'script[src*="googletagmanager.com"]',
         'script[src*="connect.facebook.net"]',
         'script[src*="analytics.tiktok.com"]'
       ],
-      // No server-rendered badge to remove (badgePresent = false, confirmed).
       stripPatterns: [],
       hydrationTimeout: 8e3,
       needsHydrationCheck: true,
@@ -1646,19 +1447,10 @@ var init_shopify = __esm({
       detectByHtml(html) {
         return html.includes("cdn.shopify.com") || html.includes("/cdn/shop/") || html.includes("Shopify.shop") || html.includes("ShopifyAnalytics");
       },
-      // Telemetry only — never the asset CDN.
       stripDomains: ["monorail-edge.shopifysvc.com"],
-      // The "Powered by Shopify" badge is a NESTED <span class="shopify-powered-by">
-      // <a …>…</a></span>. The post-processor's `.class` strip only deletes up to the
-      // FIRST closing tag (the inner </a>), which would leave an orphan </span>; worse,
-      // stripSelectors run BEFORE stripPatterns, so it would consume the opening <span>
-      // and stop the clean span regex below from matching. So the badge is removed
-      // purely via stripPatterns — no `.class` selector.
       stripSelectors: [],
       stripPatterns: [
-        // Whole badge container: <span class="shopify-powered-by" data-shopify="powered-by"><a href="…shopify.com?utm_campaign=poweredby…">Powered by Shopify</a></span>
         /<span[^>]*class="[^"]*shopify-powered-by[^"]*"[^>]*>[\s\S]*?<\/span>/gi,
-        // Fallback: the brand anchor itself (href carries ?utm_campaign=poweredby), in case the <span> wrapper is absent or customised.
         /<a[^>]*href="[^"]*shopify\.com\?utm_campaign=poweredby[^"]*"[^>]*>[\s\S]*?<\/a>/gi
       ],
       hydrationTimeout: 3500,
@@ -1711,9 +1503,7 @@ var init_gamma = __esm({
       detectByHtml(html) {
         return html.includes("assets.gammahosted.com") || html.includes("imgproxy.gamma.app") || html.includes("cdn.gamma.app") || html.includes("gamma-moveable-wrapper");
       },
-      // No telemetry/analytics hosts observed in the profile.
       stripDomains: [],
-      // No site badge and no editor chrome to strip on published Gamma sites.
       stripSelectors: [],
       stripPatterns: [],
       hydrationTimeout: 8e3,
@@ -1766,7 +1556,10 @@ function platformsByCategory() {
   }
   return out;
 }
-var PLATFORM_REGISTRY, CATEGORY_LABELS, CATEGORY_ORDER;
+function isBetaPlatform(name) {
+  return !STABLE_PLATFORMS.has(name);
+}
+var PLATFORM_REGISTRY, CATEGORY_LABELS, CATEGORY_ORDER, STABLE_PLATFORMS;
 var init_registry = __esm({
   "src/platforms/registry.ts"() {
     "use strict";
@@ -1796,11 +1589,9 @@ var init_registry = __esm({
     init_shopify();
     init_gamma();
     PLATFORM_REGISTRY = [
-      // frozen trio first (highest priority, unchanged behaviour)
       framer,
       webflow,
       wix,
-      // builders
       bubble,
       carrd,
       duda,
@@ -1808,25 +1599,20 @@ var init_registry = __esm({
       strikingly,
       tilda,
       weebly,
-      // landing
       clickfunnels,
       elementor,
       instapage,
       systemeio,
       unbounce,
-      // cms
       ghost,
       notion,
       wordpress,
-      // course
       kajabi,
       podia,
       teachable,
       thinkific,
-      // ecommerce
       gumroad,
       shopify,
-      // ai
       gamma
     ];
     CATEGORY_LABELS = {
@@ -1845,6 +1631,7 @@ var init_registry = __esm({
       "ecommerce",
       "ai"
     ];
+    STABLE_PLATFORMS = /* @__PURE__ */ new Set(["framer", "webflow", "wix"]);
   }
 });
 
@@ -1938,6 +1725,7 @@ __export(platforms_exports, {
   CATEGORY_LABELS: () => CATEGORY_LABELS,
   CATEGORY_ORDER: () => CATEGORY_ORDER,
   PLATFORM_REGISTRY: () => PLATFORM_REGISTRY,
+  STABLE_PLATFORMS: () => STABLE_PLATFORMS,
   detectByDom: () => detectByDom,
   detectByGenerator: () => detectByGenerator,
   detectByHtml: () => detectByHtml,
@@ -1945,6 +1733,7 @@ __export(platforms_exports, {
   detectPlatform: () => detectPlatform,
   framer: () => framer,
   getPlatformByName: () => getPlatformByName,
+  isBetaPlatform: () => isBetaPlatform,
   platformsByCategory: () => platformsByCategory,
   readGenerator: () => readGenerator,
   sortedByPriority: () => sortedByPriority,
@@ -2163,36 +1952,19 @@ 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));
@@ -2208,18 +1980,116 @@ var init_box = __esm({
   }
 });
 
+// src/cli/backdrop.ts
+import chalk4 from "chalk";
+import { stdout } from "process";
+function hash(x, y, frame) {
+  let h = x * 374761393 + y * 668265263 + frame * 2246822519;
+  h = (h ^ h >> 13) * 1274126177;
+  h = h ^ h >> 16;
+  return Math.abs(h) % 1e3;
+}
+var GLYPHS, COLORS, FRAME_MS, DENSITY, Backdrop;
+var init_backdrop = __esm({
+  "src/cli/backdrop.ts"() {
+    "use strict";
+    GLYPHS = ["\xB7", "\xB7", "\u2022", "\u25AA"];
+    COLORS = ["#3d332a", "#4a3b2d", "#584535", "#33302c"];
+    FRAME_MS = 160;
+    DENSITY = 28;
+    Backdrop = class {
+      timer = null;
+      frame = 0;
+      prev = [];
+      exclude = null;
+      constructor() {
+        if (process.env.FRAMER_EXPORT_NO_BG) this.frame = -1;
+      }
+      setExclude(rect) {
+        this.exclude = rect;
+      }
+      start() {
+        if (this.frame === -1 || !stdout.isTTY || this.timer) return;
+        this.paint();
+        this.timer = setInterval(() => this.paint(), FRAME_MS);
+      }
+      stop() {
+        if (this.timer) clearInterval(this.timer);
+        this.timer = null;
+        this.erasePrev();
+        this.prev = [];
+      }
+      inExclude(x, y) {
+        const r = this.exclude;
+        if (!r) return false;
+        return y >= r.top && y < r.top + r.height && x >= r.left && x < r.left + r.width;
+      }
+      erasePrev() {
+        if (this.prev.length === 0) return;
+        let out = "";
+        for (const [x, y] of this.prev) {
+          out += `\x1B[${y};${x}H `;
+        }
+        stdout.write(out);
+      }
+      paint() {
+        const rows = stdout.rows || 24;
+        const columns = stdout.columns || 80;
+        this.frame++;
+        let out = "";
+        for (const [x, y] of this.prev) {
+          if (!this.inExclude(x, y)) out += `\x1B[${y};${x}H `;
+        }
+        const next = [];
+        for (let y = 1; y <= rows; y += 2) {
+          for (let x = 1; x <= columns; x += 2) {
+            const h = hash(x, y, Math.floor(this.frame / 3) + Math.floor(x / 24) + Math.floor(y / 12));
+            if (h >= DENSITY) continue;
+            if (this.inExclude(x, y)) continue;
+            const glyph = GLYPHS[h % GLYPHS.length];
+            const color = COLORS[(h >> 2) % COLORS.length];
+            out += `\x1B[${y};${x}H${chalk4.hex(color)(glyph)}`;
+            next.push([x, y]);
+          }
+        }
+        this.prev = next;
+        stdout.write(out);
+      }
+    };
+  }
+});
+
 // src/cli/select.ts
 import readline from "readline";
-import { stdin, stdout } from "process";
+import chalk5 from "chalk";
+import { stdin, stdout as stdout2 } from "process";
+function panelRow(width, content = "") {
+  const visible = stripAnsi(content).length;
+  const pad = Math.max(0, width - visible);
+  return chalk5.bgHex(THEME.panel)(content + " ".repeat(pad));
+}
+function selectedRow(width, content) {
+  const visible = content.length;
+  const pad = Math.max(0, width - visible);
+  return chalk5.bgHex(THEME.primary).hex(THEME.background).bold(content + " ".repeat(pad));
+}
+function titleRow(width, title) {
+  const left = `  ${ui.text.bold(title)}`;
+  const right = `${ui.muted("esc")}  `;
+  const visible = stripAnsi(left).length + stripAnsi(right).length;
+  const gap = Math.max(1, width - visible);
+  return chalk5.bgHex(THEME.panel)(left + " ".repeat(gap) + right);
+}
 async function select(question, options, defaultIndex = 0, config = {}) {
-  const isTTY = stdin.isTTY && stdout.isTTY;
+  const isTTY = stdin.isTTY && stdout2.isTTY;
   if (!isTTY) {
-    return fallbackPrompt(question, options, defaultIndex, config);
+    const flat = options.map((o) => o.heading ? { ...o, disabled: true } : o);
+    return fallbackPrompt(question, flat, defaultIndex, config);
   }
   return arrowSelect(question, options, defaultIndex, config);
 }
 async function promptInput(question, defaultValue = "", config = {}) {
-  if (!stdin.isTTY || !stdout.isTTY) {
+  if (!stdin.isTTY || !stdout2.isTTY) {
     return fallbackInput(question, defaultValue);
   }
   return fullscreenInput(question, defaultValue, config);
@@ -2227,73 +2097,154 @@ async function promptInput(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 searchable = config.searchable === true;
+  const width = Math.max(50, Math.min(maxWidth(), 64));
   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 headerCount = headerLines.length;
   const rows = process.stdout.rows || 24;
   const columns = process.stdout.columns || 80;
+  const searchRows = searchable ? 1 : 0;
+  const optionStartOffset = 3 + searchRows + headerCount + (headerCount > 0 ? 1 : 0);
+  const chromeLines = optionStartOffset + (hasActions ? 3 : 1) + 2;
+  const maxVisible = Math.max(4, rows - chromeLines);
+  const visibleCount = Math.min(options.length, maxVisible);
+  const actionLineOffset = optionStartOffset + visibleCount + 1;
+  const lineCount = actionLineOffset + (hasActions ? 2 : 1);
   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 query = "";
+    const buildView = () => {
+      if (!query) return options.map((_, i) => i);
+      const q = query.toLowerCase();
+      const matched = /* @__PURE__ */ new Set();
+      options.forEach((option, i) => {
+        if (!option.heading && stripAnsi(option.label).toLowerCase().includes(q)) matched.add(i);
+      });
+      const view2 = [];
+      for (let i = 0; i < options.length; i++) {
+        if (options[i].heading) {
+          for (let j = i + 1; j < options.length && !options[j].heading; j++) {
+            if (matched.has(j)) {
+              view2.push(i);
+              break;
+            }
+          }
+        } else if (matched.has(i)) {
+          view2.push(i);
+        }
+      }
+      return view2;
+    };
+    let view = buildView();
+    const selectableAt = (pos) => {
+      const option = options[view[pos]];
+      return !option.disabled && !option.heading;
+    };
+    const firstSelectable = () => {
+      for (let pos = 0; pos < view.length; pos++) if (selectableAt(pos)) return pos;
+      return 0;
+    };
+    let selected = defaultIndex >= 0 && defaultIndex < options.length && view.indexOf(defaultIndex) >= 0 ? view.indexOf(defaultIndex) : firstSelectable();
+    if (!view.length || !selectableAt(Math.min(selected, Math.max(0, view.length - 1)))) {
+      selected = firstSelectable();
+    }
     let selectedAction = null;
-    if (selected < 0) selected = 0;
+    let scrollOffset = 0;
     const move = (direction) => {
       let next = selected + direction;
-      while (next >= 0 && next < options.length) {
-        if (!options[next].disabled) {
+      while (next >= 0 && next < view.length) {
+        if (selectableAt(next)) {
           selected = next;
           return;
         }
         next += direction;
       }
     };
-    const render = (initial = false) => {
-      if (!initial) {
-        stdout.write("\x1B[2J");
+    const syncScroll = () => {
+      if (view.length <= visibleCount) {
+        scrollOffset = 0;
+        return;
       }
+      const anchor = selected > 0 && options[view[selected - 1]].heading ? selected - 1 : selected;
+      if (anchor < scrollOffset) scrollOffset = anchor;
+      if (selected >= scrollOffset + visibleCount) scrollOffset = selected - visibleCount + 1;
+      scrollOffset = Math.max(0, Math.min(scrollOffset, view.length - visibleCount));
+    };
+    const backdrop = new Backdrop();
+    backdrop.setExclude({
+      top: panelTopRow - 1,
+      left: panelLeftCol - 2,
+      width: width + 4,
+      height: lineCount + 3
+    });
+    const searchRow = () => {
+      const shown = query ? `${chalk5.hex(THEME.text)(query)}${chalk5.hex(THEME.primary)("\u258C")}` : ui.muted("type to search");
+      const content = ` ${chalk5.hex(THEME.text)("\u258F")} ${shown}`;
+      const visible = stripAnsi(content).length;
+      return chalk5.bgHex(THEME.element)(content + " ".repeat(Math.max(0, width - visible)));
+    };
+    const render = () => {
       const lines = [];
-      lines.push(panelTop(width));
-      lines.push(
-        panelLine(width, centerText(`${ui.primary("\u25CF")} ${ui.text.bold(question)}`, inner))
-      );
+      lines.push(panelRow(width));
+      lines.push(titleRow(width, question));
+      if (searchable) lines.push(searchRow());
+      lines.push(panelRow(width));
       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(panelRow(width, `   ${ui.muted(truncatePlain(stripAnsi(header), 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),
+      if (headerCount > 0) lines.push(panelRow(width));
+      syncScroll();
+      for (let pos = scrollOffset; pos < scrollOffset + visibleCount; pos++) {
+        if (pos < view.length) {
+          lines.push(
+            renderOption(
+              options[view[pos]],
+              selectedAction === null && pos === selected,
+              view[pos] === defaultIndex,
+              width,
               inner
             )
-          )
-        );
+          );
+        } else {
+          lines.push(panelRow(width));
+        }
+      }
+      if (view.length === 0) {
+        lines[optionStartOffset] = panelRow(width, `   ${ui.muted("No results found")}`);
+      }
+      lines.push(
+        view.length > visibleCount ? panelRow(width, `   ${ui.muted(`${selected + 1}/${view.length}  scroll for more`)}`) : panelRow(width)
+      );
+      if (hasActions) {
+        lines.push(panelRow(width, renderActions(actions, selectedAction)));
+        lines.push(panelRow(width));
       }
-      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"),
+          ui.muted(
+            config.footer || (searchable ? "type to search   \u2191\u2193 move   enter select   esc close" : "\u2191\u2193 move   enter select   mouse click   esc close")
+          ),
           width
         )
       );
     };
-    const choose = (value = options[selected].value) => {
+    const refilter = () => {
+      view = buildView();
+      selected = firstSelectable();
+      scrollOffset = 0;
+      render();
+    };
+    const choose = (value) => {
+      if (value === void 0) {
+        if (!view.length || !selectableAt(selected)) return;
+        value = options[view[selected]].value;
+      }
       cleanup();
       console.log(
         `  ${ui.success("\u2713")} ${ui.text.bold(question)} ${ui.primary(labelForValue(value, options, actions))}
@@ -2324,10 +2275,12 @@ async function arrowSelect(question, options, defaultIndex, config) {
         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;
+      const relative = mouse.y - panelTopRow - optionStartOffset;
+      if (relative < 0 || relative >= visibleCount) return;
+      const pos = scrollOffset + relative;
+      if (pos >= view.length || !selectableAt(pos)) return;
+      if (selected !== pos) {
+        selected = pos;
         selectedAction = null;
         render();
       }
@@ -2336,6 +2289,7 @@ async function arrowSelect(question, options, defaultIndex, config) {
       }
     };
     const cleanup = () => {
+      backdrop.stop();
       leaveInteractiveScreen();
       stdin.setRawMode(false);
       stdin.removeListener("keypress", onKeypress);
@@ -2345,14 +2299,15 @@ async function arrowSelect(question, options, defaultIndex, config) {
     readline.emitKeypressEvents(stdin);
     stdin.setRawMode(true);
     enterInteractiveScreen(true);
-    render(true);
-    const onKeypress = (_str, key) => {
+    render();
+    backdrop.start();
+    const onKeypress = (str, key) => {
       if (!key) return;
-      if (key.name === "up" && selected > 0) {
+      if (key.name === "up") {
         move(-1);
         selectedAction = null;
         render();
-      } else if (key.name === "down" && selected < options.length - 1) {
+      } else if (key.name === "down") {
         move(1);
         selectedAction = null;
         render();
@@ -2360,10 +2315,25 @@ async function arrowSelect(question, options, defaultIndex, config) {
         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") {
+        if (selectedAction !== null) choose(actions[selectedAction].value);
+        else choose();
+      } else if (key.ctrl && key.name === "c") {
         cleanup();
         process.exit(0);
+      } else if (key.name === "escape") {
+        if (searchable && query) {
+          query = "";
+          refilter();
+          return;
+        }
+        cleanup();
+        process.exit(0);
+      } else if (searchable && key.name === "backspace") {
+        query = query.slice(0, -1);
+        refilter();
+      } else if (searchable && str && !key.ctrl && !key.meta && str >= " " && !isTerminalSequence(str, key)) {
+        query += cleanInputValue(str.replace(/[\r\n]/g, ""));
+        refilter();
       }
     };
     stdin.resume();
@@ -2401,7 +2371,7 @@ async function fallbackPrompt(question, options, defaultIndex, config) {
     }
   }
   return new Promise((resolve) => {
-    const rl = readline.createInterface({ input: stdin, output: stdout });
+    const rl = readline.createInterface({ input: stdin, output: stdout2 });
     const firstEnabled = options.findIndex((option) => !option.disabled);
     const enabledDefault = options[defaultIndex]?.disabled ? firstEnabled : defaultIndex;
     printFallbackOptions(question, options, enabledDefault, config);
@@ -2451,9 +2421,10 @@ async function fallbackPrompt(question, options, defaultIndex, config) {
 }
 function fullscreenInput(question, defaultValue, config) {
   const headerLines = config.headerLines ?? [];
-  const width = Math.max(44, Math.min(maxWidth(), 72));
+  const width = Math.max(50, Math.min(maxWidth(), 64));
   const inner = width - 4;
-  const lineCount = 6 + headerLines.length;
+  const headerCount = headerLines.length;
+  const lineCount = 3 + headerCount + (headerCount > 0 ? 1 : 0) + 2;
   const rows = process.stdout.rows || 24;
   const columns = process.stdout.columns || 80;
   const panelTopRow = Math.max(2, Math.floor((rows - lineCount) / 2) + 1);
@@ -2461,30 +2432,40 @@ function fullscreenInput(question, defaultValue, config) {
   const footerRow = Math.min(rows, panelTopRow + lineCount + 1);
   return new Promise((resolve) => {
     let value = defaultValue;
+    const backdrop = new Backdrop();
+    backdrop.setExclude({
+      top: panelTopRow - 1,
+      left: panelLeftCol - 2,
+      width: width + 4,
+      height: lineCount + 3
+    });
     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))
+      const clipped = truncatePlain(shown, Math.max(12, inner - 6));
+      const inputContent = ` ${chalk5.hex(THEME.text)("\u258F")} ${chalk5.hex(THEME.text)(clipped)}${chalk5.hex(THEME.primary)("\u258C")}`;
+      const inputVisible = stripAnsi(inputContent).length;
+      const inputRow = chalk5.bgHex(THEME.element)(
+        inputContent + " ".repeat(Math.max(0, width - inputVisible))
       );
+      const lines = [];
+      lines.push(panelRow(width));
+      lines.push(titleRow(width, question));
+      lines.push(panelRow(width));
       for (const header of headerLines) {
-        lines.push(panelLine(width, centerText(ui.muted(header), inner)));
+        lines.push(panelRow(width, `   ${ui.muted(truncatePlain(stripAnsi(header), inner))}`));
       }
-      lines.push(panelSep(width));
-      lines.push(panelLine(width, centerText(input, inner)));
-      lines.push(panelBot(width));
+      if (headerCount > 0) lines.push(panelRow(width));
+      lines.push(inputRow);
+      lines.push(panelRow(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)
+        centerText(ui.muted(config.footer || "type value   enter confirm   esc close"), width)
       );
     };
     const cleanup = () => {
+      backdrop.stop();
       leaveInteractiveScreen();
       stdin.setRawMode(false);
       stdin.removeListener("keypress", onKeypress);
@@ -2523,6 +2504,7 @@ function fullscreenInput(question, defaultValue, config) {
     stdin.setRawMode(true);
     enterInteractiveScreen(false);
     render();
+    backdrop.start();
     stdin.resume();
     stdin.on("keypress", onKeypress);
   });
@@ -2535,7 +2517,7 @@ async function fallbackInput(question, defaultValue) {
     return cleanInputValue(answer.trim() || defaultValue);
   }
   return new Promise((resolve) => {
-    const rl = readline.createInterface({ input: stdin, output: stdout });
+    const rl = readline.createInterface({ input: stdin, output: stdout2 });
     const suffix = defaultValue ? ui.muted(` (${defaultValue})`) : "";
     rl.question(`  ${ui.primary(">")} ${ui.text.bold(question)}${suffix}: `, (answer) => {
       rl.close();
@@ -2582,17 +2564,15 @@ function readPipedLine() {
   }
   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("]")}`;
+function renderActions(actions, active) {
+  const rendered = actions.map((action, index) => {
+    const label = stripAnsi(action.label);
+    if (action.disabled) return ui.muted(label);
     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")} `);
+      return chalk5.bgHex(THEME.primary).hex(THEME.background).bold(` ${label} `);
+    return ui.text(label);
+  }).join("   ");
+  return `   ${rendered}`;
 }
 function actionIndexAtX(actions, mouseX, panelLeftCol, inner) {
   if (actions.length === 0) return null;
@@ -2606,24 +2586,30 @@ function labelForValue(value, options, actions) {
     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));
+function renderOption(option, isSelected, isDefault, width, inner) {
+  const plain = truncatePlain(stripAnsi(option.label), Math.max(10, inner - 2));
+  if (option.heading) {
+    return panelRow(width, `   ${ui.accent.bold(plain)}`);
+  }
+  if (isSelected && !option.disabled) {
+    return selectedRow(width, ` ${isDefault ? "\u25CF" : " "} ${plain}`);
+  }
   if (option.disabled) {
-    return `${ui.border("[")} ${ui.muted(plain)} ${ui.border("]")}`;
+    return panelRow(width, `   ${ui.muted(plain)}`);
   }
-  if (selected) {
-    return `${ui.primary("\u203A")} ${ui.primary("[")} ${ui.text.bold(plain)} ${ui.primary("]")} ${ui.primary("\u2039")}`;
+  if (isDefault) {
+    return panelRow(width, ` ${ui.primary("\u25CF")} ${ui.primary(plain)}`);
   }
-  return `${ui.muted(" ")} ${ui.border("[")} ${ui.muted(plain)} ${ui.border("]")} ${ui.muted(" ")}`;
+  return panelRow(width, `   ${ui.text(plain)}`);
 }
 function enterInteractiveScreen(enableMouse) {
-  stdout.write("\x1B[?1049h\x1B[2J\x1B[H\x1B[?25l");
+  stdout2.write("\x1B[?1049h\x1B[2J\x1B[H\x1B[?25l");
   if (enableMouse) {
-    stdout.write("\x1B[?1006h\x1B[?1000h\x1B[?1002h\x1B[?1003h");
+    stdout2.write("\x1B[?1006h\x1B[?1000h\x1B[?1002h\x1B[?1003h");
   }
 }
 function leaveInteractiveScreen() {
-  stdout.write(
+  stdout2.write(
     "\x1B[?1003l\x1B[?1002l\x1B[?1000l\x1B[?1006l\x1B[?25h\x1B[?1049l"
   );
 }
@@ -2634,10 +2620,10 @@ function parseMouseEvent(chunk) {
   const code = Number(match[1]);
   const x = Number(match[2]);
   const y = Number(match[3]);
-  const state = match[4];
+  const state2 = 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 (state2 === "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;
@@ -2654,8 +2640,8 @@ function parseLegacyMouseEvent(text) {
   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 writeAt(row2, col, text) {
+  stdout2.write(`\x1B[${row2};${col}H${text}`);
 }
 function isTerminalSequence(str, key) {
   return str.includes("\x1B") || !!key.sequence?.includes("\x1B") || /^(?:\d+;){2}\d+[mM]$/.test(str);
@@ -2668,16 +2654,1012 @@ var init_select = __esm({
   "src/cli/select.ts"() {
     "use strict";
     init_box();
+    init_backdrop();
     init_theme();
     pipedLinesPromise = null;
     pipedLineIndex = 0;
   }
 });
 
+// src/ui/page.ts
+var UI_HTML;
+var init_page = __esm({
+  "src/ui/page.ts"() {
+    "use strict";
+    UI_HTML = `<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Framer Export</title>
+<style>
+  :root {
+    --bg: #0a0a0a;
+    --bg-panel: #141414;
+    --bg-element: #1e1e1e;
+    --bg-hover: #232323;
+    --text: #eeeeee;
+    --muted: #808080;
+    --primary: #fab283;
+    --secondary: #5c9cf5;
+    --accent: #9d7cd8;
+    --success: #7fd88f;
+    --warning: #f5a742;
+    --error: #e06c75;
+    --info: #56b6c2;
+    --border: rgba(255, 255, 255, 0.10);
+    --border-strong: rgba(255, 255, 255, 0.20);
+    --radius: 5px;
+    --font: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  html, body { height: 100%; }
+  body {
+    background: var(--bg);
+    color: var(--text);
+    font-family: var(--font);
+    font-size: 14px;
+    line-height: 1.55;
+    overflow-x: hidden;
+  }
+  ::selection { background: #f2f7c8; color: #131010; }
+  #bg {
+    position: fixed;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 0;
+    opacity: 0.5;
+    pointer-events: none;
+  }
+  .shell { position: relative; z-index: 1; min-height: 100%; display: flex; flex-direction: column; }
+  header {
+    position: sticky;
+    top: 0;
+    z-index: 5;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 64px;
+    padding: 0 2.5rem;
+    background: rgba(10, 10, 10, 0.82);
+    backdrop-filter: blur(10px);
+    border-bottom: 1px solid var(--border);
+  }
+  .brand { font-size: 15px; }
+  .brand .dim { color: var(--muted); }
+  .brand .strong { color: var(--text); font-weight: 700; }
+  .status { color: var(--muted); font-size: 12px; display: flex; align-items: center; gap: 8px; }
+  .status .dot { color: var(--muted); }
+  .status.running .dot { color: var(--warning); }
+  .status.done .dot { color: var(--success); }
+  .status.error .dot { color: var(--error); }
+  main { flex: 1; padding: 2.5rem; max-width: 1180px; width: 100%; margin: 0 auto; }
+  .screen { display: none; }
+  .screen.active { display: block; }
+  h1 { font-size: 1.5rem; font-weight: 700; letter-spacing: -0.01em; }
+  .sub { color: var(--muted); margin-top: 0.4rem; margin-bottom: 2rem; }
+  .sub .star { color: var(--primary); }
+  .grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
+    gap: 1rem;
+    padding-bottom: 3rem;
+  }
+  .card {
+    position: relative;
+    background: rgba(20, 20, 20, 0.86);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 1.1rem 1.2rem 1rem;
+    cursor: pointer;
+    transition: border-color .15s ease, background .15s ease, transform .1s ease;
+  }
+  .card:hover { border-color: var(--border-strong); background: rgba(30, 30, 30, 0.92); }
+  .card:active { transform: scale(0.98); }
+  .card .cat { font-size: 11px; color: var(--muted); display: flex; align-items: center; gap: 6px; margin-bottom: 6px; }
+  .card .cat .dot { font-size: 12px; }
+  .card .name { font-weight: 700; font-size: 15px; display: flex; align-items: center; gap: 8px; }
+  .badge-beta {
+    font-size: 10px;
+    font-weight: 700;
+    color: var(--warning);
+    border: 1px solid var(--warning);
+    border-radius: 3px;
+    padding: 1px 5px;
+    letter-spacing: 0.04em;
+  }
+  .search-wrap { max-width: 420px; margin-bottom: 1.6rem; }
+  .card .hint { font-size: 12px; color: var(--muted); margin-top: 8px; opacity: 0; transition: opacity .15s ease; }
+  .card:hover .hint { opacity: 1; }
+  .card.auto { border-style: dashed; }
+  .cat-heading {
+    grid-column: 1 / -1;
+    margin-top: 1.2rem;
+    color: var(--accent);
+    font-weight: 700;
+    font-size: 13px;
+  }
+  .cat-heading:first-child { margin-top: 0; }
+  .panel {
+    background: rgba(20, 20, 20, 0.9);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 2rem;
+    max-width: 640px;
+  }
+  .field-label { color: var(--muted); font-size: 12px; margin-bottom: 8px; }
+  input[type="text"] {
+    width: 100%;
+    background: var(--bg-element);
+    color: var(--text);
+    border: 1px solid var(--border);
+    border-left: 3px solid var(--primary);
+    border-radius: 3px;
+    font-family: var(--font);
+    font-size: 14px;
+    padding: 12px 14px;
+    outline: none;
+  }
+  input[type="text"]:focus { border-color: var(--border-strong); border-left-color: var(--primary); }
+  .error-line { color: var(--error); font-size: 12px; min-height: 18px; margin-top: 8px; }
+  .row { display: flex; align-items: center; gap: 12px; margin-top: 1.6rem; }
+  .btn {
+    font-family: var(--font);
+    font-size: 13px;
+    padding: 9px 18px;
+    border-radius: 4px;
+    border: none;
+    cursor: pointer;
+    background: var(--bg-element);
+    color: var(--text);
+    box-shadow: 0 0 0 1px rgba(255,255,255,.10);
+    transition: all .2s ease;
+  }
+  .btn:hover { box-shadow: 0 0 0 1px rgba(255,255,255,.22); }
+  .btn:active { transform: scale(0.98); }
+  .btn.primary { background: #f0efef; color: #131010; font-weight: 700; box-shadow: none; }
+  .btn.primary:hover { background: #ffffff; }
+  .btn.ghost { background: transparent; color: var(--muted); box-shadow: none; }
+  .btn.ghost:hover { color: var(--text); }
+  .chip {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    background: var(--bg-element);
+    border: 1px solid var(--border);
+    border-radius: 3px;
+    padding: 4px 10px;
+    font-size: 12px;
+    color: var(--muted);
+    margin-bottom: 1.4rem;
+  }
+  .chip b { color: var(--primary); font-weight: 700; }
+  .opt {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 13px 4px;
+    border-bottom: 1px solid var(--border);
+    cursor: pointer;
+    user-select: none;
+  }
+  .opt:last-of-type { border-bottom: none; }
+  .opt .box {
+    width: 18px;
+    height: 18px;
+    flex: none;
+    border: 1.5px solid var(--border-strong);
+    border-radius: 3px;
+    display: grid;
+    place-items: center;
+    color: transparent;
+    font-size: 13px;
+    font-weight: 700;
+    transition: all .15s ease;
+  }
+  .opt.on .box { background: var(--primary); border-color: var(--primary); color: #131010; }
+  .opt .label b { display: block; font-size: 14px; font-weight: 600; }
+  .opt .label span { font-size: 12px; color: var(--muted); }
+  .seg { display: inline-flex; border: 1px solid var(--border); border-radius: 4px; overflow: hidden; }
+  .seg button {
+    font-family: var(--font);
+    font-size: 12px;
+    background: transparent;
+    color: var(--muted);
+    border: none;
+    padding: 7px 16px;
+    cursor: pointer;
+  }
+  .seg button.on { background: var(--primary); color: #131010; font-weight: 700; }
+  .export-layout { display: flex; gap: 1.25rem; align-items: stretch; min-height: 62vh; }
+  .term {
+    flex: 1;
+    min-width: 0;
+    background: rgba(20, 20, 20, 0.94);
+    border: 1px solid var(--border);
+    border-left: 3px solid var(--primary);
+    border-radius: var(--radius);
+    padding: 1rem 1.2rem;
+    overflow-y: auto;
+    max-height: 72vh;
+    font-size: 12.5px;
+    line-height: 1.7;
+  }
+  .term .ln { white-space: pre-wrap; word-break: break-all; }
+  .term .t { color: var(--muted); }
+  .term .lv-log { color: var(--primary); }
+  .term .lv-info { color: var(--info); font-weight: 700; }
+  .term .lv-warn { color: var(--warning); font-weight: 700; }
+  .term .lv-ok { color: var(--success); }
+  .term .lv-error { color: var(--error); font-weight: 700; }
+  .term .msg { color: var(--text); }
+  .side {
+    width: 300px;
+    flex: none;
+    background: rgba(20, 20, 20, 0.94);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 1.2rem 1.3rem;
+    align-self: flex-start;
+    position: sticky;
+    top: 84px;
+  }
+  .side h3 { font-size: 13px; font-weight: 700; margin-bottom: 4px; }
+  .side .sec { margin-bottom: 1.3rem; }
+  .side .m { color: var(--muted); font-size: 12px; }
+  .side .m.err { color: var(--error); }
+  .side .file { color: var(--muted); font-size: 11.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; direction: rtl; text-align: left; }
+  .side .sumrow { display: flex; justify-content: space-between; font-size: 12px; color: var(--muted); }
+  .side .sumrow b { color: var(--text); font-weight: 600; }
+  .donebar { display: none; margin-top: 1.1rem; gap: 10px; flex-wrap: wrap; }
+  .donebar.visible { display: flex; }
+  .toast {
+    position: fixed;
+    top: 76px;
+    right: 20px;
+    z-index: 20;
+    background: var(--bg-panel);
+    border-left: 3px solid var(--success);
+    border-right: 3px solid var(--success);
+    padding: 10px 16px;
+    font-size: 13px;
+    border-radius: 3px;
+    opacity: 0;
+    transition: opacity .2s ease;
+    pointer-events: none;
+  }
+  .toast.show { opacity: 1; }
+  footer {
+    padding: 1.2rem 2.5rem;
+    border-top: 1px solid var(--border);
+    color: var(--muted);
+    font-size: 12px;
+    display: flex;
+    justify-content: space-between;
+    background: rgba(10, 10, 10, 0.82);
+  }
+  @media (max-width: 860px) {
+    main { padding: 1.4rem; }
+    .export-layout { flex-direction: column; }
+    .side { width: 100%; position: static; }
+  }
+</style>
+</head>
+<body>
+<canvas id="bg"></canvas>
+<div class="shell">
+  <header>
+    <div class="brand"><span class="dim">framer</span><span class="strong">export</span></div>
+    <div class="status" id="status"><span class="dot">\u25CF</span><span id="statusText">idle</span></div>
+  </header>
+  <main>
+    <section class="screen active" id="screen-gallery">
+      <h1>Select a tool</h1>
+      <div class="sub"><span class="star">[*]</span> 25+ platforms supported. Click one, paste the URL, export.</div>
+      <div class="search-wrap">
+        <input type="text" id="searchInput" placeholder="search a platform..." spellcheck="false" autocomplete="off" />
+      </div>
+      <div class="grid" id="gallery"></div>
+    </section>
+
+    <section class="screen" id="screen-url">
+      <div class="chip">tool <b id="urlTool"></b></div>
+      <div class="panel">
+        <h1>Site URL</h1>
+        <div class="sub">The public URL of the site to export.</div>
+        <div class="field-label">URL</div>
+        <input type="text" id="urlInput" placeholder="https://mysite.framer.app" spellcheck="false" autocomplete="off" />
+        <div class="error-line" id="urlError"></div>
+        <div class="row">
+          <button class="btn primary" id="urlNext">Continue</button>
+          <button class="btn ghost" id="urlBack">Back</button>
+        </div>
+      </div>
+    </section>
+
+    <section class="screen" id="screen-options">
+      <div class="chip">tool <b id="optTool"></b>&nbsp;&nbsp;url <b id="optUrl"></b></div>
+      <div class="panel">
+        <h1>Options</h1>
+        <div class="sub">Everything has a sensible default.</div>
+        <div class="opt on" id="optPretty">
+          <div class="box">\u2713</div>
+          <div class="label"><b>Pretty-print JS files</b><span>Reformat downloaded scripts for readability</span></div>
+        </div>
+        <div class="opt" id="optSubpages">
+          <div class="box">\u2713</div>
+          <div class="label"><b>Export sub-pages</b><span>Crawl internal links and mirror every page</span></div>
+        </div>
+        <div class="opt" style="cursor: default;">
+          <div class="label" style="flex:1;"><b>Download concurrency</b><span>Parallel downloads</span></div>
+          <div class="seg" id="optConcurrency">
+            <button data-v="6">6</button>
+            <button data-v="12" class="on">12</button>
+            <button data-v="20">20</button>
+          </div>
+        </div>
+        <div style="margin-top: 1.4rem;">
+          <div class="field-label">Output directory</div>
+          <input type="text" id="outInput" spellcheck="false" autocomplete="off" />
+        </div>
+        <div class="row">
+          <button class="btn primary" id="startBtn">Start export</button>
+          <button class="btn ghost" id="optBack">Back</button>
+        </div>
+      </div>
+    </section>
+
+    <section class="screen" id="screen-export">
+      <div class="chip">tool <b id="runTool"></b>&nbsp;&nbsp;url <b id="runUrl"></b></div>
+      <div class="export-layout">
+        <div class="term" id="term"></div>
+        <aside class="side">
+          <div class="sec">
+            <h3>Export</h3>
+            <div class="m" id="sidePhase">starting</div>
+            <div class="m" id="sideElapsed">0:00 elapsed</div>
+          </div>
+          <div class="sec">
+            <h3>Assets</h3>
+            <div class="m" id="sideAssets">0 downloaded</div>
+            <div class="m err" id="sideFailed" style="display:none;"></div>
+            <div class="m" id="sideWritten">0 files written</div>
+          </div>
+          <div class="sec">
+            <h3>Files</h3>
+            <div id="sideFiles"><div class="m">waiting for output...</div></div>
+          </div>
+          <div class="sec" id="sideSummarySec" style="display:none;">
+            <h3>Summary</h3>
+            <div id="sideSummary"></div>
+          </div>
+          <div class="donebar" id="donebar">
+            <button class="btn" id="copyLogs">Copy logs</button>
+            <button class="btn" id="copyServe">Copy serve command</button>
+            <button class="btn ghost" id="newExport">New export</button>
+          </div>
+        </aside>
+      </div>
+    </section>
+  </main>
+  <footer>
+    <span id="footLeft">framer-export</span>
+    <span>[*] served locally \xB7 nothing leaves your machine</span>
+  </footer>
+</div>
+<div class="toast" id="toast"></div>
+<script src="/pixel-blast.js"></script>
+<script src="/app.js"></script>
+</body>
+</html>
+`;
+  }
+});
+
+// src/ui/app-js.ts
+var APP_JS;
+var init_app_js = __esm({
+  "src/ui/app-js.ts"() {
+    "use strict";
+    APP_JS = `(function () {
+  var CAT_COLORS = {
+    builder: 'var(--primary)',
+    landing: 'var(--warning)',
+    cms: 'var(--info)',
+    course: 'var(--accent)',
+    ecommerce: 'var(--success)',
+    ai: 'var(--secondary)'
+  };
+  var state = {
+    tool: null,
+    toolLabel: 'Auto-detect',
+    url: '',
+    pretty: true,
+    subpages: false,
+    concurrency: 12,
+    outDir: '',
+    running: false,
+    serveCommand: '',
+    startedAt: 0
+  };
+  var es = null;
+  var elapsedTimer = null;
+
+  function $(id) { return document.getElementById(id); }
+  function show(name) {
+    var screens = document.querySelectorAll('.screen');
+    for (var i = 0; i < screens.length; i++) screens[i].classList.remove('active');
+    $('screen-' + name).classList.add('active');
+    window.scrollTo(0, 0);
+  }
+  function setStatus(kind, text) {
+    var el = $('status');
+    el.className = 'status ' + kind;
+    $('statusText').textContent = text;
+  }
+  function toast(msg) {
+    var el = $('toast');
+    el.textContent = msg;
+    el.classList.add('show');
+    setTimeout(function () { el.classList.remove('show'); }, 1800);
+  }
+  function copyText(text, okMsg) {
+    function fallback() {
+      var ta = document.createElement('textarea');
+      ta.value = text;
+      document.body.appendChild(ta);
+      ta.select();
+      try { document.execCommand('copy'); toast(okMsg); } catch (e) { toast('copy failed'); }
+      document.body.removeChild(ta);
+    }
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      navigator.clipboard.writeText(text).then(function () { toast(okMsg); }, fallback);
+    } else fallback();
+  }
+
+  if (window.PixelBlast) {
+    window.PixelBlast.mount($('bg'), {
+      variant: 'circle',
+      pixelSize: 5,
+      color: '#FAB283',
+      patternScale: 3,
+      patternDensity: 1.1,
+      pixelSizeJitter: 0.4,
+      rippleIntensityScale: 1.4,
+      rippleSpeed: 0.4,
+      rippleThickness: 0.12,
+      speed: 0.5,
+      edgeFade: 0.18
+    });
+  }
+
+  var galleryData = null;
+
+  function renderGallery(filter) {
+    if (!galleryData) return;
+    var q = (filter || '').trim().toLowerCase();
+    var grid = $('gallery');
+    grid.innerHTML = '';
+    if (!q) {
+      var auto = document.createElement('div');
+      auto.className = 'card auto';
+      auto.innerHTML = '<div class="cat"><span class="dot" style="color: var(--muted)">\u25CF</span>smart</div>' +
+        '<div class="name">Auto-detect</div>' +
+        '<div class="hint">figure out the platform from the URL</div>';
+      auto.onclick = function () { pickTool(null, 'Auto-detect'); };
+      grid.appendChild(auto);
+    }
+    var any = false;
+    galleryData.categories.forEach(function (cat) {
+      var matches = cat.platforms.filter(function (p) {
+        return !q || p.displayName.toLowerCase().indexOf(q) !== -1 || cat.label.toLowerCase().indexOf(q) !== -1;
+      });
+      if (!matches.length) return;
+      any = true;
+      var heading = document.createElement('div');
+      heading.className = 'cat-heading';
+      heading.textContent = cat.label;
+      grid.appendChild(heading);
+      matches.forEach(function (p) {
+        var card = document.createElement('div');
+        card.className = 'card';
+        var color = CAT_COLORS[cat.id] || 'var(--muted)';
+        var badge = p.beta ? '<span class="badge-beta">beta</span>' : '';
+        card.innerHTML = '<div class="cat"><span class="dot" style="color: ' + color + '">\u25CF</span>' + cat.label + '</div>' +
+          '<div class="name">' + p.displayName + badge + '</div>' +
+          '<div class="hint">export a ' + p.displayName + ' site</div>';
+        card.onclick = function () { pickTool(p.name, p.displayName); };
+        grid.appendChild(card);
+      });
+    });
+    if (!any && q) {
+      var empty = document.createElement('div');
+      empty.className = 'cat-heading';
+      empty.style.color = 'var(--muted)';
+      empty.textContent = 'No results found';
+      grid.appendChild(empty);
+    }
+  }
+
+  function loadGallery() {
+    fetch('/api/platforms').then(function (r) { return r.json(); }).then(function (data) {
+      galleryData = data;
+      renderGallery('');
+    });
+  }
+
+  $('searchInput').addEventListener('input', function () {
+    renderGallery(this.value);
+  });
+
+  function pickTool(name, label) {
+    state.tool = name;
+    state.toolLabel = label;
+    $('urlTool').textContent = label;
+    $('urlError').textContent = '';
+    show('url');
+    $('urlInput').focus();
+  }
+
+  function validUrl(value) {
+    try { new URL(value); return true; } catch (e) { return false; }
+  }
+
+  $('urlBack').onclick = function () { show('gallery'); };
+  $('urlNext').onclick = function () {
+    var value = $('urlInput').value.trim();
+    if (!validUrl(value)) {
+      $('urlError').textContent = 'Invalid URL. Enter a valid URL (https://...)';
+      return;
+    }
+    state.url = value;
+    $('optTool').textContent = state.toolLabel;
+    $('optUrl').textContent = value;
+    var q = '/api/derive?url=' + encodeURIComponent(value) + (state.tool ? '&platform=' + encodeURIComponent(state.tool) : '');
+    fetch(q).then(function (r) { return r.json(); }).then(function (d) {
+      $('outInput').value = './' + d.name;
+      state.outDir = './' + d.name;
+    });
+    show('options');
+  };
+  $('urlInput').addEventListener('keydown', function (e) {
+    if (e.key === 'Enter') $('urlNext').click();
+  });
+
+  $('optPretty').onclick = function () {
+    state.pretty = !state.pretty;
+    this.classList.toggle('on', state.pretty);
+  };
+  $('optSubpages').onclick = function () {
+    state.subpages = !state.subpages;
+    this.classList.toggle('on', state.subpages);
+  };
+  var segButtons = $('optConcurrency').querySelectorAll('button');
+  for (var i = 0; i < segButtons.length; i++) {
+    segButtons[i].onclick = function () {
+      for (var j = 0; j < segButtons.length; j++) segButtons[j].classList.remove('on');
+      this.classList.add('on');
+      state.concurrency = parseInt(this.getAttribute('data-v'), 10);
+    };
+  }
+  $('optBack').onclick = function () { show('url'); };
+
+  $('startBtn').onclick = function () {
+    if (state.running) return;
+    state.outDir = $('outInput').value.trim() || state.outDir;
+    state.running = true;
+    state.startedAt = Date.now();
+    $('runTool').textContent = state.toolLabel;
+    $('runUrl').textContent = state.url;
+    $('term').innerHTML = '';
+    $('donebar').classList.remove('visible');
+    $('sideSummarySec').style.display = 'none';
+    setStatus('running', 'exporting');
+    show('export');
+    startElapsed();
+    connectEvents();
+    fetch('/api/export', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        url: state.url,
+        platform: state.tool,
+        outDir: state.outDir,
+        subpages: state.subpages,
+        prettyPrint: state.pretty,
+        concurrency: state.concurrency
+      })
+    }).then(function (r) {
+      if (!r.ok) return r.json().then(function (d) { throw new Error(d.error || 'export failed'); });
+    }).catch(function (e) {
+      appendLog({ time: '', level: 'error', message: e.message });
+      setStatus('error', 'error');
+      state.running = false;
+      stopElapsed();
+    });
+  };
+
+  function startElapsed() {
+    stopElapsed();
+    elapsedTimer = setInterval(function () {
+      var s = Math.floor((Date.now() - state.startedAt) / 1000);
+      var m = Math.floor(s / 60);
+      var r = s % 60;
+      $('sideElapsed').textContent = m + ':' + (r < 10 ? '0' : '') + r + ' elapsed';
+    }, 1000);
+  }
+  function stopElapsed() {
+    if (elapsedTimer) clearInterval(elapsedTimer);
+    elapsedTimer = null;
+  }
+
+  function appendLog(rec) {
+    var term = $('term');
+    var nearBottom = term.scrollTop + term.clientHeight >= term.scrollHeight - 60;
+    var line = document.createElement('div');
+    line.className = 'ln';
+    var t = rec.time ? '[' + rec.time + '] ' : '';
+    line.innerHTML = '<span class="t">' + t + '</span>' +
+      '<span class="lv-' + rec.level + '">[' + rec.level + ']</span> ' +
+      '<span class="msg"></span>';
+    line.querySelector('.msg').textContent = rec.message;
+    term.appendChild(line);
+    while (term.childNodes.length > 3000) term.removeChild(term.firstChild);
+    if (nearBottom) term.scrollTop = term.scrollHeight;
+  }
+
+  function renderProgress(p) {
+    $('sidePhase').textContent = p.phase || 'starting';
+    $('sideAssets').textContent = p.downloaded + (p.totalAssets ? '/' + p.totalAssets : '') + ' downloaded';
+    if (p.failed > 0) {
+      $('sideFailed').style.display = 'block';
+      $('sideFailed').textContent = p.failed + ' failed';
+    } else {
+      $('sideFailed').style.display = 'none';
+    }
+    var written = p.written + ' files written';
+    if (p.subpages > 0) written += ' \xB7 ' + p.subpages + ' sub-pages';
+    $('sideWritten').textContent = written;
+    var files = $('sideFiles');
+    files.innerHTML = '';
+    if (!p.recentFiles || p.recentFiles.length === 0) {
+      files.innerHTML = '<div class="m">waiting for output...</div>';
+    } else {
+      p.recentFiles.forEach(function (f) {
+        var d = document.createElement('div');
+        d.className = 'file';
+        d.textContent = f;
+        files.appendChild(d);
+      });
+    }
+  }
+
+  function renderSummary(entries) {
+    var el = $('sideSummary');
+    el.innerHTML = '';
+    entries.forEach(function (e) {
+      if (!e.count) return;
+      var row = document.createElement('div');
+      row.className = 'sumrow';
+      row.innerHTML = '<span>' + e.dir + '</span><b>' + e.count + ' ' + e.kind + '</b>';
+      el.appendChild(row);
+    });
+    $('sideSummarySec').style.display = 'block';
+  }
+
+  function connectEvents() {
+    if (es) return;
+    es = new EventSource('/api/events');
+    es.addEventListener('log', function (e) { appendLog(JSON.parse(e.data)); });
+    es.addEventListener('progress', function (e) { renderProgress(JSON.parse(e.data)); });
+    es.addEventListener('status', function (e) {
+      var d = JSON.parse(e.data);
+      if (d.state === 'done') {
+        state.running = false;
+        state.serveCommand = d.serveCommand || '';
+        setStatus('done', 'done');
+        stopElapsed();
+        if (d.summary) renderSummary(d.summary);
+        $('donebar').classList.add('visible');
+        $('footLeft').textContent = d.outDir || 'framer-export';
+      } else if (d.state === 'error') {
+        state.running = false;
+        setStatus('error', 'error');
+        stopElapsed();
+        appendLog({ time: '', level: 'error', message: d.error || 'export failed' });
+        $('donebar').classList.add('visible');
+      } else if (d.state === 'running') {
+        setStatus('running', 'exporting');
+      }
+    });
+  }
+
+  $('copyLogs').onclick = function () {
+    fetch('/api/log').then(function (r) { return r.text(); }).then(function (text) {
+      copyText(text, 'logs copied');
+    });
+  };
+  $('copyServe').onclick = function () {
+    copyText(state.serveCommand || 'node serve.js', 'serve command copied');
+  };
+  $('newExport').onclick = function () {
+    setStatus('idle', 'idle');
+    show('gallery');
+  };
+
+  loadGallery();
+})();
+`;
+  }
+});
+
+// src/ui/pixel-blast.ts
+var FRAGMENT_LINES, VERTEX_LINES, CLIENT_LINES, PIXEL_BLAST_JS;
+var init_pixel_blast = __esm({
+  "src/ui/pixel-blast.ts"() {
+    "use strict";
+    FRAGMENT_LINES = [
+      "#version 300 es",
+      "precision highp float;",
+      "uniform vec3  uColor;",
+      "uniform vec2  uResolution;",
+      "uniform float uTime;",
+      "uniform float uPixelSize;",
+      "uniform float uScale;",
+      "uniform float uDensity;",
+      "uniform float uPixelJitter;",
+      "uniform int   uEnableRipples;",
+      "uniform float uRippleSpeed;",
+      "uniform float uRippleThickness;",
+      "uniform float uRippleIntensity;",
+      "uniform float uEdgeFade;",
+      "uniform int   uShapeType;",
+      "const int SHAPE_SQUARE   = 0;",
+      "const int SHAPE_CIRCLE   = 1;",
+      "const int SHAPE_TRIANGLE = 2;",
+      "const int SHAPE_DIAMOND  = 3;",
+      "const int MAX_CLICKS = 10;",
+      "uniform vec2  uClickPos  [MAX_CLICKS];",
+      "uniform float uClickTimes[MAX_CLICKS];",
+      "out vec4 fragColor;",
+      "float Bayer2(vec2 a) { a = floor(a); return fract(a.x / 2. + a.y * a.y * .75); }",
+      "#define Bayer4(a) (Bayer2(.5*(a))*0.25 + Bayer2(a))",
+      "#define Bayer8(a) (Bayer4(.5*(a))*0.25 + Bayer2(a))",
+      "#define FBM_OCTAVES     5",
+      "#define FBM_LACUNARITY  1.25",
+      "#define FBM_GAIN        1.0",
+      "float hash11(float n){ return fract(sin(n)*43758.5453); }",
+      "float vnoise(vec3 p){",
+      "  vec3 ip = floor(p);",
+      "  vec3 fp = fract(p);",
+      "  float n000 = hash11(dot(ip + vec3(0.0,0.0,0.0), vec3(1.0,57.0,113.0)));",
+      "  float n100 = hash11(dot(ip + vec3(1.0,0.0,0.0), vec3(1.0,57.0,113.0)));",
+      "  float n010 = hash11(dot(ip + vec3(0.0,1.0,0.0), vec3(1.0,57.0,113.0)));",
+      "  float n110 = hash11(dot(ip + vec3(1.0,1.0,0.0), vec3(1.0,57.0,113.0)));",
+      "  float n001 = hash11(dot(ip + vec3(0.0,0.0,1.0), vec3(1.0,57.0,113.0)));",
+      "  float n101 = hash11(dot(ip + vec3(1.0,0.0,1.0), vec3(1.0,57.0,113.0)));",
+      "  float n011 = hash11(dot(ip + vec3(0.0,1.0,1.0), vec3(1.0,57.0,113.0)));",
+      "  float n111 = hash11(dot(ip + vec3(1.0,1.0,1.0), vec3(1.0,57.0,113.0)));",
+      "  vec3 w = fp*fp*fp*(fp*(fp*6.0-15.0)+10.0);",
+      "  float x00 = mix(n000, n100, w.x);",
+      "  float x10 = mix(n010, n110, w.x);",
+      "  float x01 = mix(n001, n101, w.x);",
+      "  float x11 = mix(n011, n111, w.x);",
+      "  float y0  = mix(x00, x10, w.y);",
+      "  float y1  = mix(x01, x11, w.y);",
+      "  return mix(y0, y1, w.z) * 2.0 - 1.0;",
+      "}",
+      "float fbm2(vec2 uv, float t){",
+      "  vec3 p = vec3(uv * uScale, t);",
+      "  float amp = 1.0;",
+      "  float freq = 1.0;",
+      "  float sum = 1.0;",
+      "  for (int i = 0; i < FBM_OCTAVES; ++i){",
+      "    sum  += amp * vnoise(p * freq);",
+      "    freq *= FBM_LACUNARITY;",
+      "    amp  *= FBM_GAIN;",
+      "  }",
+      "  return sum * 0.5 + 0.5;",
+      "}",
+      "float maskCircle(vec2 p, float cov){",
+      "  float r = sqrt(cov) * .25;",
+      "  float d = length(p - 0.5) - r;",
+      "  float aa = 0.5 * fwidth(d);",
+      "  return cov * (1.0 - smoothstep(-aa, aa, d * 2.0));",
+      "}",
+      "float maskTriangle(vec2 p, vec2 id, float cov){",
+      "  bool flip = mod(id.x + id.y, 2.0) > 0.5;",
+      "  if (flip) p.x = 1.0 - p.x;",
+      "  float r = sqrt(cov);",
+      "  float d  = p.y - r*(1.0 - p.x);",
+      "  float aa = fwidth(d);",
+      "  return cov * clamp(0.5 - d/aa, 0.0, 1.0);",
+      "}",
+      "float maskDiamond(vec2 p, float cov){",
+      "  float r = sqrt(cov) * 0.564;",
+      "  return step(abs(p.x - 0.49) + abs(p.y - 0.49), r);",
+      "}",
+      "void main(){",
+      "  float pixelSize = uPixelSize;",
+      "  vec2 fragCoord = gl_FragCoord.xy - uResolution * .5;",
+      "  float aspectRatio = uResolution.x / uResolution.y;",
+      "  vec2 pixelId = floor(fragCoord / pixelSize);",
+      "  vec2 pixelUV = fract(fragCoord / pixelSize);",
+      "  float cellPixelSize = 8.0 * pixelSize;",
+      "  vec2 cellId = floor(fragCoord / cellPixelSize);",
+      "  vec2 cellCoord = cellId * cellPixelSize;",
+      "  vec2 uv = cellCoord / uResolution * vec2(aspectRatio, 1.0);",
+      "  float base = fbm2(uv, uTime * 0.05);",
+      "  base = base * 0.5 - 0.65;",
+      "  float feed = base + (uDensity - 0.5) * 0.3;",
+      "  float speed     = uRippleSpeed;",
+      "  float thickness = uRippleThickness;",
+      "  const float dampT     = 1.0;",
+      "  const float dampR     = 10.0;",
+      "  if (uEnableRipples == 1) {",
+      "    for (int i = 0; i < MAX_CLICKS; ++i){",
+      "      vec2 pos = uClickPos[i];",
+      "      if (pos.x < 0.0) continue;",
+      "      vec2 cuv = (((pos - uResolution * .5 - cellPixelSize * .5) / (uResolution))) * vec2(aspectRatio, 1.0);",
+      "      float t = max(uTime - uClickTimes[i], 0.0);",
+      "      float r = distance(uv, cuv);",
+      "      float waveR = speed * t;",
+      "      float ring  = exp(-pow((r - waveR) / thickness, 2.0));",
+      "      float atten = exp(-dampT * t) * exp(-dampR * r);",
+      "      feed = max(feed, ring * atten * uRippleIntensity);",
+      "    }",
+      "  }",
+      "  float bayer = Bayer8(fragCoord / uPixelSize) - 0.5;",
+      "  float bw = step(0.5, feed + bayer);",
+      "  float h = fract(sin(dot(floor(fragCoord / uPixelSize), vec2(127.1, 311.7))) * 43758.5453);",
+      "  float jitterScale = 1.0 + (h - 0.5) * uPixelJitter;",
+      "  float coverage = bw * jitterScale;",
+      "  float M;",
+      "  if      (uShapeType == SHAPE_CIRCLE)   M = maskCircle (pixelUV, coverage);",
+      "  else if (uShapeType == SHAPE_TRIANGLE) M = maskTriangle(pixelUV, pixelId, coverage);",
+      "  else if (uShapeType == SHAPE_DIAMOND)  M = maskDiamond(pixelUV, coverage);",
+      "  else                                   M = coverage;",
+      "  if (uEdgeFade > 0.0) {",
+      "    vec2 norm = gl_FragCoord.xy / uResolution;",
+      "    float edge = min(min(norm.x, norm.y), min(1.0 - norm.x, 1.0 - norm.y));",
+      "    float fade = smoothstep(0.0, uEdgeFade, edge);",
+      "    M *= fade;",
+      "  }",
+      "  vec3 color = uColor;",
+      "  vec3 srgbColor = mix(",
+      "    color * 12.92,",
+      "    1.055 * pow(color, vec3(1.0 / 2.4)) - 0.055,",
+      "    step(0.0031308, color)",
+      "  );",
+      "  fragColor = vec4(srgbColor, M);",
+      "}"
+    ];
+    VERTEX_LINES = [
+      "#version 300 es",
+      "in vec2 position;",
+      "void main() {",
+      "  gl_Position = vec4(position, 0.0, 1.0);",
+      "}"
+    ];
+    CLIENT_LINES = [
+      "(function () {",
+      "  var SHAPES = { square: 0, circle: 1, triangle: 2, diamond: 3 };",
+      "  var MAX_CLICKS = 10;",
+      "  function hexToRgb(hex) {",
+      "    var value = hex.replace('#', '');",
+      "    var n = parseInt(value, 16);",
+      "    return [((n >> 16) & 255) / 255, ((n >> 8) & 255) / 255, (n & 255) / 255];",
+      "  }",
+      "  function compile(gl, type, source) {",
+      "    var shader = gl.createShader(type);",
+      "    gl.shaderSource(shader, source);",
+      "    gl.compileShader(shader);",
+      "    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {",
+      '      throw new Error(gl.getShaderInfoLog(shader) || "shader compile failed");',
+      "    }",
+      "    return shader;",
+      "  }",
+      "  function mount(canvas, opts) {",
+      "    opts = opts || {};",
+      '    var gl = canvas.getContext("webgl2", { alpha: true, antialias: false });',
+      "    if (!gl) return null;",
+      "    var program = gl.createProgram();",
+      "    gl.attachShader(program, compile(gl, gl.VERTEX_SHADER, window.__PB_VERT__));",
+      "    gl.attachShader(program, compile(gl, gl.FRAGMENT_SHADER, window.__PB_FRAG__));",
+      "    gl.linkProgram(program);",
+      "    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {",
+      '      throw new Error(gl.getProgramInfoLog(program) || "link failed");',
+      "    }",
+      "    gl.useProgram(program);",
+      "    var buffer = gl.createBuffer();",
+      "    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);",
+      "    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 3, -1, -1, 3]), gl.STATIC_DRAW);",
+      '    var loc = gl.getAttribLocation(program, "position");',
+      "    gl.enableVertexAttribArray(loc);",
+      "    gl.vertexAttribPointer(loc, 2, gl.FLOAT, false, 0, 0);",
+      "    gl.enable(gl.BLEND);",
+      "    gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);",
+      "    var U = {};",
+      '    ["uColor","uResolution","uTime","uPixelSize","uScale","uDensity","uPixelJitter","uEnableRipples","uRippleSpeed","uRippleThickness","uRippleIntensity","uEdgeFade","uShapeType","uClickPos","uClickTimes"].forEach(function (name) {',
+      "      U[name] = gl.getUniformLocation(program, name);",
+      "    });",
+      '    var color = hexToRgb(opts.color || "#FAB283");',
+      "    var pixelSize = opts.pixelSize || 5;",
+      "    var dpr = Math.min(window.devicePixelRatio || 1, 2);",
+      "    var clicks = new Float32Array(MAX_CLICKS * 2).fill(-1);",
+      "    var clickTimes = new Float32Array(MAX_CLICKS);",
+      "    var clickIx = 0;",
+      "    var timeOffset = Math.random() * 1000;",
+      "    var speed = opts.speed || 0.5;",
+      "    var start = performance.now();",
+      "    function resize() {",
+      "      var w = canvas.clientWidth || window.innerWidth;",
+      "      var h = canvas.clientHeight || window.innerHeight;",
+      "      canvas.width = Math.floor(w * dpr);",
+      "      canvas.height = Math.floor(h * dpr);",
+      "      gl.viewport(0, 0, canvas.width, canvas.height);",
+      "    }",
+      "    resize();",
+      '    window.addEventListener("resize", resize);',
+      '    document.addEventListener("pointerdown", function (e) {',
+      "      var rect = canvas.getBoundingClientRect();",
+      "      var fx = (e.clientX - rect.left) * (canvas.width / rect.width);",
+      "      var fy = (rect.height - (e.clientY - rect.top)) * (canvas.height / rect.height);",
+      "      clicks[clickIx * 2] = fx;",
+      "      clicks[clickIx * 2 + 1] = fy;",
+      "      clickTimes[clickIx] = timeOffset + ((performance.now() - start) / 1000) * speed;",
+      "      clickIx = (clickIx + 1) % MAX_CLICKS;",
+      "    }, { passive: true });",
+      "    function frame() {",
+      "      var t = timeOffset + ((performance.now() - start) / 1000) * speed;",
+      "      gl.uniform3f(U.uColor, color[0], color[1], color[2]);",
+      "      gl.uniform2f(U.uResolution, canvas.width, canvas.height);",
+      "      gl.uniform1f(U.uTime, t);",
+      "      gl.uniform1f(U.uPixelSize, pixelSize * dpr);",
+      "      gl.uniform1f(U.uScale, opts.patternScale || 3);",
+      "      gl.uniform1f(U.uDensity, opts.patternDensity || 1.2);",
+      "      gl.uniform1f(U.uPixelJitter, opts.pixelSizeJitter || 0.5);",
+      "      gl.uniform1i(U.uEnableRipples, opts.enableRipples === false ? 0 : 1);",
+      "      gl.uniform1f(U.uRippleSpeed, opts.rippleSpeed || 0.4);",
+      "      gl.uniform1f(U.uRippleThickness, opts.rippleThickness || 0.12);",
+      "      gl.uniform1f(U.uRippleIntensity, opts.rippleIntensityScale || 1.5);",
+      "      gl.uniform1f(U.uEdgeFade, opts.edgeFade == null ? 0.25 : opts.edgeFade);",
+      '      gl.uniform1i(U.uShapeType, SHAPES[opts.variant || "circle"] || 0);',
+      "      gl.uniform2fv(U.uClickPos, clicks);",
+      "      gl.uniform1fv(U.uClickTimes, clickTimes);",
+      "      gl.clearColor(0, 0, 0, 0);",
+      "      gl.clear(gl.COLOR_BUFFER_BIT);",
+      "      gl.drawArrays(gl.TRIANGLES, 0, 3);",
+      "      requestAnimationFrame(frame);",
+      "    }",
+      "    requestAnimationFrame(frame);",
+      "    return { gl: gl };",
+      "  }",
+      "  window.PixelBlast = { mount: mount };",
+      "})();"
+    ];
+    PIXEL_BLAST_JS = [
+      "window.__PB_VERT__ = " + JSON.stringify(VERTEX_LINES.join("\n")) + ";",
+      "window.__PB_FRAG__ = " + JSON.stringify(FRAGMENT_LINES.join("\n")) + ";",
+      CLIENT_LINES.join("\n")
+    ].join("\n");
+  }
+});
+
 // src/assets/asset-map.ts
 import path from "path";
 import crypto from "crypto";
 import { URL as URL2 } from "url";
+function replaceUrl(text, url, rel) {
+  const parts = text.split(url);
+  if (parts.length === 1) return text;
+  let out = parts[0];
+  for (let i = 1; i < parts.length; i++) {
+    out += (parts[i].startsWith("/") ? url : rel) + parts[i];
+  }
+  return out;
+}
 var AssetMap;
 var init_asset_map = __esm({
   "src/assets/asset-map.ts"() {
@@ -2705,12 +3687,12 @@ var init_asset_map = __esm({
         }
         let filename;
         const baseName = path.basename(pathname.split("?")[0]);
-        const hash = crypto.createHash("md5").update(urlStr).digest("hex").slice(0, 6);
+        const hash2 = crypto.createHash("md5").update(urlStr).digest("hex").slice(0, 6);
         if (baseName && baseName.length > 1 && baseName !== "/") {
           const clean = baseName.replace(/[^a-zA-Z0-9._-]/g, "_");
-          filename = clean.includes(".") ? clean : `${clean}-${hash}`;
+          filename = clean.includes(".") ? clean : `${clean}-${hash2}`;
         } else {
-          filename = `asset-${hash}${ext || ""}`;
+          filename = `asset-${hash2}${ext || ""}`;
         }
         if (ext === ".mjs" || ext === ".js") {
           filename = baseName.replace(/[^a-zA-Z0-9._-]/g, "_");
@@ -2727,10 +3709,11 @@ var init_asset_map = __esm({
         const sorted = [...this.entries.entries()].sort((a, b) => b[0].length - a[0].length);
         let out = text;
         for (const [url, { localPath }] of sorted) {
-          const rel = fromDir ? path.posix.relative(fromDir, localPath) : localPath;
-          out = out.split(url).join(rel);
+          let rel = fromDir ? path.posix.relative(fromDir, localPath) : localPath;
+          if (fromDir && !rel.startsWith(".")) rel = "./" + rel;
+          out = replaceUrl(out, url, rel);
           if (url.includes("&")) {
-            out = out.split(url.replace(/&/g, "&amp;")).join(rel);
+            out = replaceUrl(out, url.replace(/&/g, "&amp;"), rel);
           }
         }
         return out;
@@ -2755,7 +3738,7 @@ var init_config = __esm({
   "src/config/index.ts"() {
     "use strict";
     CFG = {
-      viewport: { width: 1440, height: 900 },
+      viewport: { width: 1440, height: 900, deviceScaleFactor: 1 },
       timeout: 9e4,
       scrollStep: 250,
       scrollDelay: 60,
@@ -2810,7 +3793,7 @@ var init_download = __esm({
 });
 
 // src/logger/index.ts
-import chalk4 from "chalk";
+import chalk6 from "chalk";
 function setCooking(spinner) {
   _cooking = spinner;
 }
@@ -2818,69 +3801,268 @@ function trunc(text, max) {
   if (text.length <= max) return text;
   return text.slice(0, max - 2) + "..";
 }
-function output(line) {
+function onLog(listener) {
+  _listeners.add(listener);
+  return () => _listeners.delete(listener);
+}
+function getLogHistory() {
+  return _history;
+}
+function clearLogHistory() {
+  _history.length = 0;
+}
+function setMessageWidth(width) {
+  _messageWidth = width ?? 120;
+}
+function setRenderHook(hook) {
+  _renderHook = hook;
+}
+function record(level, message) {
+  const entry = { time: T(), level, message };
+  _history.push(entry);
+  if (_history.length > HISTORY_LIMIT) _history.shift();
+  for (const listener of _listeners) listener(entry);
+  return entry;
+}
+function output(line, channel = "log") {
   if (_cooking) _cooking.log(line);
+  else if (channel === "warn") console.warn(line);
+  else if (channel === "error") console.error(line);
   else console.log(line);
+  _renderHook?.();
 }
-var _cooking, T, LOG_PALETTE, _li, log, INFO_PALETTE, _ii, info, warn, success;
+var _cooking, T, _history, _listeners, HISTORY_LIMIT, _messageWidth, _renderHook, LOG_PALETTE, _li, log, INFO_PALETTE, _ii, info, warn, success;
 var init_logger = __esm({
   "src/logger/index.ts"() {
     "use strict";
     init_theme();
     _cooking = null;
     T = () => (/* @__PURE__ */ new Date()).toISOString().slice(11, 19);
+    _history = [];
+    _listeners = /* @__PURE__ */ new Set();
+    HISTORY_LIMIT = 5e3;
+    _messageWidth = 120;
+    _renderHook = null;
     LOG_PALETTE = [
-      (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)
+      (s) => chalk6.hex(THEME.primary)(s),
+      (s) => chalk6.hex(THEME.primarySoft)(s),
+      (s) => chalk6.hex(THEME.secondary)(s),
+      (s) => chalk6.hex(THEME.accent)(s),
+      (s) => chalk6.hex(THEME.info)(s),
+      (s) => chalk6.hex(THEME.text)(s)
     ];
     _li = 0;
     log = (m) => {
+      const { time } = record("log", m);
       _li++;
       const c = LOG_PALETTE[_li % LOG_PALETTE.length];
       output(
-        `${chalk4.hex(THEME.muted)(`[${T()}]`)} ${chalk4.hex(THEME.primary)("[log]")} ${c(trunc(m, 120))}`
+        `${chalk6.hex(THEME.muted)(`[${time}]`)} ${chalk6.hex(THEME.primary)("[log]")} ${c(trunc(m, _messageWidth))}`
       );
     };
     INFO_PALETTE = [
-      (s) => chalk4.hex(THEME.info)(s),
-      (s) => chalk4.hex(THEME.secondary)(s),
-      (s) => chalk4.hex(THEME.primarySoft)(s)
+      (s) => chalk6.hex(THEME.info)(s),
+      (s) => chalk6.hex(THEME.secondary)(s),
+      (s) => chalk6.hex(THEME.primarySoft)(s)
     ];
     _ii = 0;
     info = (m) => {
+      const { time } = record("info", m);
       _ii++;
       const c = INFO_PALETTE[_ii % INFO_PALETTE.length];
       output(
-        `${chalk4.hex(THEME.muted)(`[${T()}]`)} ${chalk4.hex(THEME.info).bold("[info]")} ${c(trunc(m, 120))}`
+        `${chalk6.hex(THEME.muted)(`[${time}]`)} ${chalk6.hex(THEME.info).bold("[info]")} ${c(trunc(m, _messageWidth))}`
       );
     };
     warn = (m) => {
-      const colors = [
-        (s) => chalk4.hex(THEME.warning)(s),
-        (s) => chalk4.hex(THEME.primary)(s)
-      ];
-      const c = colors[Math.floor(Math.random() * colors.length)];
-      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);
+      const { time } = record("warn", m);
+      const line = `${chalk6.hex(THEME.muted)(`[${time}]`)} ${chalk6.hex(THEME.warning).bold("[warn]")} ${chalk6.hex(THEME.warning)(trunc(m, _messageWidth))}`;
+      output(line, "warn");
     };
     success = (m) => {
-      const colors = [
-        (s) => chalk4.hex(THEME.success)(s),
-        (s) => chalk4.hex(THEME.info)(s)
-      ];
-      const c = colors[Math.floor(Math.random() * colors.length)];
+      const { time } = record("ok", m);
       output(
-        `${chalk4.hex(THEME.muted)(`[${T()}]`)} ${chalk4.hex(THEME.success)("[ok]")} ${c(trunc(m, 120))}`
+        `${chalk6.hex(THEME.muted)(`[${time}]`)} ${chalk6.hex(THEME.success)("[ok]")} ${chalk6.hex(THEME.success)(trunc(m, _messageWidth))}`
       );
     };
   }
 });
 
+// src/exporter/progress.ts
+function emit() {
+  for (const listener of listeners) listener(state);
+}
+function onProgress(listener) {
+  listeners.add(listener);
+  return () => listeners.delete(listener);
+}
+function getProgress() {
+  return state;
+}
+function resetProgress() {
+  state.phase = "";
+  state.startedAt = Date.now();
+  state.totalAssets = 0;
+  state.downloaded = 0;
+  state.failed = 0;
+  state.written = 0;
+  state.subpages = 0;
+  state.recentFiles = [];
+  emit();
+}
+function setPhase(phase) {
+  state.phase = phase;
+  emit();
+}
+function setTotalAssets(total) {
+  state.totalAssets = total;
+  emit();
+}
+function noteDownload(ok) {
+  if (ok) state.downloaded++;
+  else state.failed++;
+  emit();
+}
+function noteFile(relPath) {
+  state.written++;
+  state.recentFiles.push(relPath.replace(/\\/g, "/"));
+  if (state.recentFiles.length > RECENT_LIMIT) state.recentFiles.shift();
+  emit();
+}
+function noteSubpage() {
+  state.subpages++;
+  emit();
+}
+var RECENT_LIMIT, state, listeners;
+var init_progress = __esm({
+  "src/exporter/progress.ts"() {
+    "use strict";
+    RECENT_LIMIT = 10;
+    state = {
+      phase: "",
+      startedAt: 0,
+      totalAssets: 0,
+      downloaded: 0,
+      failed: 0,
+      written: 0,
+      subpages: 0,
+      recentFiles: []
+    };
+    listeners = /* @__PURE__ */ new Set();
+  }
+});
+
+// src/cli/sidebar.ts
+import chalk7 from "chalk";
+import { stdout as stdout3 } from "process";
+function leftTruncate(text, max) {
+  if (text.length <= max) return text;
+  return "\u2026" + text.slice(-(max - 1));
+}
+function row(content = "") {
+  const visible = stripAnsi(content).length;
+  const pad = Math.max(0, SIDEBAR_WIDTH - visible);
+  return chalk7.bgHex(THEME.panel)(content + " ".repeat(pad));
+}
+function formatElapsed(startedAt) {
+  const seconds = Math.max(0, Math.floor((Date.now() - startedAt) / 1e3));
+  const m = Math.floor(seconds / 60);
+  const s = seconds % 60;
+  return `${m}:${String(s).padStart(2, "0")}`;
+}
+var SIDEBAR_WIDTH, MIN_COLUMNS, TOP_ROW, ExportSidebar;
+var init_sidebar = __esm({
+  "src/cli/sidebar.ts"() {
+    "use strict";
+    init_theme();
+    init_progress();
+    init_logger();
+    SIDEBAR_WIDTH = 40;
+    MIN_COLUMNS = 100;
+    TOP_ROW = 2;
+    ExportSidebar = class {
+      active = false;
+      unsubscribeProgress = null;
+      timer = null;
+      lastDraw = 0;
+      height = 0;
+      start() {
+        const columns = stdout3.columns || 0;
+        if (!stdout3.isTTY || columns < MIN_COLUMNS) return;
+        this.active = true;
+        setMessageWidth(Math.max(40, columns - SIDEBAR_WIDTH - 22));
+        setRenderHook(() => this.draw(true));
+        this.unsubscribeProgress = onProgress(() => this.draw(false));
+        this.timer = setInterval(() => this.draw(true), 1e3);
+        this.draw(true);
+      }
+      stop() {
+        if (!this.active) return;
+        this.active = false;
+        setMessageWidth(null);
+        setRenderHook(null);
+        this.unsubscribeProgress?.();
+        if (this.timer) clearInterval(this.timer);
+        this.timer = null;
+        this.clear();
+      }
+      draw(force) {
+        if (!this.active) return;
+        const now = Date.now();
+        if (!force && now - this.lastDraw < 80) return;
+        this.lastDraw = now;
+        const columns = stdout3.columns || 0;
+        if (columns < MIN_COLUMNS) return;
+        const col = columns - SIDEBAR_WIDTH + 1;
+        const p = getProgress();
+        const lines = [];
+        lines.push(row());
+        lines.push(row(`  ${ui.text.bold("Export")}`));
+        lines.push(row(`  ${ui.muted(leftTruncate(p.phase || "starting", SIDEBAR_WIDTH - 4))}`));
+        lines.push(row(`  ${ui.muted(formatElapsed(p.startedAt) + " elapsed")}`));
+        lines.push(row());
+        lines.push(row(`  ${ui.text.bold("Assets")}`));
+        lines.push(
+          row(
+            `  ${ui.muted(`${p.downloaded}${p.totalAssets ? "/" + p.totalAssets : ""} downloaded`)}` + (p.failed > 0 ? `  ${ui.error(`${p.failed} failed`)}` : "")
+          )
+        );
+        lines.push(row(`  ${ui.muted(`${p.written} files written`)}`));
+        if (p.subpages > 0) lines.push(row(`  ${ui.muted(`${p.subpages} sub-pages`)}`));
+        lines.push(row());
+        lines.push(row(`  ${ui.text.bold("Files")}`));
+        if (p.recentFiles.length === 0) {
+          lines.push(row(`  ${ui.muted("waiting for output...")}`));
+        } else {
+          for (const file of p.recentFiles) {
+            lines.push(row(`  ${ui.muted(leftTruncate(file, SIDEBAR_WIDTH - 4))}`));
+          }
+        }
+        lines.push(row());
+        this.height = Math.max(this.height, lines.length);
+        stdout3.write("\x1B7");
+        lines.forEach((line, index) => {
+          stdout3.write(`\x1B[${TOP_ROW + index};${col}H${line}`);
+        });
+        for (let extra = lines.length; extra < this.height; extra++) {
+          stdout3.write(`\x1B[${TOP_ROW + extra};${col}H${" ".repeat(SIDEBAR_WIDTH)}`);
+        }
+        stdout3.write("\x1B8");
+      }
+      clear() {
+        const columns = stdout3.columns || 0;
+        if (columns < MIN_COLUMNS) return;
+        const col = columns - SIDEBAR_WIDTH + 1;
+        stdout3.write("\x1B7");
+        for (let index = 0; index < this.height; index++) {
+          stdout3.write(`\x1B[${TOP_ROW + index};${col}H${" ".repeat(SIDEBAR_WIDTH)}`);
+        }
+        stdout3.write("\x1B8");
+      }
+    };
+  }
+});
+
 // src/exporter/anti-bot.ts
 var anti_bot_exports = {};
 __export(anti_bot_exports, {
@@ -2973,34 +4155,42 @@ async function launchAndCapture(exporter) {
   });
   success("Chromium launched");
   exporter.page = await exporter.browser.newPage();
-  await exporter.page.setViewport(CFG.viewport);
-  log("Viewport set to " + CFG.viewport.width + "x" + CFG.viewport.height);
+  const viewport = {
+    ...CFG.viewport,
+    deviceScaleFactor: exporter.deviceScaleFactor ?? CFG.viewport.deviceScaleFactor ?? 1
+  };
+  await exporter.page.setViewport(viewport);
+  log(
+    "Viewport set to " + viewport.width + "x" + viewport.height + " at " + viewport.deviceScaleFactor + "x DPR"
+  );
   await exporter.page.setUserAgent(
     "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36"
   );
   log("User agent set to Chrome 131");
-  const allStripDomains = [
-    ...CFG.sharedStripDomains,
-    ...exporter.platform.stripDomains
-  ];
+  const allStripDomains = [...CFG.sharedStripDomains, ...exporter.platform.stripDomains];
   log("Blocking " + allStripDomains.length + " tracking domains:");
   for (const domain of allStripDomains) {
     log("  - " + domain);
   }
   let intercepted = 0;
-  let blocked = 0;
+  let trackingBlocked = 0;
+  let platformSkipped = 0;
   exporter.page.on("response", async (res) => {
     const url = res.url();
     if (url.startsWith("data:") || url.startsWith("blob:")) return;
     try {
       const host = new URL(url).hostname;
       if (allStripDomains.some((d) => host.includes(d))) {
-        blocked++;
+        trackingBlocked++;
         return;
       }
     } catch {
       return;
     }
+    if (exporter.platform.skipAssetUrls?.some((re) => re.test(url))) {
+      platformSkipped++;
+      return;
+    }
     exporter.assets.localPathFor(url, exporter.platform);
     try {
       exporter.assets.buffers.set(url, await res.buffer());
@@ -3016,11 +4206,15 @@ async function launchAndCapture(exporter) {
     timeout: CFG.timeout
   });
   success("Page loaded (networkidle2)");
-  log("Intercepted " + intercepted + " resources, blocked " + blocked + " tracking requests");
+  log(
+    "Intercepted " + intercepted + " resources, blocked " + trackingBlocked + " tracking requests, skipped " + platformSkipped + " platform assets"
+  );
   log("Checking DOM-based platform detection...");
   const domDetected = await detectByDom(exporter.page);
   if (domDetected && domDetected.name !== exporter.platform.name) {
-    log("Platform refined from DOM: " + domDetected.displayName + " (override: " + exporter.platform.name + ")");
+    log(
+      "Platform refined from DOM: " + domDetected.displayName + " (override: " + exporter.platform.name + ")"
+    );
     exporter.platform = domDetected;
   }
   const antiBot = await detectAntiBotPage(exporter.page);
@@ -3065,13 +4259,17 @@ async function launchAndCapture(exporter) {
     log("Scroll skipped (scrollStrategy: none)");
   } else {
     exporter.cooking?.update("Scrolling page...");
-    log("Starting full-page scroll (step: " + CFG.scrollStep + "px, delay: " + CFG.scrollDelay + "ms)");
+    log(
+      "Starting full-page scroll (step: " + CFG.scrollStep + "px, delay: " + CFG.scrollDelay + "ms)"
+    );
     const scrollStep = CFG.scrollStep;
     const scrollDelay = CFG.scrollDelay;
     const pageHeight = await exporter.page.evaluate(`
       Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)
     `);
-    log("Page height: " + pageHeight + "px (" + Math.ceil(pageHeight / scrollStep) + " scroll steps)");
+    log(
+      "Page height: " + pageHeight + "px (" + Math.ceil(pageHeight / scrollStep) + " scroll steps)"
+    );
     const passes = scrollStrategy === "infinite" ? 3 : 1;
     for (let pass = 0; pass < passes; pass++) {
       await exporter.page.evaluate(`
@@ -3109,7 +4307,9 @@ async function launchAndCapture(exporter) {
       );
       if (rendered && rendered.length > 200) {
         exporter.ssrHTML = rendered;
-        log("Captured rendered DOM as HTML source (" + (rendered.length / 1024).toFixed(1) + " KB)");
+        log(
+          "Captured rendered DOM as HTML source (" + (rendered.length / 1024).toFixed(1) + " KB)"
+        );
       }
     } catch (e) {
       log("Rendered DOM capture failed (keeping SSR HTML): " + e.message);
@@ -3117,11 +4317,21 @@ async function launchAndCapture(exporter) {
   }
   const totalCaptured = exporter.assets.buffers.size;
   success("Captured " + totalCaptured + " network resources total");
-  const cssCount = [...exporter.assets.entries.values()].filter((e) => e.localPath.endsWith(".css")).length;
-  const jsCount = [...exporter.assets.entries.values()].filter((e) => e.localPath.endsWith(".js") || e.localPath.endsWith(".mjs")).length;
-  const imgCount = [...exporter.assets.entries.values()].filter((e) => e.localPath.startsWith("assets/images")).length;
-  const fontCount = [...exporter.assets.entries.values()].filter((e) => e.localPath.startsWith("assets/fonts")).length;
-  log("  CSS: " + cssCount + " | JS: " + jsCount + " | Images: " + imgCount + " | Fonts: " + fontCount);
+  const cssCount = [...exporter.assets.entries.values()].filter(
+    (e) => e.localPath.endsWith(".css")
+  ).length;
+  const jsCount = [...exporter.assets.entries.values()].filter(
+    (e) => e.localPath.endsWith(".js") || e.localPath.endsWith(".mjs")
+  ).length;
+  const imgCount = [...exporter.assets.entries.values()].filter(
+    (e) => e.localPath.startsWith("assets/images")
+  ).length;
+  const fontCount = [...exporter.assets.entries.values()].filter(
+    (e) => e.localPath.startsWith("assets/fonts")
+  ).length;
+  log(
+    "  CSS: " + cssCount + " | JS: " + jsCount + " | Images: " + imgCount + " | Fonts: " + fontCount
+  );
 }
 async function closeBrowser(exporter) {
   if (exporter.browser) {
@@ -3134,8 +4344,7 @@ async function captureSubpage(page, url, platform) {
   log("  Navigating to sub-page: " + url);
   await page.goto(url, { waitUntil: "networkidle2", timeout: CFG.timeout });
   if (platform.needsHydrationCheck) {
-    await page.evaluate(
-      `new Promise(function(r) {
+    await page.evaluate(`new Promise(function(r) {
         var t = Date.now();
         (function tick() {
           var m = document.getElementById('main') || document.body;
@@ -3143,12 +4352,13 @@ async function captureSubpage(page, url, platform) {
           else if (Date.now() - t > ${platform.hydrationTimeout}) r();
           else setTimeout(tick, 200);
         })();
-      })`
-    );
+      })`);
   } else {
     await new Promise((r) => setTimeout(r, 1e3));
   }
-  const html = await page.evaluate(() => document.documentElement.outerHTML || document.body.innerHTML);
+  const html = await page.evaluate(
+    () => document.documentElement.outerHTML || document.body.innerHTML
+  );
   log("  Sub-page fetched: " + (html.length / 1024).toFixed(1) + " KB");
   return html;
 }
@@ -3165,13 +4375,13 @@ var init_capture = __esm({
 // src/network/pool.ts
 async function pool(tasks, n) {
   let i = 0;
-  const run = async () => {
+  const run2 = async () => {
     while (i < tasks.length) {
       const j = i++;
       await tasks[j]();
     }
   };
-  await Promise.all(Array.from({ length: Math.min(n, tasks.length) }, () => run()));
+  await Promise.all(Array.from({ length: Math.min(n, tasks.length) }, () => run2()));
 }
 var init_pool = __esm({
   "src/network/pool.ts"() {
@@ -3191,6 +4401,7 @@ async function downloadAll(exporter) {
     toDownload.push({ url, localPath });
   }
   const total = toDownload.length;
+  setTotalAssets(total);
   log("Starting download of " + total + " unique assets");
   log("Concurrency: " + CFG.concurrency + " parallel downloads");
   log("Retry policy: " + CFG.retries + " attempts, " + CFG.dlTimeout + "ms timeout");
@@ -3214,8 +4425,11 @@ async function downloadAll(exporter) {
           await fs.writeFile(dest, data);
           ok++;
         }
+        noteDownload(true);
+        noteFile(localPath);
       } catch (e) {
         fail++;
+        noteDownload(false);
         if (!url.includes("framer.com/edit") && !url.includes("framerstatic.com/editorbar")) {
           warn("Download failed: " + path2.basename(localPath) + " - " + e.message);
         }
@@ -3230,19 +4444,77 @@ async function downloadAll(exporter) {
     }
   );
   await pool(tasks, CFG.concurrency);
-  success("Downloads complete: " + ok + " succeeded, " + cached + " from cache, " + fail + " failed");
+  success(
+    "Downloads complete: " + ok + " succeeded, " + cached + " from cache, " + fail + " failed"
+  );
   const totalBytes = [...exporter.assets.entries.values()].length;
   log("Total unique assets written to disk: " + totalBytes);
   exporter.assets.buffers.clear();
   log("Network buffer cache cleared");
 }
+async function downloadLazyChunks(exporter) {
+  const chunkDirs = exporter.platform.lazyChunkDirs;
+  if (!chunkDirs?.length) return;
+  const sourceOf = /* @__PURE__ */ new Map();
+  for (const [url, { localPath }] of exporter.assets.entries) {
+    if (!sourceOf.has(localPath)) sourceOf.set(localPath, url);
+  }
+  let frontier = [...sourceOf.keys()].filter(
+    (p) => chunkDirs.some((dir) => p.startsWith(dir + "/"))
+  );
+  let added = 0;
+  for (let depth = 0; depth < MAX_CHUNK_DEPTH && frontier.length > 0; depth++) {
+    const next = [];
+    const tasks = frontier.map((localPath) => async () => {
+      let code;
+      try {
+        code = await fs.readFile(path2.join(exporter.outDir, localPath), "utf-8");
+      } catch {
+        return;
+      }
+      for (const match of code.matchAll(SIBLING_IMPORT)) {
+        let chunkUrl;
+        try {
+          chunkUrl = new URL("./" + match[1], sourceOf.get(localPath)).href;
+        } catch {
+          continue;
+        }
+        if (exporter.assets.entries.has(chunkUrl)) continue;
+        const dest = exporter.assets.localPathFor(chunkUrl, exporter.platform);
+        if (!dest) continue;
+        sourceOf.set(dest, chunkUrl);
+        try {
+          await fs.writeFile(path2.join(exporter.outDir, dest), await dlBuffer(chunkUrl));
+          next.push(dest);
+          added++;
+          noteDownload(true);
+          noteFile(dest);
+        } catch (e) {
+          warn("Lazy chunk failed: " + match[1] + " - " + e.message);
+        }
+      }
+    });
+    await pool(tasks, CFG.concurrency);
+    frontier = next;
+  }
+  if (frontier.length > 0) {
+    warn(
+      "Lazy chunk traversal stopped at depth " + MAX_CHUNK_DEPTH + " with " + frontier.length + " chunks left to inspect"
+    );
+  }
+  if (added > 0) success("Lazy-loaded chunks resolved: " + added);
+}
+var SIBLING_IMPORT, MAX_CHUNK_DEPTH;
 var init_download2 = __esm({
   "src/exporter/download.ts"() {
     "use strict";
     init_config();
     init_logger();
+    init_progress();
     init_download();
     init_pool();
+    SIBLING_IMPORT = /(?:import|from)\s*\(?\s*["'`]\.\/([A-Za-z0-9_.-]+\.m?js)["'`]/g;
+    MAX_CHUNK_DEPTH = 5;
   }
 });
 
@@ -3320,13 +4592,10 @@ const server = http.createServer((req, res) => {
     return;
   }
 
-  const serveFile = (pathToFile) => {
+  const serveFile = (pathToFile, onMissing) => {
     fs.readFile(pathToFile, (err, data) => {
       if (err) {
-        // SPA Fallback: if it's not a file, serve index.html
-        if (url !== '/index.html' && !path.extname(url)) {
-          return serveFile(path.join(ROOT, 'index.html'));
-        }
+        if (onMissing) return onMissing();
         res.writeHead(404);
         res.end('Not found');
         return;
@@ -3342,6 +4611,15 @@ const server = http.createServer((req, res) => {
     });
   };
 
+  if (url !== '/index.html' && !path.extname(url)) {
+    const slug = url.replace(/^\\/+|\\/+$/g, '').replace(/[^a-zA-Z0-9_-]/g, '_').replace(/_+/g, '_');
+    const serveIndex = () => serveFile(path.join(ROOT, 'index.html'));
+    if (slug) {
+      return serveFile(path.join(ROOT, 'subpages', slug + '.html'), serveIndex);
+    }
+    return serveIndex();
+  }
+
   serveFile(filePath);
 });
 
@@ -3535,94 +4813,134 @@ function stripSrcsetCdnUrls(html) {
   });
   return html;
 }
-async function buildOutput(exporter) {
-  exporter.cooking?.update("Stripping platform badges...");
-  log("Starting HTML post-processing...");
-  log("HTML size: " + (exporter.ssrHTML.length / 1024).toFixed(1) + " KB");
-  let html = exporter.ssrHTML;
-  if (!html) {
-    warn("No SSR HTML available, cannot build output");
-    return;
-  }
-  exporter.cooking?.update("Removing integrity checks...");
-  const beforeIntegrity = html.length;
-  html = stripIntegrityAndCors(html);
-  log("Stripped integrity/crossorigin/preconnect (" + (beforeIntegrity - html.length) + " chars)");
-  success("Integrity and CORS restrictions removed");
-  if (typeof processSEO === "function") {
-    exporter.cooking?.update("Optimizing SEO...");
-    html = processSEO(html, exporter.siteUrl);
-    success("SEO meta tags optimized");
-  }
-  log("Stripping " + exporter.platform.stripSelectors.length + " selectors:");
-  for (const sel of exporter.platform.stripSelectors) {
-    const before = html.length;
-    html = stripBySelector(html, sel);
-    const removed = before - html.length;
-    if (removed > 0) {
-      log("  Stripped " + sel + " (" + removed + " chars removed)");
+function rewritePatterns(exporter) {
+  return exporter.platform.rewritePatterns ?? exporter.platform.rewriteUrlPatterns ?? [];
+}
+function applyRewritePatterns(text, report) {
+  report.patterns.forEach(({ from, to }, index) => {
+    const pattern = new RegExp(from.source, from.flags);
+    if (new RegExp(from.source, from.flags).test(text)) report.matched.add(index);
+    text = text.replace(pattern, to);
+  });
+  return text;
+}
+function subpageRoutes(exporter) {
+  const routes = /* @__PURE__ */ new Map();
+  for (const [url, filename] of exporter.subpages) {
+    try {
+      routes.set(new URL(url).pathname.replace(/\/+$/, ""), filename);
+    } catch {
     }
   }
-  log("Applying " + exporter.platform.stripPatterns.length + " regex patterns...");
+  return routes;
+}
+function rewriteInternalLinks(html, siteUrl, routes, fromSubpages) {
+  const source = new URL(siteUrl);
+  const sourceHost = source.hostname.replace(/^www\./, "");
+  const rootPath = source.pathname.replace(/\/+$/, "") || "/";
+  return html.replace(
+    /<(?!link\b)([^>]*?\bhref\s*=\s*)(["'])(.*?)\2/gi,
+    (match, prefix, quote, href) => {
+      if (/^(javascript:|mailto:|tel:|#|data:)/i.test(href)) return match;
+      let target;
+      try {
+        target = new URL(href, siteUrl);
+      } catch {
+        return match;
+      }
+      if (target.hostname.replace(/^www\./, "") !== sourceHost) return match;
+      const targetPath = target.pathname.replace(/\/+$/, "") || "/";
+      if (fromSubpages && targetPath === rootPath) {
+        return `<${prefix}${quote}../index.html${target.hash}${quote}`;
+      }
+      const filename = routes.get(targetPath);
+      if (!filename) return match;
+      const local = (fromSubpages ? filename : "subpages/" + filename) + target.hash;
+      return `<${prefix}${quote}${local}${quote}`;
+    }
+  );
+}
+function processHtml(html, exporter, pageUrl, fromDir, routes, fromSubpages, report) {
+  html = stripIntegrityAndCors(html);
+  html = processSEO(html, pageUrl);
+  for (const sel of exporter.platform.stripSelectors) html = stripBySelector(html, sel);
   for (const pattern of exporter.platform.stripPatterns) {
-    const before = html.length;
     html = html.replace(new RegExp(pattern.source, pattern.flags), "");
-    const removed = before - html.length;
-    if (removed > 0) {
-      log("  Pattern removed " + removed + " chars");
-    }
   }
-  if (exporter.platform.stripScripts && exporter.platform.stripScripts.length > 0) {
-    log("Applying " + exporter.platform.stripScripts.length + " script-strip patterns...");
-    for (const pattern of exporter.platform.stripScripts) {
-      const before = html.length;
-      html = html.replace(new RegExp(pattern.source, pattern.flags), "");
-      const removed = before - html.length;
-      if (removed > 0) log("  Script pattern removed " + removed + " chars");
-    }
+  for (const pattern of exporter.platform.stripScripts || []) {
+    html = html.replace(new RegExp(pattern.source, pattern.flags), "");
   }
-  success("Platform badges and tracking stripped");
   if (exporter.platform.postCapture) {
     try {
-      const before = html.length;
       html = exporter.platform.postCapture(html, exporter);
-      log("postCapture hook applied (delta " + (html.length - before) + " chars)");
     } catch (e) {
-      warn("postCapture hook failed: " + e.message);
+      warn("postCapture hook failed for " + pageUrl + ": " + e.message);
     }
   }
-  exporter.cooking?.update("Rewriting asset URLs...");
-  log("Rewriting " + exporter.assets.entries.size + " CDN URLs to local paths...");
-  const beforeRewrite = html.length;
-  html = exporter.assets.rewrite(html, "");
-  log("HTML rewrite delta: " + (html.length - beforeRewrite) + " chars");
-  if (exporter.platform.rewriteUrlPatterns && exporter.platform.rewriteUrlPatterns.length > 0) {
-    for (const { from, to } of exporter.platform.rewriteUrlPatterns) {
-      html = html.replace(new RegExp(from.source, from.flags), to);
+  html = exporter.assets.rewrite(html, fromDir);
+  html = applyRewritePatterns(html, report);
+  html = stripSrcsetCdnUrls(html);
+  return rewriteInternalLinks(html, exporter.siteUrl, routes, fromSubpages);
+}
+async function buildSubpages(exporter, routes, report) {
+  if (exporter.subpages.size === 0) return;
+  let built = 0;
+  for (const [pageUrl, filename] of exporter.subpages) {
+    const filePath = path3.join(exporter.outDir, "subpages", filename);
+    try {
+      let html = await fs2.readFile(filePath, "utf-8");
+      html = processHtml(html, exporter, pageUrl, "subpages", routes, true, report);
+      await fs2.writeFile(filePath, html, "utf-8");
+      built++;
+    } catch (e) {
+      warn("Sub-page post-processing skipped: " + filename + " - " + e.message);
     }
-    log("Applied " + exporter.platform.rewriteUrlPatterns.length + " custom URL rewrites");
   }
-  exporter.cooking?.update("Cleaning srcset references...");
-  html = stripSrcsetCdnUrls(html);
-  log("Cleaned remaining CDN URLs from srcset attributes");
-  await rewriteDownloadedFiles(exporter);
+  success("Sub-pages linked to local assets: " + built + "/" + exporter.subpages.size);
+}
+async function buildOutput(exporter) {
+  exporter.cooking?.update("Stripping platform badges...");
+  log("Starting HTML post-processing...");
+  log("HTML size: " + (exporter.ssrHTML.length / 1024).toFixed(1) + " KB");
+  let html = exporter.ssrHTML;
+  if (!html) {
+    warn("No SSR HTML available, cannot build output");
+    return;
+  }
+  const routes = subpageRoutes(exporter);
+  const report = { patterns: rewritePatterns(exporter), matched: /* @__PURE__ */ new Set() };
+  exporter.cooking?.update("Processing exported HTML...");
+  html = processHtml(html, exporter, exporter.siteUrl, "", routes, false, report);
+  success("Index HTML pipeline complete");
+  await rewriteDownloadedFiles(exporter, report);
+  await buildSubpages(exporter, routes, report);
+  report.patterns.forEach(({ from }, index) => {
+    if (!report.matched.has(index)) warn("Rewrite pattern matched nothing: " + from.toString());
+  });
   success("All URLs rewritten to local paths");
-  exporter.cooking?.update("Pretty-printing JS files...");
-  await prettifyDownloadedJS(exporter);
+  if (exporter.prettyPrint !== false) {
+    exporter.cooking?.update("Pretty-printing JS files...");
+    await prettifyDownloadedJS(exporter);
+  } else {
+    log("Pretty-print disabled, keeping JS files as downloaded");
+  }
   exporter.cooking?.update("Writing final output...");
   log("Writing index.html (" + (html.length / 1024).toFixed(1) + " KB)...");
   await fs2.writeFile(path3.join(exporter.outDir, "index.html"), html);
+  noteFile("index.html");
   success("index.html written");
   await fs2.writeFile(path3.join(exporter.outDir, "serve.js"), SERVE_SCRIPT);
+  noteFile("serve.js");
   log("serve.js written");
   await fs2.writeFile(
     path3.join(exporter.outDir, "package.json"),
     JSON.stringify({ type: "module", scripts: { serve: "node serve.js" } }, null, 2) + "\n"
   );
+  noteFile("package.json");
   log("package.json written for serve.js");
   success("Output build complete");
 }
-async function rewriteDownloadedFiles(exporter) {
+async function rewriteDownloadedFiles(exporter, report) {
   const dirs = ["scripts/vendor", "scripts/modules", "styles"];
   let rewritten = 0;
   for (const dir of dirs) {
@@ -3641,6 +4959,7 @@ async function rewriteDownloadedFiles(exporter) {
         let content = await fs2.readFile(filePath, "utf-8");
         const before = content;
         content = exporter.assets.rewrite(content, dir);
+        content = applyRewritePatterns(content, report);
         if (content !== before) {
           await fs2.writeFile(filePath, content);
           rewritten++;
@@ -3695,6 +5014,7 @@ var init_output = __esm({
   "src/exporter/output.ts"() {
     "use strict";
     init_logger();
+    init_progress();
     init_prettify();
     init_template();
   }
@@ -3703,12 +5023,10 @@ var init_output = __esm({
 // src/exporter/summary.ts
 import fs3 from "fs/promises";
 import path4 from "path";
-async function printSummary(exporter) {
-  const w = maxWidth();
-  const isSmall = w < 50;
+async function collectSummary(outDir) {
   const count = async (d) => {
     try {
-      return (await fs3.readdir(path4.join(exporter.outDir, d))).length;
+      return (await fs3.readdir(path4.join(outDir, d))).length;
     } catch {
       return 0;
     }
@@ -3724,6 +5042,25 @@ async function printSummary(exporter) {
     count("data"),
     count("subpages")
   ]);
+  return [
+    { dir: "styles/", count: styles, kind: "CSS" },
+    { dir: "scripts/vendor/", count: vendor, kind: "JS vendor" },
+    { dir: "scripts/modules/", count: scripts, kind: "JS modules" },
+    { dir: "assets/images/", count: imgs, kind: "images" },
+    { dir: "assets/videos/", count: videos, kind: "videos" },
+    { dir: "assets/fonts/", count: fonts, kind: "fonts" },
+    { dir: "assets/misc/", count: misc, kind: "misc" },
+    { dir: "data/", count: data, kind: "data" },
+    { dir: "subpages/", count: subpages, kind: "pages" }
+  ];
+}
+async function printSummary(exporter) {
+  const w = maxWidth();
+  const isSmall = w < 50;
+  const collected = await collectSummary(exporter.outDir);
+  const [styles, vendor, scripts, imgs, videos, fonts, misc, data, subpages] = collected.map(
+    (e) => e.count
+  );
   const G = ui.primary;
   const G2 = ui.primarySoft;
   const C2 = ui.secondary;
@@ -3798,10 +5135,10 @@ var init_summary = __esm({
 // src/ai/prompt-assistant.ts
 import fs4 from "fs/promises";
 import path5 from "path";
-import { stdin as stdin2, stdout as stdout2 } from "process";
+import { stdin as stdin2, stdout as stdout4 } from "process";
 import { spawn } from "child_process";
 async function runAiPromptAssistant(exporter) {
-  if (!stdin2.isTTY || !stdout2.isTTY) return;
+  if (!stdin2.isTTY || !stdout4.isTTY) return;
   const serveCommand = buildServeCommand(exporter);
   const shouldConvert = await runExportCompletePrompt(exporter, serveCommand);
   if (!shouldConvert) return;
@@ -3887,17 +5224,12 @@ async function countEntries(dir) {
 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 buildServeCommand(exporter) {
   return `cd ${path5.basename(exporter.outDir)} && node serve.js`;
 }
 async function runExportCompletePrompt(exporter, serveCommand) {
   let copyServeCommand = true;
+  let copyExportLog = false;
   while (true) {
     const action = await select(
       "Export complete",
@@ -3906,26 +5238,35 @@ async function runExportCompletePrompt(exporter, serveCommand) {
           label: `${checkboxLabel(copyServeCommand)} Copy serve command when finishing`,
           value: "toggle-copy"
         },
+        {
+          label: `${checkboxLabel(copyExportLog)} Copy full export log when finishing`,
+          value: "toggle-log"
+        },
         {
           label: `${buttonLabel("Convert to AI code")} ${ui.error("BETA")}`,
           value: "convert"
         },
         { label: buttonLabel("Finish"), value: "finish" }
       ],
-      2,
+      3,
       {
         headerLines: [
           `Output: ${path5.basename(exporter.outDir)}`,
           `Run: ${serveCommand}`,
+          `Log: ${path5.basename(exporter.outDir)}/export.log`,
           "Use Convert to open the AI conversion assistant."
         ],
-        footer: "enter select  \xB7  checkbox toggles copy  \xB7  mouse hover/click"
+        footer: "enter select   checkbox toggles   mouse click"
       }
     );
     if (action === "toggle-copy") {
       copyServeCommand = !copyServeCommand;
       continue;
     }
+    if (action === "toggle-log") {
+      copyExportLog = !copyExportLog;
+      continue;
+    }
     if (action === "finish") {
       if (copyServeCommand) {
         try {
@@ -3935,6 +5276,19 @@ async function runExportCompletePrompt(exporter, serveCommand) {
         } catch (error) {
           console.log(
             `  ${ui.warning("!")} ${ui.warning("Clipboard copy unavailable:")} ${ui.muted(error.message)}
+`
+          );
+        }
+      }
+      if (copyExportLog) {
+        try {
+          const logText = getLogHistory().map((r) => `[${r.time}] [${r.level}] ${r.message}`).join("\n");
+          await copyToClipboard(logText);
+          console.log(`  ${ui.success("\u2713")} ${ui.text.bold("Export log copied")}
+`);
+        } catch (error) {
+          console.log(
+            `  ${ui.warning("!")} ${ui.warning("Clipboard copy unavailable:")} ${ui.muted(error.message)}
 `
           );
         }
@@ -3983,10 +5337,10 @@ function printAssistantModal(title, lines) {
   const inner = w - 4;
   console.log("");
   console.log(boxTop(w));
-  console.log(boxLine(w, centerText2(`${ui.primary("\u25C6")} ${title}`, inner)));
+  console.log(boxLine(w, centerText(`${ui.primary("\u25C6")} ${title}`, inner)));
   console.log(boxSep(w));
   for (const line of lines) {
-    console.log(boxLine(w, centerText2(ui.muted(line), inner)));
+    console.log(boxLine(w, centerText(ui.muted(line), inner)));
   }
   console.log(boxBot(w));
   console.log("");
@@ -4173,6 +5527,7 @@ var init_prompt_assistant = __esm({
     init_select();
     init_box();
     init_theme();
+    init_logger();
     IMPORTANT_DIRS = [
       "index.html",
       "styles",
@@ -4300,7 +5655,7 @@ __export(exporter_exports, {
 });
 import fs5 from "fs/promises";
 import path6 from "path";
-import chalk5 from "chalk";
+import chalk8 from "chalk";
 function deriveOutputName(url, platformName) {
   try {
     const parsed = new URL(url);
@@ -4337,6 +5692,8 @@ var init_exporter = __esm({
     init_asset_map();
     init_download();
     init_logger();
+    init_progress();
+    init_sidebar();
     init_capture();
     init_anti_bot();
     init_download2();
@@ -4354,9 +5711,12 @@ var init_exporter = __esm({
       page;
       ssrHTML;
       prettyPrint;
+      interactive;
       platform;
       cooking;
-      constructor(siteUrl, outDir, platformOverride) {
+      deviceScaleFactor;
+      subpages = /* @__PURE__ */ new Map();
+      constructor(siteUrl, outDir, platformOverride, deviceScaleFactor) {
         this.siteUrl = siteUrl;
         this.outDir = outDir;
         this.assets = new AssetMap();
@@ -4364,6 +5724,8 @@ var init_exporter = __esm({
         this.page = null;
         this.ssrHTML = "";
         this.prettyPrint = true;
+        this.interactive = true;
+        this.deviceScaleFactor = deviceScaleFactor;
         if (platformOverride && platformOverride !== "unknown") {
           this.platform = getPlatformByName(platformOverride);
         } else {
@@ -4376,15 +5738,20 @@ var init_exporter = __esm({
   ${ui.text.bold("Framer Export")} ${chip("mirror")} ${ui.muted("v4 pipeline")}
 `
         );
-        info("Source   : " + chalk5.underline(this.siteUrl));
+        info("Source   : " + chalk8.underline(this.siteUrl));
         info("Output   : " + ui.primary(this.outDir));
         info("Platform : " + ui.primary(this.platform.displayName));
+        info("DPR      : " + ui.primary(String(this.deviceScaleFactor || 1)));
         if (includeSubpages) {
           info("Subpages : " + ui.success("enabled"));
         }
         console.log("");
         this.cooking = new CookingSpinner();
         setCooking(this.cooking);
+        resetProgress();
+        const sidebar = new ExportSidebar();
+        sidebar.start();
+        this.phase("Preparing directories...");
         this.cooking.start("Preparing directories...");
         for (const d of [
           "",
@@ -4401,6 +5768,7 @@ var init_exporter = __esm({
           await fs5.mkdir(path6.join(this.outDir, d), { recursive: true });
         }
         log("Output directory structure created");
+        this.phase("Fetching SSR HTML...");
         this.cooking.update("Fetching SSR HTML...");
         log("Fetching SSR HTML from " + this.siteUrl);
         try {
@@ -4408,7 +5776,7 @@ var init_exporter = __esm({
           this.ssrHTML = buf.toString("utf-8");
           success("SSR HTML fetched (" + (this.ssrHTML.length / 1024).toFixed(1) + " KB)");
         } catch (e) {
-          log(chalk5.red("Could not fetch SSR HTML: " + e.message));
+          log(chalk8.red("Could not fetch SSR HTML: " + e.message));
         }
         const htmlDetected = detectPlatform(this.siteUrl, this.ssrHTML);
         if (htmlDetected.name !== this.platform.name) {
@@ -4416,16 +5784,23 @@ var init_exporter = __esm({
           log("Platform refined: " + ui.primary(this.platform.displayName) + " (from HTML analysis)");
         }
         try {
+          this.phase("Capturing rendered page...");
           await launchAndCapture(this);
           if (includeSubpages && this.page) {
             await this.crawlSubpages();
           }
           await closeBrowser(this);
+          this.phase("Downloading assets...");
           this.cooking.update("Downloading assets...");
           await downloadAll(this);
+          this.phase("Resolving lazy-loaded chunks...");
+          this.cooking.update("Resolving lazy-loaded chunks...");
+          await downloadLazyChunks(this);
+          this.phase("Building output...");
           this.cooking.update("Building output...");
           await buildOutput(this);
           if (this.platform.postProcess) {
+            this.phase("Post-processing...");
             this.cooking.update("Running " + this.platform.displayName + " post-processing...");
             try {
               await this.platform.postProcess(this);
@@ -4435,6 +5810,7 @@ var init_exporter = __esm({
             }
           }
         } catch (e) {
+          sidebar.stop();
           this.cooking?.stop();
           setCooking(null);
           await closeBrowser(this);
@@ -4444,14 +5820,32 @@ var init_exporter = __esm({
           }
           throw e;
         }
+        this.phase("Done");
+        sidebar.stop();
         this.cooking.stop();
         setCooking(null);
         console.log("");
         success("Export complete!");
+        await this.writeExportLog();
         await printSummary(this);
-        await runAiPromptAssistant(this);
+        if (this.interactive) {
+          await runAiPromptAssistant(this);
+        }
+      }
+      phase(label) {
+        setPhase(label);
+      }
+      async writeExportLog() {
+        const lines = getLogHistory().map((r) => `[${r.time}] [${r.level}] ${r.message}`);
+        const dest = path6.join(this.outDir, "export.log");
+        try {
+          await fs5.writeFile(dest, lines.join("\n") + "\n", "utf-8");
+          log("Full export log written: export.log (" + lines.length + " lines)");
+        } catch {
+        }
       }
       async crawlSubpages() {
+        this.phase("Crawling sub-pages...");
         this.cooking?.update("Discovering sub-pages...");
         log("Scanning page for internal links...");
         const page = this.page;
@@ -4475,8 +5869,20 @@ var init_exporter = __esm({
           }
           return Array.from(hrefs);
         }, baseHost);
-        log("Found " + links.length + " sub-page links");
-        const uniqueLinks = [...new Set(links)].slice(0, 50);
+        const ssrLinks = [];
+        for (const m of this.ssrHTML.matchAll(/<a\b[^>]*\shref=["']([^"']+)["']/gi)) {
+          const href = m[1];
+          if (/^(javascript:|mailto:|tel:|#)/i.test(href)) continue;
+          try {
+            const u = new URL(href, this.siteUrl);
+            if (u.protocol.startsWith("http") && u.hostname.replace(/^www\./, "") === baseHost && u.pathname !== "/" && u.pathname !== "") {
+              ssrLinks.push(u.href.split("#")[0]);
+            }
+          } catch {
+          }
+        }
+        const uniqueLinks = [.../* @__PURE__ */ new Set([...links, ...ssrLinks])].slice(0, 50);
+        log("Found " + uniqueLinks.length + " sub-page links");
         if (uniqueLinks.length === 0) {
           log("No sub-pages to crawl");
           return;
@@ -4493,6 +5899,9 @@ var init_exporter = __esm({
             const filename = slug + ".html";
             const filepath = path6.join(this.outDir, "subpages", filename);
             await fs5.writeFile(filepath, html, "utf-8");
+            this.subpages.set(link, filename);
+            noteSubpage();
+            noteFile("subpages/" + filename);
             log("  Saved: subpages/" + filename);
           } catch (e) {
             log("  Skipped " + link + ": " + e.message);
@@ -4514,67 +5923,269 @@ var init_exporter = __esm({
   }
 });
 
-// src/cli/select-grouped.ts
-import chalk6 from "chalk";
-async function selectPlatform(siteUrl) {
-  const grouped = platformsByCategory();
-  const detected = detectByUrl(siteUrl);
-  if (detected) {
-    const choice = await select(
-      "Platform detected",
-      [
-        { label: `Use ${detected.displayName}`, value: USE_DETECTED },
-        { label: "Browse all platforms", value: BROWSE }
-      ],
-      0,
-      {
-        headerLines: [`URL: ${siteUrl}`, `Detected: ${detected.displayName}`],
-        actions: [{ label: "Modify URL", value: MODIFY_URL }],
-        footer: "tab focus button  \xB7  enter select  \xB7  mouse hover/click"
-      }
-    );
-    if (choice === MODIFY_URL) return { modifyUrl: true };
-    if (choice === USE_DETECTED) return { platform: detected.name };
+// src/ui/server.ts
+var server_exports = {};
+__export(server_exports, {
+  startUiServer: () => startUiServer
+});
+import http2 from "http";
+import path7 from "path";
+import { URL as URL4 } from "url";
+function isAllowedHost(req) {
+  const host = (req.headers.host || "").toLowerCase();
+  return /^(localhost|127\.0\.0\.1)(:\d+)?$/.test(host);
+}
+function isSameOrigin(req) {
+  const origin = req.headers.origin;
+  if (!origin) return true;
+  try {
+    const parsed = new URL4(origin);
+    return (parsed.hostname === "localhost" || parsed.hostname === "127.0.0.1") && parsed.port === (req.headers.host || "").split(":")[1];
+  } catch {
+    return false;
   }
-  let categoryDefault = detected ? Math.max(0, CATEGORY_ORDER.indexOf(detected.category)) : 0;
-  while (true) {
-    const categoryOptions = CATEGORY_ORDER.map((cat2) => ({
-      label: `${CATEGORY_LABELS[cat2]} ${chalk6.gray(`(${grouped[cat2].length})`)}`,
-      value: cat2
-    }));
-    const category = await select("Select a category", categoryOptions, categoryDefault, {
-      headerLines: [`URL: ${siteUrl}`],
-      actions: [{ label: "Modify URL", value: MODIFY_URL }],
-      footer: "tab focus button  \xB7  enter next  \xB7  mouse hover/click"
+}
+function resolveOutDir(requested, fallbackName) {
+  const cwd = process.cwd();
+  const target = path7.resolve(cwd, requested || "./" + fallbackName);
+  if (target !== cwd && !target.startsWith(cwd + path7.sep)) return null;
+  return target;
+}
+function quoteForShell(name) {
+  return '"' + name.replace(/["`$\\\r\n]/g, "") + '"';
+}
+function sse(event, data) {
+  const payload = `event: ${event}
+data: ${JSON.stringify(data)}
+
+`;
+  for (const client of clients) client.write(payload);
+}
+function json(res, code, data) {
+  const body = JSON.stringify(data);
+  res.writeHead(code, { "Content-Type": "application/json; charset=utf-8" });
+  res.end(body);
+}
+function readBody(req) {
+  return new Promise((resolve, reject) => {
+    let data = "";
+    req.on("data", (chunk) => {
+      data += chunk;
+      if (data.length > 1e6) reject(new Error("body too large"));
     });
-    if (category === MODIFY_URL) return { modifyUrl: true };
-    const cat = category;
-    categoryDefault = CATEGORY_ORDER.indexOf(cat);
-    const handlers = grouped[cat];
-    const platformOptions = handlers.map((handler) => ({
-      label: detected && handler.name === detected.name ? `${handler.displayName}${chalk6.gray(" (detected)")}` : handler.displayName,
-      value: handler.name
-    }));
-    const platformDefault = detected && detected.category === cat ? Math.max(0, handlers.findIndex((handler) => handler.name === detected.name)) : 0;
-    const platform = await select("Select platform", platformOptions, platformDefault, {
-      headerLines: [`Category: ${CATEGORY_LABELS[cat]}`],
-      actions: [{ label: "Back to categories", value: BACK }],
-      footer: "tab focus button  \xB7  enter select  \xB7  mouse hover/click"
+    req.on("end", () => resolve(data));
+    req.on("error", reject);
+  });
+}
+function platformsPayload() {
+  const grouped = platformsByCategory();
+  return {
+    categories: CATEGORY_ORDER.map((cat) => ({
+      id: cat,
+      label: CATEGORY_LABELS[cat],
+      platforms: grouped[cat].map((h) => ({
+        name: h.name,
+        displayName: h.displayName,
+        beta: isBetaPlatform(h.name)
+      }))
+    }))
+  };
+}
+async function startExport(body, outDir) {
+  run = { state: "running" };
+  clearLogHistory();
+  sse("status", run);
+  const { CFG: CFG2 } = await Promise.resolve().then(() => (init_config(), config_exports));
+  CFG2.concurrency = body.concurrency || 12;
+  const exporter = new FramerExporter(
+    body.url,
+    outDir,
+    body.platform || void 0
+  );
+  exporter.prettyPrint = body.prettyPrint !== false;
+  exporter.interactive = false;
+  try {
+    await exporter.run(body.subpages === true);
+    run = {
+      state: "done",
+      outDir,
+      serveCommand: `cd ${quoteForShell(path7.basename(outDir))} && node serve.js`,
+      summary: await collectSummary(outDir)
+    };
+  } catch (e) {
+    run = { state: "error", error: e.message };
+  }
+  sse("status", run);
+}
+function startUiServer(port) {
+  const unsubscribeLog = onLog((record2) => sse("log", record2));
+  const unsubscribeProgress = onProgress((progress) => sse("progress", progress));
+  const server = http2.createServer(async (req, res) => {
+    const parsed = new URL4(req.url || "/", "http://localhost");
+    const route = parsed.pathname;
+    if (!isAllowedHost(req) || !isSameOrigin(req)) {
+      json(res, 403, { error: "forbidden" });
+      return;
+    }
+    if (route === "/" && req.method === "GET") {
+      res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
+      res.end(UI_HTML);
+      return;
+    }
+    if (route === "/app.js" && req.method === "GET") {
+      res.writeHead(200, { "Content-Type": "text/javascript; charset=utf-8" });
+      res.end(APP_JS);
+      return;
+    }
+    if (route === "/pixel-blast.js" && req.method === "GET") {
+      res.writeHead(200, { "Content-Type": "text/javascript; charset=utf-8" });
+      res.end(PIXEL_BLAST_JS);
+      return;
+    }
+    if (route === "/api/platforms" && req.method === "GET") {
+      json(res, 200, platformsPayload());
+      return;
+    }
+    if (route === "/api/derive" && req.method === "GET") {
+      const url = parsed.searchParams.get("url") || "";
+      const platform = parsed.searchParams.get("platform") || null;
+      try {
+        const { detectPlatform: detectPlatform2 } = await Promise.resolve().then(() => (init_platforms(), platforms_exports));
+        const name = deriveOutputName(url, platform || detectPlatform2(url).name);
+        json(res, 200, { name });
+      } catch {
+        json(res, 400, { error: "invalid url" });
+      }
+      return;
+    }
+    if (route === "/api/status" && req.method === "GET") {
+      json(res, 200, { run, progress: getProgress() });
+      return;
+    }
+    if (route === "/api/log" && req.method === "GET") {
+      const text = getLogHistory().map((r) => `[${r.time}] [${r.level}] ${r.message}`).join("\n");
+      res.writeHead(200, { "Content-Type": "text/plain; charset=utf-8" });
+      res.end(text + "\n");
+      return;
+    }
+    if (route === "/api/events" && req.method === "GET") {
+      res.writeHead(200, {
+        "Content-Type": "text/event-stream",
+        "Cache-Control": "no-cache",
+        Connection: "keep-alive"
+      });
+      res.write(`event: status
+data: ${JSON.stringify(run)}
+
+`);
+      res.write(`event: progress
+data: ${JSON.stringify(getProgress())}
+
+`);
+      clients.add(res);
+      req.on("close", () => clients.delete(res));
+      return;
+    }
+    if (route === "/api/export" && req.method === "POST") {
+      if (run.state === "running") {
+        json(res, 409, { error: "an export is already running" });
+        return;
+      }
+      let body;
+      try {
+        body = JSON.parse(await readBody(req));
+        new URL4(body.url);
+      } catch {
+        json(res, 400, { error: "invalid request body" });
+        return;
+      }
+      const outDir = resolveOutDir(body.outDir, deriveOutputName(body.url, "framer"));
+      if (!outDir) {
+        json(res, 400, { error: "output directory must stay inside the working directory" });
+        return;
+      }
+      json(res, 202, { started: true });
+      void startExport(body, outDir);
+      return;
+    }
+    res.writeHead(404, { "Content-Type": "application/json" });
+    res.end('{"error":"not found"}');
+  });
+  server.on("close", () => {
+    unsubscribeLog();
+    unsubscribeProgress();
+  });
+  return new Promise((resolve, reject) => {
+    server.on("error", reject);
+    server.listen(port, "127.0.0.1", () => {
+      const address = server.address();
+      const actualPort = typeof address === "object" && address ? address.port : port;
+      console.log("");
+      console.log(`  ${ui.text.bold("Framer Export UI")}`);
+      console.log(`  ${ui.muted("Local")}   ${ui.primary(`http://localhost:${actualPort}`)}`);
+      console.log(`  ${ui.muted("Stop")}    ${ui.primary("ctrl+c")}`);
+      console.log("");
+      resolve({
+        port: actualPort,
+        close: () => new Promise((done) => {
+          for (const client of clients) client.end();
+          clients.clear();
+          server.close(() => done());
+        })
+      });
     });
-    if (platform === BACK) continue;
-    return { platform };
+  });
+}
+var clients, run;
+var init_server = __esm({
+  "src/ui/server.ts"() {
+    "use strict";
+    init_page();
+    init_app_js();
+    init_pixel_blast();
+    init_exporter();
+    init_summary();
+    init_platforms();
+    init_logger();
+    init_progress();
+    init_theme();
+    clients = /* @__PURE__ */ new Set();
+    run = { state: "idle" };
+  }
+});
+
+// src/cli/select-grouped.ts
+async function selectTool() {
+  const grouped = platformsByCategory();
+  const options = [{ label: "Auto-detect from URL", value: AUTO_DETECT }];
+  for (const cat of CATEGORY_ORDER) {
+    options.push({ label: CATEGORY_LABELS[cat], value: `__heading_${cat}`, heading: true });
+    for (const handler of grouped[cat]) {
+      options.push({
+        label: isBetaPlatform(handler.name) ? `${handler.displayName}  [beta]` : handler.displayName,
+        value: handler.name
+      });
+    }
   }
+  const choice = await select("Select a tool to export", options, 0, {
+    headerLines: ["25+ platforms supported, type to search the list."],
+    searchable: true,
+    footer: "type to search   \u2191\u2193 scroll   enter select   esc close"
+  });
+  if (choice === AUTO_DETECT) return { auto: true };
+  return { platform: choice };
+}
+function resolveDetected(siteUrl) {
+  const detected = detectByUrl(siteUrl);
+  return detected ? detected.name : null;
 }
-var MODIFY_URL, BROWSE, USE_DETECTED, BACK;
+var AUTO_DETECT;
 var init_select_grouped = __esm({
   "src/cli/select-grouped.ts"() {
     "use strict";
     init_select();
     init_platforms();
-    MODIFY_URL = "__modify_url__";
-    BROWSE = "__browse__";
-    USE_DETECTED = "__use_detected__";
-    BACK = "__back__";
+    AUTO_DETECT = "__auto__";
   }
 });
 
@@ -4584,21 +6195,12 @@ __export(setup_exports, {
   runSetup: () => runSetup
 });
 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";
-function drawHeader(title) {
-  const w = maxWidth();
-  if (w < 50) {
-    console.log(`
-  ${bullet("\u25CF")} ${ui.text.bold(title)}`);
-    return;
-  }
-  console.log(boxTop(w));
-  console.log(boxLine(w, ui.text.bold("  " + title)));
-  console.log(boxBot(w));
-  console.log("");
+import { stdin as stdin3, stdout as stdout5 } from "process";
+import path8 from "path";
+import { URL as URL5 } from "url";
+import chalk9 from "chalk";
+function checkbox(checked) {
+  return checked ? "[\u2713]" : "[ ]";
 }
 async function runSetup(legacyMode = false) {
   showBanner();
@@ -4607,269 +6209,183 @@ async function runSetup(legacyMode = false) {
     `  ${ui.muted("Export 25+ website platforms into a clean, self-hosted 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 ? chalk7.gray(` (${defaultVal})`) : "";
-    const prompt = `  ${ui.primary("\u25CF")} ${ui.text.bold(question)}${suffix} ${ui.muted(">")} `;
-    const answer = await rl.question(prompt);
-    return answer.trim() || defaultVal || "";
-  };
-  if (legacyMode) drawHeader("Step 1 : Site URL");
+  if (legacyMode) {
+    return runLegacySetup();
+  }
+  let platformName = null;
+  let autoDetect = false;
+  const tool = await selectTool();
+  if ("auto" in tool) autoDetect = true;
+  else platformName = tool.platform;
   let siteUrl = "";
   let urlError = "";
   while (!siteUrl) {
-    const input = await ask(
-      "Enter the site URL",
-      "",
-      ["Step 1 : Site URL", urlError].filter(Boolean)
-    );
+    const headerLines = [
+      autoDetect ? "Tool: auto-detect from URL" : `Tool: ${getPlatformByName(platformName).displayName}`,
+      urlError
+    ].filter(Boolean);
+    const input = await promptInput("Enter the site URL", "", { headerLines });
     try {
-      new URL4(input);
+      new URL5(input);
       siteUrl = input;
       urlError = "";
     } catch {
       urlError = "Invalid URL. Enter a valid URL (https://...)";
-      if (legacyMode) {
-        console.log(`  ${ui.error("\u2717")} ${ui.error(urlError)}
-`);
-      }
     }
   }
-  if (legacyMode) {
-    console.log(`  ${ui.success("\u2713")} ${ui.success("URL:")} ${chalk7.underline(siteUrl)}
-`);
-  }
-  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 name", detected.name);
-    const known = PLATFORM_REGISTRY.some((platform) => platform.name === platformInput);
-    platformName = known ? platformInput : detected.name;
-    console.log(`  ${ui.success("\u2713")} ${ui.success("Platform:")} ${ui.primary(platformName)}
-`);
+  if (autoDetect) {
+    platformName = detectPlatform(siteUrl).name;
   } else {
-    while (!platformName) {
-      const selection = await selectPlatform(siteUrl);
-      if ("modifyUrl" in selection) {
-        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 = selection.platform;
+    const detected = resolveDetected(siteUrl);
+    if (detected && detected !== platformName) {
+      const detectedName = getPlatformByName(detected).displayName;
+      const chosenName = getPlatformByName(platformName).displayName;
+      const answer = await select(
+        "URL looks like a different platform",
+        [
+          { label: `Switch to ${detectedName} (detected)`, value: "switch" },
+          { label: `Keep ${chosenName}`, value: "keep" }
+        ],
+        0,
+        { headerLines: [`URL: ${siteUrl}`] }
+      );
+      if (answer === "switch") platformName = detected;
     }
   }
-  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 ? chalk7.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);
   let outDir = "./" + derivedName;
-  if (legacyMode) {
-    drawHeader("Step 3 : Output Directory");
-    outDir = await ask2("Output directory", outDir, [
-      "Step 3 : Output Directory",
-      `URL: ${siteUrl}`,
-      `Platform: ${platformName}`
-    ]);
-    console.log(`  ${ui.success("\u2713")} ${ui.success("Output:")} ${ui.primary(outDir)}
-`);
-    drawHeader("Step 4 : Options");
-  } else {
-    outDir = await ask2("Output directory", outDir, [
-      "Step 3 : Output Directory",
-      `URL: ${siteUrl}`,
-      `Platform: ${platformName}`
-    ]);
-  }
+  outDir = await promptInput("Output directory", outDir, {
+    headerLines: [`URL: ${siteUrl}`, `Tool: ${getPlatformByName(platformName).displayName}`]
+  });
   let prettyPrint = true;
   let concurrency = 12;
   let includeSubpages = false;
-  let startExport = false;
-  const summaryRows = () => [
-    ["URL", siteUrl],
-    ["Platform", platformName],
-    ["Output", path7.resolve(outDir)],
-    ["Pretty-print", prettyPrint ? "yes" : "no"],
-    ["Sub-pages", includeSubpages ? "yes" : "no"],
-    ["Concurrency", String(concurrency)]
-  ];
-  const summaryLines = () => summaryRows().map(([label, value]) => `${label}: ${value}`);
-  const printSummary2 = () => {
-    const w = maxWidth();
-    const isSmall = w < 50;
-    console.log("");
-    if (!isSmall) {
-      console.log(boxTop(w));
-      console.log(boxLine(w, ui.text.bold("  Summary")));
-      console.log(boxSep(w));
-    } else {
-      console.log(ui.text.bold("  Summary:"));
-    }
-    for (const [label, value] of summaryRows()) {
-      console.log(boxRow(w, label, value));
-    }
-    if (!isSmall) {
-      console.log(boxBot(w));
-    }
-    console.log("");
-  };
-  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")}
-`
-    );
-    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")}
-`
-    );
-    const concurrencyAnswer = await ask2("Download concurrency", "12");
-    concurrency = parseInt(concurrencyAnswer, 10) || 12;
-    console.log(`  ${ui.success("\u2713")} Concurrency: ${ui.primary(String(concurrency))}
-`);
-    printSummary2();
-    const confirm = await ask2("Start export? (y/n)", "y");
-    startExport = confirm.toLowerCase().startsWith("y");
-    rl2.close();
-  } else {
-    let optionStep = 0;
-    while (true) {
-      while (optionStep < 3) {
-        if (optionStep === 0) {
-          const prettyVal = await select(
-            "Pretty-print JS files?",
-            [
-              { label: "Yes", value: "yes" },
-              { label: "No", value: "no" }
-            ],
-            prettyPrint ? 0 : 1,
-            {
-              headerLines: ["Step 4 : Options"],
-              actions: [{ label: "Previous: output directory", value: "previous" }],
-              footer: "previous go back  \xB7  enter next  \xB7  mouse hover/click"
-            }
-          );
-          if (prettyVal === "previous") {
-            outDir = await ask2("Output directory", outDir, [
-              "Step 3 : Output Directory",
-              `URL: ${siteUrl}`,
-              `Platform: ${platformName}`
-            ]);
-            optionStep = 0;
-            continue;
-          }
-          prettyPrint = prettyVal === "yes";
-          optionStep = 1;
-          continue;
-        }
-        if (optionStep === 1) {
-          const subpagesVal = await select(
-            "Export sub-pages?",
-            [
-              { label: "No", value: "no" },
-              { label: "Yes, crawl and export", value: "yes" }
-            ],
-            includeSubpages ? 1 : 0,
-            {
-              headerLines: ["Step 4 : Options"],
-              actions: [{ label: "Previous: pretty-print", value: "previous" }],
-              footer: "previous go back  \xB7  enter next  \xB7  mouse hover/click"
-            }
-          );
-          if (subpagesVal === "previous") {
-            optionStep = 0;
-            continue;
-          }
-          includeSubpages = subpagesVal === "yes";
-          optionStep = 2;
-          continue;
-        }
-        const concurrencyVal = await select(
-          "Download concurrency",
-          [
-            { label: "6 (slow connection)", value: "6" },
-            { label: "12 (default)", value: "12" },
-            { label: "20 (fast connection)", value: "20" }
-          ],
-          concurrency === 6 ? 0 : concurrency === 20 ? 2 : 1,
-          {
-            headerLines: ["Step 4 : Options"],
-            actions: [{ label: "Previous: sub-pages", value: "previous" }],
-            footer: "previous go back  \xB7  enter next  \xB7  mouse hover/click"
-          }
-        );
-        if (concurrencyVal === "previous") {
-          optionStep = 1;
-          continue;
+  let startExport2 = false;
+  let focusIndex = 0;
+  options: while (true) {
+    const summary = [
+      `URL       ${siteUrl}`,
+      `Tool      ${getPlatformByName(platformName).displayName}`,
+      `Output    ${path8.resolve(outDir)}`
+    ];
+    const choice = await select(
+      "Export options",
+      [
+        { label: `${checkbox(prettyPrint)}  Pretty-print JS files`, value: "pretty" },
+        { label: `${checkbox(includeSubpages)}  Export sub-pages`, value: "subpages" },
+        {
+          label: `[${String(concurrency).padStart(2)}]  Download concurrency`,
+          value: "concurrency"
         }
-        concurrency = parseInt(concurrencyVal, 10);
-        optionStep = 3;
-      }
-      const confirmVal = await select(
-        "Ready to export?",
-        [
-          { label: "Previous: edit options", value: "previous" },
-          { label: "Next: start now", value: "next" },
+      ],
+      focusIndex,
+      {
+        headerLines: summary,
+        actions: [
+          { label: "Start export", value: "start" },
+          { label: "Back", value: "back" },
           { label: "Cancel", value: "cancel" }
         ],
-        1,
-        {
-          headerLines: ["Summary", ...summaryLines()],
-          footer: "previous edit options  \xB7  next start export  \xB7  mouse hover/click"
-        }
-      );
-      if (confirmVal === "previous") {
-        optionStep = 2;
+        footer: "enter toggle   tab actions   mouse click   esc close"
+      }
+    );
+    switch (choice) {
+      case "pretty":
+        prettyPrint = !prettyPrint;
+        focusIndex = 0;
+        continue;
+      case "subpages":
+        includeSubpages = !includeSubpages;
+        focusIndex = 1;
+        continue;
+      case "concurrency": {
+        const idx = CONCURRENCY_STEPS.indexOf(concurrency);
+        concurrency = CONCURRENCY_STEPS[(idx + 1) % CONCURRENCY_STEPS.length];
+        focusIndex = 2;
         continue;
       }
-      startExport = confirmVal === "next";
-      break;
+      case "back":
+        outDir = await promptInput("Output directory", outDir, {
+          headerLines: [`URL: ${siteUrl}`]
+        });
+        focusIndex = 0;
+        continue;
+      case "start":
+        startExport2 = true;
+        break options;
+      default:
+        startExport2 = false;
+        break options;
+    }
+  }
+  if (!startExport2) {
+    console.log(`
+  ${ui.warning("Export cancelled.")}
+`);
+    return;
+  }
+  console.log("");
+  await launchExport(siteUrl, outDir, platformName, {
+    prettyPrint,
+    concurrency,
+    includeSubpages
+  });
+}
+async function runLegacySetup() {
+  const rl = readline2.createInterface({ input: stdin3, output: stdout5 });
+  const ask = async (question, defaultVal) => {
+    const suffix = defaultVal ? chalk9.gray(` (${defaultVal})`) : "";
+    const prompt = `  ${ui.primary("\u25CF")} ${ui.text.bold(question)}${suffix} ${ui.muted(">")} `;
+    const answer = await rl.question(prompt);
+    return answer.trim() || defaultVal || "";
+  };
+  const platformInput = await ask('Tool (platform id, or "auto")', "auto");
+  const known = PLATFORM_REGISTRY.some((platform) => platform.name === platformInput);
+  let siteUrl = "";
+  while (!siteUrl) {
+    const input = await ask("Enter the site URL");
+    try {
+      new URL5(input);
+      siteUrl = input;
+    } catch {
+      console.log(
+        `  ${ui.error("\u2717")} ${ui.error("Invalid URL. Enter a valid URL (https://...)")}
+`
+      );
     }
   }
-  if (!startExport) {
+  const platformName = known ? platformInput : detectPlatform(siteUrl).name;
+  console.log(`  ${ui.success("\u2713")} ${ui.success("Tool:")} ${ui.primary(platformName)}
+`);
+  const outDir = await ask("Output directory", "./" + deriveOutputName(siteUrl, platformName));
+  const prettyAnswer = await ask("Pretty-print JS files? (y/n)", "y");
+  const prettyPrint = prettyAnswer.toLowerCase().startsWith("y");
+  const subpagesAnswer = await ask("Export sub-pages? (y/n)", "n");
+  const includeSubpages = subpagesAnswer.toLowerCase().startsWith("y");
+  const concurrencyAnswer = await ask("Download concurrency", "12");
+  const concurrency = parseInt(concurrencyAnswer, 10) || 12;
+  const confirm = await ask("Start export? (y/n)", "y");
+  rl.close();
+  if (!confirm.toLowerCase().startsWith("y")) {
     console.log(`
   ${ui.warning("Export cancelled.")}
 `);
     return;
   }
   console.log("");
+  await launchExport(siteUrl, outDir, platformName, {
+    prettyPrint,
+    concurrency,
+    includeSubpages
+  });
+}
+async function launchExport(siteUrl, outDir, platformName, opts) {
   const { CFG: CFG2 } = await Promise.resolve().then(() => (init_config(), config_exports));
-  CFG2.concurrency = concurrency;
-  const exporter = new FramerExporter(siteUrl, path7.resolve(outDir), platformName);
-  exporter.prettyPrint = prettyPrint;
+  CFG2.concurrency = opts.concurrency;
+  const exporter = new FramerExporter(siteUrl, path8.resolve(outDir), platformName);
+  exporter.prettyPrint = opts.prettyPrint;
   try {
-    await exporter.run(includeSubpages);
+    await exporter.run(opts.includeSubpages);
   } catch (e) {
     const { AntiBotError: AntiBotError2, formatAntiBotError: formatAntiBotError2 } = await Promise.resolve().then(() => (init_anti_bot(), anti_bot_exports));
     if (e instanceof AntiBotError2) {
@@ -4879,6 +6395,7 @@ async function runSetup(legacyMode = false) {
     throw e;
   }
 }
+var CONCURRENCY_STEPS;
 var init_setup = __esm({
   "src/cli/setup.ts"() {
     "use strict";
@@ -4887,15 +6404,15 @@ var init_setup = __esm({
     init_platforms();
     init_select();
     init_select_grouped();
-    init_box();
     init_theme();
+    CONCURRENCY_STEPS = [6, 12, 20];
   }
 });
 
 // src/cli/index.ts
 init_package();
-import path8 from "path";
-import { URL as URL5 } from "url";
+import path9 from "path";
+import { URL as URL6 } from "url";
 import { spawnSync } from "child_process";
 
 // src/cli/help.ts
@@ -4912,13 +6429,20 @@ function showHelp() {
   console.log(
     `    ${ui.primary("fexport")}         ${ui.warning("<url>")} ${ui.muted("[output-dir]")}`
   );
+  console.log(
+    `    ${ui.primary("framer-export")} ${ui.success("ui")}   ${ui.muted("[--port <n>] [--no-open]")}`
+  );
   console.log("");
   console.log(ui.text.bold("  OPTIONS\n"));
   const opts = [
+    ["ui", "Launch the web interface (gallery, options, live logs)"],
     ["--setup", "Launch the interactive setup assistant"],
     ["--platform <p>", "Force platform by id (e.g. framer, shopify, notion)"],
     ["--subpages", "Crawl and export sub-pages"],
-    ["--legacy-mode", "Use text input instead of arrow selection"],
+    ["--dpr <number>", "Capture device pixel ratio (default: 1)"],
+    ["--legacy-mode", "With --setup: use text input instead of arrow selection"],
+    ["--about", "Show version and package information"],
+    ["--version, -v", "Show the version number"],
     ["--help, -h", "Show this help message"]
   ];
   for (const [flag, desc] of opts) {
@@ -4928,9 +6452,10 @@ function showHelp() {
   console.log(ui.text.bold("  SUPPORTED PLATFORMS\n"));
   const grouped = platformsByCategory();
   for (const cat of CATEGORY_ORDER) {
-    const names = grouped[cat].map((handler) => handler.displayName).join(", ");
+    const names = grouped[cat].map((handler) => handler.displayName + (isBetaPlatform(handler.name) ? "*" : "")).join(", ");
     console.log(`    ${ui.primary(CATEGORY_LABELS[cat].padEnd(22))} ${ui.muted(names)}`);
   }
+  console.log(`    ${ui.muted("* beta support, Framer, Webflow and Wix are stable")}`);
   console.log("");
   console.log(ui.text.bold("  EXAMPLES\n"));
   console.log(
@@ -4971,8 +6496,8 @@ async function checkForUpdates(currentVersion) {
         res.on("data", (chunk) => data += chunk);
         res.on("end", () => {
           try {
-            const json = JSON.parse(data);
-            const latest = json.version;
+            const json2 = JSON.parse(data);
+            const latest = json2.version;
             if (!latest) return resolve(null);
             if (isNewerVersion(latest, currentVersion)) return resolve(latest);
             resolve(null);
@@ -5078,20 +6603,20 @@ async function main() {
     process.exit(0);
   }
   if (args.includes("--about")) {
-    const chalk8 = (await import("chalk")).default;
+    const chalk10 = (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")}`
+      `  ${ui.text.bold("Portfolio")}  ${chalk10.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", ""))}`
+      `  ${ui.text.bold("GitHub")}     ${chalk10.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}`)}`
+      `  ${ui.text.bold("npm")}        ${chalk10.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}`)}`);
@@ -5102,6 +6627,27 @@ async function main() {
     showHelp();
     process.exit(0);
   }
+  if (args[0] === "ui") {
+    args.shift();
+    const portValue = extractFlag(args, "--port");
+    const port = portValue === null ? 4400 : Number(portValue);
+    if (!Number.isFinite(port) || port < 0 || port > 65535) {
+      console.log(
+        `  ${ui.error("\u2717")} ${ui.error.bold("Invalid port:")} ${ui.text(portValue || "")}
+`
+      );
+      process.exit(1);
+    }
+    showBanner();
+    const { startUiServer: startUiServer2 } = await Promise.resolve().then(() => (init_server(), server_exports));
+    const handle = await startUiServer2(port);
+    if (!hasFlag(args, "--no-open")) {
+      const target = `http://localhost:${handle.port}`;
+      const opener = process.platform === "win32" ? { cmd: "cmd", args: ["/c", "start", "", target] } : process.platform === "darwin" ? { cmd: "open", args: [target] } : { cmd: "xdg-open", args: [target] };
+      spawnSync(opener.cmd, opener.args, { stdio: "ignore" });
+    }
+    return;
+  }
   await showLoadingIntro(VERSION);
   await showUpdateNotice();
   if (args.includes("--setup")) {
@@ -5117,11 +6663,20 @@ async function main() {
     return;
   }
   const platformOverride = extractFlag(args, "--platform");
+  const hasDprFlag = args.includes("--dpr");
+  const dprValue = extractFlag(args, "--dpr");
   const includeSubpages = hasFlag(args, "--subpages");
+  const deviceScaleFactor = dprValue === null ? 1 : Number(dprValue);
+  if (hasDprFlag && dprValue === null || !Number.isFinite(deviceScaleFactor) || deviceScaleFactor <= 0) {
+    console.log(`  ${ui.error("\u2717")} ${ui.error.bold("Invalid DPR:")} ${ui.text(dprValue || "")}`);
+    console.log(`  ${ui.muted("Expected a positive number, for example: --dpr 2")}
+`);
+    process.exit(1);
+  }
   showBanner();
   const url = args[0];
   try {
-    new URL5(url);
+    new URL6(url);
   } catch {
     console.log(`  ${ui.error("\u2717")} ${ui.error.bold("Invalid URL:")} ${ui.text(url)}`);
     console.log(`  ${ui.muted("Expected: https://yoursite.framer.app")}
@@ -5134,21 +6689,24 @@ 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,
+      path9.resolve(out),
+      platformOverride || void 0,
+      deviceScaleFactor
+    ).run(includeSubpages);
   } catch (e) {
     const { AntiBotError: AntiBotError2, formatAntiBotError: formatAntiBotError2 } = await Promise.resolve().then(() => (init_anti_bot(), anti_bot_exports));
     if (e instanceof AntiBotError2) {
       console.log(formatAntiBotError2(e));
       process.exit(1);
     }
-    const chalk8 = (await import("chalk")).default;
+    const chalk10 = (await import("chalk")).default;
     console.log(
       `
   ${ui.error("\u2717")} ${ui.error.bold("FAILED:")} ${ui.text(e.message)}`
     );
-    console.log(chalk8.gray(e.stack || ""));
+    console.log(chalk10.gray(e.stack || ""));
     process.exit(1);
   }
 }