goblin-malin 0.1.2 → 0.1.3

package/dist/{chunk-Y4ZGX5NZ.js → chunk-UKXZ4MCQ.js}

@@ -1,4 +1,5 @@
 import {
+  APP_VERSION,
   DEFAULT_APP_DATA_DIR,
   SETTINGS_PATH,
   SettingsStore,
@@ -10,15 +11,15 @@ import {
   getCacheDir,
   globalLogger,
   inkTransport
-} from "./chunk-ZZ35YTR2.js";
+} from "./chunk-ZQ7B4MTU.js";
 
 // src/index.tsx
-import React64 from "react";
+import React65 from "react";
 import { render } from "ink";
 import process2 from "process";
 
 // src/components/App.tsx
-import React62, { useEffect as useEffect21, useMemo as useMemo5, useState as useState22 } from "react";
+import React63, { useCallback as useCallback7, useEffect as useEffect22, useMemo as useMemo5, useState as useState23 } from "react";
 
 // src/hooks/useScreenSize.ts
 import { useStdout } from "ink";
@@ -404,6 +405,14 @@ var useFocusManager = /* @__PURE__ */ __name(({ toolbarButtonCount, taskCount, t
       isEditingField: editing
     }));
   }, []);
+  const openUpdateModal = useCallback2(() => {
+    setFocusState((prev) => ({
+      ...prev,
+      previousWindow: prev.activeWindow,
+      activeWindow: "updateModal",
+      returningFromWindow: void 0
+    }));
+  }, []);
   const openWizard = useCallback2((config, onDisable) => {
     setFocusState((prev) => ({
       ...prev,
@@ -445,7 +454,8 @@ var useFocusManager = /* @__PURE__ */ __name(({ toolbarButtonCount, taskCount, t
     setSourcesInnerFocus,
     setDetailFieldIndex: setSourceDetailFieldIndex,
     setIsEditingField,
-    openWizard
+    openWizard,
+    openUpdateModal
   };
 }, "useFocusManager");
 
@@ -1688,24 +1698,6 @@ var ServiceRegistry = class {
   }
 };
 
-// src/flows/musicDownloadFlow/toolbar/useExitButton.ts
-var LEAVE_ALT_SCREEN_COMMAND = "\x1B[?1049l";
-var useExitButton = /* @__PURE__ */ __name(() => {
-  const theme = useTheme();
-  return {
-    label: "Exit",
-    icon: "\u21B3",
-    color: theme.action.destructive,
-    enabled: true,
-    onPress: /* @__PURE__ */ __name(() => {
-      process.stdout.write(LEAVE_ALT_SCREEN_COMMAND);
-      console.info("Saving cache before exit\u2026");
-      cache.save();
-      process.exit(0);
-    }, "onPress")
-  };
-}, "useExitButton");
-
 // src/flows/musicDownloadFlow/toolbar/useRunAllButton.ts
 import { useEffect as useEffect3, useState as useState4 } from "react";
 var useRunAllButton = /* @__PURE__ */ __name(({ flow, orchestrator }) => {
@@ -1752,19 +1744,6 @@ var useRunAllButton = /* @__PURE__ */ __name(({ flow, orchestrator }) => {
   };
 }, "useRunAllButton");
 
-// src/flows/musicDownloadFlow/toolbar/useSettingsButton.ts
-var useSettingsButton = /* @__PURE__ */ __name(() => {
-  const theme = useTheme();
-  const { switchWindow } = useFocusContext();
-  return {
-    label: "Settings",
-    icon: "\u26ED",
-    color: theme.action.neutral,
-    enabled: true,
-    onPress: /* @__PURE__ */ __name(() => switchWindow("settingsModal"), "onPress")
-  };
-}, "useSettingsButton");
-
 // src/flows/musicDownloadFlow/columns/UrlCell.tsx
 import React6 from "react";
 import { Text as Text2 } from "ink";
@@ -4645,7 +4624,7 @@ var DownloadTask = class extends Task {
       }
       if (existingSavedPath) {
         if (existingSavedPath !== outputPath) {
-          const { moveFile } = await import("./metadata-AGDUAOW7.js");
+          const { moveFile } = await import("./metadata-FLO2QNLY.js");
           await moveFile(existingSavedPath, outputPath);
         }
         outputCreated = true;
@@ -4980,7 +4959,6 @@ function toOpenableUri(url) {
 }
 __name(toOpenableUri, "toOpenableUri");
 var GenericProviderCell = /* @__PURE__ */ __name(() => null, "GenericProviderCell");
-var DEFAULT_TEST_URL = "https://open.spotify.com/track/4v7kKFlEDmpVToHOICsXaM";
 var MusicDownloadFlow = class _MusicDownloadFlow extends FlowBase {
   static {
     __name(this, "MusicDownloadFlow");
@@ -5042,14 +5020,6 @@ var MusicDownloadFlow = class _MusicDownloadFlow extends FlowBase {
     this.discoveryServiceRegistry.register("songlink", SonglinkService);
     this.downloadServiceRegistry.register("ytdlp", YtDlpService);
     SettingsStore.getInstance().onSettingsChanged(() => this.notifyTaskSubscribers());
-    const defaultTasks = this.createTasksFromUrls([
-      DEFAULT_TEST_URL
-    ], {
-      toTag: true,
-      toDownload: true
-    });
-    this.orchestrator.addTasks(defaultTasks);
-    this.logger.info(`Imported default test URL: ${DEFAULT_TEST_URL}`);
   }
   // ── FlowBase overrides ───────────────────────────────────────────────────
   getDisplayMode() {
@@ -5112,9 +5082,7 @@ var MusicDownloadFlow = class _MusicDownloadFlow extends FlowBase {
   }
   getToolbarButtons() {
     return [
-      useRunAllButton,
-      useSettingsButton,
-      useExitButton
+      useRunAllButton
     ];
   }
   getContextualActionBar(task, attributes) {
@@ -6023,8 +5991,8 @@ function getInstance() {
 __name(getInstance, "getInstance");
 
 // src/components/AppInner.tsx
-import React61 from "react";
-import { Box as Box42 } from "ink";
+import React62 from "react";
+import { Box as Box43 } from "ink";
 
 // src/components/Footer.tsx
 import React16, { useEffect as useEffect5, useState as useState6 } from "react";
@@ -6553,33 +6521,44 @@ function buildGlobalSettingsItems(settings, onChange) {
     {
       kind: "checkbox",
       indent: 0,
-      label: "Re-open last session on start-up",
-      get: /* @__PURE__ */ __name(() => settings.general.reopenLastSession, "get"),
+      label: "Show welcome tutorial on start-up",
+      get: /* @__PURE__ */ __name(() => settings.general.showWelcomeTutorial, "get"),
       set: /* @__PURE__ */ __name((v) => onChange({
         general: {
-          reopenLastSession: v
+          showWelcomeTutorial: v
         }
       }), "set")
     },
     {
       kind: "checkbox",
       indent: 0,
-      label: "Enable animations",
-      get: /* @__PURE__ */ __name(() => settings.general.animationsEnabled, "get"),
+      label: "Check for updates on start-up",
+      get: /* @__PURE__ */ __name(() => settings.general.checkForUpdates, "get"),
       set: /* @__PURE__ */ __name((v) => onChange({
         general: {
-          animationsEnabled: v
+          checkForUpdates: v
         }
       }), "set")
     },
     {
       kind: "checkbox",
       indent: 0,
-      label: "Show welcome tutorial on start-up",
-      get: /* @__PURE__ */ __name(() => settings.general.showWelcomeTutorial, "get"),
+      label: "Re-open last session on start-up",
+      get: /* @__PURE__ */ __name(() => settings.general.reopenLastSession, "get"),
       set: /* @__PURE__ */ __name((v) => onChange({
         general: {
-          showWelcomeTutorial: v
+          reopenLastSession: v
+        }
+      }), "set")
+    },
+    {
+      kind: "checkbox",
+      indent: 0,
+      label: "Enable animations",
+      get: /* @__PURE__ */ __name(() => settings.general.animationsEnabled, "get"),
+      set: /* @__PURE__ */ __name((v) => onChange({
+        general: {
+          animationsEnabled: v
         }
       }), "set")
     },
@@ -6849,7 +6828,7 @@ var SettingsItemRow = /* @__PURE__ */ __name(({ item, isSelected, isEditing, edi
       }, item.label));
     case "providerHeader": {
       const PROVIDER_INDENT = 2;
-      const WARNING = " \u26A0 Missing credentials";
+      const WARNING = " \u25B3 Missing credentials";
       const warningLen = item.missingCredentials ? WARNING.length : 0;
       const padLen = Math.max(0, innerWidth - item.label.length - PROVIDER_INDENT - 4 - warningLen);
       return /* @__PURE__ */ React22.createElement(Box9, {
@@ -6858,7 +6837,7 @@ var SettingsItemRow = /* @__PURE__ */ __name(({ item, isSelected, isEditing, edi
       }, /* @__PURE__ */ React22.createElement(Text18, {
         color: item.color,
         bold: true
-      }, item.label), item.missingCredentials && /* @__PURE__ */ React22.createElement(Text18, {
+      }, item.label + " "), item.missingCredentials && /* @__PURE__ */ React22.createElement(Text18, {
         color: "yellow"
       }, WARNING), /* @__PURE__ */ React22.createElement(Text18, {
         dimColor: true
@@ -6871,7 +6850,7 @@ var SettingsItemRow = /* @__PURE__ */ __name(({ item, isSelected, isEditing, edi
       }, /* @__PURE__ */ React22.createElement(Text18, {
         color: isSelected ? theme.ui.focusIndicator : void 0,
         bold: isSelected
-      }, cursor, item.get() ? "\u2611" : "\u2610", "  " + item.label));
+      }, cursor, item.get() ? "\u2714" : "\u2610", "  " + item.label));
     case "textInput": {
       const prefix = cursor + item.label + ": ";
       return /* @__PURE__ */ React22.createElement(Box9, {
@@ -7823,7 +7802,6 @@ var SetupWizardModal = /* @__PURE__ */ __name(({ tasks, terminalHeight, terminal
 import React27, { useCallback as useCallback4, useEffect as useEffect13, useState as useState13 } from "react";
 import { Box as Box13, Text as Text22 } from "ink";
 import Gradient from "ink-gradient";
-import BigText from "ink-big-text";
 
 // src/components/WithBackground.tsx
 import React26 from "react";
@@ -7934,6 +7912,7 @@ var WelcomeModal = /* @__PURE__ */ __name(({ terminalHeight, terminalWidth }) =>
     borderBackgroundColor: theme.ui.background,
     paddingX: 2,
     paddingY: 1,
+    flexShrink: 0,
     width: modalWidth,
     backgroundColor: theme.ui.background
   }, /* @__PURE__ */ React27.createElement(Box13, {
@@ -7943,27 +7922,21 @@ var WelcomeModal = /* @__PURE__ */ __name(({ terminalHeight, terminalWidth }) =>
   }, /* @__PURE__ */ React27.createElement(Text22, {
     bold: true,
     color: theme.ui.modalBorder
-  }, "Welcome to "), hasSmallScreen && /* @__PURE__ */ React27.createElement(WithBackground, {
+  }, "Welcome to "), /* @__PURE__ */ React27.createElement(WithBackground, {
     color: theme.ui.background
   }, /* @__PURE__ */ React27.createElement(Gradient, {
     name: "rainbow"
   }, /* @__PURE__ */ React27.createElement(Text22, {
     bold: true
-  }, "Goblin Malin \u{1F609}")))), !hasSmallScreen && /* @__PURE__ */ React27.createElement(Box13, {
-    overflow: "hidden"
-  }, /* @__PURE__ */ React27.createElement(WithBackground, {
-    color: theme.ui.background
-  }, /* @__PURE__ */ React27.createElement(Gradient, {
-    name: "rainbow"
-  }, /* @__PURE__ */ React27.createElement(BigText, {
-    text: "Goblin Malin"
-  })))), /* @__PURE__ */ React27.createElement(Box13, {
-    flexDirection: "column"
+  }, "Goblin Malin \u{1F609}")))), /* @__PURE__ */ React27.createElement(Box13, {
+    flexDirection: "column",
+    flexShrink: 0
   }, /* @__PURE__ */ React27.createElement(Text22, null, "Paste a Spotify or YouTube link \u2014 Goblin Malin handles the rest."), /* @__PURE__ */ React27.createElement(Text22, {
     dimColor: true
   }, "Here's how it works:")), /* @__PURE__ */ React27.createElement(Box13, {
     flexDirection: "column",
-    marginTop: 1
+    marginTop: 1,
+    flexShrink: 0
   }, STEPS.map((step, i) => /* @__PURE__ */ React27.createElement(Box13, {
     key: i,
     flexDirection: "row"
@@ -7971,16 +7944,19 @@ var WelcomeModal = /* @__PURE__ */ __name(({ terminalHeight, terminalWidth }) =>
     color: theme.text.muted
   }, `  ${i + 1}. `), /* @__PURE__ */ React27.createElement(Text22, null, step)))), /* @__PURE__ */ React27.createElement(Box13, {
     flexDirection: "column",
-    marginTop: 1
+    marginTop: 1,
+    flexShrink: 0
   }, /* @__PURE__ */ React27.createElement(Text22, {
     bold: true,
     color: theme.text.secondary
   }, "Useful shortcuts:"), SHORTCUTS.map(([shortcut, desc]) => /* @__PURE__ */ React27.createElement(Box13, {
     key: shortcut,
-    flexDirection: "row"
+    flexDirection: "row",
+    flexShrink: 0
   }, /* @__PURE__ */ React27.createElement(Box13, {
     width: 12,
-    minWidth: 12
+    minWidth: 12,
+    flexShrink: 0
   }, /* @__PURE__ */ React27.createElement(Text22, {
     bold: true,
     color: theme.text.active
@@ -7989,14 +7965,16 @@ var WelcomeModal = /* @__PURE__ */ __name(({ terminalHeight, terminalWidth }) =>
   }, desc)))), /* @__PURE__ */ React27.createElement(Box13, {
     marginTop: 1,
     flexDirection: "row",
-    alignItems: "center"
+    alignItems: "center",
+    flexShrink: 0
   }, /* @__PURE__ */ React27.createElement(Text22, {
     color: dontShowAgain ? theme.text.active : theme.text.muted
   }, dontShowAgain ? "[x]" : "[ ]"), /* @__PURE__ */ React27.createElement(Text22, {
     dimColor: true
   }, " Don't show this again")), /* @__PURE__ */ React27.createElement(Box13, {
     marginTop: 1,
-    flexDirection: "row"
+    flexDirection: "row",
+    flexShrink: 0
   }, /* @__PURE__ */ React27.createElement(Hint, {
     label: "Toggle",
     shortcut: "Enter"
@@ -8006,11 +7984,276 @@ var WelcomeModal = /* @__PURE__ */ __name(({ terminalHeight, terminalWidth }) =>
   }))));
 }, "WelcomeModal");
 
+// src/components/UpdateModal/UpdateModal.tsx
+import React28, { useCallback as useCallback5, useEffect as useEffect14, useRef as useRef3, useState as useState14 } from "react";
+import { Box as Box14, Text as Text23 } from "ink";
+import { spawn as spawn3, exec as exec2 } from "child_process";
+import open2 from "open";
+
+// src/updater/installSource.ts
+import { createRequire } from "module";
+import { readFileSync } from "fs";
+import { join as join9 } from "path";
+var _require = createRequire(import.meta.url);
+var IS_SEA = (() => {
+  try {
+    const sea = _require("node:sea");
+    return sea.isSea();
+  } catch {
+    return false;
+  }
+})();
+function getInstaller() {
+  try {
+    const raw = readFileSync(join9(DEFAULT_APP_DATA_DIR, "install.json"), "utf8");
+    const installer2 = JSON.parse(raw).installer;
+    if (installer2 === "yarn" || installer2 === "pnpm" || installer2 === "npm") return installer2;
+    return "unknown";
+  } catch {
+    return "npm";
+  }
+}
+__name(getInstaller, "getInstaller");
+function getUpdateCommand() {
+  switch (getInstaller()) {
+    case "yarn":
+      return "yarn global add goblin-malin";
+    case "pnpm":
+      return "pnpm add -g goblin-malin";
+    default:
+      return "npm install -g goblin-malin";
+  }
+}
+__name(getUpdateCommand, "getUpdateCommand");
+
+// src/components/UpdateModal/UpdateModal.tsx
+var installer = getInstaller();
+var updateCommand = getUpdateCommand();
+var UpdateModal = /* @__PURE__ */ __name(({ latestVersion, releaseUrl, terminalHeight, terminalWidth }) => {
+  const theme = useTheme();
+  const { focusState, switchBack } = useFocusContext();
+  const isActive = focusState.activeWindow === "updateModal";
+  const mountedRef = useRef3(true);
+  useEffect14(() => {
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  const [selectedIndex, setSelectedIndex] = useState14(0);
+  const [pkgStatus, setPkgStatus] = useState14("idle");
+  const [pkgOutput, setPkgOutput] = useState14([]);
+  const handleClose = useCallback5(() => {
+    switchBack();
+  }, [
+    switchBack
+  ]);
+  const handleConfirm = useCallback5(() => {
+    if (IS_SEA) {
+      const cmd = process.platform === "win32" ? `start "" "${releaseUrl}"` : process.platform === "darwin" ? `open "${releaseUrl}"` : `xdg-open "${releaseUrl}"`;
+      exec2(cmd);
+      switchBack();
+      return;
+    }
+    if (pkgStatus === "done") {
+      process.exit(0);
+    }
+    if (pkgStatus === "error") {
+      switchBack();
+      return;
+    }
+    if (pkgStatus === "running") return;
+    if (selectedIndex === 1) {
+      void open2(releaseUrl);
+      switchBack();
+      return;
+    }
+    setPkgStatus("running");
+    const [bin, ...args] = updateCommand.split(" ");
+    const proc = spawn3(bin, args, {
+      stdio: "pipe",
+      shell: true
+    });
+    const addLines = /* @__PURE__ */ __name((chunk) => {
+      const lines = chunk.toString().split("\n").filter(Boolean);
+      setPkgOutput((prev) => [
+        ...prev,
+        ...lines
+      ].slice(-12));
+    }, "addLines");
+    proc.stdout?.on("data", addLines);
+    proc.stderr?.on("data", addLines);
+    proc.on("exit", (code) => {
+      if (!mountedRef.current) return;
+      setPkgStatus(code === 0 ? "done" : "error");
+    });
+    proc.on("error", (err) => {
+      if (!mountedRef.current) return;
+      setPkgOutput((prev) => [
+        ...prev,
+        err.message
+      ]);
+      setPkgStatus("error");
+    });
+  }, [
+    pkgStatus,
+    selectedIndex,
+    releaseUrl,
+    switchBack
+  ]);
+  useShortcuts({
+    id: "updateModal",
+    isActive,
+    exclusive: true,
+    priority: 300,
+    shortcuts: [
+      {
+        id: "updateModal.close",
+        defaultShortcut: {
+          key: "escape"
+        },
+        label: "Dismiss",
+        handler: handleClose
+      },
+      {
+        id: "updateModal.confirm",
+        defaultShortcut: {
+          key: "return"
+        },
+        label: "Confirm",
+        handler: handleConfirm
+      },
+      {
+        id: "updateModal.up",
+        defaultShortcut: {
+          key: "upArrow"
+        },
+        label: "",
+        handler: /* @__PURE__ */ __name(() => {
+          if (!IS_SEA && pkgStatus === "idle") setSelectedIndex(0);
+        }, "handler")
+      },
+      {
+        id: "updateModal.down",
+        defaultShortcut: {
+          key: "downArrow"
+        },
+        label: "",
+        handler: /* @__PURE__ */ __name(() => {
+          if (!IS_SEA && pkgStatus === "idle") setSelectedIndex(1);
+        }, "handler")
+      }
+    ]
+  });
+  if (!isActive) return null;
+  const modalWidth = Math.min(62, terminalWidth - 8);
+  const isIdle = IS_SEA || pkgStatus === "idle";
+  const isInProgress = !IS_SEA && pkgStatus === "running";
+  return /* @__PURE__ */ React28.createElement(Box14, {
+    position: "absolute",
+    width: "100%",
+    height: terminalHeight,
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center"
+  }, /* @__PURE__ */ React28.createElement(Box14, {
+    flexDirection: "column",
+    borderStyle: "round",
+    borderColor: theme.status.success,
+    paddingX: 2,
+    paddingY: 1,
+    width: modalWidth,
+    backgroundColor: theme.ui.background
+  }, /* @__PURE__ */ React28.createElement(Text23, {
+    bold: true,
+    color: theme.status.success
+  }, "Update Available"), /* @__PURE__ */ React28.createElement(Box14, {
+    flexDirection: "column",
+    marginTop: 1
+  }, /* @__PURE__ */ React28.createElement(Box14, {
+    flexDirection: "row"
+  }, /* @__PURE__ */ React28.createElement(Text23, {
+    color: theme.text.muted
+  }, "Current version "), /* @__PURE__ */ React28.createElement(Text23, null, APP_VERSION)), /* @__PURE__ */ React28.createElement(Box14, {
+    flexDirection: "row"
+  }, /* @__PURE__ */ React28.createElement(Text23, {
+    color: theme.text.muted
+  }, "New version "), /* @__PURE__ */ React28.createElement(Text23, {
+    bold: true,
+    color: theme.status.success
+  }, latestVersion))), isIdle && /* @__PURE__ */ React28.createElement(Box14, {
+    flexDirection: "column",
+    marginTop: 1
+  }, IS_SEA ? /* @__PURE__ */ React28.createElement(Box14, {
+    flexDirection: "row",
+    flexShrink: 0
+  }, /* @__PURE__ */ React28.createElement(Text23, {
+    color: theme.ui.focusIndicator
+  }, "\u261B Open release page")) : /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(Box14, {
+    flexDirection: "row",
+    flexShrink: 0
+  }, /* @__PURE__ */ React28.createElement(Text23, {
+    color: selectedIndex === 0 ? theme.ui.focusIndicator : theme.text.primary
+  }, selectedIndex === 0 ? "\u261B " : "  ", "Update with "), /* @__PURE__ */ React28.createElement(Text23, {
+    color: selectedIndex === 0 ? theme.ui.focusIndicator : theme.action.primary,
+    bold: true
+  }, updateCommand)), /* @__PURE__ */ React28.createElement(Box14, {
+    flexDirection: "row",
+    flexShrink: 0
+  }, /* @__PURE__ */ React28.createElement(Text23, {
+    color: selectedIndex === 1 ? theme.ui.focusIndicator : theme.text.primary
+  }, selectedIndex === 1 ? "\u261B " : "  ", "Open release page")))), !IS_SEA && pkgStatus === "running" && /* @__PURE__ */ React28.createElement(Box14, {
+    flexDirection: "column",
+    marginTop: 1
+  }, /* @__PURE__ */ React28.createElement(Text23, {
+    color: theme.ui.focusIndicator
+  }, "Updating via ", installer, "..."), pkgOutput.map((line, i) => /* @__PURE__ */ React28.createElement(Text23, {
+    key: i,
+    dimColor: true,
+    wrap: "truncate"
+  }, line))), !IS_SEA && pkgStatus === "done" && /* @__PURE__ */ React28.createElement(Box14, {
+    flexDirection: "column",
+    marginTop: 1
+  }, /* @__PURE__ */ React28.createElement(Text23, {
+    color: theme.status.success
+  }, "Updated successfully."), /* @__PURE__ */ React28.createElement(Text23, {
+    dimColor: true
+  }, "Restart to use v", latestVersion, ".")), !IS_SEA && pkgStatus === "error" && /* @__PURE__ */ React28.createElement(Box14, {
+    flexDirection: "column",
+    marginTop: 1
+  }, /* @__PURE__ */ React28.createElement(Text23, {
+    color: theme.status.error
+  }, "Update failed."), pkgOutput.slice(-3).map((line, i) => /* @__PURE__ */ React28.createElement(Text23, {
+    key: i,
+    color: theme.text.muted,
+    wrap: "truncate"
+  }, line))), /* @__PURE__ */ React28.createElement(Box14, {
+    marginTop: 1,
+    flexDirection: "row"
+  }, isIdle && /* @__PURE__ */ React28.createElement(React28.Fragment, null, !IS_SEA && /* @__PURE__ */ React28.createElement(Hint, {
+    label: "Select",
+    shortcut: "\u2191\u2193"
+  }), /* @__PURE__ */ React28.createElement(Hint, {
+    label: "Confirm",
+    shortcut: "Enter"
+  }), /* @__PURE__ */ React28.createElement(Hint, {
+    label: "Dismiss",
+    shortcut: "Esc"
+  })), isInProgress && /* @__PURE__ */ React28.createElement(Text23, {
+    dimColor: true
+  }, "Please wait..."), !isIdle && !isInProgress && /* @__PURE__ */ React28.createElement(React28.Fragment, null, pkgStatus === "done" && /* @__PURE__ */ React28.createElement(Hint, {
+    label: "Restart",
+    shortcut: "Enter"
+  }), /* @__PURE__ */ React28.createElement(Hint, {
+    label: "Close",
+    shortcut: "Esc"
+  })))));
+}, "UpdateModal");
+
 // src/components/Toolbar/Toolbar.tsx
-import React31 from "react";
-import { Box as Box17, Text as Text26 } from "ink";
+import React32 from "react";
+import { Box as Box18, Text as Text27 } from "ink";
 
-// node_modules/ansi-regex/index.js
+// node_modules/string-width/node_modules/ansi-regex/index.js
 function ansiRegex({ onlyFirst = false } = {}) {
   const ST = "(?:\\u0007|\\u001B\\u005C|\\u009C)";
   const osc = `(?:\\u001B\\][\\s\\S]*?${ST})`;
@@ -8020,7 +8263,7 @@ function ansiRegex({ onlyFirst = false } = {}) {
 }
 __name(ansiRegex, "ansiRegex");
 
-// node_modules/strip-ansi/index.js
+// node_modules/string-width/node_modules/strip-ansi/index.js
 var regex = ansiRegex();
 function stripAnsi(string) {
   if (typeof string !== "string") {
@@ -8872,8 +9115,8 @@ function stringWidth(input, options = {}) {
 __name(stringWidth, "stringWidth");
 
 // src/components/Toolbar/ToolbarButtonInvoker.tsx
-import { Box as Box14, Text as Text23 } from "ink";
-import React28, { useLayoutEffect } from "react";
+import { Box as Box15, Text as Text24 } from "ink";
+import React29, { useLayoutEffect } from "react";
 var ToolbarButtonInvoker = /* @__PURE__ */ __name(({ hook, isSelected, index, flow, orchestrator }) => {
   const actionsRef = useToolbarActionsRef();
   const { enabled, label, icon, color, bold, italic, onPress } = hook({
@@ -8885,12 +9128,12 @@ var ToolbarButtonInvoker = /* @__PURE__ */ __name(({ hook, isSelected, index, fl
     actionsRef.current[index] = onPress;
   });
   if (!enabled) return null;
-  return /* @__PURE__ */ React28.createElement(Box14, {
+  return /* @__PURE__ */ React29.createElement(Box15, {
     key: index,
     paddingX: 1,
     backgroundColor: isSelected ? color : void 0,
     overflow: "hidden"
-  }, /* @__PURE__ */ React28.createElement(Text23, {
+  }, /* @__PURE__ */ React29.createElement(Text24, {
     color: isSelected ? "white" : color,
     bold,
     italic,
@@ -8898,19 +9141,6 @@ var ToolbarButtonInvoker = /* @__PURE__ */ __name(({ hook, isSelected, index, fl
   }, `${icon} ${label}`));
 }, "ToolbarButtonInvoker");
 
-// src/components/Toolbar/FlowSelector.tsx
-import React29 from "react";
-import { Box as Box15, Text as Text24 } from "ink";
-var FlowSelector = /* @__PURE__ */ __name(({ flows, currentFlow }) => {
-  return /* @__PURE__ */ React29.createElement(Box15, null, flows.map((flow) => /* @__PURE__ */ React29.createElement(Box15, {
-    key: flow.id,
-    marginRight: 2
-  }, /* @__PURE__ */ React29.createElement(Text24, {
-    color: flow.id === currentFlow.id ? "green" : "gray",
-    bold: flow.id === currentFlow.id
-  }, flow.displayName))));
-}, "FlowSelector");
-
 // src/components/TabBar.tsx
 import React30 from "react";
 import { Box as Box16, Text as Text25 } from "ink";
@@ -8946,8 +9176,28 @@ var TabBar = /* @__PURE__ */ __name(({ width, tabs, activeTabKey, splitPos }) =>
   }, " \u2500\u2524"));
 }, "TabBar");
 
+// src/components/Toolbar/UpdateBadge.tsx
+import React31, { useLayoutEffect as useLayoutEffect2 } from "react";
+import { Box as Box17, Text as Text26 } from "ink";
+var UpdateBadge = /* @__PURE__ */ __name(({ version, isSelected, index }) => {
+  const theme = useTheme();
+  const { openUpdateModal } = useFocusContext();
+  const actionsRef = useToolbarActionsRef();
+  useLayoutEffect2(() => {
+    actionsRef.current[index] = openUpdateModal;
+  });
+  return /* @__PURE__ */ React31.createElement(Box17, {
+    paddingX: 1,
+    backgroundColor: isSelected ? theme.status.success : void 0,
+    flexShrink: 0
+  }, /* @__PURE__ */ React31.createElement(Text26, {
+    color: isSelected ? "black" : theme.status.success,
+    bold: true
+  }, "Update available v", version));
+}, "UpdateBadge");
+
 // src/components/Toolbar/Toolbar.tsx
-var Toolbar = /* @__PURE__ */ __name(({ buttons, width, flows, onFlowChange, flow, orchestrator }) => {
+var Toolbar = /* @__PURE__ */ __name(({ buttons, width, flows, onFlowChange, flow, orchestrator, updateInfo }) => {
   const theme = useTheme();
   const { focusState } = useFocusContext();
   const isActive = focusState.activeWindow === "toolbar";
@@ -8957,11 +9207,11 @@ var Toolbar = /* @__PURE__ */ __name(({ buttons, width, flows, onFlowChange, flo
   const splitPositions = [
     nameWidth + 3
   ];
-  return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(Separator, {
+  return /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement(Separator, {
     width,
     type: "top",
     splitPositions
-  }), /* @__PURE__ */ React31.createElement(Box17, {
+  }), /* @__PURE__ */ React32.createElement(Box18, {
     borderStyle: "single",
     borderColor: theme.ui.border,
     borderBackgroundColor: theme.ui.background,
@@ -8971,7 +9221,7 @@ var Toolbar = /* @__PURE__ */ __name(({ buttons, width, flows, onFlowChange, flo
     overflow: "hidden",
     display: "flex",
     height
-  }, /* @__PURE__ */ React31.createElement(Box17, {
+  }, /* @__PURE__ */ React32.createElement(Box18, {
     borderStyle: "single",
     borderColor: theme.ui.border,
     borderBackgroundColor: theme.ui.background,
@@ -8983,12 +9233,12 @@ var Toolbar = /* @__PURE__ */ __name(({ buttons, width, flows, onFlowChange, flo
     minWidth: nameWidth + 2,
     height,
     overflow: "hidden"
-  }, /* @__PURE__ */ React31.createElement(Text26, {
+  }, /* @__PURE__ */ React32.createElement(Text27, {
     color: theme.action.primary,
     bold: true
   }, name)), buttons.map((hook, index) => {
     const isSelected = isActive && focusState.toolbar.selectedButtonIndex === index;
-    return /* @__PURE__ */ React31.createElement(ToolbarButtonInvoker, {
+    return /* @__PURE__ */ React32.createElement(ToolbarButtonInvoker, {
       key: index,
       hook,
       isSelected,
@@ -8996,18 +9246,18 @@ var Toolbar = /* @__PURE__ */ __name(({ buttons, width, flows, onFlowChange, flo
       flow,
       orchestrator
     });
-  }), /* @__PURE__ */ React31.createElement(Box17, {
+  }), /* @__PURE__ */ React32.createElement(Box18, {
     flexDirection: "row",
     display: "flex",
     flexGrow: 1,
     justifyContent: "flex-end",
     gap: 1,
     height
-  }, /* @__PURE__ */ React31.createElement(FlowSelector, {
-    flows,
-    currentFlow: flow,
-    onFlowChange
-  }))), /* @__PURE__ */ React31.createElement(PrimaryModeTabBar, {
+  }, updateInfo && /* @__PURE__ */ React32.createElement(UpdateBadge, {
+    version: updateInfo.latestVersion,
+    isSelected: isActive && focusState.toolbar.selectedButtonIndex === buttons.length,
+    index: buttons.length
+  }))), /* @__PURE__ */ React32.createElement(PrimaryModeTabBar, {
     width,
     splitPos: splitPositions[0] ?? 0
   }));
@@ -9015,7 +9265,7 @@ var Toolbar = /* @__PURE__ */ __name(({ buttons, width, flows, onFlowChange, flo
 var PrimaryModeTabBar = /* @__PURE__ */ __name(({ width, splitPos }) => {
   const { focusState } = useFocusContext();
   const { primaryMode } = focusState.secondaryPanel;
-  return /* @__PURE__ */ React31.createElement(TabBar, {
+  return /* @__PURE__ */ React32.createElement(TabBar, {
     width,
     tabs: [
       {
@@ -9033,12 +9283,12 @@ var PrimaryModeTabBar = /* @__PURE__ */ __name(({ width, splitPos }) => {
 }, "PrimaryModeTabBar");
 
 // src/components/TaskListPanel/TaskListPanel.tsx
-import React35, { useMemo as useMemo4 } from "react";
-import { Box as Box21, Text as Text30 } from "ink";
+import React36, { useMemo as useMemo4 } from "react";
+import { Box as Box22, Text as Text31 } from "ink";
 
 // src/components/TaskListPanel/ActionBar.tsx
-import React32, { useEffect as useEffect14, useState as useState14 } from "react";
-import { Box as Box18, Text as Text27 } from "ink";
+import React33, { useEffect as useEffect15, useState as useState15 } from "react";
+import { Box as Box19, Text as Text28 } from "ink";
 var ActionBar = /* @__PURE__ */ __name(({ tasks, flow }) => {
   const theme = useTheme();
   const { focusState } = useFocusContext();
@@ -9046,8 +9296,8 @@ var ActionBar = /* @__PURE__ */ __name(({ tasks, flow }) => {
   const selectedIndex = focusState.taskList.selectedTaskIndex;
   const multiCount = focusState.taskList.selectedTaskIds.size;
   const selectedTask = tasks[selectedIndex];
-  const [, setTaskVersion] = useState14(0);
-  useEffect14(() => {
+  const [, setTaskVersion] = useState15(0);
+  useEffect15(() => {
     if (!selectedTask) return;
     return selectedTask.subscribe(() => setTaskVersion((v) => v + 1));
   }, [
@@ -9065,7 +9315,7 @@ var ActionBar = /* @__PURE__ */ __name(({ tasks, flow }) => {
     return true;
   }), "filterRow");
   if (!isTaskListActive) return null;
-  return /* @__PURE__ */ React32.createElement(Box18, {
+  return /* @__PURE__ */ React33.createElement(Box19, {
     paddingX: 1,
     height: rowCount,
     overflow: "hidden",
@@ -9074,56 +9324,56 @@ var ActionBar = /* @__PURE__ */ __name(({ tasks, flow }) => {
     alignItems: "flex-start"
   }, bar ? bar.rows.map((row, i) => {
     const visible = filterRow(row);
-    return /* @__PURE__ */ React32.createElement(Box18, {
+    return /* @__PURE__ */ React33.createElement(Box19, {
       key: i,
       height: 1,
       flexDirection: "row",
       alignItems: "flex-start",
       flexShrink: 0
-    }, row.text && /* @__PURE__ */ React32.createElement(Box18, {
+    }, row.text && /* @__PURE__ */ React33.createElement(Box19, {
       marginRight: 1,
       flexShrink: 0
-    }, /* @__PURE__ */ React32.createElement(Text27, {
+    }, /* @__PURE__ */ React33.createElement(Text28, {
       color: row.textColor ?? theme.text.primary,
       bold: true
-    }, row.text)), /* @__PURE__ */ React32.createElement(Box18, {
+    }, row.text)), /* @__PURE__ */ React33.createElement(Box19, {
       marginRight: 1,
       flexShrink: 0
-    }, /* @__PURE__ */ React32.createElement(Text27, {
+    }, /* @__PURE__ */ React33.createElement(Text28, {
       color: theme.text.hint
-    }, "\u203A")), visible.length > 0 ? visible.map((action, j) => /* @__PURE__ */ React32.createElement(Hint, {
+    }, "\u203A")), visible.length > 0 ? visible.map((action, j) => /* @__PURE__ */ React33.createElement(Hint, {
       key: j,
       label: action.label,
       shortcut: getShortcutLiteral(action.shortcuts)
-    })) : /* @__PURE__ */ React32.createElement(Text27, {
+    })) : /* @__PURE__ */ React33.createElement(Text28, {
       color: theme.text.hint,
       italic: true
     }, "\u2014"));
-  }) : /* @__PURE__ */ React32.createElement(Box18, {
+  }) : /* @__PURE__ */ React33.createElement(Box19, {
     height: 1,
     flexDirection: "row",
     alignItems: "flex-start"
-  }, /* @__PURE__ */ React32.createElement(Text27, {
+  }, /* @__PURE__ */ React33.createElement(Text28, {
     color: theme.text.hint,
     italic: true
   }, "No contextual actions available")));
 }, "ActionBar");
 
 // src/components/DynamicHintBar/DynamicHintBar.tsx
-import React33, { useReducer as useReducer2, useEffect as useEffect15 } from "react";
-import { Box as Box19, Text as Text28 } from "ink";
+import React34, { useReducer as useReducer2, useEffect as useEffect16 } from "react";
+import { Box as Box20, Text as Text29 } from "ink";
 var HintChip = /* @__PURE__ */ __name(({ entry, dim }) => {
   const theme = useTheme();
-  return /* @__PURE__ */ React33.createElement(Box19, {
+  return /* @__PURE__ */ React34.createElement(Box20, {
     marginRight: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React33.createElement(Text28, {
+  }, /* @__PURE__ */ React34.createElement(Text29, {
     color: theme.text.active,
     dimColor: dim,
     bold: true
   }, "[", getShortcutLiteral([
     entry.shortcut
-  ]), "]"), /* @__PURE__ */ React33.createElement(Text28, {
+  ]), "]"), /* @__PURE__ */ React34.createElement(Text29, {
     color: theme.text.hint,
     dimColor: dim
   }, " ", entry.label));
@@ -9131,25 +9381,25 @@ var HintChip = /* @__PURE__ */ __name(({ entry, dim }) => {
 var HintLine = /* @__PURE__ */ __name(({ line, contextShortcuts, dim, width }) => {
   const theme = useTheme();
   const matchedShortcuts = line.shortcutIds.map((sid) => contextShortcuts.find((s) => s.id === sid)).filter((s) => s !== void 0);
-  return /* @__PURE__ */ React33.createElement(Box19, {
+  return /* @__PURE__ */ React34.createElement(Box20, {
     flexDirection: "row",
     width,
     overflow: "hidden",
     flexShrink: 0
-  }, /* @__PURE__ */ React33.createElement(Box19, {
+  }, /* @__PURE__ */ React34.createElement(Box20, {
     marginRight: 1,
     flexShrink: 0
-  }, line.left.type === "node" ? line.left.renderNode(dim ?? false) : /* @__PURE__ */ React33.createElement(Text28, {
+  }, line.left.type === "node" ? line.left.renderNode(dim ?? false) : /* @__PURE__ */ React34.createElement(Text29, {
     color: line.left.color ?? theme.text.active,
     dimColor: dim,
     bold: line.left.bold ?? true
-  }, line.left.value)), /* @__PURE__ */ React33.createElement(Box19, {
+  }, line.left.value)), /* @__PURE__ */ React34.createElement(Box20, {
     marginRight: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React33.createElement(Text28, {
+  }, /* @__PURE__ */ React34.createElement(Text29, {
     color: theme.text.active,
     dimColor: dim
-  }, "\u203A")), matchedShortcuts.map((entry) => /* @__PURE__ */ React33.createElement(HintChip, {
+  }, "\u203A")), matchedShortcuts.map((entry) => /* @__PURE__ */ React34.createElement(HintChip, {
     key: entry.id,
     entry,
     dim
@@ -9157,13 +9407,13 @@ var HintLine = /* @__PURE__ */ __name(({ line, contextShortcuts, dim, width }) =
 }, "HintLine");
 var DynamicHintBar = /* @__PURE__ */ __name(({ width, isActive = true }) => {
   const [, forceUpdate] = useReducer2((x) => x + 1, 0);
-  useEffect15(() => {
+  useEffect16(() => {
     return shortcutRegistry.subscribe(forceUpdate);
   }, []);
   if (!isActive) return null;
   const contexts = shortcutRegistry.getActiveHintContexts();
   if (contexts.length === 0) return null;
-  return /* @__PURE__ */ React33.createElement(Box19, {
+  return /* @__PURE__ */ React34.createElement(Box20, {
     flexDirection: "column",
     width,
     overflow: "hidden",
@@ -9171,7 +9421,7 @@ var DynamicHintBar = /* @__PURE__ */ __name(({ width, isActive = true }) => {
     alignItems: "flex-start",
     justifyContent: "flex-start",
     flexShrink: 0
-  }, contexts.map((ctx) => ctx.lines.map((line) => /* @__PURE__ */ React33.createElement(HintLine, {
+  }, contexts.map((ctx) => ctx.lines.map((line) => /* @__PURE__ */ React34.createElement(HintLine, {
     key: `${ctx.contextId}-${line.id}`,
     line,
     contextShortcuts: ctx.shortcuts,
@@ -9181,14 +9431,14 @@ var DynamicHintBar = /* @__PURE__ */ __name(({ width, isActive = true }) => {
 }, "DynamicHintBar");
 
 // src/components/TaskListPanel/TaskRow.tsx
-import React34 from "react";
-import { Box as Box20, Text as Text29 } from "ink";
+import React35 from "react";
+import { Box as Box21, Text as Text30 } from "ink";
 
 // src/hooks/useTask.ts
-import { useEffect as useEffect16, useState as useState15 } from "react";
+import { useEffect as useEffect17, useState as useState16 } from "react";
 var useTask = /* @__PURE__ */ __name((task) => {
-  const [taskSnapshot, setTaskSnapshot] = useState15(() => task.get());
-  useEffect16(() => {
+  const [taskSnapshot, setTaskSnapshot] = useState16(() => task.get());
+  useEffect17(() => {
     const unsubscribe = task.subscribe((updatedTask) => {
       setTaskSnapshot(updatedTask.get());
     });
@@ -9200,26 +9450,26 @@ var useTask = /* @__PURE__ */ __name((task) => {
 }, "useTask");
 
 // src/components/TaskListPanel/TaskRow.tsx
-var TaskRow = /* @__PURE__ */ React34.memo(/* @__PURE__ */ __name(function TaskRow2({ taskReference, isActive, isHighlighted, isMultiSelected, selectedColumnIndex, columns, flow }) {
+var TaskRow = /* @__PURE__ */ React35.memo(/* @__PURE__ */ __name(function TaskRow2({ taskReference, isActive, isHighlighted, isMultiSelected, selectedColumnIndex, columns, flow }) {
   const theme = useTheme();
   const task = useTask(taskReference);
   const isActiveIndicator = isActive ? "\u261B" : " ";
   const indicator = isActiveIndicator + (isMultiSelected ? "\u2713" : " ");
   const backgroundColor = isActive ? theme.ui.rowActiveDimmedBackground : isHighlighted ? theme.ui.rowBackground : void 0;
-  return /* @__PURE__ */ React34.createElement(Box20, {
+  return /* @__PURE__ */ React35.createElement(Box21, {
     key: task.id,
     paddingX: 1,
     overflowY: "hidden",
     backgroundColor
-  }, /* @__PURE__ */ React34.createElement(Box20, {
+  }, /* @__PURE__ */ React35.createElement(Box21, {
     width: 2,
     flexShrink: 0
-  }, /* @__PURE__ */ React34.createElement(Text29, {
+  }, /* @__PURE__ */ React35.createElement(Text30, {
     color: isActive ? "white" : isMultiSelected ? "cyan" : "white"
   }, indicator)), columns.map((column, index) => {
     const CellComponent = column.component;
     const isCellActive = isActive && selectedColumnIndex === index;
-    return /* @__PURE__ */ React34.createElement(Box20, {
+    return /* @__PURE__ */ React35.createElement(Box21, {
       key: `${CellComponent.name}-${column.label}-${index}`,
       width: column.width,
       minWidth: column.width,
@@ -9230,7 +9480,7 @@ var TaskRow = /* @__PURE__ */ React34.memo(/* @__PURE__ */ __name(function TaskR
       paddingX: 1,
       backgroundColor: isCellActive ? theme.ui.rowActiveBackground : void 0,
       overflow: "hidden"
-    }, /* @__PURE__ */ React34.createElement(CellComponent, {
+    }, /* @__PURE__ */ React35.createElement(CellComponent, {
       task,
       taskReference,
       width: column.width,
@@ -9661,12 +9911,6 @@ var TaskListPanel = /* @__PURE__ */ __name(({ columns, tasks, width, flow }) =>
         newAdjacentWidths[c.id] = c.width + shares[i];
       });
     }
-    const deltaLog = calculatedColumns.filter((_, i) => columns[i]?.resizable !== false).map((c) => {
-      const newW = c.id === col.id ? newSelectedWidth : newAdjacentWidths[c.id] ?? c.width;
-      const delta = newW - c.width;
-      return `${c.id}:${delta > 0 ? "+" : ""}${delta}`;
-    }).join(" | ");
-    globalLogger.info(`resize ${direction}: ${deltaLog}`);
     const fixedWidth = calculatedColumns.filter((_, i) => columns[i]?.resizable === false).reduce((s, c) => s + c.width, 0);
     const resizableWidth = Math.max(1, availableWidth - fixedWidth);
     const allRatios = {};
@@ -9677,7 +9921,7 @@ var TaskListPanel = /* @__PURE__ */ __name(({ columns, tasks, width, flow }) =>
     });
     flow.setColumnRatios(allRatios);
   });
-  return /* @__PURE__ */ React35.createElement(Box21, {
+  return /* @__PURE__ */ React36.createElement(Box22, {
     borderStyle: "single",
     borderColor: theme.ui.border,
     borderBackgroundColor: theme.ui.background,
@@ -9687,19 +9931,19 @@ var TaskListPanel = /* @__PURE__ */ __name(({ columns, tasks, width, flow }) =>
     borderBottom: false,
     height: fullHeight,
     flexGrow: 1
-  }, /* @__PURE__ */ React35.createElement(Box21, {
+  }, /* @__PURE__ */ React36.createElement(Box22, {
     flexDirection: "row",
     paddingX: 1,
     height: 1,
     overflow: "hidden",
     flexShrink: 0
-  }, /* @__PURE__ */ React35.createElement(Box21, {
+  }, /* @__PURE__ */ React36.createElement(Box22, {
     width: 2,
     height: 1,
     flexShrink: 0
   }), calculatedColumns.map((column, index) => {
     const isActive = isWindowActive && focusState.taskList.isHeaderFocused && focusState.taskList.selectedColumnIndex === index;
-    return /* @__PURE__ */ React35.createElement(Box21, {
+    return /* @__PURE__ */ React36.createElement(Box22, {
       key: `header-${column.label}-${index}`,
       width: column.width,
       minWidth: column.width,
@@ -9709,19 +9953,19 @@ var TaskListPanel = /* @__PURE__ */ __name(({ columns, tasks, width, flow }) =>
       overflow: "hidden",
       flexShrink: 0,
       backgroundColor: isActive ? theme.ui.rowActiveBackground : void 0
-    }, /* @__PURE__ */ React35.createElement(Text30, {
+    }, /* @__PURE__ */ React36.createElement(Text31, {
       bold: true,
       color: isActive ? "white" : column.color || "cyan"
     }, column.label));
-  })), /* @__PURE__ */ React35.createElement(Box21, {
+  })), /* @__PURE__ */ React36.createElement(Box22, {
     flexDirection: "column",
     height,
     overflow: "hidden",
     flexGrow: 1
-  }, tasks.length === 0 ? /* @__PURE__ */ React35.createElement(Box21, {
+  }, tasks.length === 0 ? /* @__PURE__ */ React36.createElement(Box22, {
     paddingX: 4,
     overflow: "hidden"
-  }, /* @__PURE__ */ React35.createElement(Text30, {
+  }, /* @__PURE__ */ React36.createElement(Text31, {
     italic: true,
     color: "gray"
   }, "Press Ctrl+V to import music URLs")) : tasks.slice(offset, offset + height).map((task, index) => {
@@ -9730,7 +9974,7 @@ var TaskListPanel = /* @__PURE__ */ __name(({ columns, tasks, width, flow }) =>
     const isRowActive = isWindowActive && !focusState.taskList.isHeaderFocused && selectedIndex === visibleIndex;
     const selectedColumnIndex = isRowActive ? focusState.taskList.selectedColumnIndex : -1;
     const isMultiSelected = focusState.taskList.selectedTaskIds.has(task.getId());
-    return /* @__PURE__ */ React35.createElement(TaskRow, {
+    return /* @__PURE__ */ React36.createElement(TaskRow, {
       key: task.getId(),
       taskReference: task,
       isHighlighted: isRowHighlighted,
@@ -9740,22 +9984,22 @@ var TaskListPanel = /* @__PURE__ */ __name(({ columns, tasks, width, flow }) =>
       columns: calculatedColumns,
       flow
     });
-  })), isWindowActive && focusState.taskList.isHeaderFocused ? /* @__PURE__ */ React35.createElement(DynamicHintBar, {
+  })), isWindowActive && focusState.taskList.isHeaderFocused ? /* @__PURE__ */ React36.createElement(DynamicHintBar, {
     width: width - 2,
     isActive: true
-  }) : /* @__PURE__ */ React35.createElement(ActionBar, {
+  }) : /* @__PURE__ */ React36.createElement(ActionBar, {
     tasks,
     flow
   }));
 }, "TaskListPanel");
 
 // src/components/SecondaryPanel/SecondaryPanel.tsx
-import React57 from "react";
-import { Box as Box41 } from "ink";
+import React58 from "react";
+import { Box as Box42 } from "ink";
 
 // src/components/SecondaryPanel/LogPanel.tsx
-import React36, { useEffect as useEffect17, useState as useState16 } from "react";
-import { Box as Box22, Text as Text31 } from "ink";
+import React37, { useEffect as useEffect18, useState as useState17 } from "react";
+import { Box as Box23, Text as Text32 } from "ink";
 import { inspect } from "util";
 function formatDetails(details) {
   if (!details || Object.keys(details).length === 0) {
@@ -9785,9 +10029,9 @@ var LogPanel = /* @__PURE__ */ __name(({ tasks, height: heightProp }) => {
   const { focusState } = useFocusContext();
   const height = heightProp ?? focusState.layout.secondaryPanelHeight;
   const selectedTask = focusState.activeWindow === "taskList" ? tasks?.[focusState.taskList.selectedTaskIndex] : null;
-  const [logs, setLogs] = useState16([]);
-  const [scrollOffset, setScrollOffset] = useState16(0);
-  useEffect17(() => {
+  const [logs, setLogs] = useState17([]);
+  const [scrollOffset, setScrollOffset] = useState17(0);
+  useEffect18(() => {
     const unsubscribe = inkTransport.subscribe((incomingLogs) => {
       const normalized = incomingLogs;
       setLogs((prevLogs) => [
@@ -9798,8 +10042,8 @@ var LogPanel = /* @__PURE__ */ __name(({ tasks, height: heightProp }) => {
     return unsubscribe;
   }, []);
   const isActive = focusState.activeWindow === "secondaryPanel" && focusState.secondaryPanel.subTab === "logs";
-  const [prevSelectedTask, setPrevSelectedTask] = useState16(selectedTask);
-  const [prevIsActive, setPrevIsActive] = useState16(isActive);
+  const [prevSelectedTask, setPrevSelectedTask] = useState17(selectedTask);
+  const [prevIsActive, setPrevIsActive] = useState17(isActive);
   if (prevSelectedTask !== selectedTask) {
     setPrevSelectedTask(selectedTask);
     setScrollOffset(0);
@@ -9856,7 +10100,7 @@ var LogPanel = /* @__PURE__ */ __name(({ tasks, height: heightProp }) => {
   const logRows = logRowsNoTop - (showTopIndicator ? 1 : 0);
   const visibleStart = Math.max(0, (visibleEnd ?? filteredLogs.length) - logRows);
   const visibleLogs = filteredLogs.slice(visibleStart, visibleEnd);
-  return /* @__PURE__ */ React36.createElement(Box22, {
+  return /* @__PURE__ */ React37.createElement(Box23, {
     flexDirection: "row",
     borderStyle: "single",
     borderColor: theme.ui.border,
@@ -9866,7 +10110,7 @@ var LogPanel = /* @__PURE__ */ __name(({ tasks, height: heightProp }) => {
     height,
     flexGrow: 1,
     overflow: "hidden"
-  }, /* @__PURE__ */ React36.createElement(Box22, {
+  }, /* @__PURE__ */ React37.createElement(Box23, {
     flexDirection: "column",
     alignSelf: "flex-end",
     alignContent: "flex-end",
@@ -9874,33 +10118,33 @@ var LogPanel = /* @__PURE__ */ __name(({ tasks, height: heightProp }) => {
     overflow: "hidden",
     flexGrow: 1,
     flexShrink: 0
-  }, showTopIndicator && /* @__PURE__ */ React36.createElement(Box22, {
+  }, showTopIndicator && /* @__PURE__ */ React37.createElement(Box23, {
     paddingX: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React36.createElement(Text31, {
+  }, /* @__PURE__ */ React37.createElement(Text32, {
     color: theme.ui.border,
     dimColor: true
-  }, "\u2191 ", visibleStart, " more above")), visibleLogs.map((log) => /* @__PURE__ */ React36.createElement(Box22, {
+  }, "\u2191 ", visibleStart, " more above")), visibleLogs.map((log) => /* @__PURE__ */ React37.createElement(Box23, {
     key: log.id,
     paddingX: 1,
     height: 1,
     overflow: "hidden",
     flexGrow: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React36.createElement(Text31, {
+  }, /* @__PURE__ */ React37.createElement(Text32, {
     wrap: "truncate-end"
-  }, getLogString(log)))), showBottomIndicator && /* @__PURE__ */ React36.createElement(Box22, {
+  }, getLogString(log)))), showBottomIndicator && /* @__PURE__ */ React37.createElement(Box23, {
     paddingX: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React36.createElement(Text31, {
+  }, /* @__PURE__ */ React37.createElement(Text32, {
     color: theme.ui.border,
     dimColor: true
   }, "\u2193 ", clampedOffset, " more below"))));
 }, "LogPanel");
 
 // src/components/SecondaryPanel/MetadataPanel/MetadataPanel.tsx
-import React45, { useState as useState18, useEffect as useEffect18 } from "react";
-import { Box as Box30 } from "ink";
+import React46, { useState as useState19, useEffect as useEffect19 } from "react";
+import { Box as Box31 } from "ink";
 
 // src/flows/musicDownloadFlow/utils/metadataFields.ts
 function formatDuration(ms) {
@@ -10018,13 +10262,13 @@ var FIELDS = [
 var navigableFields = FIELDS.filter((f) => f.editable);
 
 // src/components/SecondaryPanel/MetadataPanel/MetadataSourceList.tsx
-import React42 from "react";
-import { Box as Box27, Text as Text36 } from "ink";
+import React43 from "react";
+import { Box as Box28, Text as Text37 } from "ink";
 import Spinner2 from "ink-spinner";
 
 // src/components/SecondaryPanel/MetadataPanel/useSourceListInput.ts
-import React37 from "react";
-import open2 from "open";
+import React38 from "react";
+import open3 from "open";
 import clipboard2 from "clipboardy";
 function toOpenableUri2(url) {
   const m = url.match(/open\.spotify\.com\/(track|album|artist|playlist)\/([A-Za-z0-9]+)/);
@@ -10101,7 +10345,7 @@ function useSourceListInput({ groups, sortedGroups, cursor, isActive, onCursorCh
           id: "sourceList.line.uri",
           left: {
             type: "node",
-            renderNode: /* @__PURE__ */ __name((dimmed) => React37.createElement(Uri, {
+            renderNode: /* @__PURE__ */ __name((dimmed) => React38.createElement(Uri, {
               uri,
               platform: focusedResult.metadata.platform,
               dimmed,
@@ -10329,7 +10573,7 @@ function useSourceListInput({ groups, sortedGroups, cursor, isActive, onCursorCh
         handler: /* @__PURE__ */ __name(() => {
           if (cursor.type !== "result") return;
           const url = sortedGroups[cursor.groupIndex]?.results[cursor.resultIndex]?.metadata.url;
-          if (url) open2(toOpenableUri2(url)).catch(() => {
+          if (url) open3(toOpenableUri2(url)).catch(() => {
           });
         }, "handler")
       },
@@ -10446,8 +10690,8 @@ function useSourceListInput({ groups, sortedGroups, cursor, isActive, onCursorCh
 __name(useSourceListInput, "useSourceListInput");
 
 // src/components/SecondaryPanel/MetadataPanel/MetadataGroupHeader.tsx
-import React38 from "react";
-import { Box as Box23, Text as Text32 } from "ink";
+import React39 from "react";
+import { Box as Box24, Text as Text33 } from "ink";
 var MetadataGroupHeader = /* @__PURE__ */ __name(({ group, isSelected, isActive }) => {
   const theme = useTheme();
   const display = providerDisplayRegistry.get(group.serviceKey);
@@ -10458,7 +10702,7 @@ var MetadataGroupHeader = /* @__PURE__ */ __name(({ group, isSelected, isActive
   const fetchedByLabel = isFallback ? providerDisplayRegistry.get(primaryResult.metadata.fetchedBy).label : void 0;
   const countLabel = `(${group.results.length} result${group.results.length !== 1 ? "s" : ""})`;
   const noteText = isFallback ? `\u2139 ${display.label} is not available but rudimentary metadata were fetched from ${fetchedByLabel}` : void 0;
-  return /* @__PURE__ */ React38.createElement(Box23, {
+  return /* @__PURE__ */ React39.createElement(Box24, {
     flexDirection: "row",
     flexGrow: 1,
     flexShrink: 0,
@@ -10466,29 +10710,29 @@ var MetadataGroupHeader = /* @__PURE__ */ __name(({ group, isSelected, isActive
     overflow: "hidden",
     backgroundColor: bg,
     alignItems: "flex-start"
-  }, /* @__PURE__ */ React38.createElement(Box23, {
+  }, /* @__PURE__ */ React39.createElement(Box24, {
     width: 3,
     minWidth: 3,
     flexShrink: 0
-  }, /* @__PURE__ */ React38.createElement(Text32, {
+  }, /* @__PURE__ */ React39.createElement(Text33, {
     color: isSelected && isActive ? theme.text.active : theme.text.secondary,
     wrap: "truncate-end"
-  }, isSelected && isActive ? "\u261B " : "  ")), /* @__PURE__ */ React38.createElement(Box23, {
+  }, isSelected && isActive ? "\u261B " : "  ")), /* @__PURE__ */ React39.createElement(Box24, {
     flexShrink: 0
-  }, /* @__PURE__ */ React38.createElement(Text32, {
+  }, /* @__PURE__ */ React39.createElement(Text33, {
     color: display.color,
     wrap: "truncate-end",
     bold: true
-  }, "\u25CF " + display.label)), /* @__PURE__ */ React38.createElement(Box23, {
+  }, "\u25CF " + display.label)), /* @__PURE__ */ React39.createElement(Box24, {
     flexShrink: 0
-  }, /* @__PURE__ */ React38.createElement(Text32, {
+  }, /* @__PURE__ */ React39.createElement(Text33, {
     color: theme.text.secondary,
     wrap: "truncate-end"
-  }, " " + countLabel)), noteText && /* @__PURE__ */ React38.createElement(Box23, {
+  }, " " + countLabel)), noteText && /* @__PURE__ */ React39.createElement(Box24, {
     flexGrow: 1,
     paddingLeft: 3,
     flexShrink: 0
-  }, /* @__PURE__ */ React38.createElement(Text32, {
+  }, /* @__PURE__ */ React39.createElement(Text33, {
     color: theme.palette.blue,
     italic: true,
     wrap: "truncate-end"
@@ -10496,12 +10740,12 @@ var MetadataGroupHeader = /* @__PURE__ */ __name(({ group, isSelected, isActive
 }, "MetadataGroupHeader");
 
 // src/components/SecondaryPanel/MetadataPanel/MetadataResultRow.tsx
-import React40 from "react";
-import { Box as Box25, Text as Text34 } from "ink";
+import React41 from "react";
+import { Box as Box26, Text as Text35 } from "ink";
 
 // src/components/SecondaryPanel/MetadataPanel/DiscoverySourceLine.tsx
-import React39 from "react";
-import { Box as Box24, Text as Text33 } from "ink";
+import React40 from "react";
+import { Box as Box25, Text as Text34 } from "ink";
 function formatSearchKeys(keys) {
   return keys.map((k) => {
     switch (k) {
@@ -10526,37 +10770,37 @@ var DiscoverySourceLine = /* @__PURE__ */ __name(({ source, dimmed }) => {
   const discovererDisplay = providerDisplayRegistry.get(source.discoveredBy);
   const fromUriPlatform = source.fromUri.split("::")[0]?.toLowerCase() ?? "";
   const keysLabel = formatSearchKeys(source.searchKeys);
-  return /* @__PURE__ */ React39.createElement(Box24, {
+  return /* @__PURE__ */ React40.createElement(Box25, {
     flexDirection: "row",
     overflow: "hidden",
     marginLeft: 14,
     flexShrink: 0,
     height: 1
-  }, /* @__PURE__ */ React39.createElement(Box24, {
+  }, /* @__PURE__ */ React40.createElement(Box25, {
     flexShrink: 0
-  }, /* @__PURE__ */ React39.createElement(Text33, {
+  }, /* @__PURE__ */ React40.createElement(Text34, {
     color: theme.text.secondary,
     dimColor: dimmed,
     wrap: "truncate-end"
-  }, "\u2514\u2500 found by ")), /* @__PURE__ */ React39.createElement(Box24, {
+  }, "\u2514\u2500 found by ")), /* @__PURE__ */ React40.createElement(Box25, {
     flexShrink: 0
-  }, /* @__PURE__ */ React39.createElement(Text33, {
+  }, /* @__PURE__ */ React40.createElement(Text34, {
     color: discovererDisplay.color,
     dimColor: dimmed,
     wrap: "truncate-end"
-  }, discovererDisplay.label)), /* @__PURE__ */ React39.createElement(Box24, {
+  }, discovererDisplay.label)), /* @__PURE__ */ React40.createElement(Box25, {
     flexShrink: 0
-  }, /* @__PURE__ */ React39.createElement(Text33, {
+  }, /* @__PURE__ */ React40.createElement(Text34, {
     color: theme.text.secondary,
     dimColor: dimmed,
     wrap: "truncate-end"
-  }, " using ")), /* @__PURE__ */ React39.createElement(Uri, {
+  }, " using ")), /* @__PURE__ */ React40.createElement(Uri, {
     uri: source.fromUri,
     platform: fromUriPlatform,
     dimmed
-  }), /* @__PURE__ */ React39.createElement(Box24, {
+  }), /* @__PURE__ */ React40.createElement(Box25, {
     flexShrink: 0
-  }, /* @__PURE__ */ React39.createElement(Text33, {
+  }, /* @__PURE__ */ React40.createElement(Text34, {
     color: theme.text.secondary,
     dimColor: dimmed,
     wrap: "truncate-end"
@@ -10618,12 +10862,12 @@ var MetadataResultRow = /* @__PURE__ */ __name(({ result, serviceKey: _serviceKe
   const bg = isSelected ? focusColorBg : void 0;
   const uri = m.uri ?? `${m.platform.toUpperCase()}::TRACK::${m.id}`;
   const sourceLines = showDiscoverySources && result.discoverySources.length > 0 ? result.discoverySources : [];
-  return /* @__PURE__ */ React40.createElement(Box25, {
+  return /* @__PURE__ */ React41.createElement(Box26, {
     flexDirection: "column",
     width,
     overflow: "hidden",
     flexShrink: 0
-  }, /* @__PURE__ */ React40.createElement(Box25, {
+  }, /* @__PURE__ */ React41.createElement(Box26, {
     flexDirection: "row",
     width,
     minWidth: width,
@@ -10633,52 +10877,52 @@ var MetadataResultRow = /* @__PURE__ */ __name(({ result, serviceKey: _serviceKe
     flexWrap: "nowrap",
     alignItems: "flex-start",
     flexShrink: 0
-  }, /* @__PURE__ */ React40.createElement(Box25, {
+  }, /* @__PURE__ */ React41.createElement(Box26, {
     width: 3,
     minWidth: 3,
     flexShrink: 0,
     marginRight: 2
-  }, /* @__PURE__ */ React40.createElement(Text34, null, isSelected && isActive ? "\u261B " : "  ")), /* @__PURE__ */ React40.createElement(Box25, {
+  }, /* @__PURE__ */ React41.createElement(Text35, null, isSelected && isActive ? "\u261B " : "  ")), /* @__PURE__ */ React41.createElement(Box26, {
     width: 2,
     minWidth: 2,
     paddingRight: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React40.createElement(Text34, {
+  }, /* @__PURE__ */ React41.createElement(Text35, {
     dimColor: isDimmed,
     color: statusColor
-  }, statusIcon)), /* @__PURE__ */ React40.createElement(Box25, {
+  }, statusIcon)), /* @__PURE__ */ React41.createElement(Box26, {
     width: 7,
     minWidth: 7,
     paddingRight: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React40.createElement(Text34, {
+  }, /* @__PURE__ */ React41.createElement(Text35, {
     color: badge.color,
     dimColor: isDimmed,
     strikethrough: isDimmed
-  }, badgeText)), /* @__PURE__ */ React40.createElement(Box25, {
+  }, badgeText)), /* @__PURE__ */ React41.createElement(Box26, {
     flexShrink: 0
-  }, /* @__PURE__ */ React40.createElement(Uri, {
+  }, /* @__PURE__ */ React41.createElement(Uri, {
     uri,
     platform: m.platform,
     fetchState: result.fetchState,
     dimmed: isDimmed,
     fetchedBy: m.fetchedBy
-  })), result.fetchState === "error" && result.fetchError && /* @__PURE__ */ React40.createElement(Box25, {
+  })), result.fetchState === "error" && result.fetchError && /* @__PURE__ */ React41.createElement(Box26, {
     paddingLeft: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React40.createElement(Text34, {
+  }, /* @__PURE__ */ React41.createElement(Text35, {
     color: theme.status.error,
     wrap: "truncate-end"
-  }, result.fetchError)), /* @__PURE__ */ React40.createElement(Box25, {
+  }, result.fetchError)), /* @__PURE__ */ React41.createElement(Box26, {
     flexGrow: 1,
     overflow: "hidden",
     paddingLeft: 1
-  }, /* @__PURE__ */ React40.createElement(Text34, {
+  }, /* @__PURE__ */ React41.createElement(Text35, {
     color: theme.text.primary,
     dimColor: isDimmed,
     strikethrough: isDimmed,
     wrap: "truncate-end"
-  }, suffix)), isSelected && /* @__PURE__ */ React40.createElement(Box25, {
+  }, suffix)), isSelected && /* @__PURE__ */ React41.createElement(Box26, {
     flexDirection: "row",
     height: 1,
     width: 5,
@@ -10686,10 +10930,10 @@ var MetadataResultRow = /* @__PURE__ */ __name(({ result, serviceKey: _serviceKe
     paddingLeft: 1,
     paddingRight: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React40.createElement(Text34, {
+  }, /* @__PURE__ */ React41.createElement(Text35, {
     color: theme.text.secondary,
     dimColor: isDimmed
-  }, ">>>"))), sourceLines.map((src, i) => /* @__PURE__ */ React40.createElement(DiscoverySourceLine, {
+  }, ">>>"))), sourceLines.map((src, i) => /* @__PURE__ */ React41.createElement(DiscoverySourceLine, {
     key: i,
     source: src,
     dimmed: isDimmed
@@ -10697,8 +10941,8 @@ var MetadataResultRow = /* @__PURE__ */ __name(({ result, serviceKey: _serviceKe
 }, "MetadataResultRow");
 
 // src/components/SecondaryPanel/MetadataPanel/MetadataCompiledRow.tsx
-import React41 from "react";
-import { Box as Box26, Text as Text35 } from "ink";
+import React42 from "react";
+import { Box as Box27, Text as Text36 } from "ink";
 
 // src/components/SecondaryPanel/utils.ts
 function formatDuration3(ms) {
@@ -10722,7 +10966,7 @@ var MetadataCompiledRow = /* @__PURE__ */ __name(({ compiled, overrideCount, isS
   const durationPart = duration ? ` (${duration})` : "";
   const trackInfo = artist ? `${artist} - ${title}${durationPart}` : `${title}${durationPart}`;
   const suffixText = overrideCount > 0 ? ` (${overrideCount} edit${overrideCount === 1 ? "" : "s"})` : "";
-  return /* @__PURE__ */ React41.createElement(Box26, {
+  return /* @__PURE__ */ React42.createElement(Box27, {
     flexDirection: "row",
     height: 1,
     flexShrink: 0,
@@ -10730,36 +10974,36 @@ var MetadataCompiledRow = /* @__PURE__ */ __name(({ compiled, overrideCount, isS
     minWidth: width,
     overflow: "hidden",
     backgroundColor: bg
-  }, /* @__PURE__ */ React41.createElement(Box26, {
+  }, /* @__PURE__ */ React42.createElement(Box27, {
     width: 3,
     minWidth: 3
-  }, /* @__PURE__ */ React41.createElement(Text35, {
+  }, /* @__PURE__ */ React42.createElement(Text36, {
     color: isSelected && isActive ? theme.text.active : theme.text.secondary
-  }, isSelected && isActive ? "\u261B " : "  ")), /* @__PURE__ */ React41.createElement(Box26, {
+  }, isSelected && isActive ? "\u261B " : "  ")), /* @__PURE__ */ React42.createElement(Box27, {
     width: COMPILED_PREFIX.length,
     minWidth: COMPILED_PREFIX.length
-  }, /* @__PURE__ */ React41.createElement(Text35, {
+  }, /* @__PURE__ */ React42.createElement(Text36, {
     color: theme.action.primary
-  }, COMPILED_PREFIX)), /* @__PURE__ */ React41.createElement(Box26, {
+  }, COMPILED_PREFIX)), /* @__PURE__ */ React42.createElement(Box27, {
     flexGrow: 1,
     flexDirection: "row"
-  }, /* @__PURE__ */ React41.createElement(Text35, {
+  }, /* @__PURE__ */ React42.createElement(Text36, {
     color: theme.text.primary,
     wrap: "truncate-end"
-  }, trackInfo)), overrideCount > 0 && /* @__PURE__ */ React41.createElement(Box26, {
+  }, trackInfo)), overrideCount > 0 && /* @__PURE__ */ React42.createElement(Box27, {
     flexShrink: 0
-  }, /* @__PURE__ */ React41.createElement(Text35, {
+  }, /* @__PURE__ */ React42.createElement(Text36, {
     color: theme.text.secondary,
     italic: true,
     wrap: "truncate-end"
-  }, suffixText)), isSelected && /* @__PURE__ */ React41.createElement(Box26, {
+  }, suffixText)), isSelected && /* @__PURE__ */ React42.createElement(Box27, {
     flexDirection: "row",
     height: 1,
     width: 5,
     minWidth: 5,
     paddingLeft: 1,
     paddingRight: 1
-  }, /* @__PURE__ */ React41.createElement(Text35, {
+  }, /* @__PURE__ */ React42.createElement(Text36, {
     color: theme.text.secondary
   }, ">>>")));
 }, "MetadataCompiledRow");
@@ -10788,26 +11032,26 @@ var MetadataSourceList = /* @__PURE__ */ __name(({ groups, compiled, overrides,
     onRefetchResult
   });
   const overrideCount = Object.keys(overrides).filter((k) => overrides[k] !== void 0).length;
-  return /* @__PURE__ */ React42.createElement(Box27, {
+  return /* @__PURE__ */ React43.createElement(Box28, {
     flexDirection: "column",
     width,
     height,
     overflow: "hidden"
-  }, /* @__PURE__ */ React42.createElement(Box27, {
+  }, /* @__PURE__ */ React43.createElement(Box28, {
     flexDirection: "row",
     height: 1,
     marginBottom: 1,
     overflow: "hidden"
-  }, /* @__PURE__ */ React42.createElement(Text36, {
+  }, /* @__PURE__ */ React43.createElement(Text37, {
     color: "gray",
     italic: true,
     wrap: "truncate-end"
-  }, " " + HEADER_LINE)), /* @__PURE__ */ React42.createElement(Box27, {
+  }, " " + HEADER_LINE)), /* @__PURE__ */ React43.createElement(Box28, {
     flexDirection: "column",
     flexGrow: 1,
     gap: 1,
     overflow: "hidden"
-  }, /* @__PURE__ */ React42.createElement(MetadataCompiledRow, {
+  }, /* @__PURE__ */ React43.createElement(MetadataCompiledRow, {
     compiled,
     overrideCount,
     isSelected: cursor.type === "compiled",
@@ -10817,15 +11061,15 @@ var MetadataSourceList = /* @__PURE__ */ __name(({ groups, compiled, overrides,
     const sortedResults = [
       ...group.results
     ].sort((a, b) => a.rank - b.rank);
-    return /* @__PURE__ */ React42.createElement(Box27, {
+    return /* @__PURE__ */ React43.createElement(Box28, {
       key: group.serviceKey,
       flexDirection: "column",
       overflow: "hidden"
-    }, /* @__PURE__ */ React42.createElement(MetadataGroupHeader, {
+    }, /* @__PURE__ */ React43.createElement(MetadataGroupHeader, {
       group,
       isSelected: cursor.type === "group" && cursor.groupIndex === gIdx,
       isActive
-    }), sortedResults.map((result, rIdx) => /* @__PURE__ */ React42.createElement(MetadataResultRow, {
+    }), sortedResults.map((result, rIdx) => /* @__PURE__ */ React43.createElement(MetadataResultRow, {
       key: rIdx,
       result,
       serviceKey: group.serviceKey,
@@ -10834,32 +11078,32 @@ var MetadataSourceList = /* @__PURE__ */ __name(({ groups, compiled, overrides,
       width,
       showDiscoverySources
     })));
-  }), (isFetchingPrimarySource || isDiscovering) && /* @__PURE__ */ React42.createElement(Box27, {
+  }), (isFetchingPrimarySource || isDiscovering) && /* @__PURE__ */ React43.createElement(Box28, {
     flexDirection: "row",
     height: 1,
     paddingLeft: 3,
     flexShrink: 0
-  }, /* @__PURE__ */ React42.createElement(Box27, {
+  }, /* @__PURE__ */ React43.createElement(Box28, {
     flexDirection: "row",
     paddingRight: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React42.createElement(Text36, {
+  }, /* @__PURE__ */ React43.createElement(Text37, {
     color: theme.text.secondary
-  }, /* @__PURE__ */ React42.createElement(Spinner2, {
+  }, /* @__PURE__ */ React43.createElement(Spinner2, {
     type: "dots"
-  }))), /* @__PURE__ */ React42.createElement(Text36, {
+  }))), /* @__PURE__ */ React43.createElement(Text37, {
     color: theme.text.secondary
   }, getLoadingText(isFetchingPrimarySource, isDiscovering)))));
 }, "MetadataSourceList");
 
 // src/components/SecondaryPanel/MetadataPanel/MetadataDetailPanel.tsx
-import React44, { useState as useState17 } from "react";
-import { Box as Box29, Text as Text38 } from "ink";
+import React45, { useState as useState18 } from "react";
+import { Box as Box30, Text as Text39 } from "ink";
 import clipboard3 from "clipboardy";
 
 // src/components/SecondaryPanel/MetadataPanel/FieldRow.tsx
-import React43 from "react";
-import { Box as Box28, Text as Text37 } from "ink";
+import React44 from "react";
+import { Box as Box29, Text as Text38 } from "ink";
 import TextInput6 from "ink-text-input";
 function getPlatformColor(apiProvider) {
   return providerDisplayRegistry.get(apiProvider).colorSubtle;
@@ -10889,45 +11133,45 @@ var LABEL_W = 10;
 var FieldRow = /* @__PURE__ */ __name(({ field, isFocused, isCompiled, isEditing, value, attribution, hasOverride, editValue, editError, onEditValueChange, onEditSubmit }) => {
   const theme = useTheme();
   const badge = attributionBadge(attribution, theme);
-  return /* @__PURE__ */ React43.createElement(Box28, {
+  return /* @__PURE__ */ React44.createElement(Box29, {
     flexDirection: "row",
     paddingX: 1,
     flexShrink: 0,
     flexGrow: 1
-  }, /* @__PURE__ */ React43.createElement(Box28, {
+  }, /* @__PURE__ */ React44.createElement(Box29, {
     width: 2,
     minWidth: 2,
     flexShrink: 0
-  }, isFocused && /* @__PURE__ */ React43.createElement(Text37, {
+  }, isFocused && /* @__PURE__ */ React44.createElement(Text38, {
     color: theme.text.active
-  }, "\u261B")), /* @__PURE__ */ React43.createElement(Box28, {
+  }, "\u261B")), /* @__PURE__ */ React44.createElement(Box29, {
     width: LABEL_W,
     flexShrink: 0
-  }, /* @__PURE__ */ React43.createElement(Text37, {
+  }, /* @__PURE__ */ React44.createElement(Text38, {
     color: isFocused ? theme.field.selected : theme.ui.border,
     bold: true
-  }, field.label.toUpperCase().padEnd(LABEL_W))), isEditing ? /* @__PURE__ */ React43.createElement(Box28, {
+  }, field.label.toUpperCase().padEnd(LABEL_W))), isEditing ? /* @__PURE__ */ React44.createElement(Box29, {
     flexWrap: "wrap",
     flexDirection: "row",
     flexGrow: 1
-  }, /* @__PURE__ */ React43.createElement(TextInput6, {
+  }, /* @__PURE__ */ React44.createElement(TextInput6, {
     value: editValue,
     onChange: onEditValueChange,
     onSubmit: onEditSubmit
-  }), editError && /* @__PURE__ */ React43.createElement(Text37, {
+  }), editError && /* @__PURE__ */ React44.createElement(Text38, {
     color: theme.field.error
-  }, " \u2717 invalid")) : /* @__PURE__ */ React43.createElement(Box28, {
+  }, " \u2717 invalid")) : /* @__PURE__ */ React44.createElement(Box29, {
     flexGrow: 1
-  }, /* @__PURE__ */ React43.createElement(Text37, {
+  }, /* @__PURE__ */ React44.createElement(Text38, {
     color: value === "\u2014" ? theme.field.missing : hasOverride ? theme.field.overridden : theme.field.normal,
     underline: isFocused,
     dimColor: value === "\u2014",
     wrap: "truncate-end"
-  }, value)), isCompiled && !isEditing && !editError && /* @__PURE__ */ React43.createElement(Box28, {
+  }, value)), isCompiled && !isEditing && !editError && /* @__PURE__ */ React44.createElement(Box29, {
     minWidth: badge.text.length + 1,
     paddingLeft: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React43.createElement(Text37, {
+  }, /* @__PURE__ */ React44.createElement(Text38, {
     color: badge.color,
     dimColor: true,
     italic: badge.italic
@@ -10942,9 +11186,9 @@ __name(getPlatformBrightColor, "getPlatformBrightColor");
 var MetadataDetailPanel = /* @__PURE__ */ __name(({ source, compiled, overrides, selectedFieldIndex, isActive, width, onOverrideChange, onInnerFocusSwitch }) => {
   const theme = useTheme();
   const { setIsEditingField } = useFocusContext();
-  const [editingField, setEditingField] = useState17(null);
-  const [editValue, setEditValue] = useState17("");
-  const [editError, setEditError] = useState17(false);
+  const [editingField, setEditingField] = useState18(null);
+  const [editValue, setEditValue] = useState18("");
+  const [editError, setEditError] = useState18(false);
   function startEditing(fieldKey, initialValue) {
     setEditValue(initialValue);
     setEditError(false);
@@ -11085,25 +11329,25 @@ var MetadataDetailPanel = /* @__PURE__ */ __name(({ source, compiled, overrides,
   const borderLeft = `\u250C${"\u2500".repeat(leftD)} `;
   const borderRight = ` ${"\u2500".repeat(rightD)}\u2510`;
   const platformColor = isCompiled ? theme.text.secondary : getPlatformBrightColor(source.metadata.apiProvider);
-  return /* @__PURE__ */ React44.createElement(Box29, {
+  return /* @__PURE__ */ React45.createElement(Box30, {
     flexDirection: "column",
     width,
     flexGrow: 1,
     overflow: "hidden"
-  }, /* @__PURE__ */ React44.createElement(Box29, {
+  }, /* @__PURE__ */ React45.createElement(Box30, {
     flexDirection: "column",
     height: 1,
     flexShrink: 0,
     overflow: "hidden"
-  }, /* @__PURE__ */ React44.createElement(Box29, {
+  }, /* @__PURE__ */ React45.createElement(Box30, {
     flexDirection: "row"
-  }, /* @__PURE__ */ React44.createElement(Text38, {
+  }, /* @__PURE__ */ React45.createElement(Text39, {
     color: theme.text.secondary
-  }, borderLeft), /* @__PURE__ */ React44.createElement(Text38, {
+  }, borderLeft), /* @__PURE__ */ React45.createElement(Text39, {
     color: platformColor
-  }, headerLabel), /* @__PURE__ */ React44.createElement(Text38, {
+  }, headerLabel), /* @__PURE__ */ React45.createElement(Text39, {
     color: theme.text.secondary
-  }, borderRight))), /* @__PURE__ */ React44.createElement(Box29, {
+  }, borderRight))), /* @__PURE__ */ React45.createElement(Box30, {
     flexDirection: "column",
     flexGrow: 1,
     overflow: "hidden",
@@ -11111,11 +11355,11 @@ var MetadataDetailPanel = /* @__PURE__ */ __name(({ source, compiled, overrides,
     borderColor: theme.text.secondary,
     borderBackgroundColor: theme.ui.background,
     borderTop: false
-  }, /* @__PURE__ */ React44.createElement(Box29, {
+  }, /* @__PURE__ */ React45.createElement(Box30, {
     flexDirection: "column",
     flexGrow: 1,
     overflow: "hidden"
-  }, /* @__PURE__ */ React44.createElement(Box29, {
+  }, /* @__PURE__ */ React45.createElement(Box30, {
     flexDirection: "column",
     flexShrink: 0
   }, FIELDS.map((field) => {
@@ -11124,7 +11368,7 @@ var MetadataDetailPanel = /* @__PURE__ */ __name(({ source, compiled, overrides,
     const attr = isCompiled ? compiled.attribution[field.key] : void 0;
     const isEditing = editingField === field.key;
     const hasOverride = isCompiled && overrides[field.key] !== void 0;
-    return /* @__PURE__ */ React44.createElement(FieldRow, {
+    return /* @__PURE__ */ React45.createElement(FieldRow, {
       key: field.key,
       field,
       isFocused,
@@ -11149,13 +11393,13 @@ var MetadataPanel = /* @__PURE__ */ __name(({ selectedTask, width, height }) =>
   const { cursor, showDiscoverySources, innerFocus, selectedFieldIndex } = sourcesPanel;
   const isPanelActive = focusState.activeWindow === "secondaryPanel" && focusState.secondaryPanel.subTab === "metadataSources";
   const typedTask = selectedTask;
-  const [snapshot, setSnapshot] = useState18(() => typedTask?.get());
-  const [prevTypedTask, setPrevTypedTask] = useState18(typedTask);
+  const [snapshot, setSnapshot] = useState19(() => typedTask?.get());
+  const [prevTypedTask, setPrevTypedTask] = useState19(typedTask);
   if (prevTypedTask !== typedTask) {
     setPrevTypedTask(typedTask);
     setSnapshot(typedTask?.get());
   }
-  useEffect18(() => {
+  useEffect19(() => {
     if (!typedTask) return;
     return typedTask.subscribe((t) => {
       setSnapshot(t.get());
@@ -11166,7 +11410,7 @@ var MetadataPanel = /* @__PURE__ */ __name(({ selectedTask, width, height }) =>
   const groups = snapshot?.attributes?.metadataGroups ?? [];
   const overrides = snapshot?.attributes?.metadataOverride ?? {};
   const compiled = computeCompiledMetadata(groups, overrides);
-  const [splitRatio, setSplitRatio] = useState18(0.6);
+  const [splitRatio, setSplitRatio] = useState19(0.6);
   const leftWidth = Math.floor(width * splitRatio) - 4;
   const rightWidth = width - leftWidth - 4;
   useShortcuts({
@@ -11282,7 +11526,7 @@ var MetadataPanel = /* @__PURE__ */ __name(({ selectedTask, width, height }) =>
   const selectedResult = cursor.type === "result" ? sortedGroups[cursor.groupIndex]?.results.sort((a, b) => a.rank - b.rank)[cursor.resultIndex] : cursor.type === "group" ? sortedGroups[cursor.groupIndex] ? pickGroupRepresentative(sortedGroups[cursor.groupIndex]) : void 0 : void 0;
   const hintBarHeight = cursor.type === "result" ? 3 : 2;
   const listHeight = height - hintBarHeight;
-  return /* @__PURE__ */ React45.createElement(Box30, {
+  return /* @__PURE__ */ React46.createElement(Box31, {
     flexDirection: "column",
     height,
     overflow: "hidden",
@@ -11292,11 +11536,11 @@ var MetadataPanel = /* @__PURE__ */ __name(({ selectedTask, width, height }) =>
     borderTop: false,
     borderBottom: false,
     paddingRight: 1
-  }, /* @__PURE__ */ React45.createElement(Box30, {
+  }, /* @__PURE__ */ React46.createElement(Box31, {
     flexDirection: "row",
     flexGrow: 1,
     overflow: "hidden"
-  }, /* @__PURE__ */ React45.createElement(MetadataSourceList, {
+  }, /* @__PURE__ */ React46.createElement(MetadataSourceList, {
     groups,
     compiled,
     overrides,
@@ -11312,7 +11556,7 @@ var MetadataPanel = /* @__PURE__ */ __name(({ selectedTask, width, height }) =>
     onRefetchResult: handleRefetchResult,
     isFetchingPrimarySource: snapshot?.attributes?.primaryMetadataInProgress ?? false,
     isDiscovering: snapshot?.attributes?.metadataDiscoveringInProgress ?? false
-  }), /* @__PURE__ */ React45.createElement(MetadataDetailPanel, {
+  }), /* @__PURE__ */ React46.createElement(MetadataDetailPanel, {
     source: selectedResult ?? "compiled",
     compiled,
     overrides,
@@ -11322,30 +11566,30 @@ var MetadataPanel = /* @__PURE__ */ __name(({ selectedTask, width, height }) =>
     height: listHeight,
     onOverrideChange: handleOverrideChange,
     onInnerFocusSwitch: /* @__PURE__ */ __name(() => setSourcesInnerFocus("list"), "onInnerFocusSwitch")
-  })), /* @__PURE__ */ React45.createElement(DynamicHintBar, {
+  })), /* @__PURE__ */ React46.createElement(DynamicHintBar, {
     width: width - 2,
     isActive: isPanelActive
   }));
 }, "MetadataPanel");
 
 // src/components/SecondaryPanel/DownloadPanel/DownloadPanel.tsx
-import React56, { useState as useState20, useEffect as useEffect20 } from "react";
-import { Box as Box40 } from "ink";
+import React57, { useState as useState21, useEffect as useEffect21 } from "react";
+import { Box as Box41 } from "ink";
 import fs14 from "fs";
 import path14 from "path";
 
 // src/components/SecondaryPanel/DownloadPanel/DownloadSourceTree/DownloadSourceTree.tsx
-import React50 from "react";
-import { Box as Box34, Text as Text43 } from "ink";
+import React51 from "react";
+import { Box as Box35, Text as Text44 } from "ink";
 
 // src/components/SecondaryPanel/DownloadPanel/DownloadSourceTree/ProviderHeader.tsx
-import React46 from "react";
-import { Box as Box31, Text as Text39 } from "ink";
+import React47 from "react";
+import { Box as Box32, Text as Text40 } from "ink";
 function ProviderHeader({ label, color, addMargin }) {
-  return /* @__PURE__ */ React46.createElement(Box31, {
+  return /* @__PURE__ */ React47.createElement(Box32, {
     paddingLeft: 1,
     marginTop: addMargin ? 1 : 0
-  }, /* @__PURE__ */ React46.createElement(Text39, {
+  }, /* @__PURE__ */ React47.createElement(Text40, {
     color,
     bold: true
   }, label));
@@ -11353,8 +11597,8 @@ function ProviderHeader({ label, color, addMargin }) {
 __name(ProviderHeader, "ProviderHeader");
 
 // src/components/SecondaryPanel/DownloadPanel/DownloadSourceTree/MetadataHeader.tsx
-import React47 from "react";
-import { Box as Box32, Text as Text40 } from "ink";
+import React48 from "react";
+import { Box as Box33, Text as Text41 } from "ink";
 function MetadataHeader({ source }) {
   const theme = useTheme();
   const m = source.track;
@@ -11362,23 +11606,23 @@ function MetadataHeader({ source }) {
   const title = m.trackName ?? "";
   const info = artist ? `${artist} - ${title}` : title;
   const uri = m.uri ?? `${m.platform.toUpperCase()}::TRACK::${m.id}`;
-  return /* @__PURE__ */ React47.createElement(Box32, {
+  return /* @__PURE__ */ React48.createElement(Box33, {
     marginLeft: 2,
     flexDirection: "row",
     overflow: "hidden",
     flexShrink: 0
-  }, /* @__PURE__ */ React47.createElement(Box32, {
+  }, /* @__PURE__ */ React48.createElement(Box33, {
     paddingRight: 1,
     flexDirection: "row",
     flexShrink: 0
-  }, /* @__PURE__ */ React47.createElement(Text40, {
+  }, /* @__PURE__ */ React48.createElement(Text41, {
     color: theme.text.secondary
-  }, "\u2514\u2500 used")), /* @__PURE__ */ React47.createElement(Box32, {
+  }, "\u2514\u2500 used")), /* @__PURE__ */ React48.createElement(Box33, {
     flexShrink: 0
-  }, /* @__PURE__ */ React47.createElement(Uri, {
+  }, /* @__PURE__ */ React48.createElement(Uri, {
     uri,
     platform: m.platform
-  })), /* @__PURE__ */ React47.createElement(Text40, {
+  })), /* @__PURE__ */ React48.createElement(Text41, {
     color: theme.text.primary,
     wrap: "truncate-end"
   }, ` (${info})`));
@@ -11386,8 +11630,8 @@ function MetadataHeader({ source }) {
 __name(MetadataHeader, "MetadataHeader");
 
 // src/components/SecondaryPanel/DownloadPanel/DownloadSourceTree/SourceFileRow.tsx
-import React49 from "react";
-import { Box as Box33, Text as Text42 } from "ink";
+import React50 from "react";
+import { Box as Box34, Text as Text43 } from "ink";
 
 // src/components/SecondaryPanel/DownloadPanel/utils.ts
 function getProviderColor(provider) {
@@ -11412,32 +11656,32 @@ function tagValue(tags, key) {
 __name(tagValue, "tagValue");
 
 // src/components/SecondaryPanel/DownloadPanel/StateBadge.tsx
-import React48 from "react";
-import { Text as Text41 } from "ink";
+import React49 from "react";
+import { Text as Text42 } from "ink";
 function StateBadge({ source }) {
   const theme = useTheme();
-  if (source.savedFile) return /* @__PURE__ */ React48.createElement(Text41, {
+  if (source.savedFile) return /* @__PURE__ */ React49.createElement(Text42, {
     color: theme.status.locked
   }, "\u25CF SAVED");
   switch (source.state) {
     case "downloading":
-      return /* @__PURE__ */ React48.createElement(Text41, {
+      return /* @__PURE__ */ React49.createElement(Text42, {
         color: theme.status.downloading
       }, "DOWNLOADING");
     case "downloaded":
-      return /* @__PURE__ */ React48.createElement(Text41, {
+      return /* @__PURE__ */ React49.createElement(Text42, {
         color: theme.status.success
       }, "DOWNLOADED");
     case "failed":
-      return /* @__PURE__ */ React48.createElement(Text41, {
+      return /* @__PURE__ */ React49.createElement(Text42, {
         color: theme.status.error
       }, "FAILED");
     case "searching":
-      return /* @__PURE__ */ React48.createElement(Text41, {
+      return /* @__PURE__ */ React49.createElement(Text42, {
         color: theme.status.downloading
       }, "SEARCHING");
     default:
-      return /* @__PURE__ */ React48.createElement(Text41, {
+      return /* @__PURE__ */ React49.createElement(Text42, {
         color: theme.status.skipped
       }, "PENDING");
   }
@@ -11451,7 +11695,7 @@ function SourceFileRow({ source, sourceIndex, isSelected, isActive, width }) {
   const localFile = source.localFile;
   const filename = localFile ? `${localFile.name}.${localFile.extension}` : null;
   const sizeText = source.fileInfo ? formatBytes(source.fileInfo.sizeBytes) : "";
-  return /* @__PURE__ */ React49.createElement(Box33, {
+  return /* @__PURE__ */ React50.createElement(Box34, {
     flexDirection: "row",
     width,
     minWidth: width,
@@ -11459,48 +11703,48 @@ function SourceFileRow({ source, sourceIndex, isSelected, isActive, width }) {
     overflow: "hidden",
     backgroundColor: bg,
     paddingLeft: 1
-  }, /* @__PURE__ */ React49.createElement(Box33, {
+  }, /* @__PURE__ */ React50.createElement(Box34, {
     width: 3,
     minWidth: 3,
     flexShrink: 0
-  }, /* @__PURE__ */ React49.createElement(Text42, {
+  }, /* @__PURE__ */ React50.createElement(Text43, {
     color: theme.ui.focusIndicator
-  }, isSelected && isActive ? "\u261B " : "  ")), /* @__PURE__ */ React49.createElement(Box33, {
+  }, isSelected && isActive ? "\u261B " : "  ")), /* @__PURE__ */ React50.createElement(Box34, {
     width: 2,
     minWidth: 2,
     flexShrink: 0
-  }, source.isRejected ? /* @__PURE__ */ React49.createElement(Text42, {
+  }, source.isRejected ? /* @__PURE__ */ React50.createElement(Text43, {
     color: theme.status.error
-  }, "\u2718 ") : source.selected ? /* @__PURE__ */ React49.createElement(Text42, {
+  }, "\u2718 ") : source.selected ? /* @__PURE__ */ React50.createElement(Text43, {
     color: theme.ui.selection
-  }, "\u2713 ") : /* @__PURE__ */ React49.createElement(Text42, null, "  ")), /* @__PURE__ */ React49.createElement(Box33, {
+  }, "\u2713 ") : /* @__PURE__ */ React50.createElement(Text43, null, "  ")), /* @__PURE__ */ React50.createElement(Box34, {
     minWidth: 3,
     flexShrink: 0
-  }, /* @__PURE__ */ React49.createElement(Text42, {
+  }, /* @__PURE__ */ React50.createElement(Text43, {
     color: theme.text.secondary,
     dimColor: source.isRejected,
     strikethrough: source.isRejected
-  }, `${sourceIndex + 1}. `)), /* @__PURE__ */ React49.createElement(Box33, {
+  }, `${sourceIndex + 1}. `)), /* @__PURE__ */ React50.createElement(Box34, {
     flexGrow: 1,
     overflow: "hidden"
-  }, filename ? /* @__PURE__ */ React49.createElement(Text42, {
+  }, filename ? /* @__PURE__ */ React50.createElement(Text43, {
     color: theme.text.primary,
     wrap: "truncate-end",
     dimColor: source.isRejected,
     strikethrough: source.isRejected
-  }, filename) : /* @__PURE__ */ React49.createElement(StateBadge, {
+  }, filename) : /* @__PURE__ */ React50.createElement(StateBadge, {
     source
-  })), sizeText !== "" && /* @__PURE__ */ React49.createElement(Box33, {
+  })), sizeText !== "" && /* @__PURE__ */ React50.createElement(Box34, {
     minWidth: sizeText.length + 1,
     paddingLeft: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React49.createElement(Text42, {
+  }, /* @__PURE__ */ React50.createElement(Text43, {
     color: theme.text.secondary
-  }, sizeText)), /* @__PURE__ */ React49.createElement(Box33, {
+  }, sizeText)), /* @__PURE__ */ React50.createElement(Box34, {
     paddingLeft: 1,
     paddingRight: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React49.createElement(StateBadge, {
+  }, /* @__PURE__ */ React50.createElement(StateBadge, {
     source
   })));
 }
@@ -11653,19 +11897,19 @@ var DownloadSourceTree = /* @__PURE__ */ __name(({ sources, selectedSourceIndex,
     ]
   });
   if (sources.length === 0) {
-    return /* @__PURE__ */ React50.createElement(Box34, {
+    return /* @__PURE__ */ React51.createElement(Box35, {
       flexDirection: "column",
       width,
       height,
       overflow: "hidden",
       paddingX: 1,
       paddingY: 1
-    }, /* @__PURE__ */ React50.createElement(Text43, {
+    }, /* @__PURE__ */ React51.createElement(Text44, {
       color: theme.text.secondary,
       dimColor: true
     }, "No download sources yet"));
   }
-  return /* @__PURE__ */ React50.createElement(Box34, {
+  return /* @__PURE__ */ React51.createElement(Box35, {
     flexDirection: "column",
     width,
     height,
@@ -11673,7 +11917,7 @@ var DownloadSourceTree = /* @__PURE__ */ __name(({ sources, selectedSourceIndex,
   }, treeItems.map((item, i) => {
     if (item.type === "provider-header") {
       const addMargin = treeItems.slice(0, i).some((t) => t.type === "provider-header");
-      return /* @__PURE__ */ React50.createElement(ProviderHeader, {
+      return /* @__PURE__ */ React51.createElement(ProviderHeader, {
         key: `ph-${i}`,
         label: item.label,
         color: item.color,
@@ -11681,12 +11925,12 @@ var DownloadSourceTree = /* @__PURE__ */ __name(({ sources, selectedSourceIndex,
       });
     }
     if (item.type === "metadata-header") {
-      return /* @__PURE__ */ React50.createElement(MetadataHeader, {
+      return /* @__PURE__ */ React51.createElement(MetadataHeader, {
         key: `mh-${i}`,
         source: item.source
       });
     }
-    return /* @__PURE__ */ React50.createElement(SourceFileRow, {
+    return /* @__PURE__ */ React51.createElement(SourceFileRow, {
       key: `fr-${i}`,
       source: item.source,
       sourceIndex: item.sourceIndex,
@@ -11698,14 +11942,14 @@ var DownloadSourceTree = /* @__PURE__ */ __name(({ sources, selectedSourceIndex,
 }, "DownloadSourceTree");
 
 // src/components/SecondaryPanel/DownloadPanel/DownloadSourceDetail/DownloadSourceDetail.tsx
-import React55, { useState as useState19, useEffect as useEffect19 } from "react";
-import { Box as Box39, Text as Text48 } from "ink";
+import React56, { useState as useState20, useEffect as useEffect20 } from "react";
+import { Box as Box40, Text as Text49 } from "ink";
 import * as path13 from "path";
 import * as fs13 from "fs";
 
 // src/components/SecondaryPanel/DownloadPanel/PlaybackBar.tsx
-import React51 from "react";
-import { Box as Box35, Text as Text44 } from "ink";
+import React52 from "react";
+import { Box as Box36, Text as Text45 } from "ink";
 function PlaybackBar({ positionMs, durationMs, width, isPlaying, isPaused }) {
   const theme = useTheme();
   const active = isPlaying || isPaused;
@@ -11715,7 +11959,7 @@ function PlaybackBar({ positionMs, durationMs, width, isPlaying, isPaused }) {
   const ratio = active && durationMs > 0 ? Math.min(1, positionMs / durationMs) : 0;
   const filled = Math.floor(ratio * barW);
   const bar = "\u2588".repeat(filled) + "\u2591".repeat(barW - filled);
-  return /* @__PURE__ */ React51.createElement(Box35, {
+  return /* @__PURE__ */ React52.createElement(Box36, {
     flexDirection: "column",
     minHeight: 1,
     height: 1,
@@ -11724,17 +11968,17 @@ function PlaybackBar({ positionMs, durationMs, width, isPlaying, isPaused }) {
     marginBottom: 1,
     marginX: 1,
     backgroundColor: theme.ui.background
-  }, /* @__PURE__ */ React51.createElement(Box35, {
+  }, /* @__PURE__ */ React52.createElement(Box36, {
     flexDirection: "row",
     flexGrow: 1,
     overflow: "hidden"
-  }, /* @__PURE__ */ React51.createElement(Text44, {
+  }, /* @__PURE__ */ React52.createElement(Text45, {
     color: isPlaying ? theme.ui.progressFill : theme.text.secondary,
     dimColor: !active
-  }, isPaused ? "\u23F8  " : "\u25B6  "), /* @__PURE__ */ React51.createElement(Text44, {
+  }, isPaused ? "\u23F8  " : "\u25B6  "), /* @__PURE__ */ React52.createElement(Text45, {
     color: isPlaying ? theme.ui.progressFill : theme.text.secondary,
     dimColor: !active
-  }, bar), /* @__PURE__ */ React51.createElement(Text44, {
+  }, bar), /* @__PURE__ */ React52.createElement(Text45, {
     color: theme.text.secondary,
     dimColor: !active
   }, timeStr)));
@@ -11742,55 +11986,55 @@ function PlaybackBar({ positionMs, durationMs, width, isPlaying, isPaused }) {
 __name(PlaybackBar, "PlaybackBar");
 
 // src/components/SecondaryPanel/DownloadPanel/DownloadSourceDetail/DiffView.tsx
-import React53 from "react";
+import React54 from "react";
 import * as path12 from "path";
-import { Box as Box37, Text as Text46 } from "ink";
+import { Box as Box38, Text as Text47 } from "ink";
 
 // src/components/SecondaryPanel/DownloadPanel/DownloadSourceDetail/DiffRow.tsx
-import React52 from "react";
-import { Box as Box36, Text as Text45 } from "ink";
+import React53 from "react";
+import { Box as Box37, Text as Text46 } from "ink";
 var LABEL_W2 = 11;
 function DiffRow({ label, left, right }) {
   const theme = useTheme();
   const changed = left !== right;
-  return /* @__PURE__ */ React52.createElement(Box36, {
+  return /* @__PURE__ */ React53.createElement(Box37, {
     flexDirection: "row",
     paddingX: 1,
     height: 1,
     overflow: "hidden"
-  }, /* @__PURE__ */ React52.createElement(Box36, {
+  }, /* @__PURE__ */ React53.createElement(Box37, {
     width: LABEL_W2,
     minWidth: LABEL_W2,
     flexShrink: 0
-  }, /* @__PURE__ */ React52.createElement(Text45, {
+  }, /* @__PURE__ */ React53.createElement(Text46, {
     color: theme.diff.changed,
     bold: true,
     wrap: "truncate-end"
-  }, label.toUpperCase().padEnd(LABEL_W2))), /* @__PURE__ */ React52.createElement(Box36, {
+  }, label.toUpperCase().padEnd(LABEL_W2))), /* @__PURE__ */ React53.createElement(Box37, {
     flexGrow: 1,
     overflow: "hidden"
-  }, /* @__PURE__ */ React52.createElement(Text45, {
+  }, /* @__PURE__ */ React53.createElement(Text46, {
     color: changed ? theme.diff.base : theme.text.primary,
     dimColor: !changed,
     wrap: "truncate-end"
-  }, left)), /* @__PURE__ */ React52.createElement(Box36, {
+  }, left)), /* @__PURE__ */ React53.createElement(Box37, {
     width: 1,
     minWidth: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React52.createElement(Text45, {
+  }, /* @__PURE__ */ React53.createElement(Text46, {
     color: theme.diff.base
-  }, "\u2502")), /* @__PURE__ */ React52.createElement(Box36, {
+  }, "\u2502")), /* @__PURE__ */ React53.createElement(Box37, {
     flexGrow: 1,
     overflow: "hidden",
     paddingLeft: 1
-  }, /* @__PURE__ */ React52.createElement(Text45, {
+  }, /* @__PURE__ */ React53.createElement(Text46, {
     color: changed ? theme.diff.modified : theme.text.primary,
     wrap: "truncate-end"
-  }, right)), changed && /* @__PURE__ */ React52.createElement(Box36, {
+  }, right)), changed && /* @__PURE__ */ React53.createElement(Box37, {
     width: 2,
     minWidth: 2,
     flexShrink: 0
-  }, /* @__PURE__ */ React52.createElement(Text45, {
+  }, /* @__PURE__ */ React53.createElement(Text46, {
     color: theme.diff.modified
   }, " \u2190")));
 }
@@ -11826,27 +12070,27 @@ function DiffView({ savedSource, pendingSource, compiled, outputDir, diffKind, i
   const innerW = width - 2;
   const oldProviderColor = getProviderColor(savedSource.provider);
   const newProviderColor = getProviderColor(pendingSource.provider);
-  return /* @__PURE__ */ React53.createElement(Box37, {
+  return /* @__PURE__ */ React54.createElement(Box38, {
     flexDirection: "column",
     width,
     height,
     overflow: "hidden"
-  }, /* @__PURE__ */ React53.createElement(Box37, {
+  }, /* @__PURE__ */ React54.createElement(Box38, {
     flexDirection: "row",
     paddingX: 1,
     height: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React53.createElement(Text46, {
+  }, /* @__PURE__ */ React54.createElement(Text47, {
     color: theme.diff.base
-  }, "\u250C\u2500\u2500 "), /* @__PURE__ */ React53.createElement(Text46, {
+  }, "\u250C\u2500\u2500 "), /* @__PURE__ */ React54.createElement(Text47, {
     color: oldProviderColor
-  }, oldProvider), /* @__PURE__ */ React53.createElement(Text46, {
+  }, oldProvider), /* @__PURE__ */ React54.createElement(Text47, {
     color: theme.diff.base
-  }, " \u2192 "), /* @__PURE__ */ React53.createElement(Text46, {
+  }, " \u2192 "), /* @__PURE__ */ React54.createElement(Text47, {
     color: newProviderColor
-  }, newProvider), /* @__PURE__ */ React53.createElement(Text46, {
+  }, newProvider), /* @__PURE__ */ React54.createElement(Text47, {
     color: theme.diff.base
-  }, "\u2500".repeat(Math.max(0, innerW - oldProvider.length - newProvider.length - 10)), "\u2510")), /* @__PURE__ */ React53.createElement(Box37, {
+  }, "\u2500".repeat(Math.max(0, innerW - oldProvider.length - newProvider.length - 10)), "\u2510")), /* @__PURE__ */ React54.createElement(Box38, {
     flexDirection: "column",
     flexGrow: 1,
     overflow: "hidden",
@@ -11854,86 +12098,86 @@ function DiffView({ savedSource, pendingSource, compiled, outputDir, diffKind, i
     borderColor: theme.diff.base,
     borderBackgroundColor: theme.ui.background,
     borderTop: false
-  }, /* @__PURE__ */ React53.createElement(Box37, {
+  }, /* @__PURE__ */ React54.createElement(Box38, {
     paddingX: 1,
     height: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React53.createElement(Text46, {
+  }, /* @__PURE__ */ React54.createElement(Text47, {
     color: theme.diff.base
-  }, "\u2500\u2500 File ", "\u2500".repeat(Math.max(0, innerW - 9)))), /* @__PURE__ */ React53.createElement(DiffRow, {
+  }, "\u2500\u2500 File ", "\u2500".repeat(Math.max(0, innerW - 9)))), /* @__PURE__ */ React54.createElement(DiffRow, {
     label: "Provider",
     left: oldProvider,
     right: newProvider
-  }), /* @__PURE__ */ React53.createElement(DiffRow, {
+  }), /* @__PURE__ */ React54.createElement(DiffRow, {
     label: "Filename",
     left: oldFilename,
     right: newFilename
-  }), /* @__PURE__ */ React53.createElement(DiffRow, {
+  }), /* @__PURE__ */ React54.createElement(DiffRow, {
     label: "Directory",
     left: oldDir,
     right: newDir
-  }), /* @__PURE__ */ React53.createElement(DiffRow, {
+  }), /* @__PURE__ */ React54.createElement(DiffRow, {
     label: "Size",
     left: oldSize,
     right: newSize
-  }), /* @__PURE__ */ React53.createElement(DiffRow, {
+  }), /* @__PURE__ */ React54.createElement(DiffRow, {
     label: "Duration",
     left: oldDuration,
     right: newDuration
-  }), /* @__PURE__ */ React53.createElement(DiffRow, {
+  }), /* @__PURE__ */ React54.createElement(DiffRow, {
     label: "Saved",
     left: oldSavedAt,
     right: "(new)"
-  }), /* @__PURE__ */ React53.createElement(Box37, {
+  }), /* @__PURE__ */ React54.createElement(Box38, {
     height: 1,
     flexShrink: 0
-  }), /* @__PURE__ */ React53.createElement(Box37, {
+  }), /* @__PURE__ */ React54.createElement(Box38, {
     paddingX: 1,
     height: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React53.createElement(Text46, {
+  }, /* @__PURE__ */ React54.createElement(Text47, {
     color: theme.diff.base
-  }, "\u2500\u2500 Metadata ", "\u2500".repeat(Math.max(0, innerW - 13)))), /* @__PURE__ */ React53.createElement(DiffRow, {
+  }, "\u2500\u2500 Metadata ", "\u2500".repeat(Math.max(0, innerW - 13)))), /* @__PURE__ */ React54.createElement(DiffRow, {
     label: "Title",
     left: title,
     right: title
-  }), /* @__PURE__ */ React53.createElement(DiffRow, {
+  }), /* @__PURE__ */ React54.createElement(DiffRow, {
     label: "Artists",
     left: artists,
     right: artists
-  }), /* @__PURE__ */ React53.createElement(DiffRow, {
+  }), /* @__PURE__ */ React54.createElement(DiffRow, {
     label: "Album",
     left: album,
     right: album
-  }), /* @__PURE__ */ React53.createElement(DiffRow, {
+  }), /* @__PURE__ */ React54.createElement(DiffRow, {
     label: "Year",
     left: year,
     right: year
-  }), /* @__PURE__ */ React53.createElement(DiffRow, {
+  }), /* @__PURE__ */ React54.createElement(DiffRow, {
     label: "BPM",
     left: bpm,
     right: bpm
-  }), /* @__PURE__ */ React53.createElement(DiffRow, {
+  }), /* @__PURE__ */ React54.createElement(DiffRow, {
     label: "Key",
     left: key,
     right: key
-  }), /* @__PURE__ */ React53.createElement(DiffRow, {
+  }), /* @__PURE__ */ React54.createElement(DiffRow, {
     label: "Genres",
     left: genres,
     right: genres
-  }), /* @__PURE__ */ React53.createElement(Box37, {
+  }), /* @__PURE__ */ React54.createElement(Box38, {
     flexGrow: 1
-  }), /* @__PURE__ */ React53.createElement(Box37, {
+  }), /* @__PURE__ */ React54.createElement(Box38, {
     flexDirection: "row",
     paddingX: 1,
     height: 1,
     overflow: "hidden",
     flexShrink: 0
-  }, /* @__PURE__ */ React53.createElement(Hint, {
+  }, /* @__PURE__ */ React54.createElement(Hint, {
     label: diffKind === "metadata-change" ? "Save changes" : "Switch source",
     shortcut: "Enter",
     dim: !isActive
-  }), /* @__PURE__ */ React53.createElement(Hint, {
+  }), /* @__PURE__ */ React54.createElement(Hint, {
     label: "Cancel",
     shortcut: "Esc",
     dim: !isActive
@@ -11942,28 +12186,28 @@ function DiffView({ savedSource, pendingSource, compiled, outputDir, diffKind, i
 __name(DiffView, "DiffView");
 
 // src/components/SecondaryPanel/DownloadPanel/DownloadSourceDetail/DetailRow.tsx
-import React54 from "react";
-import { Box as Box38, Text as Text47 } from "ink";
+import React55 from "react";
+import { Box as Box39, Text as Text48 } from "ink";
 var LABEL_W3 = 11;
 function DetailRow({ label, value, valueColor, dim }) {
   const theme = useTheme();
-  return /* @__PURE__ */ React54.createElement(Box38, {
+  return /* @__PURE__ */ React55.createElement(Box39, {
     flexDirection: "row",
     paddingX: 1,
     height: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React54.createElement(Box38, {
+  }, /* @__PURE__ */ React55.createElement(Box39, {
     width: LABEL_W3,
     minWidth: LABEL_W3,
     flexShrink: 0,
     marginRight: 1
-  }, /* @__PURE__ */ React54.createElement(Text47, {
+  }, /* @__PURE__ */ React55.createElement(Text48, {
     color: theme.ui.border,
     bold: true,
     wrap: "truncate-end"
-  }, label.toUpperCase().padEnd(LABEL_W3))), /* @__PURE__ */ React54.createElement(Box38, {
+  }, label.toUpperCase().padEnd(LABEL_W3))), /* @__PURE__ */ React55.createElement(Box39, {
     flexGrow: 1
-  }, /* @__PURE__ */ React54.createElement(Text47, {
+  }, /* @__PURE__ */ React55.createElement(Text48, {
     color: valueColor ?? theme.text.primary,
     dimColor: dim || value === "\u2014",
     wrap: "truncate-end"
@@ -11986,23 +12230,23 @@ function SectionDivider({ label, width }) {
   const theme = useTheme();
   const innerW = width - 2;
   const dashes = Math.max(0, innerW - label.length - 3);
-  return /* @__PURE__ */ React55.createElement(Box39, {
+  return /* @__PURE__ */ React56.createElement(Box40, {
     paddingX: 1,
     height: 1,
     flexDirection: "column"
-  }, /* @__PURE__ */ React55.createElement(Text48, {
+  }, /* @__PURE__ */ React56.createElement(Text49, {
     color: theme.text.secondary
   }, "\u2500\u2500 ", label, " " + "\u2500".repeat(dashes)));
 }
 __name(SectionDivider, "SectionDivider");
 var DownloadSourceDetail = /* @__PURE__ */ __name(({ source, savedSource, compiled, outputDir, isDiffMode, diffKind, pendingSource, isActive, isSaving, width, height, onInnerFocusSwitch, onConfirmDiff, onCancelDiff, onRelocateFile, onSave }) => {
   const theme = useTheme();
-  const [isPlaying, setIsPlaying] = useState19(false);
-  const [isPaused, setIsPaused] = useState19(false);
-  const [positionMs, setPositionMs] = useState19(0);
-  const [durationMs, setDurationMs] = useState19(0);
+  const [isPlaying, setIsPlaying] = useState20(false);
+  const [isPaused, setIsPaused] = useState20(false);
+  const [positionMs, setPositionMs] = useState20(0);
+  const [durationMs, setDurationMs] = useState20(0);
   const currentFilePath = source?.localFile?.path ?? null;
-  useEffect19(() => {
+  useEffect20(() => {
     const player = getInstance();
     function syncFromStatus(status) {
       const isThisFile = status.filePath === currentFilePath;
@@ -12041,7 +12285,7 @@ var DownloadSourceDetail = /* @__PURE__ */ __name(({ source, savedSource, compil
   }, [
     currentFilePath
   ]);
-  useEffect19(() => {
+  useEffect20(() => {
     return () => {
       const player = getInstance();
       if (player.getStatus().filePath === currentFilePath) {
@@ -12198,7 +12442,7 @@ var DownloadSourceDetail = /* @__PURE__ */ __name(({ source, savedSource, compil
     ]
   });
   if (isDiffMode && savedSource && pendingSource) {
-    return /* @__PURE__ */ React55.createElement(DiffView, {
+    return /* @__PURE__ */ React56.createElement(DiffView, {
       savedSource,
       pendingSource,
       compiled,
@@ -12238,25 +12482,25 @@ var DownloadSourceDetail = /* @__PURE__ */ __name(({ source, savedSource, compil
     trackType,
     source.track.id
   ].filter(Boolean);
-  return /* @__PURE__ */ React55.createElement(Box39, {
+  return /* @__PURE__ */ React56.createElement(Box40, {
     flexDirection: "column",
     width,
     height,
     overflow: "hidden"
-  }, /* @__PURE__ */ React55.createElement(Box39, {
+  }, /* @__PURE__ */ React56.createElement(Box40, {
     flexDirection: "column",
     height: 1,
     flexShrink: 0,
     overflow: "hidden"
-  }, /* @__PURE__ */ React55.createElement(Box39, {
+  }, /* @__PURE__ */ React56.createElement(Box40, {
     flexDirection: "row"
-  }, /* @__PURE__ */ React55.createElement(Text48, {
+  }, /* @__PURE__ */ React56.createElement(Text49, {
     color: borderColor
-  }, borderLeft), /* @__PURE__ */ React55.createElement(Text48, {
+  }, borderLeft), /* @__PURE__ */ React56.createElement(Text49, {
     color: headerColor
-  }, headerLabel), /* @__PURE__ */ React55.createElement(Text48, {
+  }, headerLabel), /* @__PURE__ */ React56.createElement(Text49, {
     color: borderColor
-  }, borderRight))), /* @__PURE__ */ React55.createElement(Box39, {
+  }, borderRight))), /* @__PURE__ */ React56.createElement(Box40, {
     flexDirection: "column",
     flexGrow: 1,
     overflow: "hidden",
@@ -12264,120 +12508,120 @@ var DownloadSourceDetail = /* @__PURE__ */ __name(({ source, savedSource, compil
     borderColor,
     borderBackgroundColor: theme.ui.background,
     borderTop: false
-  }, /* @__PURE__ */ React55.createElement(Box39, {
+  }, /* @__PURE__ */ React56.createElement(Box40, {
     flexDirection: "column",
     flexGrow: 1,
     overflow: "hidden"
-  }, outputFileExists && /* @__PURE__ */ React55.createElement(Box39, {
+  }, outputFileExists && /* @__PURE__ */ React56.createElement(Box40, {
     paddingX: 1,
     paddingBottom: 1,
     flexShrink: 0
-  }, /* @__PURE__ */ React55.createElement(Text48, {
+  }, /* @__PURE__ */ React56.createElement(Text49, {
     color: theme.status.warning,
     bold: true
-  }, "\u25B3 Warning: A file already exists! Please check before overwriting the file.")), canPlay && /* @__PURE__ */ React55.createElement(PlaybackBar, {
+  }, "\u25B3 Warning: A file already exists! Please check before overwriting the file.")), canPlay && /* @__PURE__ */ React56.createElement(PlaybackBar, {
     positionMs,
     durationMs: displayDurationMs,
     width: innerW,
     isPlaying,
     isPaused
-  }), /* @__PURE__ */ React55.createElement(Box39, {
+  }), /* @__PURE__ */ React56.createElement(Box40, {
     paddingX: 1,
     paddingBottom: 1,
     height: 1,
     flexShrink: 0,
     flexDirection: "row",
     overflow: "hidden"
-  }, /* @__PURE__ */ React55.createElement(Text48, {
+  }, /* @__PURE__ */ React56.createElement(Text49, {
     color: theme.text.secondary
-  }, "SOURCE  "), sourceParts.map((part, idx) => /* @__PURE__ */ React55.createElement(React55.Fragment, {
+  }, "SOURCE  "), sourceParts.map((part, idx) => /* @__PURE__ */ React56.createElement(React56.Fragment, {
     key: idx
-  }, idx > 0 && /* @__PURE__ */ React55.createElement(Text48, {
+  }, idx > 0 && /* @__PURE__ */ React56.createElement(Text49, {
     color: theme.text.secondary
-  }, " > "), /* @__PURE__ */ React55.createElement(Text48, {
+  }, " > "), /* @__PURE__ */ React56.createElement(Text49, {
     color: dlProvider.color
-  }, part)))), fileNotFound ? /* @__PURE__ */ React55.createElement(Box39, {
+  }, part)))), fileNotFound ? /* @__PURE__ */ React56.createElement(Box40, {
     flexDirection: "column",
     paddingX: 1,
     paddingY: 1
-  }, /* @__PURE__ */ React55.createElement(Text48, {
+  }, /* @__PURE__ */ React56.createElement(Text49, {
     color: theme.status.warning
-  }, "\u26A0 File not found"), /* @__PURE__ */ React55.createElement(Text48, {
+  }, " \u25B3 File not found"), /* @__PURE__ */ React56.createElement(Text49, {
     color: theme.text.secondary,
     dimColor: true,
     wrap: "truncate-end"
-  }, "Last known: ", source.localFile?.path ?? "\u2014"), /* @__PURE__ */ React55.createElement(Box39, {
+  }, "Last known: ", source.localFile?.path ?? "\u2014"), /* @__PURE__ */ React56.createElement(Box40, {
     marginTop: 1
-  }, /* @__PURE__ */ React55.createElement(Text48, {
+  }, /* @__PURE__ */ React56.createElement(Text49, {
     color: theme.text.active,
     bold: true
-  }, "[Ctrl+F]"), /* @__PURE__ */ React55.createElement(Text48, {
+  }, "[Ctrl+F]"), /* @__PURE__ */ React56.createElement(Text49, {
     color: theme.text.hint
-  }, " Relocate file"))) : /* @__PURE__ */ React55.createElement(Box39, {
+  }, " Relocate file"))) : /* @__PURE__ */ React56.createElement(Box40, {
     flexDirection: "column",
     flexShrink: 0
-  }, compiled && /* @__PURE__ */ React55.createElement(React55.Fragment, null, /* @__PURE__ */ React55.createElement(DetailRow, {
+  }, compiled && /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(DetailRow, {
     label: "Title",
     value: compiled.trackName || "\u2014"
-  }), /* @__PURE__ */ React55.createElement(DetailRow, {
+  }), /* @__PURE__ */ React56.createElement(DetailRow, {
     label: "Artists",
     value: compiled.artists.map((a) => a.name).join(", ") || "\u2014"
-  }), compiled.album && /* @__PURE__ */ React55.createElement(DetailRow, {
+  }), compiled.album && /* @__PURE__ */ React56.createElement(DetailRow, {
     label: "Album",
     value: compiled.album.albumName
-  }), compiled.year != null && /* @__PURE__ */ React55.createElement(DetailRow, {
+  }), compiled.year != null && /* @__PURE__ */ React56.createElement(DetailRow, {
     label: "Year",
     value: String(compiled.year)
-  }), compiled.bpm != null && /* @__PURE__ */ React55.createElement(DetailRow, {
+  }), compiled.bpm != null && /* @__PURE__ */ React56.createElement(DetailRow, {
     label: "BPM",
     value: String(compiled.bpm)
-  }), compiled.key && /* @__PURE__ */ React55.createElement(DetailRow, {
+  }), compiled.key && /* @__PURE__ */ React56.createElement(DetailRow, {
     label: "Key",
     value: compiled.key
-  }), compiled.genres && compiled.genres.length > 0 && /* @__PURE__ */ React55.createElement(DetailRow, {
+  }), compiled.genres && compiled.genres.length > 0 && /* @__PURE__ */ React56.createElement(DetailRow, {
     label: "Genres",
     value: compiled.genres.join(", ")
-  })), /* @__PURE__ */ React55.createElement(DetailRow, {
+  })), /* @__PURE__ */ React56.createElement(DetailRow, {
     label: "File",
     value: filename
-  }), /* @__PURE__ */ React55.createElement(DetailRow, {
+  }), /* @__PURE__ */ React56.createElement(DetailRow, {
     label: "Format",
     value: formatLabel
-  }), /* @__PURE__ */ React55.createElement(DetailRow, {
+  }), /* @__PURE__ */ React56.createElement(DetailRow, {
     label: "Size",
     value: sizeText
-  }), /* @__PURE__ */ React55.createElement(DetailRow, {
+  }), /* @__PURE__ */ React56.createElement(DetailRow, {
     label: "Duration",
     value: formatDuration3(sourceDurationMs)
-  }), compiled && /* @__PURE__ */ React55.createElement(DetailRow, {
+  }), compiled && /* @__PURE__ */ React56.createElement(DetailRow, {
     label: "Output",
     value: path13.join(outputDir, computeOutputFilename(compiled)),
     valueColor: theme.text.secondary
-  })), !fileNotFound && /* @__PURE__ */ React55.createElement(React55.Fragment, null, /* @__PURE__ */ React55.createElement(Box39, {
+  })), !fileNotFound && /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(Box40, {
     height: 1,
     flexDirection: "column"
-  }), /* @__PURE__ */ React55.createElement(SectionDivider, {
+  }), /* @__PURE__ */ React56.createElement(SectionDivider, {
     label: "Embedded Tags",
     width: innerW
-  }), PRIORITY_TAGS.map((tag) => /* @__PURE__ */ React55.createElement(DetailRow, {
+  }), PRIORITY_TAGS.map((tag) => /* @__PURE__ */ React56.createElement(DetailRow, {
     key: tag,
     label: tag,
     value: tagValue(embeddedTags, tag)
-  })), otherTagKeys.map((tag) => /* @__PURE__ */ React55.createElement(DetailRow, {
+  })), otherTagKeys.map((tag) => /* @__PURE__ */ React56.createElement(DetailRow, {
     key: tag,
     label: tag,
     value: tagValue(embeddedTags, tag)
-  }))), source.savedFile && /* @__PURE__ */ React55.createElement(Box39, {
+  }))), source.savedFile && /* @__PURE__ */ React56.createElement(Box40, {
     flexDirection: "column",
     overflow: "hidden",
     marginTop: 1
-  }, /* @__PURE__ */ React55.createElement(SectionDivider, {
+  }, /* @__PURE__ */ React56.createElement(SectionDivider, {
     label: "Saved",
     width: innerW
-  }), /* @__PURE__ */ React55.createElement(DetailRow, {
+  }), /* @__PURE__ */ React56.createElement(DetailRow, {
     label: "Path",
     value: source.savedFile.path
-  }), /* @__PURE__ */ React55.createElement(DetailRow, {
+  }), /* @__PURE__ */ React56.createElement(DetailRow, {
     label: "Saved at",
     value: formatDate(source.savedFile.savedAt)
   })))));
@@ -12390,16 +12634,16 @@ var DownloadPanel = /* @__PURE__ */ __name(({ selectedTask, width, height }) =>
   const { focusState, setSourcesInnerFocus } = useFocusContext();
   const { sourcesPanel } = focusState.secondaryPanel;
   const { innerFocus } = sourcesPanel;
-  const [selectedSourceIndex, setSelectedSourceIndex] = useState20(0);
+  const [selectedSourceIndex, setSelectedSourceIndex] = useState21(0);
   const isPanelActive = focusState.activeWindow === "secondaryPanel" && focusState.secondaryPanel.subTab === "downloadSources";
   const typedTask = selectedTask;
-  const [snapshot, setSnapshot] = useState20(() => typedTask?.get());
-  const [prevTypedTask, setPrevTypedTask] = useState20(typedTask);
+  const [snapshot, setSnapshot] = useState21(() => typedTask?.get());
+  const [prevTypedTask, setPrevTypedTask] = useState21(typedTask);
   if (prevTypedTask !== typedTask) {
     setPrevTypedTask(typedTask);
     setSnapshot(typedTask?.get());
   }
-  useEffect20(() => {
+  useEffect21(() => {
     if (!typedTask) return;
     return typedTask.subscribe((t) => {
       setSnapshot(t.get());
@@ -12412,12 +12656,12 @@ var DownloadPanel = /* @__PURE__ */ __name(({ selectedTask, width, height }) =>
   const compiled = snapshot?.attributes ? computeCompiledMetadata(snapshot.attributes.metadataGroups, snapshot.attributes.metadataOverride) : null;
   const { outputDir } = getSaveSettings();
   const downloadNavIndex = downloadSources.length === 0 ? -1 : Math.max(0, Math.min(selectedSourceIndex < 0 ? 0 : selectedSourceIndex, downloadSources.length - 1));
-  const [splitRatio, setSplitRatio] = useState20(0.6);
+  const [splitRatio, setSplitRatio] = useState21(0.6);
   const leftWidth = Math.floor(width * splitRatio) - 4;
   const rightWidth = width - leftWidth - 4;
   const listHeight = height - HINT_BAR_HEIGHT;
-  const [isDiffMode, setIsDiffMode] = useState20(false);
-  const [pendingSourceIndex, setPendingSourceIndex] = useState20(null);
+  const [isDiffMode, setIsDiffMode] = useState21(false);
+  const [pendingSourceIndex, setPendingSourceIndex] = useState21(null);
   const previewFilename = compiled ? computeOutputFilename(compiled) : null;
   const savedFilename = savedSource?.savedFile ? path14.basename(savedSource.savedFile.path) : null;
   const hasMetadataChange = previewFilename != null && savedFilename != null && previewFilename !== savedFilename;
@@ -12531,7 +12775,7 @@ var DownloadPanel = /* @__PURE__ */ __name(({ selectedTask, width, height }) =>
   }
   __name(handleRelocateFile, "handleRelocateFile");
   const selectedSource = downloadNavIndex >= 0 ? downloadSources[downloadNavIndex] ?? null : null;
-  return /* @__PURE__ */ React56.createElement(Box40, {
+  return /* @__PURE__ */ React57.createElement(Box41, {
     flexDirection: "column",
     height,
     overflow: "hidden",
@@ -12541,11 +12785,11 @@ var DownloadPanel = /* @__PURE__ */ __name(({ selectedTask, width, height }) =>
     borderTop: false,
     borderBottom: false,
     paddingRight: 1
-  }, /* @__PURE__ */ React56.createElement(Box40, {
+  }, /* @__PURE__ */ React57.createElement(Box41, {
     flexDirection: "row",
     flexGrow: 1,
     overflow: "hidden"
-  }, /* @__PURE__ */ React56.createElement(DownloadSourceTree, {
+  }, /* @__PURE__ */ React57.createElement(DownloadSourceTree, {
     sources: downloadSources,
     selectedSourceIndex: downloadNavIndex,
     isActive: isPanelActive && innerFocus === "list",
@@ -12555,7 +12799,7 @@ var DownloadPanel = /* @__PURE__ */ __name(({ selectedTask, width, height }) =>
     onRequestSelect: handleRequestSelect,
     onRejectSource: handleRejectSource,
     onInnerFocusSwitch: /* @__PURE__ */ __name(() => setSourcesInnerFocus("detail"), "onInnerFocusSwitch")
-  }), /* @__PURE__ */ React56.createElement(DownloadSourceDetail, {
+  }), /* @__PURE__ */ React57.createElement(DownloadSourceDetail, {
     source: selectedSource,
     savedSource,
     compiled,
@@ -12572,7 +12816,7 @@ var DownloadPanel = /* @__PURE__ */ __name(({ selectedTask, width, height }) =>
     onCancelDiff: handleCancelDiff,
     onRelocateFile: handleRelocateFile,
     onSave: handleSave
-  })), /* @__PURE__ */ React56.createElement(DynamicHintBar, {
+  })), /* @__PURE__ */ React57.createElement(DynamicHintBar, {
     width: width - 2,
     isActive: isPanelActive && innerFocus === "list"
   }));
@@ -12586,11 +12830,11 @@ var SecondaryPanel = /* @__PURE__ */ __name(({ tasks, width }) => {
   const contentHeight = Math.max(1, height - 1);
   const selectedTask = tasks[focusState.taskList.selectedTaskIndex] ?? null;
   const activeTabKey = subTab === "metadataSources" ? "3" : subTab === "downloadSources" ? "4" : "5";
-  return /* @__PURE__ */ React57.createElement(Box41, {
+  return /* @__PURE__ */ React58.createElement(Box42, {
     flexDirection: "column",
     height,
     overflow: "hidden"
-  }, /* @__PURE__ */ React57.createElement(TabBar, {
+  }, /* @__PURE__ */ React58.createElement(TabBar, {
     width,
     tabs: [
       {
@@ -12607,26 +12851,26 @@ var SecondaryPanel = /* @__PURE__ */ __name(({ tasks, width }) => {
       }
     ],
     activeTabKey
-  }), subTab === "metadataSources" && /* @__PURE__ */ React57.createElement(MetadataPanel, {
+  }), subTab === "metadataSources" && /* @__PURE__ */ React58.createElement(MetadataPanel, {
     selectedTask,
     width,
     height: contentHeight
-  }), subTab === "downloadSources" && /* @__PURE__ */ React57.createElement(DownloadPanel, {
+  }), subTab === "downloadSources" && /* @__PURE__ */ React58.createElement(DownloadPanel, {
     selectedTask,
     width,
     height: contentHeight
-  }), subTab === "logs" && /* @__PURE__ */ React57.createElement(LogPanel, {
+  }), subTab === "logs" && /* @__PURE__ */ React58.createElement(LogPanel, {
     tasks,
     height: contentHeight
   }));
 }, "SecondaryPanel");
 
 // src/components/ShortcutDispatcher.tsx
-import React59 from "react";
+import React60 from "react";
 import { useInput } from "ink";
 
 // src/contexts/ImportActionsContext.tsx
-import React58, { createContext as createContext4, useContext as useContext4 } from "react";
+import React59, { createContext as createContext4, useContext as useContext4 } from "react";
 var ImportActionsContext = /* @__PURE__ */ createContext4(null);
 var useImportActions = /* @__PURE__ */ __name(() => {
   const ctx = useContext4(ImportActionsContext);
@@ -12634,7 +12878,7 @@ var useImportActions = /* @__PURE__ */ __name(() => {
   return ctx;
 }, "useImportActions");
 var ImportActionsProvider = /* @__PURE__ */ __name(({ children, openImportFlow }) => {
-  return /* @__PURE__ */ React58.createElement(ImportActionsContext.Provider, {
+  return /* @__PURE__ */ React59.createElement(ImportActionsContext.Provider, {
     value: {
       openImportFlow
     }
@@ -12655,11 +12899,11 @@ var ShortcutDispatcher = /* @__PURE__ */ __name(() => {
 }, "ShortcutDispatcher");
 
 // src/components/InputRouter.tsx
-import React60 from "react";
+import React61 from "react";
 var InputRouter = /* @__PURE__ */ __name(({ tasks, flow }) => {
   const { focusState, handleTabPress, switchMode, setPrimaryMode, setSecondaryTab } = useFocusContext();
   const { openImportFlow } = useImportActions();
-  const isMainScreen = focusState.activeWindow !== "importModal" && focusState.activeWindow !== "settingsModal" && focusState.activeWindow !== "setupWizardModal" && focusState.activeWindow !== "welcomeModal";
+  const isMainScreen = focusState.activeWindow !== "importModal" && focusState.activeWindow !== "settingsModal" && focusState.activeWindow !== "setupWizardModal" && focusState.activeWindow !== "welcomeModal" && focusState.activeWindow !== "updateModal";
   const isDetailFocused = focusState.activeWindow === "secondaryPanel" && focusState.secondaryPanel.subTab !== "logs" && focusState.secondaryPanel.sourcesPanel.innerFocus === "detail";
   useShortcuts({
     id: "global",
@@ -12741,7 +12985,7 @@ var InputRouter = /* @__PURE__ */ __name(({ tasks, flow }) => {
 }, "InputRouter");
 
 // src/components/ImportModal/useImportFlow.ts
-import { useState as useState21, useCallback as useCallback5 } from "react";
+import { useState as useState22, useCallback as useCallback6 } from "react";
 
 // src/components/ImportModal/clipboard.ts
 import { execSync } from "child_process";
@@ -12780,8 +13024,8 @@ __name(detectUrls, "detectUrls");
 // src/components/ImportModal/useImportFlow.ts
 function useImportFlow(currentFlow) {
   const { focusState } = useFocusContext();
-  const [pendingImport, setPendingImport] = useState21(null);
-  const openImportFlow = useCallback5((text) => {
+  const [pendingImport, setPendingImport] = useState22(null);
+  const openImportFlow = useCallback6((text) => {
     if (focusState.activeWindow === "prompt") return;
     const handle = /* @__PURE__ */ __name((raw) => {
       const urls = detectUrls(raw);
@@ -12819,7 +13063,7 @@ function useImportFlow(currentFlow) {
   }, [
     focusState.activeWindow
   ]);
-  const handleImportConfirm = useCallback5(({ fetchMetadata, download }) => {
+  const handleImportConfirm = useCallback6(({ fetchMetadata, download }) => {
     if (!pendingImport || !currentFlow) {
       setPendingImport(null);
       return;
@@ -12835,7 +13079,7 @@ function useImportFlow(currentFlow) {
     pendingImport,
     currentFlow
   ]);
-  const handleImportCancel = useCallback5(() => {
+  const handleImportCancel = useCallback6(() => {
     setPendingImport(null);
   }, []);
   return {
@@ -12849,84 +13093,186 @@ function useImportFlow(currentFlow) {
 __name(useImportFlow, "useImportFlow");
 
 // src/components/AppInner.tsx
-var AppInner = /* @__PURE__ */ __name(({ tasks, filteredTasks, toolbarButtons, columns, currentFlow, orchestrator, setActiveFlowId, terminalHeight, terminalWidth }) => {
+var AppInner = /* @__PURE__ */ __name(({ tasks, filteredTasks, toolbarButtons, columns, currentFlow, orchestrator, setActiveFlowId, terminalHeight, terminalWidth, updateInfo }) => {
   const theme = useTheme();
   const { pendingImport, openImportFlow, handleImportConfirm, handleImportCancel } = useImportFlow(currentFlow);
-  return /* @__PURE__ */ React61.createElement(ImportActionsProvider, {
+  return /* @__PURE__ */ React62.createElement(ImportActionsProvider, {
     openImportFlow
-  }, /* @__PURE__ */ React61.createElement(ShortcutDispatcher, null), /* @__PURE__ */ React61.createElement(InputRouter, {
+  }, /* @__PURE__ */ React62.createElement(ShortcutDispatcher, null), /* @__PURE__ */ React62.createElement(InputRouter, {
     tasks: filteredTasks,
     flow: currentFlow
-  }), /* @__PURE__ */ React61.createElement(Box42, {
+  }), /* @__PURE__ */ React62.createElement(Box43, {
     flexDirection: "column",
     height: terminalHeight,
     backgroundColor: theme.ui.background
-  }, currentFlow && /* @__PURE__ */ React61.createElement(Toolbar, {
+  }, currentFlow && /* @__PURE__ */ React62.createElement(Toolbar, {
     buttons: toolbarButtons,
     width: terminalWidth,
     flows: orchestrator.getAllFlows(),
     onFlowChange: setActiveFlowId,
     flow: currentFlow,
-    orchestrator
-  }), currentFlow && /* @__PURE__ */ React61.createElement(TaskListPanel, {
+    orchestrator,
+    updateInfo
+  }), currentFlow && /* @__PURE__ */ React62.createElement(TaskListPanel, {
     columns,
     tasks: filteredTasks,
     width: terminalWidth,
     flow: currentFlow
-  }), /* @__PURE__ */ React61.createElement(SecondaryPanel, {
+  }), /* @__PURE__ */ React62.createElement(SecondaryPanel, {
     tasks: filteredTasks,
     width: terminalWidth,
     flow: currentFlow
-  }), /* @__PURE__ */ React61.createElement(Separator, {
+  }), /* @__PURE__ */ React62.createElement(Separator, {
     width: terminalWidth
-  }), /* @__PURE__ */ React61.createElement(Footer, null), /* @__PURE__ */ React61.createElement(PromptModal, {
+  }), /* @__PURE__ */ React62.createElement(Footer, null), /* @__PURE__ */ React62.createElement(PromptModal, {
     tasks,
     terminalHeight,
     terminalWidth
-  }), /* @__PURE__ */ React61.createElement(ImportModal, {
+  }), /* @__PURE__ */ React62.createElement(ImportModal, {
     pendingImport,
     terminalHeight,
     terminalWidth,
     onConfirm: handleImportConfirm,
     onCancel: handleImportCancel
-  }), /* @__PURE__ */ React61.createElement(SettingsModal, {
+  }), /* @__PURE__ */ React62.createElement(SettingsModal, {
     terminalHeight,
     terminalWidth,
     currentFlow
-  }), /* @__PURE__ */ React61.createElement(SetupWizardModal, {
+  }), /* @__PURE__ */ React62.createElement(SetupWizardModal, {
     tasks,
     terminalHeight,
     terminalWidth
-  }), /* @__PURE__ */ React61.createElement(WelcomeModal, {
+  }), /* @__PURE__ */ React62.createElement(WelcomeModal, {
+    terminalHeight,
+    terminalWidth
+  }), updateInfo && /* @__PURE__ */ React62.createElement(UpdateModal, {
+    latestVersion: updateInfo.latestVersion,
+    releaseUrl: updateInfo.releaseUrl,
     terminalHeight,
     terminalWidth
   })));
 }, "AppInner");
 
+// src/components/Toolbar/useSettingsButton.ts
+var useSettingsButton = /* @__PURE__ */ __name(() => {
+  const theme = useTheme();
+  const { switchWindow } = useFocusContext();
+  return {
+    label: "Settings",
+    icon: "\u26ED",
+    color: theme.action.neutral,
+    enabled: true,
+    onPress: /* @__PURE__ */ __name(() => switchWindow("settingsModal"), "onPress")
+  };
+}, "useSettingsButton");
+
+// src/components/Toolbar/useExitButton.ts
+var LEAVE_ALT_SCREEN_COMMAND = "\x1B[?1049l";
+var useExitButton = /* @__PURE__ */ __name(() => {
+  const theme = useTheme();
+  return {
+    label: "Exit",
+    icon: "\u21B3",
+    color: theme.action.destructive,
+    enabled: true,
+    onPress: /* @__PURE__ */ __name(() => {
+      process.stdout.write(LEAVE_ALT_SCREEN_COMMAND);
+      console.info("Saving cache before exit\u2026");
+      cache.save();
+      process.exit(0);
+    }, "onPress")
+  };
+}, "useExitButton");
+
+// src/updater/updateChecker.ts
+function isNewer(local, remote) {
+  const parse = /* @__PURE__ */ __name((v) => v.replace(/^v/, "").split(".").map(Number), "parse");
+  const [lMaj = 0, lMin = 0, lPatch = 0] = parse(local);
+  const [rMaj = 0, rMin = 0, rPatch = 0] = parse(remote);
+  if (rMaj !== lMaj) return rMaj > lMaj;
+  if (rMin !== lMin) return rMin > lMin;
+  return rPatch > lPatch;
+}
+__name(isNewer, "isNewer");
+async function checkForUpdate() {
+  try {
+    const res = await fetch("https://api.github.com/repos/Tetraxel/goblin-malin/releases/latest", {
+      headers: {
+        "User-Agent": "goblin-malin-updater"
+      },
+      signal: AbortSignal.timeout(8e3)
+    });
+    if (!res.ok) return null;
+    const data = await res.json();
+    const exeAsset = IS_SEA ? data.assets.find((a) => a.name.endsWith(".exe")) : void 0;
+    return {
+      hasUpdate: isNewer(APP_VERSION, data.tag_name),
+      latestVersion: data.tag_name.replace(/^v/, ""),
+      releaseUrl: data.html_url,
+      downloadUrl: exeAsset?.browser_download_url ?? null
+    };
+  } catch {
+    return null;
+  }
+}
+__name(checkForUpdate, "checkForUpdate");
+
 // src/components/App.tsx
 var App = /* @__PURE__ */ __name(() => {
-  useEffect21(() => {
+  useEffect22(() => {
     const initWav = getAssetPath("sounds", "init.wav");
     const player = getInstance();
     player.setVolume(50).then(() => player.play(initWav)).catch(() => {
     });
   }, []);
-  const [tasks, setTasks] = useState22([]);
+  const [tasks, setTasks] = useState23([]);
   const { height: terminalHeight, width: terminalWidth } = useScreenSize();
   const orchestrator = FlowOrchestrator.getInstance();
-  const [activeFlowId, setActiveFlowId] = useState22(() => {
+  const [activeFlowId, setActiveFlowId] = useState23(() => {
     orchestrator.registerFlow(MusicDownloadFlow, true);
     return orchestrator.getEnabledFlows()?.[0].id;
   });
-  const [toolbarButtons, setToolbarButtons] = useState22([]);
-  const [columns, setColumns] = useState22([]);
+  const [toolbarButtons, setToolbarButtons] = useState23([]);
+  const [columns, setColumns] = useState23([]);
   const currentFlow = activeFlowId ? orchestrator.getFlow(activeFlowId) : void 0;
-  useEffect21(() => {
+  const [updateInfo, setUpdateInfo] = useState23(null);
+  const [pendingUpdate, setPendingUpdate] = useState23(null);
+  const isOrchestratorIdle = useCallback7((orch) => orch.getTasksInProgress().length === 0, []);
+  useEffect22(() => {
+    const settings = SettingsStore.getInstance().getAppSettings();
+    if (!settings.general.checkForUpdates) return;
+    checkForUpdate().then((info) => {
+      if (!info?.hasUpdate) return;
+      if (isOrchestratorIdle(orchestrator)) {
+        setUpdateInfo(info);
+      } else {
+        setPendingUpdate(info);
+      }
+    });
+  }, []);
+  useEffect22(() => {
+    if (!pendingUpdate) return;
+    return orchestrator.subscribe((orch) => {
+      if (isOrchestratorIdle(orch)) {
+        setUpdateInfo(pendingUpdate);
+        setPendingUpdate(null);
+      }
+    });
+  }, [
+    pendingUpdate,
+    orchestrator,
+    isOrchestratorIdle
+  ]);
+  useEffect22(() => {
     if (!currentFlow) return;
     globalLogger.debug(`Active flow changed: ${currentFlow?.displayName}`);
     const unsubscribe = currentFlow.subscribe((_updatedFlow) => {
-      globalLogger.debug(`flow state changed, updating UI...`);
-      setToolbarButtons(currentFlow.getToolbarButtons() ?? []);
+      const buttons = [
+        ...currentFlow.getToolbarButtons() ?? [],
+        useSettingsButton,
+        useExitButton
+      ];
+      setToolbarButtons(buttons);
       setColumns(currentFlow.getColumns() ?? []);
     });
     return unsubscribe;
@@ -12934,7 +13280,7 @@ var App = /* @__PURE__ */ __name(() => {
     currentFlow,
     currentFlow?.id
   ]);
-  useEffect21(() => {
+  useEffect22(() => {
     const unsubscribe = orchestrator.subscribe((orchestrator2) => {
       setTasks(orchestrator2.getTasks());
     });
@@ -12947,11 +13293,11 @@ var App = /* @__PURE__ */ __name(() => {
     tasks,
     activeFlowId
   ]);
-  return /* @__PURE__ */ React62.createElement(ThemeProvider, null, /* @__PURE__ */ React62.createElement(ShortcutRegistryProvider, null, /* @__PURE__ */ React62.createElement(FocusProvider, {
-    toolbarButtonCount: toolbarButtons.length,
+  return /* @__PURE__ */ React63.createElement(ThemeProvider, null, /* @__PURE__ */ React63.createElement(ShortcutRegistryProvider, null, /* @__PURE__ */ React63.createElement(FocusProvider, {
+    toolbarButtonCount: toolbarButtons.length + (updateInfo ? 1 : 0),
     taskCount: filteredTasks.length,
     taskColumnCount: columns.length
-  }, /* @__PURE__ */ React62.createElement(ToolbarActionsProvider, null, /* @__PURE__ */ React62.createElement(AppInner, {
+  }, /* @__PURE__ */ React63.createElement(ToolbarActionsProvider, null, /* @__PURE__ */ React63.createElement(AppInner, {
     tasks,
     filteredTasks,
     toolbarButtons,
@@ -12960,17 +13306,18 @@ var App = /* @__PURE__ */ __name(() => {
     orchestrator,
     setActiveFlowId,
     terminalHeight,
-    terminalWidth
+    terminalWidth,
+    updateInfo
   })))));
 }, "App");
 
 // src/components/FullScreenBox.tsx
-import React63 from "react";
-import { Box as Box43 } from "ink";
+import React64 from "react";
+import { Box as Box44 } from "ink";
 import { forwardRef } from "react";
 var FullScreenBox = /* @__PURE__ */ forwardRef(/* @__PURE__ */ __name(function FullScreenBox2(props, ref) {
   const { height, width } = useScreenSize();
-  return /* @__PURE__ */ React63.createElement(Box43, {
+  return /* @__PURE__ */ React64.createElement(Box44, {
     ref,
     height,
     width,
@@ -13003,7 +13350,7 @@ var withFullScreen = /* @__PURE__ */ __name((node, options) => {
   return {
     instance,
     start: /* @__PURE__ */ __name(async () => {
-      instance.rerender(/* @__PURE__ */ React64.createElement(FullScreenBox, null, node));
+      instance.rerender(/* @__PURE__ */ React65.createElement(FullScreenBox, null, node));
     }, "start"),
     waitUntilExit
   };
@@ -13026,7 +13373,7 @@ function start() {
   } catch {
   }
   process2.stdout.write("\x1B[?1049h");
-  const instance = render(/* @__PURE__ */ React64.createElement(App, null), {
+  const instance = render(/* @__PURE__ */ React65.createElement(App, null), {
     patchConsole: true,
     maxFps: 60,
     exitOnCtrlC: false