git-sync-tui 0.1.3 → 0.1.5

package/dist/cli.js

@@ -11,7 +11,7 @@ import { render } from "ink";
 import meow from "meow";
 
 // src/app.tsx
-import { useState as useState7, useEffect as useEffect4, useRef as useRef2, useCallback as useCallback2 } from "react";
+import { useState as useState7, useEffect as useEffect5, useRef as useRef3, useCallback as useCallback2 } from "react";
 import { Box as Box9, useApp } from "ink";
 import { Spinner as Spinner6 } from "@inkjs/ui";
 
@@ -32,14 +32,18 @@ function StepProgress({ current }) {
         " ",
         isActive ? /* @__PURE__ */ jsx(Text, { bold: true, children: label }) : label
       ] }),
-      !isLast && /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: " \u2500 " })
+      !isLast && /* @__PURE__ */ jsxs(Text, { color: isDone ? "green" : "gray", dimColor: !isDone, children: [
+        " ",
+        "\u2500\u2500\u2500",
+        " "
+      ] })
     ] }, label);
   }) });
 }
 function SectionHeader({ title, subtitle }) {
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
     /* @__PURE__ */ jsxs(Text, { bold: true, color: "cyan", children: [
-      "\u25B8 ",
+      "\u25BE ",
       title
     ] }),
     subtitle && /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
@@ -50,10 +54,8 @@ function SectionHeader({ title, subtitle }) {
 }
 function KeyHints({ hints }) {
   return /* @__PURE__ */ jsx(Box, { gap: 1, flexWrap: "wrap", children: hints.map(({ key, label }) => /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "[" }),
-    /* @__PURE__ */ jsx(Text, { color: "cyan", children: key }),
-    /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "]" }),
-    /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+    /* @__PURE__ */ jsx(Text, { backgroundColor: "gray", color: "white", bold: true, children: ` ${key} ` }),
+    /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
       " ",
       label
     ] })
@@ -61,7 +63,7 @@ function KeyHints({ hints }) {
 }
 function InlineKeys({ hints }) {
   return /* @__PURE__ */ jsx(Box, { gap: 1, children: hints.map(({ key, label }, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-    /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+    /* @__PURE__ */ jsxs(Text, { color: "green", bold: true, children: [
       "[",
       key,
       "]"
@@ -92,13 +94,12 @@ function StatusPanel({ type, title, children }) {
 }
 function AppHeader({ step, stashed }) {
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "\u25C7 " }),
-      /* @__PURE__ */ jsx(Text, { bold: true, children: "git-sync-tui" }),
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: "  cherry-pick --no-commit" }),
-      stashed && /* @__PURE__ */ jsx(Text, { color: "yellow", children: " \u25AA stashed" })
+    /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { backgroundColor: "cyan", color: "white", bold: true, children: " git-sync-tui " }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "cherry-pick --no-commit" }),
+      stashed && /* @__PURE__ */ jsx(Text, { backgroundColor: "yellow", color: "white", bold: true, children: " STASHED " })
     ] }),
-    /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsxs(Box, { marginTop: 0, children: [
       /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "  " }),
       /* @__PURE__ */ jsx(StepProgress, { current: step })
     ] })
@@ -156,38 +157,66 @@ async function addRemote(name, url) {
   const git = getGit();
   await git.addRemote(name, url);
 }
-async function getRemoteBranches(remote) {
+async function getRemoteBranches(remote2) {
   const git = getGit();
   try {
-    await git.fetch(remote);
+    const lsResult = await git.raw(["ls-remote", "--heads", remote2]);
+    if (lsResult.trim()) {
+      return lsResult.trim().split("\n").map((line) => line.replace(/^.*refs\/heads\//, "")).filter(Boolean).sort();
+    }
   } catch {
   }
   const result = await git.branch(["-r"]);
-  const prefix = `${remote}/`;
-  return result.all.filter((b) => b.startsWith(prefix) && !b.includes("HEAD")).map((b) => b.replace(prefix, "")).sort();
+  const prefix = `${remote2}/`;
+  const branches = result.all.filter((b) => b.startsWith(prefix) && !b.includes("HEAD")).map((b) => b.replace(prefix, "")).sort();
+  if (branches.length > 0) return branches;
+  throw new Error(`\u65E0\u6CD5\u83B7\u53D6\u8FDC\u7A0B\u4ED3\u5E93 '${remote2}' \u7684\u5206\u652F\u5217\u8868\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC\u6216\u4ED3\u5E93\u5730\u5740`);
 }
-async function getCommits(remote, branch, count = 30) {
+async function getCommits(remote2, branch2, count2 = 100) {
   const git = getGit();
-  const ref = `${remote}/${branch}`;
-  const log = await git.log({
-    from: void 0,
-    to: ref,
-    maxCount: count,
-    format: {
-      hash: "%H",
-      shortHash: "%h",
-      message: "%s",
-      author: "%an",
-      date: "%ar"
+  const ref = `${remote2}/${branch2}`;
+  try {
+    await git.raw(["rev-parse", "--verify", ref]);
+  } catch {
+    try {
+      await git.fetch(remote2, branch2);
+    } catch {
+      throw new Error(`\u65E0\u6CD5\u83B7\u53D6 ${ref}\uFF0C\u8BF7\u68C0\u67E5\u8FDC\u7A0B\u4ED3\u5E93\u8FDE\u63A5`);
     }
+  }
+  const result = await git.raw([
+    "log",
+    ref,
+    `--max-count=${count2}`,
+    "--format=%H%n%h%n%s%n%an%n%ar%n---"
+  ]);
+  if (!result.trim()) return [];
+  const entries = result.trim().split("\n---\n").filter(Boolean);
+  return entries.map((block) => {
+    const [hash, shortHash, message, author, date] = block.split("\n");
+    return { hash, shortHash, message: message || "", author: author || "", date: date || "" };
   });
-  return log.all.map((entry) => ({
-    hash: entry.hash,
-    shortHash: entry.hash.substring(0, 7),
-    message: entry.message || "",
-    author: entry.author || "",
-    date: entry.date || ""
-  }));
+}
+async function getUnsyncedCommits(remote2, branch2, count2 = 100) {
+  const git = getGit();
+  const ref = `${remote2}/${branch2}`;
+  const allCommits = await getCommits(remote2, branch2, count2);
+  try {
+    const result = await git.raw([
+      "cherry",
+      "HEAD",
+      ref
+    ]);
+    const unsyncedHashes = new Set(
+      result.trim().split("\n").filter((line) => line.startsWith("+ ")).map((line) => line.substring(2).trim())
+    );
+    return allCommits.map((c) => ({
+      ...c,
+      synced: !unsyncedHashes.has(c.hash)
+    }));
+  } catch {
+    return allCommits;
+  }
 }
 async function getMultiCommitStat(hashes) {
   if (hashes.length === 0) return "";
@@ -378,10 +407,10 @@ function StashRecovery({ timestamp, onRecover, onSkip }) {
 // src/components/remote-select.tsx
 import { useState as useState3 } from "react";
 import { Box as Box4, Text as Text4, useInput as useInput3 } from "ink";
-import { Select, Spinner as Spinner2, TextInput } from "@inkjs/ui";
+import { Spinner as Spinner2, TextInput } from "@inkjs/ui";
 
 // src/hooks/use-git.ts
-import { useState as useState2, useEffect as useEffect2, useCallback } from "react";
+import { useState as useState2, useEffect as useEffect2, useCallback, useRef } from "react";
 function useAsync(fn, deps = []) {
   const [state, setState] = useState2({
     data: null,
@@ -405,17 +434,55 @@ function useAsync(fn, deps = []) {
 function useRemotes() {
   return useAsync(() => getRemotes(), []);
 }
-function useBranches(remote) {
+function useBranches(remote2) {
   return useAsync(
-    () => remote ? getRemoteBranches(remote) : Promise.resolve([]),
-    [remote]
+    () => remote2 ? getRemoteBranches(remote2) : Promise.resolve([]),
+    [remote2]
   );
 }
-function useCommits(remote, branch, count = 30) {
-  return useAsync(
-    () => remote && branch ? getCommits(remote, branch, count) : Promise.resolve([]),
-    [remote, branch, count]
-  );
+function useCommits(remote2, branch2, pageSize = 100) {
+  const [data, setData] = useState2(null);
+  const [loading, setLoading] = useState2(true);
+  const [loadingMore, setLoadingMore] = useState2(false);
+  const [error2, setError] = useState2(null);
+  const [hasMore, setHasMore] = useState2(true);
+  const loadedRef = useRef(0);
+  useEffect2(() => {
+    if (!remote2 || !branch2) {
+      setData([]);
+      setLoading(false);
+      setHasMore(false);
+      return;
+    }
+    setData(null);
+    setLoading(true);
+    setError(null);
+    setHasMore(true);
+    loadedRef.current = 0;
+    getUnsyncedCommits(remote2, branch2, pageSize).then((commits2) => {
+      setData(commits2);
+      setLoading(false);
+      loadedRef.current = commits2.length;
+      setHasMore(commits2.length >= pageSize);
+    }).catch((err) => {
+      setError(err.message);
+      setLoading(false);
+    });
+  }, [remote2, branch2, pageSize]);
+  const loadMore = useCallback(async () => {
+    if (!remote2 || !branch2 || loadingMore || !hasMore) return;
+    setLoadingMore(true);
+    try {
+      const nextCount = loadedRef.current + pageSize;
+      const allCommits = await getUnsyncedCommits(remote2, branch2, nextCount);
+      setData(allCommits);
+      setHasMore(allCommits.length >= nextCount);
+      loadedRef.current = allCommits.length;
+    } catch {
+    }
+    setLoadingMore(false);
+  }, [remote2, branch2, pageSize, loadingMore, hasMore]);
+  return { data, loading, loadingMore, error: error2, hasMore, loadMore };
 }
 function useCommitStat(hashes) {
   const [stat, setStat] = useState2("");
@@ -445,28 +512,45 @@ function extractRemoteName(url) {
   return lastSegment;
 }
 function RemoteSelect({ onSelect, onBack }) {
-  const { data: remotes, loading, error, reload } = useRemotes();
+  const { data: remotes, loading, error: error2, reload } = useRemotes();
   const [phase, setPhase] = useState3("list");
+  const [cursorIndex, setCursorIndex] = useState3(0);
   const [customUrl, setCustomUrl] = useState3("");
   const [addError, setAddError] = useState3(null);
-  useInput3((_input, key) => {
+  const totalItems = (remotes?.length || 0) + 1;
+  useInput3((input, key) => {
+    if (phase !== "list") {
+      if (key.escape) {
+        if (phase === "input-name") {
+          setPhase("input-url");
+        } else if (phase === "input-url") {
+          setPhase("list");
+        }
+      }
+      return;
+    }
     if (key.escape) {
-      if (phase === "input-name") {
+      onBack?.();
+    } else if (key.upArrow) {
+      setCursorIndex((prev) => Math.max(0, prev - 1));
+    } else if (key.downArrow) {
+      setCursorIndex((prev) => Math.min(totalItems - 1, prev + 1));
+    } else if (key.return) {
+      if (remotes && cursorIndex < remotes.length) {
+        onSelect(remotes[cursorIndex].name);
+      } else {
         setPhase("input-url");
-      } else if (phase === "input-url") {
-        setPhase("list");
-      } else if (phase === "list") {
-        onBack?.();
       }
     }
   });
   if (loading) {
     return /* @__PURE__ */ jsx4(Spinner2, { label: "\u83B7\u53D6\u8FDC\u7A0B\u4ED3\u5E93..." });
   }
-  if (error) {
+  if (error2) {
     return /* @__PURE__ */ jsxs4(Text4, { color: "red", children: [
-      "\u2716 \u83B7\u53D6\u8FDC\u7A0B\u4ED3\u5E93\u5931\u8D25: ",
-      error
+      "\u2716 ",
+      "\u83B7\u53D6\u8FDC\u7A0B\u4ED3\u5E93\u5931\u8D25: ",
+      error2
     ] });
   }
   if (phase === "adding") {
@@ -496,7 +580,10 @@ function RemoteSelect({ onSelect, onBack }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: "  \u652F\u6301 HTTPS / SSH \u5730\u5740" })
+      /* @__PURE__ */ jsxs4(Text4, { color: "gray", dimColor: true, children: [
+        "  ",
+        "\u652F\u6301 HTTPS / SSH \u5730\u5740"
+      ] })
     ] });
   }
   if (phase === "input-name") {
@@ -540,99 +627,187 @@ function RemoteSelect({ onSelect, onBack }) {
       ] })
     ] });
   }
-  const options = [
-    ...(remotes || []).map((r) => ({
-      label: `${r.name}  ${r.fetchUrl}`,
-      value: r.name
-    })),
-    {
-      label: "+ \u6DFB\u52A0\u8FDC\u7A0B\u4ED3\u5E93...",
-      value: "__add_custom__"
-    }
-  ];
-  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", gap: 1, children: [
+  const maxNameLen = Math.max(...(remotes || []).map((r) => r.name.length), 0);
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx4(SectionHeader, { title: "\u9009\u62E9\u8FDC\u7A0B\u4ED3\u5E93" }),
-    /* @__PURE__ */ jsx4(
-      Select,
-      {
-        options,
-        onChange: (value) => {
-          if (value === "__add_custom__") {
-            setPhase("input-url");
-          } else {
-            onSelect(value);
-          }
-        }
-      }
-    )
+    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginTop: 1, children: [
+      (remotes || []).map((r, i) => {
+        const isCursor = i === cursorIndex;
+        return /* @__PURE__ */ jsxs4(Box4, { children: [
+          /* @__PURE__ */ jsx4(Text4, { color: isCursor ? "cyan" : "gray", children: isCursor ? "\u203A" : " " }),
+          /* @__PURE__ */ jsx4(Text4, { children: " " }),
+          /* @__PURE__ */ jsx4(Text4, { color: isCursor ? "cyan" : "white", bold: isCursor, children: r.name.padEnd(maxNameLen + 2) }),
+          /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: r.fetchUrl })
+        ] }, r.name);
+      }),
+      /* @__PURE__ */ jsxs4(Box4, { children: [
+        /* @__PURE__ */ jsx4(Text4, { color: cursorIndex === (remotes?.length || 0) ? "cyan" : "gray", children: cursorIndex === (remotes?.length || 0) ? "\u203A" : " " }),
+        /* @__PURE__ */ jsx4(Text4, { children: " " }),
+        /* @__PURE__ */ jsx4(Text4, { color: "green", dimColor: cursorIndex !== (remotes?.length || 0), children: "+ \u6DFB\u52A0\u8FDC\u7A0B\u4ED3\u5E93..." })
+      ] })
+    ] })
   ] });
 }
 
 // src/components/branch-select.tsx
 import { useState as useState4, useMemo } from "react";
 import { Box as Box5, Text as Text5, useInput as useInput4 } from "ink";
-import { Select as Select2, Spinner as Spinner3, TextInput as TextInput2 } from "@inkjs/ui";
+import { Spinner as Spinner3, TextInput as TextInput2 } from "@inkjs/ui";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function BranchSelect({ remote, onSelect, onBack }) {
-  const { data: branches, loading, error } = useBranches(remote);
+function BranchSelect({ remote: remote2, onSelect, onBack }) {
+  const { data: branches, loading, error: error2 } = useBranches(remote2);
   const [filter, setFilter] = useState4("");
-  useInput4((_input, key) => {
-    if (key.escape) onBack?.();
-  });
-  const filteredOptions = useMemo(() => {
+  const [cursorIndex, setCursorIndex] = useState4(0);
+  const filteredBranches = useMemo(() => {
     if (!branches) return [];
-    const filtered = filter ? branches.filter((b) => b.toLowerCase().includes(filter.toLowerCase())) : branches;
-    return filtered.map((b) => ({ label: b, value: b }));
+    return filter ? branches.filter((b) => b.toLowerCase().includes(filter.toLowerCase())) : branches;
   }, [branches, filter]);
+  const visibleCount = 10;
+  const startIdx = Math.max(0, Math.min(cursorIndex - Math.floor(visibleCount / 2), filteredBranches.length - visibleCount));
+  const visibleBranches = filteredBranches.slice(startIdx, startIdx + visibleCount);
+  useInput4((input, key) => {
+    if (key.escape) {
+      onBack?.();
+    } else if (key.upArrow) {
+      setCursorIndex((prev) => Math.max(0, prev - 1));
+    } else if (key.downArrow) {
+      setCursorIndex((prev) => Math.min(filteredBranches.length - 1, prev + 1));
+    } else if (key.return) {
+      if (filteredBranches.length > 0) {
+        onSelect(filteredBranches[cursorIndex]);
+      }
+    }
+  });
   if (loading) {
-    return /* @__PURE__ */ jsx5(Spinner3, { label: `\u83B7\u53D6 ${remote} \u7684\u5206\u652F\u5217\u8868...` });
+    return /* @__PURE__ */ jsx5(Spinner3, { label: `\u83B7\u53D6 ${remote2} \u7684\u5206\u652F\u5217\u8868...` });
   }
-  if (error) {
+  if (error2) {
     return /* @__PURE__ */ jsxs5(Text5, { color: "red", children: [
-      "\u2716 \u83B7\u53D6\u5206\u652F\u5217\u8868\u5931\u8D25: ",
-      error
+      "\u2716 ",
+      "\u83B7\u53D6\u5206\u652F\u5217\u8868\u5931\u8D25: ",
+      error2
     ] });
   }
   if (!branches || branches.length === 0) {
-    return /* @__PURE__ */ jsx5(Text5, { color: "red", children: "\u2716 \u672A\u627E\u5230\u8FDC\u7A0B\u5206\u652F" });
+    return /* @__PURE__ */ jsxs5(Text5, { color: "red", children: [
+      "\u2716 ",
+      "\u672A\u627E\u5230\u8FDC\u7A0B\u5206\u652F"
+    ] });
   }
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsx5(SectionHeader, { title: `\u9009\u62E9\u5206\u652F`, subtitle: `${remote} \xB7 ${branches.length} \u4E2A\u5206\u652F` }),
-    /* @__PURE__ */ jsxs5(Box5, { children: [
-      /* @__PURE__ */ jsx5(Text5, { color: "gray", children: "/ " }),
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx5(SectionHeader, { title: "\u9009\u62E9\u5206\u652F", subtitle: `${remote2} \xB7 ${branches.length} \u4E2A\u5206\u652F` }),
+    /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: "/ " }),
       /* @__PURE__ */ jsx5(
         TextInput2,
         {
           placeholder: "\u8F93\u5165\u5173\u952E\u5B57\u8FC7\u6EE4...",
-          onChange: setFilter
+          onChange: (val) => {
+            setFilter(val);
+            setCursorIndex(0);
+          }
         }
       ),
       filter && /* @__PURE__ */ jsxs5(Text5, { color: "gray", dimColor: true, children: [
         " \xB7 \u5339\u914D ",
-        filteredOptions.length
+        filteredBranches.length
       ] })
     ] }),
-    filteredOptions.length > 0 ? /* @__PURE__ */ jsx5(Select2, { options: filteredOptions, onChange: onSelect }) : /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "\u25B2 \u65E0\u5339\u914D\u5206\u652F" })
+    filteredBranches.length > 0 ? /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
+      startIdx > 0 && /* @__PURE__ */ jsxs5(Text5, { color: "gray", dimColor: true, children: [
+        "  ",
+        "\u2191 ",
+        startIdx,
+        " more"
+      ] }),
+      visibleBranches.map((b, i) => {
+        const actualIdx = startIdx + i;
+        const isCursor = actualIdx === cursorIndex;
+        return /* @__PURE__ */ jsxs5(Box5, { children: [
+          /* @__PURE__ */ jsx5(Text5, { color: isCursor ? "cyan" : "gray", children: isCursor ? "\u203A" : " " }),
+          /* @__PURE__ */ jsx5(Text5, { children: " " }),
+          /* @__PURE__ */ jsx5(Text5, { color: isCursor ? "cyan" : "white", bold: isCursor, children: b })
+        ] }, b);
+      }),
+      startIdx + visibleCount < filteredBranches.length && /* @__PURE__ */ jsxs5(Text5, { color: "gray", dimColor: true, children: [
+        "  ",
+        "\u2193 ",
+        filteredBranches.length - startIdx - visibleCount,
+        " more"
+      ] })
+    ] }) : /* @__PURE__ */ jsxs5(Text5, { color: "yellow", children: [
+      "\u25B2 ",
+      "\u65E0\u5339\u914D\u5206\u652F"
+    ] })
   ] });
 }
 
 // src/components/commit-list.tsx
-import { useState as useState5, useMemo as useMemo2, useRef } from "react";
+import { useState as useState5, useMemo as useMemo2, useRef as useRef2, useEffect as useEffect3 } from "react";
 import { Box as Box6, Text as Text6, useInput as useInput5 } from "ink";
 import { Spinner as Spinner4 } from "@inkjs/ui";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function CommitList({ remote, branch, onSelect, onBack }) {
-  const { data: commits, loading, error } = useCommits(remote, branch, 30);
+function StatPanel({ stat, loading, count: count2 }) {
+  const STAT_HEIGHT = 8;
+  const [scrollOffset, setScrollOffset] = useState5(0);
+  const lines = useMemo2(() => stat ? stat.split("\n") : [], [stat]);
+  const canScroll = lines.length > STAT_HEIGHT;
+  useEffect3(() => {
+    setScrollOffset(0);
+  }, [stat]);
+  useInput5((input) => {
+    if (!canScroll) return;
+    if (input === "j") {
+      setScrollOffset((prev) => Math.min(prev + 1, lines.length - STAT_HEIGHT));
+    } else if (input === "k") {
+      setScrollOffset((prev) => Math.max(0, prev - 1));
+    }
+  });
+  const visibleLines = canScroll ? lines.slice(scrollOffset, scrollOffset + STAT_HEIGHT) : lines;
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs6(Box6, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs6(Text6, { bold: true, color: "cyan", children: [
+        "\u25C6 ",
+        "\u5DF2\u9009 ",
+        count2,
+        " \u4E2A commit \xB7 diff --stat"
+      ] }),
+      canScroll && /* @__PURE__ */ jsxs6(Text6, { color: "gray", dimColor: true, children: [
+        scrollOffset + 1,
+        "-",
+        Math.min(scrollOffset + STAT_HEIGHT, lines.length),
+        "/",
+        lines.length,
+        " [j/k]"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", height: STAT_HEIGHT, children: loading ? /* @__PURE__ */ jsx6(Spinner4, { label: "\u52A0\u8F7D\u4E2D..." }) : visibleLines.length > 0 ? visibleLines.map((line, i) => /* @__PURE__ */ jsx6(Text6, { color: "gray", children: line }, scrollOffset + i)) : /* @__PURE__ */ jsx6(Text6, { color: "gray", dimColor: true, children: "(\u65E0\u53D8\u66F4)" }) })
+  ] });
+}
+function CommitList({ remote: remote2, branch: branch2, onSelect, onBack }) {
+  const { data: commits2, loading, loadingMore, error: error2, hasMore, loadMore } = useCommits(remote2, branch2, 100);
   const [selectedIndex, setSelectedIndex] = useState5(0);
   const [selectedHashes, setSelectedHashes] = useState5(/* @__PURE__ */ new Set());
   const [shiftMode, setShiftMode] = useState5(false);
-  const anchorIndexRef = useRef(null);
+  const anchorIndexRef = useRef2(null);
   const selectedKey = useMemo2(() => Array.from(selectedHashes).sort().join(","), [selectedHashes]);
   const selectedArray = useMemo2(() => Array.from(selectedHashes), [selectedKey]);
   const { stat, loading: statLoading } = useCommitStat(selectedArray);
+  const syncedCount = useMemo2(() => {
+    if (!commits2) return 0;
+    return commits2.filter((c) => c.synced).length;
+  }, [commits2]);
+  useEffect3(() => {
+    if (!commits2 || !hasMore || loadingMore) return;
+    if (selectedIndex >= commits2.length - 5) {
+      loadMore();
+    }
+  }, [selectedIndex, commits2?.length, hasMore, loadingMore, loadMore]);
   const toggleCurrent = () => {
-    if (!commits || commits.length === 0) return;
-    const hash = commits[selectedIndex].hash;
+    if (!commits2 || commits2.length === 0) return;
+    const commit = commits2[selectedIndex];
+    if (commit.synced) return;
+    const hash = commit.hash;
     setSelectedHashes((prev) => {
       const next = new Set(prev);
       if (next.has(hash)) {
@@ -646,49 +821,54 @@ function CommitList({ remote, branch, onSelect, onBack }) {
     });
   };
   const selectRange = (anchor, current) => {
-    if (!commits) return;
+    if (!commits2) return;
     const start = Math.min(anchor, current);
     const end = Math.max(anchor, current);
     setSelectedHashes((prev) => {
       const next = new Set(prev);
       for (let i = start; i <= end; i++) {
-        next.add(commits[i].hash);
+        if (!commits2[i].synced) {
+          next.add(commits2[i].hash);
+        }
       }
       return next;
     });
   };
   const toggleAll = () => {
-    if (!commits || commits.length === 0) return;
+    if (!commits2 || commits2.length === 0) return;
+    const unsyncedCommits = commits2.filter((c) => !c.synced);
     setSelectedHashes((prev) => {
-      if (prev.size === commits.length) {
+      if (prev.size === unsyncedCommits.length) {
         anchorIndexRef.current = null;
         return /* @__PURE__ */ new Set();
       }
-      return new Set(commits.map((c) => c.hash));
+      return new Set(unsyncedCommits.map((c) => c.hash));
     });
   };
   const invertSelection = () => {
-    if (!commits || commits.length === 0) return;
+    if (!commits2 || commits2.length === 0) return;
     setSelectedHashes((prev) => {
       const next = /* @__PURE__ */ new Set();
-      for (const c of commits) {
-        if (!prev.has(c.hash)) next.add(c.hash);
+      for (const c of commits2) {
+        if (!c.synced && !prev.has(c.hash)) next.add(c.hash);
       }
       return next;
     });
   };
   const selectToCurrent = () => {
-    if (!commits || commits.length === 0) return;
+    if (!commits2 || commits2.length === 0) return;
     setSelectedHashes((prev) => {
       const next = new Set(prev);
       for (let i = 0; i <= selectedIndex; i++) {
-        next.add(commits[i].hash);
+        if (!commits2[i].synced) {
+          next.add(commits2[i].hash);
+        }
       }
       return next;
     });
   };
   useInput5((input, key) => {
-    if (!commits || commits.length === 0) return;
+    if (!commits2 || commits2.length === 0) return;
     if (key.shift) {
       if (!shiftMode) {
         setShiftMode(true);
@@ -701,7 +881,7 @@ function CommitList({ remote, branch, onSelect, onBack }) {
         setSelectedIndex(newIndex);
         selectRange(anchorIndexRef.current, newIndex);
       } else if (key.downArrow) {
-        const newIndex = Math.min(commits.length - 1, selectedIndex + 1);
+        const newIndex = Math.min(commits2.length - 1, selectedIndex + 1);
         setSelectedIndex(newIndex);
         selectRange(anchorIndexRef.current, newIndex);
       } else if (input === " ") {
@@ -717,7 +897,7 @@ function CommitList({ remote, branch, onSelect, onBack }) {
     if (key.upArrow) {
       setSelectedIndex((prev) => Math.max(0, prev - 1));
     } else if (key.downArrow) {
-      setSelectedIndex((prev) => Math.min(commits.length - 1, prev + 1));
+      setSelectedIndex((prev) => Math.min(commits2.length - 1, prev + 1));
     } else if (input === " ") {
       toggleCurrent();
     } else if (input === "a" || input === "A") {
@@ -730,46 +910,62 @@ function CommitList({ remote, branch, onSelect, onBack }) {
       onBack?.();
     } else if (key.return) {
       if (selectedHashes.size > 0) {
-        onSelect(Array.from(selectedHashes), commits);
+        onSelect(Array.from(selectedHashes), commits2);
       }
     }
   });
   if (loading) {
-    return /* @__PURE__ */ jsx6(Spinner4, { label: `\u83B7\u53D6 ${remote}/${branch} \u7684 commit \u5217\u8868...` });
+    return /* @__PURE__ */ jsx6(Spinner4, { label: `\u83B7\u53D6 ${remote2}/${branch2} \u7684 commit \u5217\u8868...` });
   }
-  if (error) {
+  if (error2) {
     return /* @__PURE__ */ jsxs6(Text6, { color: "red", children: [
-      "\u2716 \u83B7\u53D6 commit \u5217\u8868\u5931\u8D25: ",
-      error
+      "\u2716 ",
+      "\u83B7\u53D6 commit \u5217\u8868\u5931\u8D25: ",
+      error2
     ] });
   }
-  if (!commits || commits.length === 0) {
-    return /* @__PURE__ */ jsx6(Text6, { color: "yellow", children: "\u25B2 \u8BE5\u5206\u652F\u6CA1\u6709 commit" });
+  if (!commits2 || commits2.length === 0) {
+    return /* @__PURE__ */ jsxs6(Text6, { color: "yellow", children: [
+      "\u25B2 ",
+      "\u8BE5\u5206\u652F\u6CA1\u6709 commit"
+    ] });
   }
   const visibleCount = 10;
-  const startIdx = Math.max(0, Math.min(selectedIndex - Math.floor(visibleCount / 2), commits.length - visibleCount));
-  const visibleCommits = commits.slice(startIdx, startIdx + visibleCount);
+  const startIdx = Math.max(0, Math.min(selectedIndex - Math.floor(visibleCount / 2), commits2.length - visibleCount));
+  const visibleCommits = commits2.slice(startIdx, startIdx + visibleCount);
+  const unsyncedTotal = commits2.length - syncedCount;
   return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", gap: 1, children: [
     /* @__PURE__ */ jsx6(SectionHeader, { title: "\u9009\u62E9\u8981\u540C\u6B65\u7684 commit" }),
     /* @__PURE__ */ jsxs6(Box6, { gap: 2, children: [
       /* @__PURE__ */ jsxs6(Text6, { color: "gray", dimColor: true, children: [
-        remote,
+        remote2,
         "/",
-        branch
+        branch2
       ] }),
       /* @__PURE__ */ jsxs6(Text6, { color: "gray", dimColor: true, children: [
-        commits.length,
-        " commits"
+        commits2.length,
+        " commits",
+        hasMore ? "+" : ""
+      ] }),
+      syncedCount > 0 && /* @__PURE__ */ jsxs6(Text6, { color: "gray", dimColor: true, children: [
+        syncedCount,
+        " \u5DF2\u540C\u6B65"
+      ] }),
+      /* @__PURE__ */ jsxs6(Text6, { color: "green", children: [
+        unsyncedTotal,
+        " \u5F85\u540C\u6B65"
       ] }),
       /* @__PURE__ */ jsxs6(Text6, { color: selectedHashes.size > 0 ? "cyan" : "gray", bold: selectedHashes.size > 0, children: [
         "\u5DF2\u9009 ",
         selectedHashes.size
       ] }),
-      shiftMode && /* @__PURE__ */ jsx6(Text6, { color: "yellow", bold: true, children: "SHIFT" })
+      shiftMode && /* @__PURE__ */ jsx6(Text6, { color: "yellow", bold: true, children: "SHIFT" }),
+      loadingMore && /* @__PURE__ */ jsx6(Text6, { color: "gray", dimColor: true, children: "\u52A0\u8F7D\u4E2D..." })
     ] }),
     /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
       startIdx > 0 && /* @__PURE__ */ jsxs6(Text6, { color: "gray", dimColor: true, children: [
-        "  \u2191 ",
+        "  ",
+        "\u2191 ",
         startIdx,
         " more"
       ] }),
@@ -778,30 +974,60 @@ function CommitList({ remote, branch, onSelect, onBack }) {
         const isSelected = selectedHashes.has(c.hash);
         const isCursor = actualIdx === selectedIndex;
         const isAnchor = actualIdx === anchorIndexRef.current;
+        const isSynced = !!c.synced;
         return /* @__PURE__ */ jsxs6(Box6, { children: [
-          /* @__PURE__ */ jsxs6(Text6, { backgroundColor: isCursor ? "blue" : void 0, color: isSelected ? "green" : "white", children: [
-            isCursor ? "\u25B8 " : "  ",
-            isAnchor ? "\u2693" : isSelected ? "\u25CF" : "\u25CB",
-            " "
-          ] }),
-          /* @__PURE__ */ jsx6(Text6, { backgroundColor: isCursor ? "blue" : void 0, color: "yellow", children: c.shortHash }),
-          /* @__PURE__ */ jsxs6(Text6, { backgroundColor: isCursor ? "blue" : void 0, color: isSelected ? "green" : "white", children: [
-            " ",
-            c.message
-          ] }),
+          /* @__PURE__ */ jsxs6(
+            Text6,
+            {
+              backgroundColor: isCursor ? isSynced ? "gray" : "blue" : void 0,
+              color: isSynced ? "gray" : isSelected ? "green" : "white",
+              dimColor: isSynced,
+              children: [
+                isCursor ? "\u25B8 " : "  ",
+                isSynced ? "\u2713" : isAnchor ? "\u2693" : isSelected ? "\u25CF" : "\u25CB",
+                " "
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx6(
+            Text6,
+            {
+              backgroundColor: isCursor ? isSynced ? "gray" : "blue" : void 0,
+              color: isSynced ? "gray" : "yellow",
+              dimColor: isSynced,
+              children: c.shortHash
+            }
+          ),
+          /* @__PURE__ */ jsxs6(
+            Text6,
+            {
+              backgroundColor: isCursor ? isSynced ? "gray" : "blue" : void 0,
+              color: isSynced ? "gray" : isSelected ? "green" : "white",
+              dimColor: isSynced,
+              children: [
+                " ",
+                c.message
+              ]
+            }
+          ),
           /* @__PURE__ */ jsxs6(Text6, { color: "gray", dimColor: true, children: [
             " ",
             c.author,
             " \xB7 ",
             c.date
-          ] })
+          ] }),
+          isSynced && /* @__PURE__ */ jsx6(Text6, { color: "gray", dimColor: true, children: " [\u5DF2\u540C\u6B65]" })
         ] }, c.hash);
       }),
-      startIdx + visibleCount < commits.length && /* @__PURE__ */ jsxs6(Text6, { color: "gray", dimColor: true, children: [
-        "  \u2193 ",
-        commits.length - startIdx - visibleCount,
+      startIdx + visibleCount < commits2.length ? /* @__PURE__ */ jsxs6(Text6, { color: "gray", dimColor: true, children: [
+        "  ",
+        "\u2193 ",
+        commits2.length - startIdx - visibleCount,
         " more"
-      ] })
+      ] }) : hasMore ? /* @__PURE__ */ jsxs6(Text6, { color: "gray", dimColor: true, children: [
+        "  ",
+        "\u2193 \u6EDA\u52A8\u52A0\u8F7D\u66F4\u591A..."
+      ] }) : null
     ] }),
     /* @__PURE__ */ jsx6(KeyHints, { hints: [
       { key: "\u2191\u2193", label: "\u5BFC\u822A" },
@@ -813,14 +1039,14 @@ function CommitList({ remote, branch, onSelect, onBack }) {
       { key: "Enter", label: "\u786E\u8BA4" },
       { key: "Esc", label: "\u8FD4\u56DE" }
     ] }),
-    selectedHashes.size > 0 && /* @__PURE__ */ jsx6(StatusPanel, { type: "info", title: `\u5DF2\u9009 ${selectedHashes.size} \u4E2A commit \xB7 diff --stat`, children: statLoading ? /* @__PURE__ */ jsx6(Spinner4, { label: "\u52A0\u8F7D\u4E2D..." }) : /* @__PURE__ */ jsx6(Text6, { color: "gray", children: stat || "(\u65E0\u53D8\u66F4)" }) })
+    selectedHashes.size > 0 && /* @__PURE__ */ jsx6(StatPanel, { stat, loading: statLoading, count: selectedHashes.size })
   ] });
 }
 
 // src/components/confirm-panel.tsx
 import { Box as Box7, Text as Text7, useInput as useInput6 } from "ink";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-function ConfirmPanel({ commits, selectedHashes, hasMerge, useMainline, onToggleMainline, onConfirm, onCancel }) {
+function ConfirmPanel({ commits: commits2, selectedHashes, hasMerge, useMainline, onToggleMainline, onConfirm, onCancel }) {
   useInput6((input, key) => {
     if (key.escape) {
       onCancel();
@@ -832,7 +1058,7 @@ function ConfirmPanel({ commits, selectedHashes, hasMerge, useMainline, onToggle
       onToggleMainline();
     }
   });
-  const selectedCommits = selectedHashes.map((hash) => commits.find((c) => c.hash === hash)).filter(Boolean);
+  const selectedCommits = selectedHashes.map((hash) => commits2.find((c) => c.hash === hash)).filter(Boolean);
   return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", gap: 1, children: [
     /* @__PURE__ */ jsx7(SectionHeader, { title: "\u786E\u8BA4\u6267\u884C" }),
     /* @__PURE__ */ jsx7(StatusPanel, { type: "info", title: `cherry-pick --no-commit \xB7 ${selectedCommits.length} \u4E2A commit`, children: selectedCommits.map((c) => /* @__PURE__ */ jsxs7(Box7, { children: [
@@ -875,7 +1101,7 @@ function ConfirmPanel({ commits, selectedHashes, hasMerge, useMainline, onToggle
 }
 
 // src/components/result-panel.tsx
-import { useState as useState6, useEffect as useEffect3 } from "react";
+import { useState as useState6, useEffect as useEffect4 } from "react";
 import { Box as Box8, Text as Text8 } from "ink";
 import { Spinner as Spinner5 } from "@inkjs/ui";
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -892,7 +1118,7 @@ function ResultPanel({ selectedHashes, useMainline, stashed, onStashRestored, on
     if (ok) onStashRestored();
     return ok;
   };
-  useEffect3(() => {
+  useEffect4(() => {
     async function run() {
       const res = await cherryPick(selectedHashes, useMainline);
       setResult(res);
@@ -966,22 +1192,23 @@ var STEP_NUMBER = {
   result: 5
 };
 var STEP_DEBOUNCE = 100;
-function App() {
+function App({ initialRemote, initialBranch }) {
   const { exit } = useApp();
+  const entryStep = initialRemote && initialBranch ? "commits" : initialRemote ? "branch" : "remote";
   const [step, setStepRaw] = useState7("checking");
   const [inputReady, setInputReady] = useState7(true);
-  const [remote, setRemote] = useState7("");
-  const [branch, setBranch] = useState7("");
+  const [remote2, setRemote] = useState7(initialRemote || "");
+  const [branch2, setBranch] = useState7(initialBranch || "");
   const [selectedHashes, setSelectedHashes] = useState7([]);
-  const [commits, setCommits] = useState7([]);
+  const [commits2, setCommits] = useState7([]);
   const [hasMerge, setHasMerge] = useState7(false);
   const [useMainline, setUseMainline] = useState7(false);
   const [stashed, setStashed] = useState7(false);
   const [guardTimestamp, setGuardTimestamp] = useState7();
-  const stashedRef = useRef2(false);
-  const stashRestoredRef = useRef2(false);
-  const mountedRef = useRef2(true);
-  const debounceTimer = useRef2(null);
+  const stashedRef = useRef3(false);
+  const stashRestoredRef = useRef3(false);
+  const mountedRef = useRef3(true);
+  const debounceTimer = useRef3(null);
   const setStep = useCallback2((newStep) => {
     setInputReady(false);
     setStepRaw(newStep);
@@ -1008,7 +1235,7 @@ function App() {
     stashRestoredRef.current = true;
     removeStashGuard();
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     mountedRef.current = true;
     async function check() {
       const guard = await checkStashGuard();
@@ -1020,7 +1247,7 @@ function App() {
       }
       const clean = await isWorkingDirClean();
       if (!mountedRef.current) return;
-      setStep(clean ? "remote" : "stash-prompt");
+      setStep(clean ? entryStep : "stash-prompt");
     }
     check();
     const onSignal = () => {
@@ -1045,7 +1272,7 @@ function App() {
       stashedRef.current = true;
       await writeStashGuard();
     }
-    if (mountedRef.current) setStep("remote");
+    if (mountedRef.current) setStep(entryStep);
   };
   const doStashRecover = async () => {
     const entry = await findStashEntry();
@@ -1055,13 +1282,13 @@ function App() {
     await removeStashGuard();
     if (!mountedRef.current) return;
     const clean = await isWorkingDirClean();
-    if (mountedRef.current) setStep(clean ? "remote" : "stash-prompt");
+    if (mountedRef.current) setStep(clean ? entryStep : "stash-prompt");
   };
   const skipStashRecover = async () => {
     await removeStashGuard();
     if (!mountedRef.current) return;
     const clean = await isWorkingDirClean();
-    if (mountedRef.current) setStep(clean ? "remote" : "stash-prompt");
+    if (mountedRef.current) setStep(clean ? entryStep : "stash-prompt");
   };
   const goBack = useCallback2((fromStep) => {
     const backMap = {
@@ -1092,7 +1319,7 @@ function App() {
       StashPrompt,
       {
         onConfirm: doStash,
-        onSkip: () => setStep("remote")
+        onSkip: () => setStep(entryStep)
       }
     ),
     step === "remote" && inputReady && /* @__PURE__ */ jsx9(
@@ -1108,7 +1335,7 @@ function App() {
     step === "branch" && inputReady && /* @__PURE__ */ jsx9(
       BranchSelect,
       {
-        remote,
+        remote: remote2,
         onSelect: (b) => {
           setBranch(b);
           setStep("commits");
@@ -1119,8 +1346,8 @@ function App() {
     step === "commits" && inputReady && /* @__PURE__ */ jsx9(
       CommitList,
       {
-        remote,
-        branch,
+        remote: remote2,
+        branch: branch2,
         onSelect: async (hashes, loadedCommits) => {
           setSelectedHashes(hashes);
           setCommits(loadedCommits);
@@ -1134,7 +1361,7 @@ function App() {
     step === "confirm" && inputReady && /* @__PURE__ */ jsx9(
       ConfirmPanel,
       {
-        commits,
+        commits: commits2,
         selectedHashes,
         hasMerge,
         useMainline,
@@ -1159,32 +1386,244 @@ function App() {
   ] });
 }
 
+// src/cli-runner.ts
+import { createInterface } from "readline";
+function log(msg) {
+  process.stdout.write(msg + "\n");
+}
+function error(msg) {
+  process.stderr.write(msg + "\n");
+}
+function padEnd(str, len) {
+  return str.length >= len ? str : str + " ".repeat(len - str.length);
+}
+async function confirm(message) {
+  const rl = createInterface({ input: process.stdin, output: process.stdout });
+  return new Promise((resolve) => {
+    rl.question(`${message} [y/N] `, (answer) => {
+      rl.close();
+      resolve(answer.trim().toLowerCase() === "y");
+    });
+  });
+}
+async function handleStash(noStash2) {
+  const clean = await isWorkingDirClean();
+  if (clean) {
+    log("\u2714 \u5DE5\u4F5C\u533A\u5E72\u51C0");
+    return false;
+  }
+  if (noStash2) {
+    log("\u25B2 \u5DE5\u4F5C\u533A\u6709\u672A\u63D0\u4EA4\u53D8\u66F4\uFF08--no-stash \u8DF3\u8FC7 stash\uFF09");
+    return false;
+  }
+  log("\u25B2 \u5DE5\u4F5C\u533A\u6709\u672A\u63D0\u4EA4\u53D8\u66F4\uFF0C\u81EA\u52A8 stash...");
+  const ok = await stash();
+  if (ok) {
+    await writeStashGuard();
+    log("\u2714 \u5DF2 stash \u5DE5\u4F5C\u533A\u53D8\u66F4");
+    return true;
+  }
+  error("\u2716 stash \u5931\u8D25");
+  process.exit(1);
+  return false;
+}
+async function restoreStash(stashed) {
+  if (!stashed) return;
+  const ok = await stashPop();
+  await removeStashGuard();
+  if (ok) {
+    log("\u2714 \u5DF2\u6062\u590D\u5DE5\u4F5C\u533A\u53D8\u66F4 (stash pop)");
+  } else {
+    error("\u25B2 stash pop \u5931\u8D25\uFF0C\u8BF7\u624B\u52A8\u6267\u884C: git stash pop");
+  }
+}
+async function validateRemote(name) {
+  const remotes = await getRemotes();
+  if (!remotes.some((r) => r.name === name)) {
+    const available = remotes.map((r) => r.name).join(", ");
+    error(`\u2716 \u8FDC\u7A0B\u4ED3\u5E93 '${name}' \u4E0D\u5B58\u5728`);
+    if (available) error(`  \u53EF\u7528: ${available}`);
+    process.exit(1);
+  }
+  log(`\u2714 \u8FDC\u7A0B\u4ED3\u5E93 '${name}'`);
+}
+async function validateBranch(remote2, branch2) {
+  const branches = await getRemoteBranches(remote2);
+  if (!branches.includes(branch2)) {
+    error(`\u2716 \u5206\u652F '${branch2}' \u4E0D\u5B58\u5728\u4E8E ${remote2}`);
+    const similar = branches.filter((b) => b.toLowerCase().includes(branch2.toLowerCase())).slice(0, 5);
+    if (similar.length > 0) error(`  \u7C7B\u4F3C: ${similar.join(", ")}`);
+    process.exit(1);
+  }
+  log(`\u2714 \u5206\u652F '${remote2}/${branch2}'`);
+}
+function formatCommitLine(c) {
+  return `  ${c.shortHash}  ${padEnd(c.message.slice(0, 60), 62)} ${padEnd(c.author, 16)} ${c.date}`;
+}
+async function runList(opts) {
+  await validateRemote(opts.remote);
+  log(`\u83B7\u53D6 ${opts.remote}/${opts.branch} \u7684 commit \u5217\u8868...`);
+  await validateBranch(opts.remote, opts.branch);
+  const commits2 = await getCommits(opts.remote, opts.branch, opts.count);
+  if (commits2.length === 0) {
+    log("(\u65E0 commit)");
+    return;
+  }
+  log(`
+Commits on ${opts.remote}/${opts.branch} (${commits2.length}):`);
+  for (const c of commits2) {
+    log(formatCommitLine(c));
+  }
+}
+async function runExec(opts) {
+  const stashed = await handleStash(opts.noStash);
+  await validateRemote(opts.remote);
+  await validateBranch(opts.remote, opts.branch);
+  const allCommits = await getCommits(opts.remote, opts.branch, opts.count);
+  const hashes = opts.commits;
+  const resolved = [];
+  for (const input of hashes) {
+    const match = allCommits.find(
+      (c) => c.hash === input || c.shortHash === input || c.hash.startsWith(input)
+    );
+    if (!match) {
+      error(`\u2716 commit '${input}' \u672A\u627E\u5230\u5728 ${opts.remote}/${opts.branch}`);
+      await restoreStash(stashed);
+      process.exit(1);
+    }
+    resolved.push(match);
+  }
+  const resolvedHashes = resolved.map((c) => c.hash);
+  const hasMerge = await hasMergeCommits(resolvedHashes);
+  if (hasMerge && !opts.mainline) {
+    log("\u25B2 \u68C0\u6D4B\u5230 merge commit\uFF0C\u5EFA\u8BAE\u6DFB\u52A0 --mainline (-m) \u53C2\u6570");
+  }
+  log(`
+Cherry-pick ${resolved.length} \u4E2A commit (--no-commit${opts.mainline ? " -m 1" : ""}):`);
+  for (const c of resolved) {
+    log(formatCommitLine(c));
+  }
+  log("");
+  if (!opts.yes) {
+    const ok = await confirm("\u786E\u8BA4\u6267\u884C?");
+    if (!ok) {
+      log("\u5DF2\u53D6\u6D88");
+      await restoreStash(stashed);
+      process.exit(0);
+    }
+  }
+  const result = await cherryPick(resolvedHashes, opts.mainline);
+  if (result.success) {
+    log("\u2714 Cherry-pick \u5B8C\u6210");
+    const stat = await getStagedStat();
+    if (stat) {
+      log(`
+\u6682\u5B58\u533A\u53D8\u66F4 (git diff --cached --stat):
+${stat}`);
+    }
+    log("\n\u25B2 \u6539\u52A8\u5DF2\u6682\u5B58\u5230\u5DE5\u4F5C\u533A (--no-commit \u6A21\u5F0F)");
+    log("  \u5BA1\u67E5\u540E\u624B\u52A8\u6267\u884C:");
+    log("  git diff --cached          # \u67E5\u770B\u8BE6\u7EC6 diff");
+    log('  git commit -m "sync: ..."  # \u63D0\u4EA4');
+    log("  git reset HEAD             # \u6216\u653E\u5F03");
+  } else {
+    error("\u2716 Cherry-pick \u9047\u5230\u51B2\u7A81");
+    if (result.conflictFiles && result.conflictFiles.length > 0) {
+      error("\u51B2\u7A81\u6587\u4EF6:");
+      for (const f of result.conflictFiles) {
+        error(`  ${f}`);
+      }
+    }
+    error("\n\u25B8 \u624B\u52A8\u89E3\u51B3\u51B2\u7A81\u540E\u6267\u884C git add \u548C git commit");
+    error("\u25B8 \u6216\u6267\u884C git cherry-pick --abort \u653E\u5F03\u64CD\u4F5C");
+  }
+  await restoreStash(stashed);
+  if (!result.success) {
+    process.exit(1);
+  }
+}
+async function runCli(opts) {
+  if (opts.list) {
+    await runList(opts);
+  } else {
+    await runExec(opts);
+  }
+}
+
 // src/cli.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 var cli = meow(
   `
   \u7528\u6CD5
-    $ git-sync-tui
+    $ git-sync-tui [options]
 
   \u9009\u9879
-    --help    \u663E\u793A\u5E2E\u52A9
-    --version \u663E\u793A\u7248\u672C
+    -r, --remote <name>       \u6307\u5B9A\u8FDC\u7A0B\u4ED3\u5E93\u540D\u79F0
+    -b, --branch <name>       \u6307\u5B9A\u8FDC\u7A0B\u5206\u652F\u540D\u79F0
+    -c, --commits <hashes>    \u6307\u5B9A commit hash\uFF08\u9017\u53F7\u5206\u9694\uFF09
+    -n, --count <number>      \u663E\u793A commit \u6570\u91CF\uFF08\u9ED8\u8BA4 100\uFF09
+    -m, --mainline            \u5BF9 merge commit \u4F7F\u7528 -m 1
+    -y, --yes                 \u8DF3\u8FC7\u786E\u8BA4\u76F4\u63A5\u6267\u884C
+    --no-stash                \u8DF3\u8FC7 stash \u63D0\u793A
+    --list                    \u5217\u51FA\u8FDC\u7A0B\u5206\u652F\u7684 commit \u540E\u9000\u51FA
 
-  \u8BF4\u660E
-    \u4EA4\u4E92\u5F0F TUI \u5DE5\u5177\uFF0C\u4ECE\u8FDC\u7A0B\u5206\u652F\u6311\u9009 commit \u540C\u6B65\u5230\u5F53\u524D\u5206\u652F\u3002
-    \u4F7F\u7528 cherry-pick --no-commit \u6A21\u5F0F\uFF0C\u540C\u6B65\u540E\u53EF\u5BA1\u67E5\u518D\u63D0\u4EA4\u3002
+  \u6A21\u5F0F
+    \u65E0\u53C2\u6570                     \u4EA4\u4E92\u5F0F TUI \u6A21\u5F0F
+    -r -b --list              \u5217\u51FA commit\uFF08\u7EAF\u6587\u672C\uFF09
+    -r -b -c                  CLI \u6A21\u5F0F\uFF0C\u786E\u8BA4\u540E\u6267\u884C
+    -r -b -c --yes            CLI \u6A21\u5F0F\uFF0C\u76F4\u63A5\u6267\u884C
+    \u4EC5 -r \u6216 -r -b            TUI \u6A21\u5F0F\uFF0C\u8DF3\u8FC7\u5DF2\u6307\u5B9A\u6B65\u9AA4
 
-  \u5FEB\u6377\u952E
+  TUI \u5FEB\u6377\u952E
     Space       \u9009\u62E9/\u53D6\u6D88 commit
     Shift+\u2191/\u2193   \u8FDE\u7EED\u9009\u62E9
     a           \u5168\u9009/\u53D6\u6D88\u5168\u9009
     i           \u53CD\u9009
     r           \u9009\u81F3\u5F00\u5934
     Enter       \u786E\u8BA4\u9009\u62E9
+    Esc         \u8FD4\u56DE\u4E0A\u4E00\u6B65
     y/n         \u786E\u8BA4/\u53D6\u6D88\u6267\u884C
+
+  \u793A\u4F8B
+    $ git-sync-tui                                           # TUI \u6A21\u5F0F
+    $ git-sync-tui -r upstream -b main --list                # \u5217\u51FA commits
+    $ git-sync-tui -r upstream -b main -c abc1234 --yes      # \u76F4\u63A5\u6267\u884C
+    $ git-sync-tui -r upstream -b main -c abc1234,def5678    # \u786E\u8BA4\u540E\u6267\u884C
+    $ git-sync-tui -r upstream                               # TUI \u6A21\u5F0F\uFF0C\u8DF3\u8FC7\u9009\u62E9\u4ED3\u5E93
 `,
   {
-    importMeta: import.meta
+    importMeta: import.meta,
+    flags: {
+      remote: { type: "string", shortFlag: "r" },
+      branch: { type: "string", shortFlag: "b" },
+      commits: { type: "string", shortFlag: "c" },
+      count: { type: "number", shortFlag: "n", default: 100 },
+      mainline: { type: "boolean", shortFlag: "m", default: false },
+      yes: { type: "boolean", shortFlag: "y", default: false },
+      noStash: { type: "boolean", default: false },
+      list: { type: "boolean", default: false }
+    }
   }
 );
-render(/* @__PURE__ */ jsx10(App, {}));
+var { remote, branch, commits, count, mainline, yes, noStash, list } = cli.flags;
+var commitList = commits ? commits.split(",").map((s) => s.trim()).filter(Boolean) : void 0;
+var hasAllParams = !!(remote && branch && commitList && commitList.length > 0);
+var isListMode = !!(list && remote && branch);
+var isCliMode = hasAllParams || isListMode;
+if (isCliMode) {
+  runCli({
+    remote,
+    branch,
+    commits: commitList,
+    count,
+    mainline,
+    yes,
+    noStash,
+    list
+  }).catch((err) => {
+    console.error("\u2716 " + (err.message || err));
+    process.exit(1);
+  });
+} else {
+  render(/* @__PURE__ */ jsx10(App, { initialRemote: remote, initialBranch: branch }));
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "git-sync-tui",
   "type": "module",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "packageManager": "pnpm@10.32.1",
   "description": "Interactive TUI tool for cross-repo git commit synchronization (cherry-pick --no-commit)",
   "author": "KiWi233333",