open-nami 1.2.6 → 1.2.8

package/dist/cli.js

@@ -9,7 +9,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "open-nami",
-      version: "1.2.6",
+      version: "1.2.8",
       description: "Open Nami: terminal-first bulk social media profile downloader for Instagram, TikTok, Facebook & X.",
       type: "module",
       bin: {
@@ -77,8 +77,8 @@ import { createRequire } from "module";
 import { render } from "ink";
 
 // src/app.tsx
-import { useState as useState9, useCallback as useCallback5, useRef as useRef5, useEffect as useEffect8, useMemo as useMemo3 } from "react";
-import { Box as Box15, Text as Text17, useApp, useInput as useInput6, useStdout as useStdout3 } from "ink";
+import { useState as useState9, useCallback as useCallback4, useRef as useRef5, useEffect as useEffect8, useMemo as useMemo3 } from "react";
+import { Box as Box15, Text as Text17, useApp, useInput as useInput5, useStdout as useStdout3 } from "ink";
 import Spinner4 from "ink-spinner";
 
 // src/components/fullscreen.tsx
@@ -691,8 +691,8 @@ function Panel({ title, width, children }) {
 }
 
 // src/components/views/picking-view.tsx
-import { useState as useState4, useEffect as useEffect4, useCallback } from "react";
-import { Box as Box6, Text as Text7, useInput as useInput2 } from "ink";
+import { useState as useState4, useEffect as useEffect4 } from "react";
+import { Box as Box6, Text as Text7 } from "ink";
 import SelectInput from "ink-select-input";
 
 // src/lib/engines/checkpoint.ts
@@ -4368,7 +4368,7 @@ async function dispatchDownload(options) {
 }
 
 // src/components/views/picking-view.tsx
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function ChoiceIndicator({ isSelected }) {
   const theme = useTheme();
   return /* @__PURE__ */ jsx8(Box6, { marginRight: 1, children: /* @__PURE__ */ jsx8(Text7, { color: theme.primary, children: isSelected ? "\u276F" : " " }) });
@@ -4392,14 +4392,13 @@ function getPickingOptions(platform) {
   });
   return items;
 }
-var DATE_PRESETS = ["all", "24h", "7d", "30d", "2024", "2023", "2022", "2021", "custom"];
-var LIMIT_PRESETS = [void 0, 10, 24, 50, 100, "custom"];
 function PickingView({
   contentWidth,
   profile,
   outputDir,
   initialLimit,
   initialSince,
+  initialUntil,
   initialWriteMetadata = false,
   initialResume = true,
   onSelect,
@@ -4409,26 +4408,13 @@ function PickingView({
 }) {
   const platformName = profile.platform.charAt(0).toUpperCase() + profile.platform.slice(1);
   const items = getPickingOptions(profile.platform);
-  const [limit, setLimit] = useState4(initialLimit);
-  const [dateFilter, setDateFilter] = useState4(() => {
-    if (typeof initialSince === "string" && initialSince.trim()) {
-      return initialSince.trim();
-    }
-    return "all";
-  });
-  const [writeMetadata, setWriteMetadata] = useState4(initialWriteMetadata);
-  const [resume, setResume] = useState4(initialResume);
   const [hasCheckpoint, setHasCheckpoint] = useState4(false);
-  const [editingModal, setEditingModal] = useState4(null);
-  const [customLimitText, setCustomLimitText] = useState4("");
-  const [customDateText, setCustomDateText] = useState4("");
   const targetDir = resolveDefaultDownloadDir(profile.platform, profile.username, outputDir);
   useEffect4(() => {
     let isMounted = true;
     loadCheckpoint(targetDir).then((cp) => {
       if (isMounted && cp && !cp.completed && Object.keys(cp.cursors || {}).length > 0) {
         setHasCheckpoint(true);
-        setResume(true);
       }
     }).catch(() => {
     });
@@ -4436,68 +4422,14 @@ function PickingView({
       isMounted = false;
     };
   }, [targetDir]);
-  const cycleLimit = useCallback(() => {
-    const curIdx = LIMIT_PRESETS.findIndex((p) => p === limit);
-    const nextIdx = (curIdx + 1) % LIMIT_PRESETS.length;
-    const nextVal = LIMIT_PRESETS[nextIdx];
-    if (nextVal === "custom") {
-      setCustomLimitText(limit ? String(limit) : "24");
-      setEditingModal("limit");
-    } else {
-      setLimit(nextVal);
-    }
-  }, [limit]);
-  const cycleDate = useCallback(() => {
-    const curIdx = DATE_PRESETS.indexOf(dateFilter);
-    const nextIdx = (curIdx + 1) % DATE_PRESETS.length;
-    const nextVal = DATE_PRESETS[nextIdx];
-    if (nextVal === "custom") {
-      setCustomDateText(dateFilter !== "all" ? dateFilter : "2021");
-      setEditingModal("date");
-    } else {
-      setDateFilter(nextVal);
-    }
-  }, [dateFilter]);
-  const toggleMetadata = useCallback(() => {
-    setWriteMetadata((prev) => !prev);
-  }, []);
-  const toggleResume = useCallback(() => {
-    setResume((prev) => !prev);
-  }, []);
-  useInput2((input, key) => {
-    if (editingModal) {
-      if (key.escape) {
-        setEditingModal(null);
-      }
-      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) });
   const handleItemSelect = (selectedChoice) => {
-    if (editingModal) return;
-    const dateRange = resolveDateFilter(dateFilter);
     onSelect({
       choice: selectedChoice,
-      limit,
-      since: dateRange.since,
-      until: dateRange.until,
-      writeMetadata,
-      resume
+      limit: initialLimit,
+      since: typeof initialSince === "string" ? initialSince : void 0,
+      until: typeof initialUntil === "string" ? initialUntil : void 0,
+      writeMetadata: initialWriteMetadata,
+      resume: initialResume
     });
   };
   return /* @__PURE__ */ jsxs6(Box6, { width: contentWidth, children: [
@@ -4513,90 +4445,23 @@ function PickingView({
         profile.cleanUrl ? ` \xB7 ${profile.cleanUrl}` : ""
       ] }),
       /* @__PURE__ */ jsx8(Gap2, {}),
-      /* @__PURE__ */ jsx8(Text7, { color: theme.gray, dimColor: theme.dimSecondary, children: "Select media type. Hotkeys [l], [d], [m], [r] adjust options." }),
+      /* @__PURE__ */ jsx8(Text7, { color: theme.gray, dimColor: theme.dimSecondary, children: "Select what to download from this profile." }),
       hasCheckpoint ? /* @__PURE__ */ jsx8(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text7, { color: theme.primary, bold: true, children: "\u26A1 Checkpoint found (cursor saved)" }) }) : null
     ] }),
-    /* @__PURE__ */ jsxs6(Panel, { title: "Download", width: 38, children: [
-      !editingModal && /* @__PURE__ */ jsx8(
-        SelectInput,
-        {
-          indicatorComponent: ChoiceIndicator,
-          itemComponent: ChoiceItem,
-          items: items.map((item, index) => ({
-            key: String(index),
-            label: item.label,
-            value: item.value
-          })),
-          onSelect: (item) => handleItemSelect(item.value),
-          onHighlight: (item) => onHighlight?.(item.value)
-        }
-      ),
-      /* @__PURE__ */ jsx8(
-        Box6,
-        {
-          flexDirection: "column",
-          marginTop: 1,
-          borderStyle: "round",
-          borderColor: editingModal ? theme.primary : theme.gray,
-          borderDimColor: !editingModal,
-          paddingX: 1,
-          children: editingModal === "limit" ? /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx8(Text7, { bold: true, color: theme.primary, children: "Set post limit (e.g. 24, all):" }),
-            /* @__PURE__ */ jsx8(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx8(
-              TextInput,
-              {
-                value: customLimitText,
-                onChange: setCustomLimitText,
-                onSubmit: (val) => {
-                  const parsed = parseLimit(val);
-                  setLimit(parsed);
-                  setEditingModal(null);
-                },
-                width: 24
-              }
-            ) }),
-            /* @__PURE__ */ jsx8(Text7, { color: theme.gray, dimColor: theme.dimSecondary, children: "\u21B5 confirm \xB7 esc cancel" })
-          ] }) : editingModal === "date" ? /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx8(Text7, { bold: true, color: theme.primary, children: "Set date or year (e.g. 2021, 7d):" }),
-            /* @__PURE__ */ jsx8(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx8(
-              TextInput,
-              {
-                value: customDateText,
-                onChange: setCustomDateText,
-                onSubmit: (val) => {
-                  const trimmed = val.trim();
-                  setDateFilter(trimmed ? trimmed : "all");
-                  setEditingModal(null);
-                },
-                width: 24
-              }
-            ) }),
-            /* @__PURE__ */ jsx8(Text7, { color: theme.gray, dimColor: theme.dimSecondary, children: "\u21B5 confirm \xB7 esc cancel" })
-          ] }) : /* @__PURE__ */ jsxs6(Fragment2, { children: [
-            /* @__PURE__ */ jsxs6(Box6, { justifyContent: "space-between", children: [
-              /* @__PURE__ */ jsxs6(Text7, { color: theme.gray, dimColor: theme.dimSecondary, children: [
-                "[l] Posts: ",
-                /* @__PURE__ */ jsx8(Text7, { color: theme.primary, bold: true, children: limit ? `${limit}` : "ALL" })
-              ] }),
-              /* @__PURE__ */ jsxs6(Text7, { color: theme.gray, dimColor: theme.dimSecondary, children: [
-                "[d] Date: ",
-                /* @__PURE__ */ jsx8(Text7, { color: theme.primary, bold: true, children: dateFilter.toUpperCase() })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs6(Box6, { justifyContent: "space-between", children: [
-              /* @__PURE__ */ jsxs6(Text7, { color: theme.gray, dimColor: theme.dimSecondary, children: [
-                "[m] Meta: ",
-                /* @__PURE__ */ jsx8(Text7, { color: theme.primary, bold: true, children: writeMetadata ? "ON" : "OFF" })
-              ] }),
-              /* @__PURE__ */ jsxs6(Text7, { color: theme.gray, dimColor: theme.dimSecondary, children: [
-                "[r] Resume: ",
-                /* @__PURE__ */ jsx8(Text7, { color: theme.primary, bold: true, children: resume ? "ON" : "OFF" })
-              ] })
-            ] })
-          ] })
-        }
-      )
-    ] })
+    /* @__PURE__ */ jsx8(Panel, { title: "Download", width: 38, children: /* @__PURE__ */ jsx8(
+      SelectInput,
+      {
+        indicatorComponent: ChoiceIndicator,
+        itemComponent: ChoiceItem,
+        items: items.map((item, index) => ({
+          key: String(index),
+          label: item.label,
+          value: item.value
+        })),
+        onSelect: (item) => handleItemSelect(item.value),
+        onHighlight: (item) => onHighlight?.(item.value)
+      }
+    ) })
   ] });
 }
 
@@ -4808,7 +4673,7 @@ function DownloadingView({
 // src/components/views/completion-view.tsx
 import os7 from "os";
 import { Box as Box10, Text as Text12 } from "ink";
-import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var DONE_LABEL = "\u21B5 download another";
 function CompletionView({
   profile,
@@ -4820,10 +4685,10 @@ function CompletionView({
   const plural = result.downloadedCount === 1 ? "" : "s";
   const skipText = result.skippedCount > 0 ? ` (${result.skippedCount} archived)` : "";
   return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", alignItems: "center", children: [
-    /* @__PURE__ */ jsx13(Text12, { children: isZero ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
+    /* @__PURE__ */ jsx13(Text12, { children: isZero ? /* @__PURE__ */ jsxs10(Fragment2, { children: [
       /* @__PURE__ */ jsx13(Text12, { bold: true, color: theme.primary, children: "\u2713 profile scanned " }),
       /* @__PURE__ */ jsx13(Text12, { color: theme.primary, children: "\u2014 0 media items found" })
-    ] }) : /* @__PURE__ */ jsxs10(Fragment3, { children: [
+    ] }) : /* @__PURE__ */ jsxs10(Fragment2, { children: [
       /* @__PURE__ */ jsx13(Text12, { bold: true, color: theme.primary, children: "\u2713 profile downloaded! " }),
       /* @__PURE__ */ jsx13(Text12, { color: theme.primary, children: "saved to:" })
     ] }) }),
@@ -4870,8 +4735,8 @@ function ErrorView({ message, hint, columns, theme }) {
 }
 
 // src/components/views/settings-view.tsx
-import { useState as useState6, useMemo as useMemo2, useCallback as useCallback2 } from "react";
-import { Box as Box12, Text as Text14, useInput as useInput3 } from "ink";
+import { useState as useState6, useMemo as useMemo2, useCallback } from "react";
+import { Box as Box12, Text as Text14, useInput as useInput2 } from "ink";
 import fs11 from "fs";
 import path11 from "path";
 import os8 from "os";
@@ -4895,7 +4760,7 @@ function SettingsView({
   const initialConfig = useMemo2(() => loadConfig(), []);
   const [internalFocus, setInternalFocus] = useState6("cookies");
   const focusedField = controlledFocus ?? internalFocus;
-  const setField = useCallback2(
+  const setField = useCallback(
     (field) => {
       setInternalFocus(field);
       onFocusChange?.(field);
@@ -4907,7 +4772,7 @@ function SettingsView({
   const [writeMetadata, setWriteMetadata] = useState6(Boolean(initialConfig.writeMetadata));
   const [defaultLimit, setDefaultLimit] = useState6(initialConfig.defaultLimit);
   const [saved, setSaved] = useState6(false);
-  const handleSave = useCallback2(() => {
+  const handleSave = useCallback(() => {
     const existing = loadConfig();
     const nextConfig = {
       ...existing,
@@ -4955,20 +4820,20 @@ function SettingsView({
     }
     return `target: ${path11.resolve(expandDir(dir))}`;
   }, [downloadDir]);
-  const cycleFocus = useCallback2((forward = true) => {
+  const cycleFocus = useCallback((forward = true) => {
     const fields = ["cookies", "download", "metadata", "limit"];
     const idx = fields.indexOf(focusedField);
     const nextIdx = forward ? (idx + 1) % fields.length : (idx - 1 + fields.length) % fields.length;
     setField(fields[nextIdx]);
   }, [focusedField, setField]);
-  const cycleLimit = useCallback2(() => {
+  const cycleLimit = useCallback(() => {
     setDefaultLimit((prev) => {
       const idx = LIMIT_OPTIONS.indexOf(prev);
       const nextIdx = (idx + 1) % LIMIT_OPTIONS.length;
       return LIMIT_OPTIONS[nextIdx];
     });
   }, []);
-  useInput3((input, key) => {
+  useInput2((input, key) => {
     if (key.escape) {
       onCancel();
       return;
@@ -5096,8 +4961,8 @@ function SettingsView({
 }
 
 // src/components/views/watcher-view.tsx
-import { useState as useState7, useEffect as useEffect6, useRef as useRef3, useCallback as useCallback3 } from "react";
-import { Box as Box13, Text as Text15, useInput as useInput4 } from "ink";
+import { useState as useState7, useEffect as useEffect6, useRef as useRef3, useCallback as useCallback2 } from "react";
+import { Box as Box13, Text as Text15, useInput as useInput3 } from "ink";
 import Spinner2 from "ink-spinner";
 
 // src/lib/clipboard.ts
@@ -5352,9 +5217,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 +5309,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 +5339,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 = {
@@ -5526,34 +5396,82 @@ function WatcherView({
       watcher.stop();
     };
   }, [outputDir]);
-  const cycleChoice = useCallback3(() => {
+  const cycleChoice = useCallback2(() => {
     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(() => {
+  const toggleMetadata = useCallback2(() => {
     setWriteMetadata((prev) => !prev);
   }, []);
-  const openFolder = useCallback3(() => {
+  const openFolder = useCallback2(() => {
     const target = outputDir || resolveDefaultDownloadDir("instagram", "watcher");
     revealInFileManager(target);
   }, [outputDir]);
-  useInput4((input, key) => {
+  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]);
+  useInput3((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 +5487,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 +5526,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: ",
@@ -5629,8 +5576,8 @@ function WatcherView({
 }
 
 // src/components/views/batch-view.tsx
-import { useState as useState8, useRef as useRef4, useCallback as useCallback4, useEffect as useEffect7 } from "react";
-import { Box as Box14, Text as Text16, useInput as useInput5 } from "ink";
+import { useState as useState8, useRef as useRef4, useCallback as useCallback3, useEffect as useEffect7 } from "react";
+import { Box as Box14, Text as Text16, useInput as useInput4 } from "ink";
 import Spinner3 from "ink-spinner";
 import fs13 from "fs";
 
@@ -5754,11 +5701,11 @@ async function runBatchQueue(options) {
 }
 
 // src/components/views/batch-view.tsx
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var PLATFORMS = ["instagram", "tiktok", "facebook", "x"];
-var CHOICES = ["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 CHOICES2 = ["all", "photos", "videos", "stories", "highlights"];
+var DATE_PRESETS = ["all", "24h", "7d", "30d", "2024", "2023", "2022", "2021", "custom"];
+var LIMIT_PRESETS = [void 0, 10, 24, 50, 100, "custom"];
 function BatchView({
   onBack,
   outputDir,
@@ -5790,22 +5737,22 @@ function BatchView({
   const [isCooldown, setIsCooldown] = useState8(false);
   const [result, setResult] = useState8(null);
   const abortControllerRef = useRef4(null);
-  const cyclePlatform = useCallback4(() => {
+  const cyclePlatform = useCallback3(() => {
     setDefaultPlatform((prev) => {
       const idx = PLATFORMS.indexOf(prev);
       return PLATFORMS[(idx + 1) % PLATFORMS.length];
     });
   }, []);
-  const cycleChoice = useCallback4(() => {
+  const cycleChoice = useCallback3(() => {
     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(() => {
-    const curIdx = LIMIT_PRESETS2.findIndex((p) => p === limit);
-    const nextIdx = (curIdx + 1) % LIMIT_PRESETS2.length;
-    const nextVal = LIMIT_PRESETS2[nextIdx];
+  const cycleLimit = useCallback3(() => {
+    const curIdx = LIMIT_PRESETS.findIndex((p) => p === limit);
+    const nextIdx = (curIdx + 1) % LIMIT_PRESETS.length;
+    const nextVal = LIMIT_PRESETS[nextIdx];
     if (nextVal === "custom") {
       setCustomLimitText(limit ? String(limit) : "24");
       setFocusedControl("custom-limit");
@@ -5813,10 +5760,10 @@ function BatchView({
       setLimit(nextVal);
     }
   }, [limit]);
-  const cycleDate = useCallback4(() => {
-    const curIdx = DATE_PRESETS2.indexOf(dateFilter);
-    const nextIdx = (curIdx + 1) % DATE_PRESETS2.length;
-    const nextVal = DATE_PRESETS2[nextIdx];
+  const cycleDate = useCallback3(() => {
+    const curIdx = DATE_PRESETS.indexOf(dateFilter);
+    const nextIdx = (curIdx + 1) % DATE_PRESETS.length;
+    const nextVal = DATE_PRESETS[nextIdx];
     if (nextVal === "custom") {
       setCustomDateText(dateFilter !== "all" ? dateFilter : "2024");
       setFocusedControl("custom-date");
@@ -5824,13 +5771,13 @@ function BatchView({
       setDateFilter(nextVal);
     }
   }, [dateFilter]);
-  const toggleMetadata = useCallback4(() => {
+  const toggleMetadata = useCallback3(() => {
     setWriteMetadata((prev) => !prev);
   }, []);
-  const toggleResume = useCallback4(() => {
+  const toggleResume = useCallback3(() => {
     setResume((prev) => !prev);
   }, []);
-  const startQueue = useCallback4(async () => {
+  const startQueue = useCallback3(async () => {
     setErrorMessage(null);
     let lines = [];
     if (inputField === "file") {
@@ -5917,7 +5864,7 @@ function BatchView({
       setPhase("input");
     }
   }, [inputField, filePath, rawText, choice, defaultPlatform, outputDir, dateFilter, limit, resume, writeMetadata]);
-  useInput5((input, key) => {
+  useInput4((input, key) => {
     if (key.ctrl && (input === "c" || input === "C")) {
       return;
     }
@@ -6461,7 +6408,7 @@ function BatchView({
               }
             ) }),
             /* @__PURE__ */ jsx17(Text16, { color: theme.gray, dimColor: theme.dimSecondary, children: "\u21B5 confirm \xB7 esc cancel" })
-          ] }) : /* @__PURE__ */ jsxs14(Fragment4, { children: [
+          ] }) : /* @__PURE__ */ jsxs14(Fragment3, { children: [
             /* @__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: " }),
@@ -6673,7 +6620,7 @@ function frameRowSpan(row) {
 }
 
 // src/app.tsx
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var TAGLINE = "grab any profile. paste. download. done.";
 var DOWNLOAD_BUTTON = "download";
 var Gap = ({ lines = 1 }) => /* @__PURE__ */ jsx18(Box15, { flexDirection: "column", flexShrink: 0, children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx18(Text17, { children: " " }, i)) });
@@ -6752,7 +6699,7 @@ function App({
   version = "1.0.0"
 }) {
   const [themeMode, setThemeMode] = useState9(initialThemeMode);
-  const cycleTheme = useCallback5(() => {
+  const cycleTheme = useCallback4(() => {
     setThemeMode(nextThemeMode);
   }, []);
   return /* @__PURE__ */ jsx18(ThemeProvider, { mode: themeMode, children: /* @__PURE__ */ jsx18(
@@ -6793,6 +6740,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));
@@ -6829,7 +6777,7 @@ function InnerApp({
       }
     };
   }, []);
-  const resetToInput = useCallback5(() => {
+  const resetToInput = useCallback4(() => {
     if (probingTimeoutRef.current) {
       clearTimeout(probingTimeoutRef.current);
       probingTimeoutRef.current = null;
@@ -6839,7 +6787,7 @@ function InnerApp({
     setUrlInput("");
     setPhase({ name: "input" });
   }, []);
-  const handleModeSelect = useCallback5(async (choiceOrOptions, profile) => {
+  const handleModeSelect = useCallback4(async (choiceOrOptions, profile) => {
     abortControllerRef.current?.abort();
     const controller = new AbortController();
     abortControllerRef.current = controller;
@@ -6889,7 +6837,7 @@ function InnerApp({
       });
     }
   }, [outputDir, since, until, effectiveLimit, resume, effectiveWriteMetadata]);
-  const handlePlatformSelect = useCallback5((platform, username, rawInput) => {
+  const handlePlatformSelect = useCallback4((platform, username, rawInput) => {
     const canonical = buildCanonicalProfile(platform, username, rawInput);
     setPhase({ name: "probing", target: canonical.cleanUrl, status: "probing profile\u2026" });
     if (probingTimeoutRef.current) clearTimeout(probingTimeoutRef.current);
@@ -6902,7 +6850,7 @@ function InnerApp({
       }
     }, 450);
   }, [initialChoice, handleModeSelect]);
-  const handleInputSubmit = useCallback5((input) => {
+  const handleInputSubmit = useCallback4((input) => {
     const trimmed = input.trim();
     if (!trimmed) return;
     const parsed = parseProfileInput(trimmed);
@@ -6928,7 +6876,7 @@ function InnerApp({
       warning: "paste a full profile url (e.g. instagram.com/profile) or @profile"
     });
   }, [initialChoice, handleModeSelect]);
-  useInput6((input, key) => {
+  useInput5((input, key) => {
     if (key.ctrl && input === "t") {
       cycleTheme();
       return;
@@ -6944,8 +6892,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;
     }
@@ -7063,6 +7014,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 });
@@ -7083,7 +7037,8 @@ function InnerApp({
     handlePlatformSelect,
     handleModeSelect,
     resetToInput,
-    batchClickTargets
+    batchClickTargets,
+    watcherClickTargets
   ]);
   useMouseClick(
     (x, y) => {
@@ -7210,7 +7165,8 @@ function InnerApp({
         theme,
         gapComponent: Gap,
         defaultChoice: initialChoice,
-        defaultWriteMetadata: effectiveWriteMetadata
+        defaultWriteMetadata: effectiveWriteMetadata,
+        onRegisterClickTargets: setWatcherClickTargets
       }
     ),
     phase.name === "batch" && /* @__PURE__ */ jsx18(
@@ -7228,7 +7184,7 @@ function InnerApp({
         onRegisterClickTargets: setBatchClickTargets
       }
     ),
-    hints.length > 0 ? /* @__PURE__ */ jsxs15(Fragment5, { children: [
+    hints.length > 0 ? /* @__PURE__ */ jsxs15(Fragment4, { children: [
       /* @__PURE__ */ jsx18(Gap, { lines: 2 }),
       /* @__PURE__ */ jsx18(
         Shortcuts,

package/package.json

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