boo-flash 0.1.6 → 0.1.8

package/dist/app.js

@@ -2547,12 +2547,37 @@ var palette = (() => {
 // src/App.tsx
 import { TextAttributes as TextAttributes2 } from "@opentui/core";
 
+// ../../apps/shared/BooLogoData.ts
+var LIGHT_COLORS = { inkColor: "#002B8F", accentColor: "#00E5FF", highlightColor: "#D0FAFF" };
+var DARK_COLORS = { inkColor: "#8EEDFC", accentColor: "#235664", highlightColor: "#173D4B" };
+var PATTERNS = {
+  ".": [" ", 0, 0],
+  A: [" ", 1, 1],
+  B: ["\u2582", 1, 0],
+  C: [" ", 2, 2],
+  D: [" ", 3, 3],
+  E: ["\u{1FB85}", 1, 0]
+};
+var ROWS = [
+  "....AAAAAAAAAAAABB............................",
+  "BBAACCDD........EEBB..........................",
+  "AACCDD............AA....................AAAAAA",
+  "AACCCCDD..BB..BB..AA....AA......AAAAAA..AA..AA",
+  "EEAACCDD..AA..AA..AA....AAAAAA..AA..AA..AACCAA",
+  "..AACCDD..AA..AA..AA....AA..AA..AACCAA..AACCAA",
+  "..AACCDD..EE..EE..AA....AACCAA..AACCAA..AACCAA",
+  "..AACCDD..........AA....AACCAA..AACCAA..AACCAA",
+  "..AACCDD..........AA....AACCAA..AACCAA..AACCAA",
+  "..AACCDD..........AA....AAAAAA..AAAAAA..AAAAAA",
+  "..AACCAA..AA..AA..AA..........................",
+  "....AA..AA..AA..AA............................"
+];
+
 // src/backend.ts
 import { createHash as createHash2 } from "node:crypto";
 import { chmod as chmod2, mkdtemp, open as open2, rm } from "node:fs/promises";
 import { tmpdir as tmpdir4 } from "node:os";
 import { dirname as dirname3, join as join5 } from "node:path";
-import { setTimeout as delay } from "node:timers/promises";
 import { fileURLToPath as fileURLToPath2 } from "node:url";
 
 // src/backends/macos.ts
@@ -3567,105 +3592,40 @@ async function discoverCandidates(signal) {
   ], signal, { limit: 1024 ** 2 })));
 }
 var FlashBackend = class {
-  constructor(demo2) {
-    this.demo = demo2;
-  }
-  demo;
-  demoInstalled = false;
   requirePlatform() {
     if (process.platform === "darwin") return platform;
     if (process.platform === "linux") return platform2;
-    throw new Error("Boo Flash supports macOS and Linux. Use --demo for a non-writing preview.");
+    throw new Error("Boo Flash supports macOS and Linux.");
   }
   get platformLabel() {
-    return this.demo ? "DEMO - no disks written" : this.requirePlatform().label;
+    return this.requirePlatform().label;
   }
   get successTitle() {
-    return this.demo ? "Demo complete" : this.requirePlatform().successTitle;
+    return this.requirePlatform().successTitle;
   }
   get successDetail() {
-    return this.demo ? "Simulated success only. No USB was written or ejected." : this.requirePlatform().successDetail;
+    return this.requirePlatform().successDetail;
   }
   async clearCache(signal) {
-    if (this.demo) return "Demo only: no cached images or USB contents were changed.";
     return clearCachedImages(signal);
   }
   dependencies() {
-    if (!this.demo) return this.requirePlatform().dependencies();
-    const setup = this.demo.startsWith("setup") || this.demo === "no-homebrew";
-    return {
-      missing: !setup || this.demoInstalled ? [] : ["zstd"],
-      installer: this.demo === "no-homebrew" ? null : "Homebrew",
-      guidance: "Demo dependency guidance."
-    };
+    return this.requirePlatform().dependencies();
   }
   async installDependencies(approved, signal, terminal) {
-    if (!this.demo) {
-      return terminal(() => this.requirePlatform().installDependencies(approved, signal));
-    }
-    await delay(2e3, void 0, { signal });
-    return terminal(async () => {
-      process.stdout.write("\nDEMO dependency setup: no software is installed.\nSimulating Homebrew terminal handoff. Ctrl-C cancels and quits.\n");
-      await delay(3e3);
-      if (this.demo === "setup-interrupted") process.stdout.write("Simulated Homebrew interruption result, without signaling Boo Flash. Quitting.\n");
-      if (signal.aborted || this.demo === "setup-interrupted") return "cancelled";
-      if (this.demo === "setup-error") throw new Error("Simulated Homebrew failure. No software was installed. Resolve the reported issue, then refresh to retry.");
-      this.demoInstalled = true;
-      return "installed";
-    });
+    return terminal(() => this.requirePlatform().installDependencies(approved, signal));
   }
   async catalog(signal) {
-    if (!this.demo) return discoverImages(signal);
-    await delay(350, void 0, { signal });
-    return { run: 149, version: "0.1.0+149", revision: "9b7574859120add5a1a478bc7923aeb1629be4ba", timestamp: new Date(Date.now() - 10 * 60 * 1e3).toISOString(), images: profiles.map((profile, index) => ({
-      profile,
-      id: index,
-      name: `demo-${profile}`,
-      bytes: 1083197973,
-      digest: "demo"
-    })) };
+    return discoverImages(signal);
   }
   async candidates(signal) {
-    if (!this.demo) return discoverCandidates(signal);
-    const catalog = await this.catalog(signal);
-    return this.demo === "empty" ? [] : [{
-      ...catalog,
-      timestamp: new Date(Date.now() - 5 * 60 * 1e3).toISOString(),
-      images: [catalog.images[0]],
-      candidate: { number: 1 }
-    }];
+    return discoverCandidates(signal);
   }
   async disks(signal, staging = tmpdir4(), unmounted) {
-    if (this.demo) {
-      await delay(250, void 0, { signal });
-      return this.demo === "empty" ? [] : [
-        { id: "demo-usb-a", name: "SanDisk Ultra USB 3.0", bytes: 32 * 1024 ** 3, identity: "demo-a" },
-        { id: "demo-usb-b", name: "Kingston DataTraveler", bytes: 64 * 1024 ** 3, identity: "demo-b" }
-      ];
-    }
     if (process.getuid?.() === 0) throw new Error(`Run Boo Flash on ${this.requirePlatform().id === "macos" ? "macOS" : "Linux"} as your normal user, not with sudo.`);
     return this.requirePlatform().disks(signal, moduleDirectory, staging, unmounted);
   }
   async flash(catalog, image, disk, signal, update, authorize2) {
-    if (this.demo) {
-      if (!disk.id.startsWith("demo-") || image.digest !== "demo") throw new Error("Invalid demo selection.");
-      for (const stage of ["Downloading", "Verifying", "Unmounting", "Writing", "Flushing", "Ejecting"]) {
-        const total = stage === "Downloading" ? image.bytes : stage === "Writing" ? 8 * 1024 ** 3 : void 0;
-        for (let i = 0; i <= (total ? 30 : 5); i++) {
-          signal.throwIfAborted();
-          update({
-            stage,
-            detail: "Simulated activity. No disk commands are run.",
-            total,
-            bytes: total ? Math.round(total * i / 30) : void 0,
-            speed: total ? total / 3 : void 0
-          });
-          await delay(100, void 0, { signal });
-          if (this.demo === "error" && stage === "Writing" && i === 13) throw new Error("Demo write failure. No disks were written or ejected. Refresh to choose again.");
-        }
-      }
-      return;
-    }
     const platform3 = this.requirePlatform();
     if (process.getuid?.() === 0) throw new Error(`Run Boo Flash on ${platform3.id === "macos" ? "macOS" : "Linux"} as your normal user, not with sudo.`);
     if (!diskID3.test(disk.id) || !catalog.images.includes(image) || !profiles.includes(image.profile) || !positive(image.id) || !positive(image.bytes) || !sha256.test(image.digest)) throw new Error("Invalid flash selection.");
@@ -3790,13 +3750,54 @@ var FlashBackend = class {
     }
   }
   async authorize(signal) {
-    if (this.demo) return;
     if (process.getuid?.() === 0) throw new Error("Run Boo Flash as your normal user, not with sudo.");
     await this.requirePlatform().authorize(signal);
   }
 };
 
+// package.json
+var version = "0.1.8";
+
 // src/App.tsx
+function FlashLogo() {
+  const theme = themes.find((entry) => entry.ui === palette && !entry.error)?.kind === "Light" ? LIGHT_COLORS : DARK_COLORS;
+  const colors2 = [palette.background, theme.inkColor, theme.accentColor, theme.highlightColor];
+  const rows = Array.from({
+    length: 6
+  }, (_, y) => Array.from({
+    length: 23
+  }, (_2, x) => [PATTERNS[ROWS[y * 2][x * 2]][1], PATTERNS[ROWS[y * 2 + 1][x * 2]][1]]));
+  return (() => {
+    var _el$ = createElement("box");
+    setProp(_el$, "id", "flash-logo");
+    setProp(_el$, "width", 23);
+    setProp(_el$, "height", 6);
+    setProp(_el$, "flexShrink", 0);
+    setProp(_el$, "marginBottom", 1);
+    insert(_el$, createComponent2(For, {
+      each: rows,
+      children: (row) => (() => {
+        var _el$2 = createElement("text");
+        setProp(_el$2, "height", 1);
+        setProp(_el$2, "wrapMode", "none");
+        insert(_el$2, createComponent2(For, {
+          each: row,
+          children: ([top, bottom]) => (() => {
+            var _el$3 = createElement("span");
+            insert(_el$3, top === bottom ? " " : "\u2580");
+            effect((_$p) => setProp(_el$3, "style", {
+              fg: colors2[top],
+              bg: colors2[bottom]
+            }, _$p));
+            return _el$3;
+          })()
+        }));
+        return _el$2;
+      })()
+    }));
+    return _el$;
+  })();
+}
 function App(props) {
   const renderer = useRenderer();
   const dimensions = useTerminalDimensions();
@@ -3845,7 +3846,12 @@ function App(props) {
   const visible = () => dimensions().width >= 40 && dimensions().height >= 16;
   const options = () => screen() === "profile" ? 5 : screen() === "cleared" ? 1 : screen() === "candidates" ? Math.max(1, candidates().length) : screen() === "disks" ? disks3().length : 2;
   const percent = () => progress().total ? Math.min(100, Math.floor((progress().bytes ?? 0) / progress().total * 100)) : void 0;
-  const path = (d) => props.backend.demo ? d.id : `/dev/${d.id}`;
+  const path = (d) => `/dev/${d.id}`;
+  const selection = () => {
+    const c = catalog(), i = image();
+    if (!c || !i) return "";
+    return `Boo ${c.version}${c.candidate ? ` candidate #${c.candidate.number}` : ""} / ${i.profile.toUpperCase()}${c.candidate ? ` / ${c.revision.slice(0, 7)}` : ""}`;
+  };
   const operation = (work) => {
     controller = new AbortController();
     setStopping(false);
@@ -3856,7 +3862,7 @@ function App(props) {
       } catch (e) {
         if (!closing) {
           const setup = screen() === "installing";
-          setError(controller.signal.aborted && setup ? "Setup cancelled. Refresh to check what is still missing." : controller.signal.aborted && props.backend.demo ? "Demo cancelled. No disks were written or ejected." : e instanceof Error ? e.message : "Operation failed. Refresh and try again.");
+          setError(controller.signal.aborted && setup ? "Setup cancelled. Refresh to check what is still missing." : e instanceof Error ? e.message : "Operation failed. Refresh and try again.");
           if (setup) setDependencies(props.backend.dependencies());
           setScreen(setup ? "setup" : "error");
           setCursor(0);
@@ -3881,6 +3887,7 @@ function App(props) {
   const refresh = () => {
     setError("");
     setCatalog(void 0);
+    setImage(void 0);
     setDisk(void 0);
     setScreen("profile");
     setCursor(0);
@@ -3910,6 +3917,7 @@ function App(props) {
       if (state.missing.length) {
         setDependencies(state);
         setCatalog(void 0);
+        setImage(void 0);
         setScreen("setup");
         setCursor(0);
         return;
@@ -4013,6 +4021,9 @@ function App(props) {
         await props.backend.flash(catalog(), image(), disk(), signal, setProgress, async () => {
           renderer.suspend();
           try {
+            process.stdout.write(`
+${selection()}
+`);
             await props.backend.authorize(signal);
           } finally {
             renderer.resume();
@@ -4059,31 +4070,31 @@ function App(props) {
     if (key.name === "return" && !key.repeated) activate();
   });
   const row = (label, detail, index, danger = false, detailWhenTight = false) => (() => {
-    var _el$ = createElement("box"), _el$2 = createElement("text");
-    insertNode(_el$, _el$2);
-    setProp(_el$, "paddingX", 1);
-    setProp(_el$, "flexShrink", 0);
-    setProp(_el$2, "wrapMode", "none");
-    insert(_el$2, () => cursor() === index ? "> " : "  ", null);
-    insert(_el$2, label, null);
-    insert(_el$, createComponent2(Show, {
+    var _el$4 = createElement("box"), _el$5 = createElement("text");
+    insertNode(_el$4, _el$5);
+    setProp(_el$4, "paddingX", 1);
+    setProp(_el$4, "flexShrink", 0);
+    setProp(_el$5, "wrapMode", "none");
+    insert(_el$5, () => cursor() === index ? "> " : "  ", null);
+    insert(_el$5, label, null);
+    insert(_el$4, createComponent2(Show, {
       get when() {
         return detail && (!tight() || detailWhenTight);
       },
       get children() {
-        var _el$3 = createElement("text");
-        setProp(_el$3, "wrapMode", "none");
-        insert(_el$3, `  ${detail}`);
-        effect((_$p) => setProp(_el$3, "fg", palette.muted, _$p));
-        return _el$3;
+        var _el$6 = createElement("text");
+        setProp(_el$6, "wrapMode", "none");
+        insert(_el$6, `  ${detail}`);
+        effect((_$p) => setProp(_el$6, "fg", palette.muted, _$p));
+        return _el$6;
       }
     }), null);
     effect((_p$) => {
       var _v$ = detail && (!tight() || detailWhenTight) ? compact() ? 2 : 3 : 1, _v$2 = cursor() === index ? palette.selected : palette.panel, _v$3 = danger ? palette.warning : cursor() === index ? palette.accent : palette.foreground, _v$4 = TextAttributes2.BOLD;
-      _v$ !== _p$.e && (_p$.e = setProp(_el$, "height", _v$, _p$.e));
-      _v$2 !== _p$.t && (_p$.t = setProp(_el$, "backgroundColor", _v$2, _p$.t));
-      _v$3 !== _p$.a && (_p$.a = setProp(_el$2, "fg", _v$3, _p$.a));
-      _v$4 !== _p$.o && (_p$.o = setProp(_el$2, "attributes", _v$4, _p$.o));
+      _v$ !== _p$.e && (_p$.e = setProp(_el$4, "height", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = setProp(_el$4, "backgroundColor", _v$2, _p$.t));
+      _v$3 !== _p$.a && (_p$.a = setProp(_el$5, "fg", _v$3, _p$.a));
+      _v$4 !== _p$.o && (_p$.o = setProp(_el$5, "attributes", _v$4, _p$.o));
       return _p$;
     }, {
       e: void 0,
@@ -4091,92 +4102,112 @@ function App(props) {
       a: void 0,
       o: void 0
     });
-    return _el$;
+    return _el$4;
   })();
   return (() => {
-    var _el$4 = createElement("box"), _el$5 = createElement("box"), _el$6 = createElement("box"), _el$7 = createElement("text"), _el$9 = createElement("text"), _el$0 = createElement("box"), _el$1 = createElement("box"), _el$87 = createElement("text");
-    insertNode(_el$4, _el$5);
-    setProp(_el$4, "width", "100%");
-    setProp(_el$4, "height", "100%");
-    setProp(_el$4, "justifyContent", "center");
-    setProp(_el$4, "alignItems", "center");
-    insertNode(_el$5, _el$6);
-    insertNode(_el$5, _el$0);
-    insertNode(_el$5, _el$1);
-    insertNode(_el$5, _el$87);
-    setProp(_el$5, "border", true);
-    setProp(_el$5, "borderStyle", "single");
-    setProp(_el$5, "flexDirection", "column");
-    setProp(_el$5, "paddingX", 1);
-    insertNode(_el$6, _el$7);
-    insertNode(_el$6, _el$9);
-    setProp(_el$6, "height", 1);
-    setProp(_el$6, "flexDirection", "row");
-    setProp(_el$6, "justifyContent", "space-between");
-    setProp(_el$6, "flexShrink", 0);
-    insertNode(_el$7, createTextNode(`BOO FLASH`));
-    insert(_el$9, () => props.backend.platformLabel);
-    setProp(_el$0, "height", 1);
-    setProp(_el$0, "flexShrink", 0);
-    setProp(_el$1, "flexGrow", 1);
-    setProp(_el$1, "minHeight", 0);
-    setProp(_el$1, "overflow", "hidden");
-    insert(_el$1, createComponent2(Show, {
+    var _el$7 = createElement("box"), _el$8 = createElement("box"), _el$9 = createElement("box"), _el$0 = createElement("text"), _el$10 = createElement("text"), _el$11 = createElement("box"), _el$12 = createElement("box"), _el$83 = createElement("box"), _el$84 = createElement("text"), _el$85 = createElement("text"), _el$86 = createTextNode(`v`);
+    insertNode(_el$7, _el$8);
+    setProp(_el$7, "width", "100%");
+    setProp(_el$7, "height", "100%");
+    setProp(_el$7, "justifyContent", "center");
+    setProp(_el$7, "alignItems", "center");
+    insert(_el$7, createComponent2(Show, {
+      get when() {
+        return memo2(() => dimensions().width >= 23)() && dimensions().height >= 31;
+      },
+      get children() {
+        return createComponent2(FlashLogo, {});
+      }
+    }), _el$8);
+    insertNode(_el$8, _el$9);
+    insertNode(_el$8, _el$11);
+    insertNode(_el$8, _el$12);
+    insertNode(_el$8, _el$83);
+    setProp(_el$8, "id", "flash-card");
+    setProp(_el$8, "border", true);
+    setProp(_el$8, "borderStyle", "single");
+    setProp(_el$8, "flexDirection", "column");
+    setProp(_el$8, "paddingX", 1);
+    insertNode(_el$9, _el$0);
+    insertNode(_el$9, _el$10);
+    setProp(_el$9, "height", 1);
+    setProp(_el$9, "flexDirection", "row");
+    setProp(_el$9, "justifyContent", "space-between");
+    setProp(_el$9, "flexShrink", 0);
+    insertNode(_el$0, createTextNode(`BOO FLASH`));
+    insert(_el$10, () => props.backend.platformLabel);
+    setProp(_el$11, "height", 1);
+    setProp(_el$11, "flexShrink", 0);
+    setProp(_el$12, "flexGrow", 1);
+    setProp(_el$12, "minHeight", 0);
+    setProp(_el$12, "overflow", "hidden");
+    insert(_el$12, createComponent2(Show, {
       get when() {
         return visible();
       },
       get fallback() {
         return (() => {
-          var _el$88 = createElement("text");
-          insertNode(_el$88, createTextNode(`Enlarge the terminal to show the full choices and erase warning. Q quits.`));
-          effect((_$p) => setProp(_el$88, "fg", palette.warning, _$p));
-          return _el$88;
+          var _el$87 = createElement("text");
+          insertNode(_el$87, createTextNode(`Enlarge the terminal to show the full choices and erase warning. Q quits.`));
+          effect((_$p) => setProp(_el$87, "fg", palette.warning, _$p));
+          return _el$87;
         })();
       },
       get children() {
         return [createComponent2(Show, {
+          get when() {
+            return selection();
+          },
+          get children() {
+            var _el$13 = createElement("text");
+            setProp(_el$13, "flexShrink", 0);
+            insert(_el$13, selection);
+            effect((_$p) => setProp(_el$13, "fg", palette.foreground, _$p));
+            return _el$13;
+          }
+        }), createComponent2(Show, {
           get when() {
             return screen() === "profile";
           },
           get children() {
             return [(() => {
-              var _el$10 = createElement("text");
-              insertNode(_el$10, createTextNode(`Choose the target computer's GPU`));
+              var _el$14 = createElement("text");
+              insertNode(_el$14, createTextNode(`Choose the target computer's GPU`));
               effect((_p$) => {
                 var _v$5 = palette.foreground, _v$6 = TextAttributes2.BOLD;
-                _v$5 !== _p$.e && (_p$.e = setProp(_el$10, "fg", _v$5, _p$.e));
-                _v$6 !== _p$.t && (_p$.t = setProp(_el$10, "attributes", _v$6, _p$.t));
+                _v$5 !== _p$.e && (_p$.e = setProp(_el$14, "fg", _v$5, _p$.e));
+                _v$6 !== _p$.t && (_p$.t = setProp(_el$14, "attributes", _v$6, _p$.t));
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$10;
+              return _el$14;
             })(), (() => {
-              var _el$12 = createElement("text");
-              insert(_el$12, (() => {
+              var _el$16 = createElement("text");
+              insert(_el$16, (() => {
                 var _c$ = memo2(() => !!loading());
                 return () => _c$() ? `${spinner()} Finding latest Boo release...` : memo2(() => !!catalog())() ? `Boo ${catalog().version} / ${catalog().revision.slice(0, 7)} / ${imageTime(catalog().timestamp, now())}` : "Dependencies needed. Enter to set up.";
               })());
-              effect((_$p) => setProp(_el$12, "fg", palette.muted, _$p));
-              return _el$12;
+              effect((_$p) => setProp(_el$16, "fg", palette.muted, _$p));
+              return _el$16;
             })(), (() => {
-              var _el$13 = createElement("box");
-              setProp(_el$13, "gap", 0);
-              setProp(_el$13, "marginBottom", 1);
-              setProp(_el$13, "flexShrink", 0);
-              insert(_el$13, createComponent2(For, {
+              var _el$17 = createElement("box");
+              setProp(_el$17, "gap", 0);
+              setProp(_el$17, "marginBottom", 1);
+              setProp(_el$17, "flexShrink", 0);
+              insert(_el$17, createComponent2(For, {
                 each: profiles,
                 children: (profile, index) => row(profile.toUpperCase(), profile === "nvidia" ? "NVIDIA graphics" : `${profile === "intel" ? "Intel" : "AMD Radeon"} graphics`, index())
               }), null);
-              insert(_el$13, () => row("Candidates", "", 3), null);
-              insert(_el$13, () => row("Clear cached images", "", 4), null);
-              return _el$13;
+              insert(_el$17, () => row("Candidates", "", 3), null);
+              insert(_el$17, () => row("Clear cached images", "", 4), null);
+              return _el$17;
             })(), (() => {
-              var _el$14 = createElement("text");
-              insertNode(_el$14, createTextNode(`All images support Intel and AMD x86_64 CPUs.`));
-              effect((_$p) => setProp(_el$14, "fg", palette.muted, _$p));
-              return _el$14;
+              var _el$18 = createElement("text");
+              insertNode(_el$18, createTextNode(`All images support Intel and AMD x86_64 CPUs.`));
+              effect((_$p) => setProp(_el$18, "fg", palette.muted, _$p));
+              return _el$18;
             })()];
           }
         }), createComponent2(Show, {
@@ -4185,34 +4216,34 @@ function App(props) {
           },
           get children() {
             return [(() => {
-              var _el$16 = createElement("text");
-              insertNode(_el$16, createTextNode(`Clear cached images?`));
+              var _el$20 = createElement("text");
+              insertNode(_el$20, createTextNode(`Clear cached images?`));
               effect((_p$) => {
                 var _v$7 = palette.warning, _v$8 = TextAttributes2.BOLD;
-                _v$7 !== _p$.e && (_p$.e = setProp(_el$16, "fg", _v$7, _p$.e));
-                _v$8 !== _p$.t && (_p$.t = setProp(_el$16, "attributes", _v$8, _p$.t));
+                _v$7 !== _p$.e && (_p$.e = setProp(_el$20, "fg", _v$7, _p$.e));
+                _v$8 !== _p$.t && (_p$.t = setProp(_el$20, "attributes", _v$8, _p$.t));
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$16;
-            })(), (() => {
-              var _el$18 = createElement("text");
-              insertNode(_el$18, createTextNode(`Removes downloaded archives only, NOT USB contents. Active flashes are unaffected.`));
-              effect((_$p) => setProp(_el$18, "fg", palette.foreground, _$p));
-              return _el$18;
-            })(), (() => {
-              var _el$20 = createElement("text");
-              insertNode(_el$20, createTextNode(`Images will download again when needed. Pending downloads may still finish and be cached.`));
-              effect((_$p) => setProp(_el$20, "fg", palette.muted, _$p));
               return _el$20;
             })(), (() => {
-              var _el$22 = createElement("box");
-              insert(_el$22, () => row("Go back", "", 0), null);
-              insert(_el$22, () => row(loading() ? "Clearing..." : "Clear cached images", "", 1, true), null);
-              effect((_$p) => setProp(_el$22, "gap", tight() ? 0 : 1, _$p));
+              var _el$22 = createElement("text");
+              insertNode(_el$22, createTextNode(`Removes downloaded archives only, NOT USB contents. Active flashes are unaffected.`));
+              effect((_$p) => setProp(_el$22, "fg", palette.foreground, _$p));
               return _el$22;
+            })(), (() => {
+              var _el$24 = createElement("text");
+              insertNode(_el$24, createTextNode(`Images will download again when needed. Pending downloads may still finish and be cached.`));
+              effect((_$p) => setProp(_el$24, "fg", palette.muted, _$p));
+              return _el$24;
+            })(), (() => {
+              var _el$26 = createElement("box");
+              insert(_el$26, () => row("Go back", "", 0), null);
+              insert(_el$26, () => row(loading() ? "Clearing..." : "Clear cached images", "", 1, true), null);
+              effect((_$p) => setProp(_el$26, "gap", tight() ? 0 : 1, _$p));
+              return _el$26;
             })()];
           }
         }), createComponent2(Show, {
@@ -4221,23 +4252,23 @@ function App(props) {
           },
           get children() {
             return [(() => {
-              var _el$23 = createElement("text");
-              insertNode(_el$23, createTextNode(`Cache cleared`));
+              var _el$27 = createElement("text");
+              insertNode(_el$27, createTextNode(`Cache cleared`));
               effect((_p$) => {
                 var _v$9 = palette.success, _v$0 = TextAttributes2.BOLD;
-                _v$9 !== _p$.e && (_p$.e = setProp(_el$23, "fg", _v$9, _p$.e));
-                _v$0 !== _p$.t && (_p$.t = setProp(_el$23, "attributes", _v$0, _p$.t));
+                _v$9 !== _p$.e && (_p$.e = setProp(_el$27, "fg", _v$9, _p$.e));
+                _v$0 !== _p$.t && (_p$.t = setProp(_el$27, "attributes", _v$0, _p$.t));
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$23;
+              return _el$27;
             })(), (() => {
-              var _el$25 = createElement("text");
-              insert(_el$25, notice);
-              effect((_$p) => setProp(_el$25, "fg", palette.foreground, _$p));
-              return _el$25;
+              var _el$29 = createElement("text");
+              insert(_el$29, notice);
+              effect((_$p) => setProp(_el$29, "fg", palette.foreground, _$p));
+              return _el$29;
             })(), memo2(() => row("Go back", "", 0))];
           }
         }), createComponent2(Show, {
@@ -4246,34 +4277,29 @@ function App(props) {
           },
           get children() {
             return [(() => {
-              var _el$26 = createElement("text");
-              insertNode(_el$26, createTextNode(`Candidates`));
+              var _el$30 = createElement("text");
+              insertNode(_el$30, createTextNode(`Candidates`));
               effect((_p$) => {
                 var _v$1 = palette.foreground, _v$10 = TextAttributes2.BOLD;
-                _v$1 !== _p$.e && (_p$.e = setProp(_el$26, "fg", _v$1, _p$.e));
-                _v$10 !== _p$.t && (_p$.t = setProp(_el$26, "attributes", _v$10, _p$.t));
+                _v$1 !== _p$.e && (_p$.e = setProp(_el$30, "fg", _v$1, _p$.e));
+                _v$10 !== _p$.t && (_p$.t = setProp(_el$30, "attributes", _v$10, _p$.t));
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$26;
-            })(), (() => {
-              var _el$28 = createElement("text");
-              insertNode(_el$28, createTextNode(`Build-only; not boot/install/hardware qualified.`));
-              effect((_$p) => setProp(_el$28, "fg", palette.warning, _$p));
-              return _el$28;
+              return _el$30;
             })(), createComponent2(Show, {
               get when() {
                 return !loading();
               },
               get fallback() {
                 return (() => {
-                  var _el$90 = createElement("text"), _el$91 = createTextNode(` Finding completed candidates...`);
-                  insertNode(_el$90, _el$91);
-                  insert(_el$90, spinner, _el$91);
-                  effect((_$p) => setProp(_el$90, "fg", palette.muted, _$p));
-                  return _el$90;
+                  var _el$89 = createElement("text"), _el$90 = createTextNode(` Finding completed candidates...`);
+                  insertNode(_el$89, _el$90);
+                  insert(_el$89, spinner, _el$90);
+                  effect((_$p) => setProp(_el$89, "fg", palette.muted, _$p));
+                  return _el$89;
                 })();
               },
               get children() {
@@ -4283,31 +4309,31 @@ function App(props) {
                   },
                   get fallback() {
                     return [(() => {
-                      var _el$92 = createElement("text");
-                      insertNode(_el$92, createTextNode(`No completed candidates available`));
-                      effect((_$p) => setProp(_el$92, "fg", palette.muted, _$p));
-                      return _el$92;
+                      var _el$91 = createElement("text");
+                      insertNode(_el$91, createTextNode(`No completed candidates available`));
+                      effect((_$p) => setProp(_el$91, "fg", palette.muted, _$p));
+                      return _el$91;
                     })(), memo2(() => row("Go back", "", 0))];
                   },
                   get children() {
                     return [(() => {
-                      var _el$30 = createElement("box");
-                      setProp(_el$30, "gap", 0);
-                      insert(_el$30, createComponent2(For, {
+                      var _el$32 = createElement("box");
+                      setProp(_el$32, "gap", 0);
+                      insert(_el$32, createComponent2(For, {
                         get each() {
                           return candidates().slice(Math.max(0, cursor() - 2), Math.max(3, cursor() + 1));
                         },
                         children: (c, index) => row(`${c.images[0].profile.toUpperCase()} ${c.revision.slice(0, 7)} #${c.candidate.number}`, imageTime(c.timestamp, now()), index() + Math.max(0, cursor() - 2), false, true)
                       }));
-                      return _el$30;
+                      return _el$32;
                     })(), (() => {
-                      var _el$31 = createElement("text"), _el$32 = createTextNode(` of `), _el$33 = createTextNode(` candidates / Enter to choose`);
-                      insertNode(_el$31, _el$32);
-                      insertNode(_el$31, _el$33);
-                      insert(_el$31, () => cursor() + 1, _el$32);
-                      insert(_el$31, () => candidates().length, _el$33);
-                      effect((_$p) => setProp(_el$31, "fg", palette.muted, _$p));
-                      return _el$31;
+                      var _el$33 = createElement("text"), _el$34 = createTextNode(` of `), _el$35 = createTextNode(` candidates / Enter to choose`);
+                      insertNode(_el$33, _el$34);
+                      insertNode(_el$33, _el$35);
+                      insert(_el$33, () => cursor() + 1, _el$34);
+                      insert(_el$33, () => candidates().length, _el$35);
+                      effect((_$p) => setProp(_el$33, "fg", palette.muted, _$p));
+                      return _el$33;
                     })()];
                   }
                 });
@@ -4320,64 +4346,54 @@ function App(props) {
           },
           get children() {
             return [(() => {
-              var _el$34 = createElement("text");
-              insertNode(_el$34, createTextNode(`Set up required tools`));
+              var _el$36 = createElement("text");
+              insertNode(_el$36, createTextNode(`Set up required tools`));
               effect((_p$) => {
                 var _v$11 = palette.accent, _v$12 = TextAttributes2.BOLD;
-                _v$11 !== _p$.e && (_p$.e = setProp(_el$34, "fg", _v$11, _p$.e));
-                _v$12 !== _p$.t && (_p$.t = setProp(_el$34, "attributes", _v$12, _p$.t));
+                _v$11 !== _p$.e && (_p$.e = setProp(_el$36, "fg", _v$11, _p$.e));
+                _v$12 !== _p$.t && (_p$.t = setProp(_el$36, "attributes", _v$12, _p$.t));
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$34;
-            })(), (() => {
-              var _el$36 = createElement("text"), _el$37 = createTextNode(`Missing: `);
-              insertNode(_el$36, _el$37);
-              insert(_el$36, () => dependencies3().missing.join(", "), null);
-              effect((_$p) => setProp(_el$36, "fg", palette.foreground, _$p));
               return _el$36;
+            })(), (() => {
+              var _el$38 = createElement("text"), _el$39 = createTextNode(`Missing: `);
+              insertNode(_el$38, _el$39);
+              insert(_el$38, () => dependencies3().missing.join(", "), null);
+              effect((_$p) => setProp(_el$38, "fg", palette.foreground, _$p));
+              return _el$38;
             })(), createComponent2(Show, {
               get when() {
                 return !error();
               },
               get fallback() {
                 return (() => {
-                  var _el$94 = createElement("text");
-                  insert(_el$94, error);
-                  effect((_$p) => setProp(_el$94, "fg", palette.warning, _$p));
-                  return _el$94;
+                  var _el$93 = createElement("text");
+                  insert(_el$93, error);
+                  effect((_$p) => setProp(_el$93, "fg", palette.warning, _$p));
+                  return _el$93;
                 })();
               },
               get children() {
-                var _el$38 = createElement("text");
-                insert(_el$38, (() => {
+                var _el$40 = createElement("text");
+                insert(_el$40, (() => {
                   var _c$2 = memo2(() => !!dependencies3().installer);
                   return () => _c$2() ? `${dependencies3().installer} will install ${dependencies3().missing.join(" and ")} and required dependencies, then continue.` : dependencies3().guidance;
                 })());
-                effect((_$p) => setProp(_el$38, "fg", palette.muted, _$p));
-                return _el$38;
+                effect((_$p) => setProp(_el$40, "fg", palette.muted, _$p));
+                return _el$40;
               }
             }), createComponent2(Show, {
               get when() {
                 return !tight();
               },
               get children() {
-                var _el$39 = createElement("text");
-                insert(_el$39, () => dependencies3().installer ? "Uses the ordinary terminal. Ctrl-C cancels and quits." : "Boo Flash will not change system packages on this platform.");
-                effect((_$p) => setProp(_el$39, "fg", palette.muted, _$p));
-                return _el$39;
-              }
-            }), createComponent2(Show, {
-              get when() {
-                return props.backend.demo;
-              },
-              get children() {
-                var _el$40 = createElement("text");
-                insertNode(_el$40, createTextNode(`Setup simulation; no software installed.`));
-                effect((_$p) => setProp(_el$40, "fg", palette.warning, _$p));
-                return _el$40;
+                var _el$41 = createElement("text");
+                insert(_el$41, () => dependencies3().installer ? "Uses the ordinary terminal. Ctrl-C cancels and quits." : "Boo Flash will not change system packages on this platform.");
+                effect((_$p) => setProp(_el$41, "fg", palette.muted, _$p));
+                return _el$41;
               }
             }), (() => {
               var _el$42 = createElement("box");
@@ -4420,17 +4436,7 @@ function App(props) {
               insert(_el$47, () => dependencies3().installer, _el$48);
               effect((_$p) => setProp(_el$47, "fg", palette.muted, _$p));
               return _el$47;
-            })(), createComponent2(Show, {
-              get when() {
-                return props.backend.demo;
-              },
-              get children() {
-                var _el$49 = createElement("text");
-                insertNode(_el$49, createTextNode(`Setup simulation; no software installed.`));
-                effect((_$p) => setProp(_el$49, "fg", palette.warning, _$p));
-                return _el$49;
-              }
-            })];
+            })()];
           }
         }), createComponent2(Show, {
           get when() {
@@ -4438,26 +4444,26 @@ function App(props) {
           },
           get children() {
             return [(() => {
-              var _el$51 = createElement("text");
-              insertNode(_el$51, createTextNode(`Choose a USB drive`));
+              var _el$49 = createElement("text");
+              insertNode(_el$49, createTextNode(`Choose a USB drive`));
               effect((_p$) => {
                 var _v$15 = palette.foreground, _v$16 = TextAttributes2.BOLD;
-                _v$15 !== _p$.e && (_p$.e = setProp(_el$51, "fg", _v$15, _p$.e));
-                _v$16 !== _p$.t && (_p$.t = setProp(_el$51, "attributes", _v$16, _p$.t));
+                _v$15 !== _p$.e && (_p$.e = setProp(_el$49, "fg", _v$15, _p$.e));
+                _v$16 !== _p$.t && (_p$.t = setProp(_el$49, "attributes", _v$16, _p$.t));
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$51;
+              return _el$49;
             })(), (() => {
-              var _el$53 = createElement("text");
-              insert(_el$53, (() => {
+              var _el$51 = createElement("text");
+              insert(_el$51, (() => {
                 var _c$3 = memo2(() => !!loading());
                 return () => _c$3() ? `${spinner()} Checking disks and protected storage...` : "System, home and app storage are excluded.";
               })());
-              effect((_$p) => setProp(_el$53, "fg", palette.muted, _$p));
-              return _el$53;
+              effect((_$p) => setProp(_el$51, "fg", palette.muted, _$p));
+              return _el$51;
             })(), createComponent2(Show, {
               get when() {
                 return !loading();
@@ -4469,31 +4475,31 @@ function App(props) {
                   },
                   get fallback() {
                     return (() => {
-                      var _el$95 = createElement("text");
-                      insertNode(_el$95, createTextNode(`No eligible USB drives. Connect a writable external USB drive, then press R to refresh.`));
-                      effect((_$p) => setProp(_el$95, "fg", palette.warning, _$p));
-                      return _el$95;
+                      var _el$94 = createElement("text");
+                      insertNode(_el$94, createTextNode(`No eligible USB drives. Connect a writable external USB drive, then press R to refresh.`));
+                      effect((_$p) => setProp(_el$94, "fg", palette.warning, _$p));
+                      return _el$94;
                     })();
                   },
                   get children() {
                     return [(() => {
-                      var _el$54 = createElement("box");
-                      setProp(_el$54, "gap", 0);
-                      insert(_el$54, createComponent2(For, {
+                      var _el$52 = createElement("box");
+                      setProp(_el$52, "gap", 0);
+                      insert(_el$52, createComponent2(For, {
                         get each() {
                           return disks3().slice(Math.max(0, cursor() - 2), Math.max(3, cursor() + 1));
                         },
                         children: (d, index) => row(d.name, `${path(d)}  /  ${bytes(d.bytes)}  /  USB`, index() + Math.max(0, cursor() - 2))
                       }));
-                      return _el$54;
+                      return _el$52;
                     })(), (() => {
-                      var _el$55 = createElement("text");
-                      insert(_el$55, (() => {
+                      var _el$53 = createElement("text");
+                      insert(_el$53, (() => {
                         var _c$4 = memo2(() => cursor() < 0);
                         return () => _c$4() ? "Use arrows to select a drive. Nothing is selected yet." : `${cursor() + 1} of ${disks3().length} drives / Enter to review`;
                       })());
-                      effect((_$p) => setProp(_el$55, "fg", palette.muted, _$p));
-                      return _el$55;
+                      effect((_$p) => setProp(_el$53, "fg", palette.muted, _$p));
+                      return _el$53;
                     })()];
                   }
                 });
@@ -4506,64 +4512,55 @@ function App(props) {
           },
           get children() {
             return [(() => {
-              var _el$56 = createElement("text");
-              insertNode(_el$56, createTextNode(`Erase this entire USB drive?`));
+              var _el$54 = createElement("text");
+              insertNode(_el$54, createTextNode(`Erase this entire USB drive?`));
               effect((_p$) => {
                 var _v$17 = palette.warning, _v$18 = TextAttributes2.BOLD;
-                _v$17 !== _p$.e && (_p$.e = setProp(_el$56, "fg", _v$17, _p$.e));
-                _v$18 !== _p$.t && (_p$.t = setProp(_el$56, "attributes", _v$18, _p$.t));
+                _v$17 !== _p$.e && (_p$.e = setProp(_el$54, "fg", _v$17, _p$.e));
+                _v$18 !== _p$.t && (_p$.t = setProp(_el$54, "attributes", _v$18, _p$.t));
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$56;
+              return _el$54;
             })(), (() => {
-              var _el$58 = createElement("box"), _el$59 = createElement("text"), _el$60 = createElement("text"), _el$61 = createElement("text"), _el$62 = createTextNode(` / `);
-              insertNode(_el$58, _el$59);
-              insertNode(_el$58, _el$60);
-              insertNode(_el$58, _el$61);
-              setProp(_el$58, "paddingX", 1);
-              setProp(_el$59, "height", 1);
-              setProp(_el$59, "wrapMode", "none");
-              insert(_el$59, () => disk()?.name);
-              insert(_el$60, (() => {
+              var _el$56 = createElement("box"), _el$57 = createElement("text"), _el$58 = createElement("text");
+              insertNode(_el$56, _el$57);
+              insertNode(_el$56, _el$58);
+              setProp(_el$56, "paddingX", 1);
+              setProp(_el$57, "height", 1);
+              setProp(_el$57, "wrapMode", "none");
+              insert(_el$57, () => disk()?.name);
+              insert(_el$58, (() => {
                 var _c$5 = memo2(() => !!disk());
                 return () => _c$5() ? `${path(disk())}  /  ${bytes(disk().bytes)}` : "";
               })());
-              insertNode(_el$61, _el$62);
-              insert(_el$61, () => image()?.profile.toUpperCase(), _el$62);
-              insert(_el$61, (() => {
-                var _c$6 = memo2(() => !!catalog()?.candidate);
-                return () => _c$6() ? `candidate (build-only) ${catalog()?.revision.slice(0, 7)}` : `Boo ${catalog()?.version}`;
-              })(), null);
               effect((_p$) => {
-                var _v$19 = palette.panelAlt, _v$20 = palette.foreground, _v$21 = TextAttributes2.BOLD, _v$22 = palette.accent, _v$23 = catalog()?.candidate ? palette.warning : palette.muted;
-                _v$19 !== _p$.e && (_p$.e = setProp(_el$58, "backgroundColor", _v$19, _p$.e));
-                _v$20 !== _p$.t && (_p$.t = setProp(_el$59, "fg", _v$20, _p$.t));
-                _v$21 !== _p$.a && (_p$.a = setProp(_el$59, "attributes", _v$21, _p$.a));
-                _v$22 !== _p$.o && (_p$.o = setProp(_el$60, "fg", _v$22, _p$.o));
-                _v$23 !== _p$.i && (_p$.i = setProp(_el$61, "fg", _v$23, _p$.i));
+                var _v$19 = palette.panelAlt, _v$20 = palette.foreground, _v$21 = TextAttributes2.BOLD, _v$22 = palette.accent;
+                _v$19 !== _p$.e && (_p$.e = setProp(_el$56, "backgroundColor", _v$19, _p$.e));
+                _v$20 !== _p$.t && (_p$.t = setProp(_el$57, "fg", _v$20, _p$.t));
+                _v$21 !== _p$.a && (_p$.a = setProp(_el$57, "attributes", _v$21, _p$.a));
+                _v$22 !== _p$.o && (_p$.o = setProp(_el$58, "fg", _v$22, _p$.o));
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0,
                 a: void 0,
-                o: void 0,
-                i: void 0
+                o: void 0
               });
-              return _el$58;
+              return _el$56;
             })(), (() => {
-              var _el$63 = createElement("text");
-              insertNode(_el$63, createTextNode(`ALL data and partitions on this drive will be lost. Back up anything you need before continuing.`));
-              effect((_$p) => setProp(_el$63, "fg", palette.warning, _$p));
-              return _el$63;
+              var _el$59 = createElement("text");
+              insertNode(_el$59, createTextNode(`ALL data and partitions on this drive will be lost. Back up anything you need before continuing.`));
+              effect((_$p) => setProp(_el$59, "fg", palette.warning, _$p));
+              return _el$59;
             })(), (() => {
-              var _el$65 = createElement("box");
-              insert(_el$65, () => row("Go back", "", 0), null);
-              insert(_el$65, () => row("Erase & flash", "", 1, true), null);
-              effect((_$p) => setProp(_el$65, "gap", tight() ? 0 : 1, _$p));
-              return _el$65;
+              var _el$61 = createElement("box");
+              insert(_el$61, () => row("Go back", "", 0), null);
+              insert(_el$61, () => row("Erase & flash", "", 1, true), null);
+              effect((_$p) => setProp(_el$61, "gap", tight() ? 0 : 1, _$p));
+              return _el$61;
             })()];
           }
         }), createComponent2(Show, {
@@ -4572,108 +4569,114 @@ function App(props) {
           },
           get children() {
             return [(() => {
-              var _el$66 = createElement("text"), _el$67 = createTextNode(` `);
-              insertNode(_el$66, _el$67);
-              insert(_el$66, spinner, _el$67);
-              insert(_el$66, (() => {
-                var _c$7 = memo2(() => !!stopping());
-                return () => _c$7() ? "Stopping safely..." : progress().stage;
+              var _el$62 = createElement("text"), _el$63 = createTextNode(` `);
+              insertNode(_el$62, _el$63);
+              insert(_el$62, spinner, _el$63);
+              insert(_el$62, (() => {
+                var _c$6 = memo2(() => !!stopping());
+                return () => _c$6() ? "Stopping safely..." : progress().stage;
               })(), null);
               effect((_p$) => {
-                var _v$24 = palette.accent, _v$25 = TextAttributes2.BOLD;
-                _v$24 !== _p$.e && (_p$.e = setProp(_el$66, "fg", _v$24, _p$.e));
-                _v$25 !== _p$.t && (_p$.t = setProp(_el$66, "attributes", _v$25, _p$.t));
+                var _v$23 = palette.accent, _v$24 = TextAttributes2.BOLD;
+                _v$23 !== _p$.e && (_p$.e = setProp(_el$62, "fg", _v$23, _p$.e));
+                _v$24 !== _p$.t && (_p$.t = setProp(_el$62, "attributes", _v$24, _p$.t));
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$66;
+              return _el$62;
             })(), (() => {
-              var _el$68 = createElement("text"), _el$69 = createTextNode(` / `);
-              insertNode(_el$68, _el$69);
-              insert(_el$68, () => disk()?.name, _el$69);
-              insert(_el$68, () => image()?.profile.toUpperCase(), null);
-              effect((_$p) => setProp(_el$68, "fg", palette.foreground, _$p));
-              return _el$68;
+              var _el$64 = createElement("text");
+              insert(_el$64, () => disk()?.name);
+              effect((_$p) => setProp(_el$64, "fg", palette.foreground, _$p));
+              return _el$64;
             })(), (() => {
-              var _el$70 = createElement("text");
-              insert(_el$70, (() => {
-                var _c$8 = memo2(() => !!stopping());
-                return () => _c$8() ? "Waiting for all child processes to stop. Keep the USB connected." : progress().detail;
+              var _el$65 = createElement("text");
+              insert(_el$65, (() => {
+                var _c$7 = memo2(() => !!stopping());
+                return () => _c$7() ? "Waiting for all child processes to stop. Keep the USB connected." : progress().detail;
               })());
-              effect((_$p) => setProp(_el$70, "fg", palette.muted, _$p));
-              return _el$70;
+              effect((_$p) => setProp(_el$65, "fg", palette.muted, _$p));
+              return _el$65;
             })(), createComponent2(Show, {
               get when() {
                 return percent() !== void 0;
               },
               get children() {
                 return [(() => {
-                  var _el$71 = createElement("box");
-                  setProp(_el$71, "border", true);
-                  setProp(_el$71, "height", 3);
-                  insert(_el$71, createComponent2(Show, {
+                  var _el$66 = createElement("box");
+                  setProp(_el$66, "flexShrink", 0);
+                  insert(_el$66, createComponent2(Show, {
                     get when() {
                       return percent() > 0;
                     },
                     get children() {
-                      var _el$72 = createElement("box");
-                      setProp(_el$72, "height", 1);
+                      var _el$67 = createElement("box");
+                      setProp(_el$67, "height", 1);
                       effect((_p$) => {
-                        var _v$26 = `${percent() ?? 0}%`, _v$27 = palette.accent;
-                        _v$26 !== _p$.e && (_p$.e = setProp(_el$72, "width", _v$26, _p$.e));
-                        _v$27 !== _p$.t && (_p$.t = setProp(_el$72, "backgroundColor", _v$27, _p$.t));
+                        var _v$25 = `${percent() ?? 0}%`, _v$26 = palette.accent;
+                        _v$25 !== _p$.e && (_p$.e = setProp(_el$67, "width", _v$25, _p$.e));
+                        _v$26 !== _p$.t && (_p$.t = setProp(_el$67, "backgroundColor", _v$26, _p$.t));
                         return _p$;
                       }, {
                         e: void 0,
                         t: void 0
                       });
-                      return _el$72;
+                      return _el$67;
                     }
                   }));
                   effect((_p$) => {
-                    var _v$28 = palette.accent, _v$29 = palette.panelAlt;
-                    _v$28 !== _p$.e && (_p$.e = setProp(_el$71, "borderColor", _v$28, _p$.e));
-                    _v$29 !== _p$.t && (_p$.t = setProp(_el$71, "backgroundColor", _v$29, _p$.t));
+                    var _v$27 = !tight(), _v$28 = palette.accent, _v$29 = tight() ? 1 : 3, _v$30 = palette.panelAlt;
+                    _v$27 !== _p$.e && (_p$.e = setProp(_el$66, "border", _v$27, _p$.e));
+                    _v$28 !== _p$.t && (_p$.t = setProp(_el$66, "borderColor", _v$28, _p$.t));
+                    _v$29 !== _p$.a && (_p$.a = setProp(_el$66, "height", _v$29, _p$.a));
+                    _v$30 !== _p$.o && (_p$.o = setProp(_el$66, "backgroundColor", _v$30, _p$.o));
                     return _p$;
                   }, {
                     e: void 0,
-                    t: void 0
+                    t: void 0,
+                    a: void 0,
+                    o: void 0
                   });
-                  return _el$71;
+                  return _el$66;
                 })(), (() => {
-                  var _el$73 = createElement("text"), _el$74 = createTextNode(`% `), _el$75 = createTextNode(` / `);
-                  insertNode(_el$73, _el$74);
-                  insertNode(_el$73, _el$75);
-                  insert(_el$73, percent, _el$74);
-                  insert(_el$73, () => bytes(progress().bytes ?? 0), _el$75);
-                  insert(_el$73, () => bytes(progress().total ?? 0), null);
+                  var _el$68 = createElement("text"), _el$69 = createTextNode(`% `), _el$70 = createTextNode(` / `);
+                  insertNode(_el$68, _el$69);
+                  insertNode(_el$68, _el$70);
+                  insert(_el$68, percent, _el$69);
+                  insert(_el$68, () => bytes(progress().bytes ?? 0), _el$70);
+                  insert(_el$68, () => bytes(progress().total ?? 0), null);
                   effect((_p$) => {
-                    var _v$30 = palette.foreground, _v$31 = TextAttributes2.BOLD;
-                    _v$30 !== _p$.e && (_p$.e = setProp(_el$73, "fg", _v$30, _p$.e));
-                    _v$31 !== _p$.t && (_p$.t = setProp(_el$73, "attributes", _v$31, _p$.t));
+                    var _v$31 = palette.foreground, _v$32 = TextAttributes2.BOLD;
+                    _v$31 !== _p$.e && (_p$.e = setProp(_el$68, "fg", _v$31, _p$.e));
+                    _v$32 !== _p$.t && (_p$.t = setProp(_el$68, "attributes", _v$32, _p$.t));
                     return _p$;
                   }, {
                     e: void 0,
                     t: void 0
                   });
-                  return _el$73;
-                })(), (() => {
-                  var _el$76 = createElement("text");
-                  insert(_el$76, (() => {
-                    var _c$9 = memo2(() => !!progress().speed);
-                    return () => _c$9() ? `${bytes(progress().speed)} / s` : "";
-                  })());
-                  effect((_$p) => setProp(_el$76, "fg", palette.muted, _$p));
-                  return _el$76;
-                })()];
+                  return _el$68;
+                })(), createComponent2(Show, {
+                  get when() {
+                    return !tight();
+                  },
+                  get children() {
+                    var _el$71 = createElement("text");
+                    insert(_el$71, (() => {
+                      var _c$8 = memo2(() => !!progress().speed);
+                      return () => _c$8() ? `${bytes(progress().speed)} / s` : "";
+                    })());
+                    effect((_$p) => setProp(_el$71, "fg", palette.muted, _$p));
+                    return _el$71;
+                  }
+                })];
               }
             }), (() => {
-              var _el$77 = createElement("text");
-              insertNode(_el$77, createTextNode(`Keep the USB connected until safe removal succeeds.`));
-              effect((_$p) => setProp(_el$77, "fg", palette.warning, _$p));
-              return _el$77;
+              var _el$72 = createElement("text");
+              insertNode(_el$72, createTextNode(`Keep the USB connected until safe removal succeeds.`));
+              effect((_$p) => setProp(_el$72, "fg", palette.warning, _$p));
+              return _el$72;
             })()];
           }
         }), createComponent2(Show, {
@@ -4682,34 +4685,34 @@ function App(props) {
           },
           get children() {
             return [(() => {
-              var _el$79 = createElement("text");
-              insert(_el$79, () => props.backend.successTitle);
+              var _el$74 = createElement("text");
+              insert(_el$74, () => props.backend.successTitle);
               effect((_p$) => {
-                var _v$32 = palette.success, _v$33 = TextAttributes2.BOLD;
-                _v$32 !== _p$.e && (_p$.e = setProp(_el$79, "fg", _v$32, _p$.e));
-                _v$33 !== _p$.t && (_p$.t = setProp(_el$79, "attributes", _v$33, _p$.t));
+                var _v$33 = palette.success, _v$34 = TextAttributes2.BOLD;
+                _v$33 !== _p$.e && (_p$.e = setProp(_el$74, "fg", _v$33, _p$.e));
+                _v$34 !== _p$.t && (_p$.t = setProp(_el$74, "attributes", _v$34, _p$.t));
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$79;
+              return _el$74;
             })(), (() => {
-              var _el$80 = createElement("text");
-              insert(_el$80, () => props.backend.successDetail);
-              effect((_$p) => setProp(_el$80, "fg", palette.foreground, _$p));
-              return _el$80;
+              var _el$75 = createElement("text");
+              insert(_el$75, () => props.backend.successDetail);
+              effect((_$p) => setProp(_el$75, "fg", palette.foreground, _$p));
+              return _el$75;
             })(), (() => {
-              var _el$81 = createElement("text");
-              insert(_el$81, () => props.backend.demo ? "The real flow checks the write, flush and safe removal." : "Compressed image and raw stream verified. Not a device read-back.");
-              effect((_$p) => setProp(_el$81, "fg", palette.muted, _$p));
-              return _el$81;
+              var _el$76 = createElement("text");
+              insertNode(_el$76, createTextNode(`Compressed image and raw stream verified. Not a device read-back.`));
+              effect((_$p) => setProp(_el$76, "fg", palette.muted, _$p));
+              return _el$76;
             })(), (() => {
-              var _el$82 = createElement("box");
-              setProp(_el$82, "gap", 1);
-              insert(_el$82, () => row("Choose another image", "", 0), null);
-              insert(_el$82, () => row("Quit", "", 1), null);
-              return _el$82;
+              var _el$78 = createElement("box");
+              setProp(_el$78, "gap", 1);
+              insert(_el$78, () => row("Choose another image", "", 0), null);
+              insert(_el$78, () => row("Quit", "", 1), null);
+              return _el$78;
             })()];
           }
         }), createComponent2(Show, {
@@ -4718,56 +4721,67 @@ function App(props) {
           },
           get children() {
             return [(() => {
-              var _el$83 = createElement("text");
-              insertNode(_el$83, createTextNode(`Flash not completed`));
+              var _el$79 = createElement("text");
+              insertNode(_el$79, createTextNode(`Flash not completed`));
               effect((_p$) => {
-                var _v$34 = palette.danger, _v$35 = TextAttributes2.BOLD;
-                _v$34 !== _p$.e && (_p$.e = setProp(_el$83, "fg", _v$34, _p$.e));
-                _v$35 !== _p$.t && (_p$.t = setProp(_el$83, "attributes", _v$35, _p$.t));
+                var _v$35 = palette.danger, _v$36 = TextAttributes2.BOLD;
+                _v$35 !== _p$.e && (_p$.e = setProp(_el$79, "fg", _v$35, _p$.e));
+                _v$36 !== _p$.t && (_p$.t = setProp(_el$79, "attributes", _v$36, _p$.t));
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$83;
+              return _el$79;
             })(), (() => {
-              var _el$85 = createElement("text");
-              insert(_el$85, error);
-              effect((_$p) => setProp(_el$85, "fg", palette.foreground, _$p));
-              return _el$85;
+              var _el$81 = createElement("text");
+              insert(_el$81, error);
+              effect((_$p) => setProp(_el$81, "fg", palette.foreground, _$p));
+              return _el$81;
             })(), (() => {
-              var _el$86 = createElement("box");
-              setProp(_el$86, "gap", 1);
-              insert(_el$86, () => row("Refresh & try again", "", 0), null);
-              insert(_el$86, () => row("Quit", "", 1), null);
-              return _el$86;
+              var _el$82 = createElement("box");
+              setProp(_el$82, "gap", 1);
+              insert(_el$82, () => row("Refresh & try again", "", 0), null);
+              insert(_el$82, () => row("Quit", "", 1), null);
+              return _el$82;
             })()];
           }
         })];
       }
     }));
-    setProp(_el$87, "height", 1);
-    setProp(_el$87, "flexShrink", 0);
-    setProp(_el$87, "wrapMode", "none");
-    insert(_el$87, (() => {
-      var _c$0 = memo2(() => !!busy());
-      return () => _c$0() ? "Esc cancel / Q stop & quit" : dimensions().width < 56 ? "Arrows / Enter / Esc / R / Q quit" : "Arrows / Enter / Esc back / R refresh / Q quit";
+    insertNode(_el$83, _el$84);
+    insertNode(_el$83, _el$85);
+    setProp(_el$83, "height", 1);
+    setProp(_el$83, "flexShrink", 0);
+    setProp(_el$83, "flexDirection", "row");
+    setProp(_el$83, "gap", 1);
+    setProp(_el$84, "flexGrow", 1);
+    setProp(_el$84, "minWidth", 0);
+    setProp(_el$84, "wrapMode", "none");
+    insert(_el$84, (() => {
+      var _c$9 = memo2(() => !!busy());
+      return () => _c$9() ? "Esc cancel / Q stop & quit" : dimensions().width < 56 ? "\u2191\u2193 Enter / Esc / R / Q quit" : "Arrows / Enter / Esc back / R refresh / Q quit";
     })());
+    insertNode(_el$85, _el$86);
+    setProp(_el$85, "flexShrink", 0);
+    setProp(_el$85, "wrapMode", "none");
+    insert(_el$85, version, null);
     effect((_p$) => {
-      var _v$36 = palette.background, _v$37 = dimensions().width <= 80 ? "100%" : 80, _v$38 = dimensions().height <= 24 ? "100%" : 24, _v$39 = palette.border, _v$40 = palette.card, _v$41 = palette.accent, _v$42 = TextAttributes2.BOLD, _v$43 = props.backend.demo ? palette.warning : palette.muted, _v$44 = palette.danger, _v$45 = tight() ? 0 : 1, _v$46 = tight() ? 0 : 1, _v$47 = tight() || (compact() || dimensions().width < 56) && screen() === "setup" ? 0 : 1, _v$48 = palette.muted;
-      _v$36 !== _p$.e && (_p$.e = setProp(_el$4, "backgroundColor", _v$36, _p$.e));
-      _v$37 !== _p$.t && (_p$.t = setProp(_el$5, "width", _v$37, _p$.t));
-      _v$38 !== _p$.a && (_p$.a = setProp(_el$5, "height", _v$38, _p$.a));
-      _v$39 !== _p$.o && (_p$.o = setProp(_el$5, "borderColor", _v$39, _p$.o));
-      _v$40 !== _p$.i && (_p$.i = setProp(_el$5, "backgroundColor", _v$40, _p$.i));
-      _v$41 !== _p$.n && (_p$.n = setProp(_el$7, "fg", _v$41, _p$.n));
-      _v$42 !== _p$.s && (_p$.s = setProp(_el$7, "attributes", _v$42, _p$.s));
-      _v$43 !== _p$.h && (_p$.h = setProp(_el$9, "fg", _v$43, _p$.h));
-      _v$44 !== _p$.r && (_p$.r = setProp(_el$0, "backgroundColor", _v$44, _p$.r));
-      _v$45 !== _p$.d && (_p$.d = setProp(_el$0, "marginTop", _v$45, _p$.d));
-      _v$46 !== _p$.l && (_p$.l = setProp(_el$1, "paddingTop", _v$46, _p$.l));
-      _v$47 !== _p$.u && (_p$.u = setProp(_el$1, "gap", _v$47, _p$.u));
-      _v$48 !== _p$.c && (_p$.c = setProp(_el$87, "fg", _v$48, _p$.c));
+      var _v$37 = palette.background, _v$38 = dimensions().width <= 80 ? "100%" : 80, _v$39 = dimensions().height <= 24 ? "100%" : 24, _v$40 = palette.border, _v$41 = palette.card, _v$42 = palette.accent, _v$43 = TextAttributes2.BOLD, _v$44 = palette.muted, _v$45 = palette.danger, _v$46 = tight() ? 0 : 1, _v$47 = tight() ? 0 : 1, _v$48 = tight() || (compact() || dimensions().width < 56) && (screen() === "setup" || !!image()) ? 0 : 1, _v$49 = palette.muted, _v$50 = palette.muted;
+      _v$37 !== _p$.e && (_p$.e = setProp(_el$7, "backgroundColor", _v$37, _p$.e));
+      _v$38 !== _p$.t && (_p$.t = setProp(_el$8, "width", _v$38, _p$.t));
+      _v$39 !== _p$.a && (_p$.a = setProp(_el$8, "height", _v$39, _p$.a));
+      _v$40 !== _p$.o && (_p$.o = setProp(_el$8, "borderColor", _v$40, _p$.o));
+      _v$41 !== _p$.i && (_p$.i = setProp(_el$8, "backgroundColor", _v$41, _p$.i));
+      _v$42 !== _p$.n && (_p$.n = setProp(_el$0, "fg", _v$42, _p$.n));
+      _v$43 !== _p$.s && (_p$.s = setProp(_el$0, "attributes", _v$43, _p$.s));
+      _v$44 !== _p$.h && (_p$.h = setProp(_el$10, "fg", _v$44, _p$.h));
+      _v$45 !== _p$.r && (_p$.r = setProp(_el$11, "backgroundColor", _v$45, _p$.r));
+      _v$46 !== _p$.d && (_p$.d = setProp(_el$11, "marginTop", _v$46, _p$.d));
+      _v$47 !== _p$.l && (_p$.l = setProp(_el$12, "paddingTop", _v$47, _p$.l));
+      _v$48 !== _p$.u && (_p$.u = setProp(_el$12, "gap", _v$48, _p$.u));
+      _v$49 !== _p$.c && (_p$.c = setProp(_el$84, "fg", _v$49, _p$.c));
+      _v$50 !== _p$.w && (_p$.w = setProp(_el$85, "fg", _v$50, _p$.w));
       return _p$;
     }, {
       e: void 0,
@@ -4782,18 +4796,17 @@ function App(props) {
       d: void 0,
       l: void 0,
       u: void 0,
-      c: void 0
+      c: void 0,
+      w: void 0
     });
-    return _el$4;
+    return _el$7;
   })();
 }
 
 // src/index.tsx
 var args = process.argv.slice(2);
-var demo = args.includes("--demo");
-var fixture = args.find((arg) => arg.startsWith("--demo="))?.slice(7);
-if (args.length > 1 || args.some((arg) => !["--demo", "--demo=empty", "--demo=error", "--demo=setup", "--demo=setup-zstd", "--demo=setup-error", "--demo=setup-interrupted", "--demo=no-homebrew", "--list-images", "--clear-cache"].includes(arg))) {
-  console.error("Usage: bun start [--demo[=empty|error|setup|setup-zstd|setup-error|setup-interrupted|no-homebrew] | --list-images | --clear-cache]");
+if (args.length > 1 || args.some((arg) => !["--list-images", "--clear-cache"].includes(arg))) {
+  console.error("Usage: boo-flash [--list-images | --clear-cache]");
   process.exitCode = 1;
 } else if (args.includes("--clear-cache")) {
   try {
@@ -4809,11 +4822,11 @@ if (args.length > 1 || args.some((arg) => !["--demo", "--demo=empty", "--demo=er
     console.error(e instanceof Error ? e.message : "Image discovery failed.");
     process.exitCode = 1;
   }
-} else if (!demo && !fixture && (!["darwin", "linux"].includes(process.platform) || process.getuid?.() === 0)) {
-  console.error("Boo Flash requires macOS or Linux and a normal user account. Use --demo for a non-writing UI preview.");
+} else if (!["darwin", "linux"].includes(process.platform) || process.getuid?.() === 0) {
+  console.error("Boo Flash requires macOS or Linux and a normal user account.");
   process.exitCode = 1;
 } else {
-  const backend = new FlashBackend(demo ? "normal" : fixture);
+  const backend = new FlashBackend();
   const renderer = await createCliRenderer2({
     backgroundColor: palette.background,
     targetFps: 30,
@@ -4854,3 +4867,31 @@ if (args.length > 1 || args.some((arg) => !["--demo", "--demo=empty", "--demo=er
     for (const signal of signals) process.off(signal, quit);
   }
 }
+/*!
+ * Artwork derived from @simonklee/bigfeelings@0.2.1, original octant painter,
+ * scale 4, time 0, right-facing ghost at (0,0), wordmark at (48,0).
+ * Frozen 92x48 samples / 46x12 cells, unchanged from BooLogoRenderable.ts.
+ * Source tarball SHA-256:
+ * 5a82909d19c9eb94e28c7407f5d220f7ff8051a1e3cdcdb11a6eb8870c4e30b0
+ *
+ * MIT License
+ * Copyright (c) 2026 Simon Klee
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */