open-nami 1.2.5 → 1.2.7

package/dist/cli.js

@@ -9,7 +9,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "open-nami",
-      version: "1.2.5",
+      version: "1.2.7",
       description: "Open Nami: terminal-first bulk social media profile downloader for Instagram, TikTok, Facebook & X.",
       type: "module",
       bin: {
@@ -5352,9 +5352,9 @@ function startClipboardWatcher(options = {}) {
             try {
               const res = await dispatch({
                 profile: parsed,
-                choice,
-                outputDir: options.outputDir,
-                writeMetadata: options.writeMetadata,
+                choice: options.getChoice ? options.getChoice() : options.choice || "all",
+                outputDir: resolveDefaultDownloadDir(parsed.platform, parsed.username, options.outputDir),
+                writeMetadata: options.getWriteMetadata ? options.getWriteMetadata() : options.writeMetadata ?? false,
                 signal: options.signal,
                 onProgress: (p) => {
                   if (p.statusText) {
@@ -5444,16 +5444,19 @@ function revealInFileManager(targetPath) {
 
 // src/components/views/watcher-view.tsx
 import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+var CHOICES = ["all", "photos", "videos", "stories", "highlights"];
 function WatcherView({
   onBack,
   outputDir,
   theme,
   gapComponent: Gap2,
   defaultChoice = "all",
-  defaultWriteMetadata = false
+  defaultWriteMetadata = false,
+  onRegisterClickTargets
 }) {
   const [mediaChoice, setMediaChoice] = useState7(defaultChoice);
   const [writeMetadata, setWriteMetadata] = useState7(defaultWriteMetadata);
+  const [focusedIndex, setFocusedIndex] = useState7(0);
   const [history, setHistory] = useState7([]);
   const [activeJob, setActiveJob] = useState7(null);
   const [stats, setStats] = useState7({ detected: 0, downloaded: 0, skipped: 0 });
@@ -5471,8 +5474,10 @@ function WatcherView({
   useEffect6(() => {
     const watcher = startClipboardWatcher({
       choice: mediaChoiceRef.current,
+      getChoice: () => mediaChoiceRef.current,
       outputDir,
       writeMetadata: writeMetadataRef.current,
+      getWriteMetadata: () => writeMetadataRef.current,
       onDetected: (profile) => {
         setStats((prev) => ({ ...prev, detected: prev.detected + 1 }));
         const newItem = {
@@ -5528,9 +5533,9 @@ function WatcherView({
   }, [outputDir]);
   const cycleChoice = useCallback3(() => {
     setMediaChoice((prev) => {
-      if (prev === "all") return "photos";
-      if (prev === "photos") return "videos";
-      return "all";
+      const idx = CHOICES.indexOf(prev);
+      const nextChoice = CHOICES[(idx + 1) % CHOICES.length] || "all";
+      return nextChoice;
     });
   }, []);
   const toggleMetadata = useCallback3(() => {
@@ -5540,20 +5545,68 @@ function WatcherView({
     const target = outputDir || resolveDefaultDownloadDir("instagram", "watcher");
     revealInFileManager(target);
   }, [outputDir]);
+  useEffect6(() => {
+    if (!onRegisterClickTargets) return;
+    const targets = [
+      { match: "Target:", padX: 1, action: () => {
+        setFocusedIndex(0);
+        cycleChoice();
+      } },
+      { match: "Sidecars:", padX: 1, action: () => {
+        setFocusedIndex(1);
+        toggleMetadata();
+      } },
+      { match: "Open Folder", padX: 1, action: () => {
+        setFocusedIndex(2);
+        openFolder();
+      } },
+      { match: "c target", padX: 1, action: () => {
+        setFocusedIndex(0);
+        cycleChoice();
+      } },
+      { match: "m sidecar", padX: 1, action: () => {
+        setFocusedIndex(1);
+        toggleMetadata();
+      } },
+      { match: "o open dir", padX: 1, action: () => {
+        setFocusedIndex(2);
+        openFolder();
+      } },
+      { match: "esc back", padX: 1, action: onBack }
+    ];
+    onRegisterClickTargets(targets);
+  }, [onRegisterClickTargets, cycleChoice, toggleMetadata, openFolder, onBack, mediaChoice, writeMetadata]);
   useInput4((input, key) => {
     if (key.escape) {
       onBack();
       return;
     }
+    if (key.leftArrow) {
+      setFocusedIndex((prev) => prev === 0 ? 2 : prev - 1);
+      return;
+    }
+    if (key.rightArrow || key.tab) {
+      setFocusedIndex((prev) => prev === 2 ? 0 : prev + 1);
+      return;
+    }
+    if (key.return || input === " ") {
+      if (focusedIndex === 0) cycleChoice();
+      else if (focusedIndex === 1) toggleMetadata();
+      else if (focusedIndex === 2) openFolder();
+      return;
+    }
     if (input === "c" || input === "C") {
+      setFocusedIndex(0);
       cycleChoice();
       return;
     }
     if (input === "m" || input === "M") {
+      setFocusedIndex(1);
       toggleMetadata();
       return;
     }
     if (input === "o" || input === "O") {
+      setFocusedIndex(2);
       openFolder();
       return;
     }
@@ -5569,8 +5622,10 @@ function WatcherView({
     ] }),
     /* @__PURE__ */ jsx16(ProgressBar, { indeterminate: true, width: 58, tick: pulseTick }),
     /* @__PURE__ */ jsx16(Gap2, {}),
-    /* @__PURE__ */ jsx16(Text15, { color: theme.gray, dimColor: theme.dimSecondary, children: "Listening for Instagram, TikTok, Facebook, or X profile links in clipboard." }),
-    /* @__PURE__ */ jsx16(Text15, { color: theme.gray, dimColor: theme.dimSecondary, children: "Simply copy any profile link in your browser and Open Nami will download it!" }),
+    /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx16(Text15, { color: theme.gray, dimColor: theme.dimSecondary, children: "Auto-monitoring clipboard for profile links (Instagram, TikTok, FB, X)." }),
+      /* @__PURE__ */ jsx16(Text15, { color: theme.gray, dimColor: theme.dimSecondary, children: "Copy any profile link in your browser: Open Nami downloads it in background." })
+    ] }),
     /* @__PURE__ */ jsx16(Gap2, {}),
     /* @__PURE__ */ jsx16(
       Box13,
@@ -5606,15 +5661,42 @@ function WatcherView({
     ] }) : null,
     /* @__PURE__ */ jsx16(Gap2, {}),
     /* @__PURE__ */ jsxs13(Box13, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs13(Text15, { color: theme.gray, dimColor: theme.dimSecondary, children: [
-        "[c] Target: ",
-        /* @__PURE__ */ jsx16(Text15, { color: theme.primary, bold: true, children: mediaChoice.toUpperCase() })
-      ] }),
-      /* @__PURE__ */ jsxs13(Text15, { color: theme.gray, dimColor: theme.dimSecondary, children: [
-        "[m] Sidecars: ",
-        /* @__PURE__ */ jsx16(Text15, { color: theme.primary, bold: true, children: writeMetadata ? "ON" : "OFF" })
-      ] }),
-      /* @__PURE__ */ jsx16(Text15, { color: theme.gray, dimColor: theme.dimSecondary, children: "[o] Open Folder" })
+      /* @__PURE__ */ jsx16(
+        Box13,
+        {
+          borderStyle: "round",
+          borderColor: focusedIndex === 0 ? theme.primary : theme.gray,
+          borderDimColor: focusedIndex !== 0,
+          paddingX: 1,
+          children: /* @__PURE__ */ jsxs13(Text15, { color: focusedIndex === 0 ? theme.primary : theme.gray, bold: focusedIndex === 0, children: [
+            "[c] Target: ",
+            /* @__PURE__ */ jsx16(Text15, { color: theme.primary, bold: true, children: mediaChoice === "all" ? "EVERYTHING" : mediaChoice.toUpperCase() })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx16(
+        Box13,
+        {
+          borderStyle: "round",
+          borderColor: focusedIndex === 1 ? theme.primary : theme.gray,
+          borderDimColor: focusedIndex !== 1,
+          paddingX: 1,
+          children: /* @__PURE__ */ jsxs13(Text15, { color: focusedIndex === 1 ? theme.primary : theme.gray, bold: focusedIndex === 1, children: [
+            "[m] Sidecars: ",
+            /* @__PURE__ */ jsx16(Text15, { color: theme.primary, bold: true, children: writeMetadata ? "ON" : "OFF" })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx16(
+        Box13,
+        {
+          borderStyle: "round",
+          borderColor: focusedIndex === 2 ? theme.primary : theme.gray,
+          borderDimColor: focusedIndex !== 2,
+          paddingX: 1,
+          children: /* @__PURE__ */ jsx16(Text15, { color: focusedIndex === 2 ? theme.primary : theme.gray, bold: focusedIndex === 2, children: "[o] Open Folder" })
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx16(Box13, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsxs13(Text15, { color: theme.gray, dimColor: theme.dimSecondary, children: [
       "Session Stats: ",
@@ -5756,10 +5838,9 @@ async function runBatchQueue(options) {
 // src/components/views/batch-view.tsx
 import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var PLATFORMS = ["instagram", "tiktok", "facebook", "x"];
-var CHOICES = ["all", "photos", "videos", "stories", "highlights"];
+var CHOICES2 = ["all", "photos", "videos", "stories", "highlights"];
 var DATE_PRESETS2 = ["all", "24h", "7d", "30d", "2024", "2023", "2022", "2021", "custom"];
 var LIMIT_PRESETS2 = [void 0, 10, 24, 50, 100, "custom"];
-var OPTION_CONTROLS = ["platform", "choice", "limit", "date", "meta", "resume", "start"];
 function BatchView({
   onBack,
   outputDir,
@@ -5799,8 +5880,8 @@ function BatchView({
   }, []);
   const cycleChoice = useCallback4(() => {
     setChoice((prev) => {
-      const idx = CHOICES.indexOf(prev);
-      return CHOICES[(idx + 1) % CHOICES.length];
+      const idx = CHOICES2.indexOf(prev);
+      return CHOICES2[(idx + 1) % CHOICES2.length];
     });
   }, []);
   const cycleLimit = useCallback4(() => {
@@ -5980,71 +6061,195 @@ function BatchView({
         }
         return;
       }
-      if (OPTION_CONTROLS.includes(focusedControl)) {
+      if (focusedControl === "platform") {
+        if (key.rightArrow) {
+          setFocusedControl("choice");
+          return;
+        }
+        if (key.downArrow) {
+          setFocusedControl("limit");
+          return;
+        }
         if (key.upArrow) {
           setFocusedControl("input");
           return;
         }
-        if (key.rightArrow || key.tab && !key.shift) {
-          const idx = OPTION_CONTROLS.indexOf(focusedControl);
-          setFocusedControl(OPTION_CONTROLS[(idx + 1) % OPTION_CONTROLS.length]);
+        if (key.tab && !key.shift) {
+          setFocusedControl("choice");
           return;
         }
-        if (key.leftArrow || key.tab && key.shift) {
-          const idx = OPTION_CONTROLS.indexOf(focusedControl);
-          setFocusedControl(OPTION_CONTROLS[(idx - 1 + OPTION_CONTROLS.length) % OPTION_CONTROLS.length]);
+        if (key.tab && key.shift) {
+          setFocusedControl("input");
           return;
         }
-        if (input === " " || key.return) {
-          switch (focusedControl) {
-            case "platform":
-              cyclePlatform();
-              break;
-            case "choice":
-              cycleChoice();
-              break;
-            case "limit":
-              cycleLimit();
-              break;
-            case "date":
-              cycleDate();
-              break;
-            case "meta":
-              toggleMetadata();
-              break;
-            case "resume":
-              toggleResume();
-              break;
-            case "start":
-              startQueue();
-              break;
-          }
+      } else if (focusedControl === "choice") {
+        if (key.leftArrow) {
+          setFocusedControl("platform");
           return;
         }
-        if (input === "p" || input === "P") {
-          cyclePlatform();
+        if (key.downArrow) {
+          setFocusedControl("date");
           return;
         }
-        if (input === "c" || input === "C") {
-          cycleChoice();
+        if (key.upArrow) {
+          setFocusedControl("input");
           return;
         }
-        if (input === "l" || input === "L") {
-          cycleLimit();
+        if (key.tab && !key.shift) {
+          setFocusedControl("limit");
           return;
         }
-        if (input === "d" || input === "D") {
-          cycleDate();
+        if (key.tab && key.shift) {
+          setFocusedControl("platform");
           return;
         }
-        if (input === "m" || input === "M") {
-          toggleMetadata();
+      } else if (focusedControl === "limit") {
+        if (key.upArrow) {
+          setFocusedControl("platform");
           return;
         }
-        if (input === "r" || input === "R") {
-          toggleResume();
+        if (key.rightArrow) {
+          setFocusedControl("date");
+          return;
+        }
+        if (key.downArrow) {
+          setFocusedControl("meta");
+          return;
+        }
+        if (key.tab && !key.shift) {
+          setFocusedControl("date");
+          return;
+        }
+        if (key.tab && key.shift) {
+          setFocusedControl("choice");
           return;
         }
+      } else if (focusedControl === "date") {
+        if (key.upArrow) {
+          setFocusedControl("choice");
+          return;
+        }
+        if (key.leftArrow) {
+          setFocusedControl("limit");
+          return;
+        }
+        if (key.downArrow) {
+          setFocusedControl("resume");
+          return;
+        }
+        if (key.tab && !key.shift) {
+          setFocusedControl("meta");
+          return;
+        }
+        if (key.tab && key.shift) {
+          setFocusedControl("limit");
+          return;
+        }
+      } else if (focusedControl === "meta") {
+        if (key.upArrow) {
+          setFocusedControl("limit");
+          return;
+        }
+        if (key.rightArrow) {
+          setFocusedControl("resume");
+          return;
+        }
+        if (key.downArrow) {
+          setFocusedControl("start");
+          return;
+        }
+        if (key.tab && !key.shift) {
+          setFocusedControl("resume");
+          return;
+        }
+        if (key.tab && key.shift) {
+          setFocusedControl("date");
+          return;
+        }
+      } else if (focusedControl === "resume") {
+        if (key.upArrow) {
+          setFocusedControl("date");
+          return;
+        }
+        if (key.leftArrow) {
+          setFocusedControl("meta");
+          return;
+        }
+        if (key.downArrow) {
+          setFocusedControl("start");
+          return;
+        }
+        if (key.tab && !key.shift) {
+          setFocusedControl("start");
+          return;
+        }
+        if (key.tab && key.shift) {
+          setFocusedControl("meta");
+          return;
+        }
+      } else if (focusedControl === "start") {
+        if (key.upArrow) {
+          setFocusedControl("meta");
+          return;
+        }
+        if (key.downArrow || key.tab && !key.shift) {
+          setFocusedControl("tabs");
+          return;
+        }
+        if (key.tab && key.shift) {
+          setFocusedControl("resume");
+          return;
+        }
+      }
+      if (input === " " || key.return) {
+        switch (focusedControl) {
+          case "platform":
+            cyclePlatform();
+            break;
+          case "choice":
+            cycleChoice();
+            break;
+          case "limit":
+            cycleLimit();
+            break;
+          case "date":
+            cycleDate();
+            break;
+          case "meta":
+            toggleMetadata();
+            break;
+          case "resume":
+            toggleResume();
+            break;
+          case "start":
+            startQueue();
+            break;
+        }
+        return;
+      }
+      if (input === "p" || input === "P") {
+        cyclePlatform();
+        return;
+      }
+      if (input === "c" || input === "C") {
+        cycleChoice();
+        return;
+      }
+      if (input === "l" || input === "L") {
+        cycleLimit();
+        return;
+      }
+      if (input === "d" || input === "D") {
+        cycleDate();
+        return;
+      }
+      if (input === "m" || input === "M") {
+        toggleMetadata();
+        return;
+      }
+      if (input === "r" || input === "R") {
+        toggleResume();
+        return;
       }
     }
   }, { isActive: Boolean(process.stdin.isTTY) });
@@ -6055,6 +6260,7 @@ function BatchView({
       targets.push({
         match: "Links / Handles",
         padX: 2,
+        padY: 0,
         action: () => {
           setInputField("text");
           setFocusedControl("input");
@@ -6063,24 +6269,22 @@ function BatchView({
       targets.push({
         match: "File (.txt)",
         padX: 2,
+        padY: 0,
         action: () => {
           setInputField("file");
           setFocusedControl("input");
         }
       });
       targets.push({
-        match: "Links or @handles",
+        match: "download",
         padX: 2,
-        action: () => setFocusedControl("input")
-      });
-      targets.push({
-        match: "Batch file (.txt)",
-        padX: 2,
-        action: () => setFocusedControl("input")
+        padY: 1,
+        action: startQueue
       });
       targets.push({
         match: "Platform:",
         padX: 2,
+        padY: 0,
         action: () => {
           setFocusedControl("platform");
           cyclePlatform();
@@ -6089,6 +6293,7 @@ function BatchView({
       targets.push({
         match: "Media:",
         padX: 2,
+        padY: 0,
         action: () => {
           setFocusedControl("choice");
           cycleChoice();
@@ -6097,6 +6302,7 @@ function BatchView({
       targets.push({
         match: "Posts:",
         padX: 2,
+        padY: 0,
         action: () => {
           setFocusedControl("limit");
           cycleLimit();
@@ -6105,6 +6311,7 @@ function BatchView({
       targets.push({
         match: "Date:",
         padX: 2,
+        padY: 0,
         action: () => {
           setFocusedControl("date");
           cycleDate();
@@ -6113,6 +6320,7 @@ function BatchView({
       targets.push({
         match: "Meta:",
         padX: 2,
+        padY: 0,
         action: () => {
           setFocusedControl("meta");
           toggleMetadata();
@@ -6121,14 +6329,16 @@ function BatchView({
       targets.push({
         match: "Resume:",
         padX: 2,
+        padY: 0,
         action: () => {
           setFocusedControl("resume");
           toggleResume();
         }
       });
       targets.push({
-        match: "Start Queue",
+        match: "Start Batch Queue",
         padX: 3,
+        padY: 0,
         action: () => {
           setFocusedControl("start");
           startQueue();
@@ -6214,60 +6424,79 @@ function BatchView({
     startQueue,
     outputDir
   ]);
+  const panelWidth = Math.max(64, boxWidth);
+  const inputFrameWidth = panelWidth - 18;
+  const innerContentWidth = panelWidth - 6;
+  const colWidth = Math.floor((innerContentWidth - 4) / 2);
   const currentItem = queueItems[currentIndex];
   const completedCount = queueItems.filter((i) => i.status === "success" || i.status === "failed").length;
   const totalCount = queueItems.length > 0 ? queueItems.length : 1;
   const percent = Math.min(100, Math.floor(completedCount / totalCount * 100));
   return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", alignItems: "center", children: [
-    phase === "input" && /* @__PURE__ */ jsx17(Panel, { title: "Batch Queue", width: Math.max(60, boxWidth), children: /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", paddingY: 1, children: [
+    phase === "input" && /* @__PURE__ */ jsx17(Panel, { title: "Batch Queue", width: panelWidth, children: /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", alignItems: "center", paddingY: 1, children: [
       /* @__PURE__ */ jsxs14(Box14, { marginBottom: 1, justifyContent: "center", children: [
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx17(Box14, { marginRight: 2, children: /* @__PURE__ */ jsx17(
           Text16,
           {
             bold: true,
             color: inputField === "text" ? theme.primary : theme.gray,
-            inverse: focusedControl === "tabs" && inputField === "text",
-            children: inputField === "text" ? "\u25CF Links / Handles" : "\u25CB Links / Handles"
+            inverse: inputField === "text",
+            children: "  Links / Handles  "
           }
-        ),
-        /* @__PURE__ */ jsx17(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: "   \xB7   " }),
-        /* @__PURE__ */ jsx17(
+        ) }),
+        /* @__PURE__ */ jsx17(Box14, { children: /* @__PURE__ */ jsx17(
           Text16,
           {
             bold: true,
             color: inputField === "file" ? theme.primary : theme.gray,
-            inverse: focusedControl === "tabs" && inputField === "file",
-            children: inputField === "file" ? "\u25CF File (.txt)" : "\u25CB File (.txt)"
+            inverse: inputField === "file",
+            children: "  File (.txt)  "
           }
-        )
+        ) })
       ] }),
-      inputField === "text" ? /* @__PURE__ */ jsx17(FramedInput, { title: "Links or @handles", width: Math.max(56, boxWidth - 4), children: /* @__PURE__ */ jsx17(
-        TextInput,
+      inputField === "text" ? /* @__PURE__ */ jsx17(
+        FramedInput,
         {
-          value: rawText,
-          onChange: setRawText,
-          onSubmit: startQueue,
-          placeholder: "@user1, @user2, tiktok.com/@user3\u2026",
-          width: Math.max(50, boxWidth - 10),
-          focus: focusedControl === "input",
-          onArrowDown: () => setFocusedControl("start"),
-          onArrowUp: () => setFocusedControl("tabs"),
-          onTab: () => setFocusedControl("start")
-        }
-      ) }) : /* @__PURE__ */ jsx17(FramedInput, { title: "Batch file (.txt)", width: Math.max(56, boxWidth - 4), children: /* @__PURE__ */ jsx17(
-        TextInput,
+          title: "Links or @handles",
+          width: inputFrameWidth,
+          button: "download",
+          children: /* @__PURE__ */ jsx17(
+            TextInput,
+            {
+              value: rawText,
+              onChange: setRawText,
+              onSubmit: startQueue,
+              placeholder: "@user1, @user2, tiktok.com/@user3\u2026",
+              width: inputFrameWidth - 4,
+              focus: focusedControl === "input",
+              onArrowDown: () => setFocusedControl("platform"),
+              onArrowUp: () => setFocusedControl("tabs"),
+              onTab: () => setFocusedControl("platform")
+            }
+          )
+        }
+      ) : /* @__PURE__ */ jsx17(
+        FramedInput,
         {
-          value: filePath,
-          onChange: setFilePath,
-          onSubmit: startQueue,
-          placeholder: "e.g. creators.txt or C:\\path\\creators.txt",
-          width: Math.max(50, boxWidth - 10),
-          focus: focusedControl === "input",
-          onArrowDown: () => setFocusedControl("start"),
-          onArrowUp: () => setFocusedControl("tabs"),
-          onTab: () => setFocusedControl("start")
+          title: "Batch file (.txt)",
+          width: inputFrameWidth,
+          button: "download",
+          children: /* @__PURE__ */ jsx17(
+            TextInput,
+            {
+              value: filePath,
+              onChange: setFilePath,
+              onSubmit: startQueue,
+              placeholder: "e.g. creators.txt or C:\\path\\creators.txt",
+              width: inputFrameWidth - 4,
+              focus: focusedControl === "input",
+              onArrowDown: () => setFocusedControl("platform"),
+              onArrowUp: () => setFocusedControl("tabs"),
+              onTab: () => setFocusedControl("platform")
+            }
+          )
         }
-      ) }),
+      ),
       errorMessage ? /* @__PURE__ */ jsx17(Box14, { marginTop: 1, children: /* @__PURE__ */ jsxs14(Text16, { color: "red", children: [
         "\u2717 ",
         errorMessage
@@ -6276,10 +6505,11 @@ function BatchView({
         Box14,
         {
           flexDirection: "column",
+          width: innerContentWidth,
           marginTop: 1,
           borderStyle: "round",
-          borderColor: focusedControl !== "input" && focusedControl !== "tabs" ? theme.primary : theme.gray,
-          borderDimColor: focusedControl === "input" || focusedControl === "tabs",
+          borderColor: focusedControl !== "input" && focusedControl !== "tabs" && focusedControl !== "start" ? theme.primary : theme.gray,
+          borderDimColor: focusedControl === "input" || focusedControl === "tabs" || focusedControl === "start",
           paddingX: 1,
           children: focusedControl === "custom-limit" ? /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
             /* @__PURE__ */ jsx17(Text16, { bold: true, color: theme.primary, children: "Set post limit (e.g. 24, all):" }),
@@ -6291,7 +6521,7 @@ function BatchView({
                 onSubmit: (val) => {
                   const parsed = parseLimit(val);
                   setLimit(parsed);
-                  setFocusedControl("start");
+                  setFocusedControl("limit");
                 },
                 width: 24
               }
@@ -6307,110 +6537,106 @@ function BatchView({
                 onSubmit: (val) => {
                   const trimmed = val.trim();
                   setDateFilter(trimmed ? trimmed : "all");
-                  setFocusedControl("start");
+                  setFocusedControl("date");
                 },
                 width: 24
               }
             ) }),
             /* @__PURE__ */ jsx17(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: "\u21B5 confirm \xB7 esc cancel" })
           ] }) : /* @__PURE__ */ jsxs14(Fragment4, { children: [
-            /* @__PURE__ */ jsxs14(Box14, { justifyContent: "space-between", children: [
-              /* @__PURE__ */ jsxs14(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: [
-                "[p] Platform:",
-                " ",
+            /* @__PURE__ */ jsxs14(Box14, { justifyContent: "space-between", width: "100%", children: [
+              /* @__PURE__ */ jsxs14(Box14, { width: colWidth, children: [
+                /* @__PURE__ */ jsx17(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: "[p] Platform: " }),
                 /* @__PURE__ */ jsx17(
                   Text16,
                   {
-                    color: theme.primary,
                     bold: true,
+                    color: theme.primary,
                     inverse: focusedControl === "platform",
-                    children: defaultPlatform.toUpperCase()
+                    children: ` ${defaultPlatform.toUpperCase()} `
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs14(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: [
-                "[c] Media:",
-                " ",
+              /* @__PURE__ */ jsxs14(Box14, { width: colWidth, children: [
+                /* @__PURE__ */ jsx17(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: "[c] Media: " }),
                 /* @__PURE__ */ jsx17(
                   Text16,
                   {
-                    color: theme.primary,
                     bold: true,
+                    color: theme.primary,
                     inverse: focusedControl === "choice",
-                    children: choice === "all" ? "EVERYTHING" : choice.toUpperCase()
+                    children: ` ${choice === "all" ? "EVERYTHING" : choice.toUpperCase()} `
                   }
                 )
-              ] }),
-              /* @__PURE__ */ jsxs14(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: [
-                "[l] Posts:",
-                " ",
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs14(Box14, { justifyContent: "space-between", width: "100%", marginTop: 1, children: [
+              /* @__PURE__ */ jsxs14(Box14, { width: colWidth, children: [
+                /* @__PURE__ */ jsx17(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: "[l] Posts: " }),
                 /* @__PURE__ */ jsx17(
                   Text16,
                   {
-                    color: theme.primary,
                     bold: true,
+                    color: theme.primary,
                     inverse: focusedControl === "limit",
-                    children: limit ? `${limit}` : "ALL"
+                    children: ` ${limit ? String(limit) : "ALL"} `
                   }
                 )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs14(Box14, { justifyContent: "space-between", marginTop: 1, children: [
-              /* @__PURE__ */ jsxs14(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: [
-                "[d] Date:",
-                " ",
+              ] }),
+              /* @__PURE__ */ jsxs14(Box14, { width: colWidth, children: [
+                /* @__PURE__ */ jsx17(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: "[d] Date: " }),
                 /* @__PURE__ */ jsx17(
                   Text16,
                   {
-                    color: theme.primary,
                     bold: true,
+                    color: theme.primary,
                     inverse: focusedControl === "date",
-                    children: dateFilter.toUpperCase()
+                    children: ` ${dateFilter.toUpperCase()} `
                   }
                 )
-              ] }),
-              /* @__PURE__ */ jsxs14(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: [
-                "[m] Meta:",
-                " ",
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs14(Box14, { justifyContent: "space-between", width: "100%", marginTop: 1, children: [
+              /* @__PURE__ */ jsxs14(Box14, { width: colWidth, children: [
+                /* @__PURE__ */ jsx17(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: "[m] Meta: " }),
                 /* @__PURE__ */ jsx17(
                   Text16,
                   {
-                    color: theme.primary,
                     bold: true,
+                    color: theme.primary,
                     inverse: focusedControl === "meta",
-                    children: writeMetadata ? "ON" : "OFF"
+                    children: ` ${writeMetadata ? "ON" : "OFF"} `
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs14(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: [
-                "[r] Resume:",
-                " ",
+              /* @__PURE__ */ jsxs14(Box14, { width: colWidth, children: [
+                /* @__PURE__ */ jsx17(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: "[r] Resume: " }),
                 /* @__PURE__ */ jsx17(
                   Text16,
                   {
-                    color: theme.primary,
                     bold: true,
+                    color: theme.primary,
                     inverse: focusedControl === "resume",
-                    children: resume ? "ON" : "OFF"
+                    children: ` ${resume ? "ON" : "OFF"} `
                   }
                 )
-              ] }),
-              /* @__PURE__ */ jsx17(
-                Text16,
-                {
-                  color: theme.primary,
-                  bold: true,
-                  inverse: focusedControl === "start",
-                  children: "[\u21B5] Start Queue"
-                }
-              )
+              ] })
             ] })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx17(Box14, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsx17(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: focusedControl === "input" ? "Type handles or URLs \xB7 \u21B5 to start \xB7 \u2193 to customize options" : focusedControl === "tabs" ? "Space to switch mode \xB7 \u2193 to edit input" : "\u2190/\u2192/Tab choose option \xB7 Space/Enter toggle \xB7 \u21B5 start queue \xB7 \u2191 edit input" }) })
+      /* @__PURE__ */ jsx17(Box14, { justifyContent: "center", marginTop: 1, children: /* @__PURE__ */ jsx17(
+        Text16,
+        {
+          bold: true,
+          color: theme.primary,
+          inverse: focusedControl === "start",
+          children: "  \u21B5 Start Batch Queue  "
+        }
+      ) }),
+      /* @__PURE__ */ jsx17(Box14, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsx17(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: focusedControl === "input" ? "Type handles or URLs \xB7 \u21B5 or click download to start" : focusedControl === "tabs" ? "Space to switch mode \xB7 \u2193 to edit input" : "\u2190/\u2192/Tab select \xB7 Space/Enter toggle \xB7 \u21B5 start queue \xB7 \u2191 edit input" }) })
     ] }) }),
-    phase === "running" && /* @__PURE__ */ jsx17(Panel, { title: "Batch Queue Running", width: Math.max(60, boxWidth), children: /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", paddingY: 1, children: [
+    phase === "running" && /* @__PURE__ */ jsx17(Panel, { title: "Batch Queue Running", width: panelWidth, children: /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", paddingY: 1, children: [
       /* @__PURE__ */ jsxs14(Box14, { justifyContent: "space-between", marginBottom: 1, children: [
         /* @__PURE__ */ jsxs14(Text16, { color: theme.primary, bold: true, children: [
           "Account ",
@@ -6423,7 +6649,7 @@ function BatchView({
         ] }),
         /* @__PURE__ */ jsx17(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: isCooldown ? "\u23F3 Cooldown active" : "\u25B6 Downloading" })
       ] }),
-      /* @__PURE__ */ jsx17(ProgressBar, { percent, width: 54 }),
+      /* @__PURE__ */ jsx17(ProgressBar, { percent, width: panelWidth - 10 }),
       /* @__PURE__ */ jsx17(Gap2, {}),
       currentItem ? /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", borderStyle: "round", borderColor: theme.primary, paddingX: 1, paddingY: 1, children: [
         /* @__PURE__ */ jsxs14(Box14, { children: [
@@ -6445,7 +6671,7 @@ function BatchView({
       /* @__PURE__ */ jsx17(Gap2, {}),
       /* @__PURE__ */ jsx17(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: "[esc] Stop queue and return" })
     ] }) }),
-    phase === "done" && result && /* @__PURE__ */ jsx17(Panel, { title: "Batch Queue Completed", width: Math.max(60, boxWidth), children: /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", paddingY: 1, children: [
+    phase === "done" && result && /* @__PURE__ */ jsx17(Panel, { title: "Batch Queue Completed", width: panelWidth, children: /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", paddingY: 1, children: [
       /* @__PURE__ */ jsxs14(Text16, { bold: true, color: theme.primary, children: [
         "\u2713 Successfully processed ",
         result.total,
@@ -6649,6 +6875,7 @@ function InnerApp({
   const [clipboardUrl, setClipboardUrl] = useState9(void 0);
   const [settingsFocus, setSettingsFocus] = useState9("cookies");
   const [batchClickTargets, setBatchClickTargets] = useState9([]);
+  const [watcherClickTargets, setWatcherClickTargets] = useState9([]);
   const columns = stdout?.columns && stdout.columns > 0 ? stdout.columns : 80;
   const boxWidth = Math.max(14, Math.min(64, columns - 6));
   const contentWidth = Math.max(10, Math.min(columns - 4, 78));
@@ -6800,8 +7027,11 @@ function InnerApp({
     if (key.ctrl && (input === "w" || input === "W")) {
       if (phase.name === "watcher") {
         setPhase({ name: "input" });
-      } else if (phase.name === "input") {
+        return;
+      }
+      if (phase.name === "input" && urlInput.length === 0) {
         setPhase({ name: "watcher" });
+        return;
       }
       return;
     }
@@ -6919,6 +7149,9 @@ function InnerApp({
     if (phase.name === "batch") {
       targets.push(...batchClickTargets);
     }
+    if (phase.name === "watcher") {
+      targets.push(...watcherClickTargets);
+    }
     for (const [key, label] of hints) {
       const action = hintAction(key);
       if (action) targets.push({ match: `${key} ${label}`, action });
@@ -6939,7 +7172,8 @@ function InnerApp({
     handlePlatformSelect,
     handleModeSelect,
     resetToInput,
-    batchClickTargets
+    batchClickTargets,
+    watcherClickTargets
   ]);
   useMouseClick(
     (x, y) => {
@@ -7066,7 +7300,8 @@ function InnerApp({
         theme,
         gapComponent: Gap,
         defaultChoice: initialChoice,
-        defaultWriteMetadata: effectiveWriteMetadata
+        defaultWriteMetadata: effectiveWriteMetadata,
+        onRegisterClickTargets: setWatcherClickTargets
       }
     ),
     phase.name === "batch" && /* @__PURE__ */ jsx18(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "open-nami",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "description": "Open Nami: terminal-first bulk social media profile downloader for Instagram, TikTok, Facebook & X.",
   "type": "module",
   "bin": {