git-sync-tui 0.1.2 → 0.1.4

package/dist/cli.js

@@ -1,17 +1,113 @@
 #!/usr/bin/env node
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
 
 // src/cli.tsx
 import { render } from "ink";
 import meow from "meow";
 
 // src/app.tsx
-import { useState as useState6, useEffect as useEffect3, useRef as useRef2, useCallback as useCallback2 } from "react";
-import { Box as Box7, Text as Text7, useApp } from "ink";
-import { Spinner as Spinner5 } from "@inkjs/ui";
+import { useState as useState7, useEffect as useEffect4, useRef as useRef2, useCallback as useCallback2 } from "react";
+import { Box as Box9, useApp } from "ink";
+import { Spinner as Spinner6 } from "@inkjs/ui";
 
-// src/components/stash-prompt.tsx
-import { Box, Text, useInput } from "ink";
+// src/components/ui.tsx
+import React from "react";
+import { Box, Text } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
+var STEP_LABELS = ["Remote", "Branch", "Commits", "Confirm", "Sync"];
+function StepProgress({ current }) {
+  return /* @__PURE__ */ jsx(Box, { children: STEP_LABELS.map((label, i) => {
+    const step = i + 1;
+    const isActive = step === current;
+    const isDone = step < current;
+    const isLast = i === STEP_LABELS.length - 1;
+    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      /* @__PURE__ */ jsxs(Text, { color: isActive ? "cyan" : isDone ? "green" : "gray", dimColor: !isActive && !isDone, children: [
+        isDone ? "\u25CF" : isActive ? "\u25C6" : "\u25CB",
+        " ",
+        isActive ? /* @__PURE__ */ jsx(Text, { bold: true, children: label }) : label
+      ] }),
+      !isLast && /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: " \u2500 " })
+    ] }, label);
+  }) });
+}
+function SectionHeader({ title, subtitle }) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs(Text, { bold: true, color: "cyan", children: [
+      "\u25B8 ",
+      title
+    ] }),
+    subtitle && /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+      "  ",
+      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: [
+      " ",
+      label
+    ] })
+  ] }, key)) });
+}
+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: [
+      "[",
+      key,
+      "]"
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { children: [
+      " ",
+      label
+    ] }),
+    i < hints.length - 1 && /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: " / " })
+  ] }, key)) });
+}
+var PANEL_CONFIG = {
+  info: { icon: "\u25C6", color: "cyan", borderColor: "cyan" },
+  warn: { icon: "\u25B2", color: "yellow", borderColor: "yellow" },
+  error: { icon: "\u2716", color: "red", borderColor: "red" },
+  success: { icon: "\u2714", color: "green", borderColor: "green" }
+};
+function StatusPanel({ type, title, children }) {
+  const { icon, color, borderColor } = PANEL_CONFIG[type];
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor, paddingX: 1, children: [
+    /* @__PURE__ */ jsxs(Text, { bold: true, color, children: [
+      icon,
+      " ",
+      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, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "  " }),
+      /* @__PURE__ */ jsx(StepProgress, { current: step })
+    ] })
+  ] });
+}
+
+// src/components/stash-prompt.tsx
+import { Box as Box2, Text as Text2, useInput } from "ink";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function StashPrompt({ onConfirm, onSkip }) {
   useInput((input) => {
     if (input === "y" || input === "Y") {
@@ -20,31 +116,27 @@ function StashPrompt({ onConfirm, onSkip }) {
       onSkip();
     }
   });
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsxs(Box, { borderStyle: "single", borderColor: "yellow", paddingX: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "yellow", children: "\u68C0\u6D4B\u5230\u5DE5\u4F5C\u533A\u6709\u672A\u63D0\u4EA4\u7684\u53D8\u66F4" }),
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: "Cherry-pick \u64CD\u4F5C\u53EF\u80FD\u4F1A\u4E0E\u672A\u63D0\u4EA4\u7684\u5185\u5BB9\u51B2\u7A81" })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, children: "\u662F\u5426\u81EA\u52A8 stash \u4FDD\u5B58\u5F53\u524D\u53D8\u66F4? " }),
-      /* @__PURE__ */ jsx(Text, { color: "green", children: "[y]" }),
-      /* @__PURE__ */ jsx(Text, { children: " \u662F / " }),
-      /* @__PURE__ */ jsx(Text, { color: "red", children: "[n]" }),
-      /* @__PURE__ */ jsx(Text, { children: " \u5426\uFF0C\u7EE7\u7EED\u64CD\u4F5C" })
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ jsx2(StatusPanel, { type: "warn", title: "\u5DE5\u4F5C\u533A\u6709\u672A\u63D0\u4EA4\u7684\u53D8\u66F4", children: /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "  Cherry-pick \u64CD\u4F5C\u53EF\u80FD\u4F1A\u4E0E\u672A\u63D0\u4EA4\u7684\u5185\u5BB9\u51B2\u7A81" }) }),
+    /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx2(Text2, { bold: true, children: "\u81EA\u52A8 stash \u4FDD\u5B58\u5F53\u524D\u53D8\u66F4? " }),
+      /* @__PURE__ */ jsx2(InlineKeys, { hints: [
+        { key: "y", label: "\u662F" },
+        { key: "n", label: "\u5426\uFF0C\u7EE7\u7EED" }
+      ] })
     ] })
   ] });
 }
 
-// src/components/remote-select.tsx
-import { useState as useState2 } from "react";
-import { Box as Box2, Text as Text2 } from "ink";
-import { Select, Spinner, TextInput } from "@inkjs/ui";
-
-// src/hooks/use-git.ts
-import { useState, useEffect, useCallback } from "react";
+// src/components/stash-recovery.tsx
+import { useState, useEffect } from "react";
+import { Box as Box3, Text as Text3, useInput as useInput2 } from "ink";
+import { Spinner } from "@inkjs/ui";
 
 // src/utils/git.ts
 import simpleGit from "simple-git";
+import { existsSync, writeFileSync, unlinkSync, readFileSync } from "fs";
+import { join } from "path";
 var gitInstance = null;
 function getGit(cwd) {
   if (!gitInstance || cwd) {
@@ -64,38 +156,53 @@ async function addRemote(name, url) {
   const git = getGit();
   await git.addRemote(name, url);
 }
-async function getRemoteBranches(remote) {
+async function getRemoteBranches(remote2) {
   const git = getGit();
+  let fetchOk = false;
   try {
-    await git.fetch(remote);
+    await git.fetch(remote2);
+    fetchOk = true;
   } 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;
+  try {
+    const lsResult = await git.raw(["ls-remote", "--heads", remote2]);
+    if (!lsResult.trim()) return [];
+    return lsResult.trim().split("\n").map((line) => line.replace(/^.*refs\/heads\//, "")).filter(Boolean).sort();
+  } catch {
+    if (!fetchOk) {
+      throw new Error(`\u65E0\u6CD5\u8FDE\u63A5\u8FDC\u7A0B\u4ED3\u5E93 '${remote2}'\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC\u6216\u4ED3\u5E93\u5730\u5740`);
+    }
+    return [];
+  }
 }
-async function getCommits(remote, branch, count = 30) {
+async function getCommits(remote2, branch2, count2 = 30) {
   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 getMultiCommitStat(hashes) {
   if (hashes.length === 0) return "";
@@ -183,10 +290,115 @@ async function stashPop() {
     return false;
   }
 }
+var STASH_GUARD_FILE = "git-sync-tui-stash-guard";
+async function getGitDir() {
+  const git = getGit();
+  const dir = await git.revparse(["--git-dir"]);
+  return dir.trim();
+}
+async function writeStashGuard() {
+  try {
+    const gitDir = await getGitDir();
+    writeFileSync(join(gitDir, STASH_GUARD_FILE), (/* @__PURE__ */ new Date()).toISOString(), "utf-8");
+  } catch {
+  }
+}
+async function removeStashGuard() {
+  try {
+    const gitDir = await getGitDir();
+    const guardPath = join(gitDir, STASH_GUARD_FILE);
+    if (existsSync(guardPath)) {
+      unlinkSync(guardPath);
+    }
+  } catch {
+  }
+}
+function removeStashGuardSync() {
+  try {
+    const { execSync: execSync2 } = __require("child_process");
+    const gitDir = String(execSync2("git rev-parse --git-dir", { encoding: "utf-8" })).trim();
+    const guardPath = join(gitDir, STASH_GUARD_FILE);
+    if (existsSync(guardPath)) {
+      unlinkSync(guardPath);
+    }
+  } catch {
+  }
+}
+async function checkStashGuard() {
+  try {
+    const gitDir = await getGitDir();
+    const guardPath = join(gitDir, STASH_GUARD_FILE);
+    if (existsSync(guardPath)) {
+      const timestamp = readFileSync(guardPath, "utf-8").trim();
+      return { exists: true, timestamp };
+    }
+  } catch {
+  }
+  return { exists: false };
+}
+async function findStashEntry() {
+  const git = getGit();
+  try {
+    const result = await git.stash(["list"]);
+    const lines = result.trim().split("\n");
+    for (const line of lines) {
+      if (line.includes("Auto-stash by git-sync-tui")) {
+        return line;
+      }
+    }
+  } catch {
+  }
+  return null;
+}
+
+// src/components/stash-recovery.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function StashRecovery({ timestamp, onRecover, onSkip }) {
+  const [stashEntry, setStashEntry] = useState(void 0);
+  useEffect(() => {
+    findStashEntry().then(setStashEntry);
+  }, []);
+  useInput2((input) => {
+    if (input === "y" || input === "Y") {
+      onRecover();
+    } else if (input === "n" || input === "N") {
+      onSkip();
+    }
+  });
+  if (stashEntry === void 0) {
+    return /* @__PURE__ */ jsx3(Spinner, { label: "\u68C0\u67E5 stash \u8BB0\u5F55..." });
+  }
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ jsxs3(StatusPanel, { type: "warn", title: "\u68C0\u6D4B\u5230\u4E0A\u6B21\u8FD0\u884C\u4E2D\u65AD", children: [
+      timestamp && /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
+        "  \u4E2D\u65AD\u65F6\u95F4: ",
+        timestamp
+      ] }),
+      stashEntry && /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
+        "  Stash: ",
+        stashEntry
+      ] }),
+      !stashEntry && /* @__PURE__ */ jsx3(Text3, { color: "red", children: "  \u672A\u627E\u5230\u5BF9\u5E94\u7684 stash \u6761\u76EE\uFF08\u53EF\u80FD\u5DF2\u624B\u52A8\u6062\u590D\uFF09" })
+    ] }),
+    /* @__PURE__ */ jsxs3(Box3, { children: [
+      /* @__PURE__ */ jsx3(Text3, { bold: true, children: stashEntry ? "\u6062\u590D stash? " : "\u6E05\u9664\u4E2D\u65AD\u6807\u8BB0? " }),
+      /* @__PURE__ */ jsx3(InlineKeys, { hints: [
+        { key: "y", label: "\u662F" },
+        { key: "n", label: "\u8DF3\u8FC7" }
+      ] })
+    ] })
+  ] });
+}
+
+// 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";
 
 // src/hooks/use-git.ts
+import { useState as useState2, useEffect as useEffect2, useCallback } from "react";
 function useAsync(fn, deps = []) {
-  const [state, setState] = useState({
+  const [state, setState] = useState2({
     data: null,
     loading: true,
     error: null
@@ -200,7 +412,7 @@ function useAsync(fn, deps = []) {
       setState({ data: null, loading: false, error: err.message });
     }
   }, deps);
-  useEffect(() => {
+  useEffect2(() => {
     load();
   }, [load]);
   return { ...state, reload: load };
@@ -208,22 +420,22 @@ 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) {
+function useCommits(remote2, branch2, count2 = 30) {
   return useAsync(
-    () => remote && branch ? getCommits(remote, branch, count) : Promise.resolve([]),
-    [remote, branch, count]
+    () => remote2 && branch2 ? getCommits(remote2, branch2, count2) : Promise.resolve([]),
+    [remote2, branch2, count2]
   );
 }
 function useCommitStat(hashes) {
-  const [stat, setStat] = useState("");
-  const [loading, setLoading] = useState(false);
-  useEffect(() => {
+  const [stat, setStat] = useState2("");
+  const [loading, setLoading] = useState2(false);
+  useEffect2(() => {
     if (hashes.length === 0) {
       setStat("");
       return;
@@ -241,31 +453,50 @@ function useCommitStat(hashes) {
 }
 
 // src/components/remote-select.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function RemoteSelect({ onSelect }) {
-  const { data: remotes, loading, error, reload } = useRemotes();
-  const [phase, setPhase] = useState2("list");
-  const [customUrl, setCustomUrl] = useState2("");
-  const [addError, setAddError] = useState2(null);
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function extractRemoteName(url) {
+  const trimmed = url.trim().replace(/\/+$/, "").replace(/\.git$/, "");
+  const lastSegment = trimmed.split(/[/\\:]+/).filter(Boolean).pop() || "";
+  return lastSegment;
+}
+function RemoteSelect({ onSelect, onBack }) {
+  const { data: remotes, loading, error: error2, reload } = useRemotes();
+  const [phase, setPhase] = useState3("list");
+  const [customUrl, setCustomUrl] = useState3("");
+  const [addError, setAddError] = useState3(null);
+  useInput3((_input, key) => {
+    if (key.escape) {
+      if (phase === "input-name") {
+        setPhase("input-url");
+      } else if (phase === "input-url") {
+        setPhase("list");
+      } else if (phase === "list") {
+        onBack?.();
+      }
+    }
+  });
   if (loading) {
-    return /* @__PURE__ */ jsx2(Box2, { children: /* @__PURE__ */ jsx2(Spinner, { label: "\u6B63\u5728\u83B7\u53D6\u8FDC\u7A0B\u4ED3\u5E93\u5217\u8868..." }) });
+    return /* @__PURE__ */ jsx4(Spinner2, { label: "\u83B7\u53D6\u8FDC\u7A0B\u4ED3\u5E93..." });
   }
-  if (error) {
-    return /* @__PURE__ */ jsxs2(Text2, { color: "red", children: [
-      "\u83B7\u53D6\u8FDC\u7A0B\u4ED3\u5E93\u5931\u8D25: ",
-      error
+  if (error2) {
+    return /* @__PURE__ */ jsxs4(Text4, { color: "red", children: [
+      "\u2716 \u83B7\u53D6\u8FDC\u7A0B\u4ED3\u5E93\u5931\u8D25: ",
+      error2
     ] });
   }
   if (phase === "adding") {
-    return /* @__PURE__ */ jsx2(Box2, { children: /* @__PURE__ */ jsx2(Spinner, { label: "\u6B63\u5728\u6DFB\u52A0\u8FDC\u7A0B\u4ED3\u5E93..." }) });
+    return /* @__PURE__ */ jsx4(Spinner2, { label: "\u6DFB\u52A0\u8FDC\u7A0B\u4ED3\u5E93..." });
   }
   if (phase === "input-url") {
-    return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", gap: 1, children: [
-      /* @__PURE__ */ jsx2(Text2, { bold: true, color: "cyan", children: "[1/5] \u6DFB\u52A0\u8FDC\u7A0B\u4ED3\u5E93" }),
-      addError && /* @__PURE__ */ jsx2(Text2, { color: "red", children: addError }),
-      /* @__PURE__ */ jsxs2(Box2, { children: [
-        /* @__PURE__ */ jsx2(Text2, { children: "\u4ED3\u5E93\u5730\u5740: " }),
-        /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", gap: 1, children: [
+      /* @__PURE__ */ jsx4(SectionHeader, { title: "\u6DFB\u52A0\u8FDC\u7A0B\u4ED3\u5E93" }),
+      addError && /* @__PURE__ */ jsxs4(Text4, { color: "red", children: [
+        "\u2716 ",
+        addError
+      ] }),
+      /* @__PURE__ */ jsxs4(Box4, { children: [
+        /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "URL \u25B8 " }),
+        /* @__PURE__ */ jsx4(
           TextInput,
           {
             placeholder: "https://github.com/user/repo.git",
@@ -280,23 +511,24 @@ function RemoteSelect({ onSelect }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx2(Text2, { color: "gray", dimColor: true, children: "\u652F\u6301 HTTPS / SSH \u5730\u5740" })
+      /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: "  \u652F\u6301 HTTPS / SSH \u5730\u5740" })
     ] });
   }
   if (phase === "input-name") {
-    return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", gap: 1, children: [
-      /* @__PURE__ */ jsx2(Text2, { bold: true, color: "cyan", children: "[1/5] \u6DFB\u52A0\u8FDC\u7A0B\u4ED3\u5E93" }),
-      /* @__PURE__ */ jsxs2(Text2, { color: "gray", children: [
-        "\u5730\u5740: ",
-        customUrl
+    const defaultName = extractRemoteName(customUrl);
+    return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", gap: 1, children: [
+      /* @__PURE__ */ jsx4(SectionHeader, { title: "\u6DFB\u52A0\u8FDC\u7A0B\u4ED3\u5E93", subtitle: customUrl }),
+      addError && /* @__PURE__ */ jsxs4(Text4, { color: "red", children: [
+        "\u2716 ",
+        addError
       ] }),
-      addError && /* @__PURE__ */ jsx2(Text2, { color: "red", children: addError }),
-      /* @__PURE__ */ jsxs2(Box2, { children: [
-        /* @__PURE__ */ jsx2(Text2, { children: "\u8FDC\u7A0B\u540D\u79F0: " }),
-        /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsxs4(Box4, { children: [
+        /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "\u540D\u79F0 \u25B8 " }),
+        /* @__PURE__ */ jsx4(
           TextInput,
           {
-            placeholder: "upstream",
+            placeholder: defaultName || "upstream",
+            defaultValue: defaultName,
             onSubmit: async (name) => {
               const remoteName = name.trim();
               if (!remoteName) {
@@ -333,9 +565,9 @@ function RemoteSelect({ onSelect }) {
       value: "__add_custom__"
     }
   ];
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsx2(Text2, { bold: true, color: "cyan", children: "[1/5] \u9009\u62E9\u8FDC\u7A0B\u4ED3\u5E93" }),
-    /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ jsx4(SectionHeader, { title: "\u9009\u62E9\u8FDC\u7A0B\u4ED3\u5E93" }),
+    /* @__PURE__ */ jsx4(
       Select,
       {
         options,
@@ -352,73 +584,70 @@ function RemoteSelect({ onSelect }) {
 }
 
 // src/components/branch-select.tsx
-import { useState as useState3, useMemo } from "react";
-import { Box as Box3, Text as Text3 } from "ink";
-import { Select as Select2, Spinner as Spinner2, TextInput as TextInput2 } from "@inkjs/ui";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function BranchSelect({ remote, onSelect }) {
-  const { data: branches, loading, error } = useBranches(remote);
-  const [filter, setFilter] = useState3("");
+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 { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+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(() => {
     if (!branches) return [];
     const filtered = filter ? branches.filter((b) => b.toLowerCase().includes(filter.toLowerCase())) : branches;
     return filtered.map((b) => ({ label: b, value: b }));
   }, [branches, filter]);
   if (loading) {
-    return /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Spinner2, { label: `\u6B63\u5728\u83B7\u53D6 ${remote} \u7684\u5206\u652F\u5217\u8868...` }) });
+    return /* @__PURE__ */ jsx5(Spinner3, { label: `\u83B7\u53D6 ${remote2} \u7684\u5206\u652F\u5217\u8868...` });
   }
-  if (error) {
-    return /* @__PURE__ */ jsxs3(Text3, { color: "red", children: [
-      "\u83B7\u53D6\u5206\u652F\u5217\u8868\u5931\u8D25: ",
-      error
+  if (error2) {
+    return /* @__PURE__ */ jsxs5(Text5, { color: "red", children: [
+      "\u2716 \u83B7\u53D6\u5206\u652F\u5217\u8868\u5931\u8D25: ",
+      error2
     ] });
   }
   if (!branches || branches.length === 0) {
-    return /* @__PURE__ */ jsx3(Text3, { color: "red", children: "\u672A\u627E\u5230\u8FDC\u7A0B\u5206\u652F" });
+    return /* @__PURE__ */ jsx5(Text5, { color: "red", children: "\u2716 \u672A\u627E\u5230\u8FDC\u7A0B\u5206\u652F" });
   }
-  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "cyan", children: [
-      "[2/5] \u9009\u62E9\u5206\u652F (",
-      remote,
-      ")"
-    ] }),
-    /* @__PURE__ */ jsxs3(Box3, { children: [
-      /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "\u641C\u7D22: " }),
-      /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ jsx5(SectionHeader, { title: `\u9009\u62E9\u5206\u652F`, subtitle: `${remote2} \xB7 ${branches.length} \u4E2A\u5206\u652F` }),
+    /* @__PURE__ */ jsxs5(Box5, { children: [
+      /* @__PURE__ */ jsx5(Text5, { color: "gray", children: "/ " }),
+      /* @__PURE__ */ jsx5(
         TextInput2,
         {
-          placeholder: "\u8F93\u5165\u5173\u952E\u5B57\u8FC7\u6EE4\u5206\u652F...",
+          placeholder: "\u8F93\u5165\u5173\u952E\u5B57\u8FC7\u6EE4...",
           onChange: setFilter
         }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs3(Text3, { color: "gray", dimColor: true, children: [
-      "\u5171 ",
-      branches.length,
-      " \u4E2A\u5206\u652F",
-      filter ? `\uFF0C\u5339\u914D ${filteredOptions.length} \u4E2A` : ""
+      ),
+      filter && /* @__PURE__ */ jsxs5(Text5, { color: "gray", dimColor: true, children: [
+        " \xB7 \u5339\u914D ",
+        filteredOptions.length
+      ] })
     ] }),
-    filteredOptions.length > 0 ? /* @__PURE__ */ jsx3(Select2, { options: filteredOptions, onChange: onSelect }) : /* @__PURE__ */ jsx3(Text3, { color: "yellow", children: "\u65E0\u5339\u914D\u5206\u652F" })
+    filteredOptions.length > 0 ? /* @__PURE__ */ jsx5(Select2, { options: filteredOptions, onChange: onSelect }) : /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "\u25B2 \u65E0\u5339\u914D\u5206\u652F" })
   ] });
 }
 
 // src/components/commit-list.tsx
-import { useState as useState4, useMemo as useMemo2, useRef } from "react";
-import { Box as Box4, Text as Text4, useInput as useInput2 } from "ink";
-import { Spinner as Spinner3 } from "@inkjs/ui";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function CommitList({ remote, branch, onSelect }) {
-  const { data: commits, loading, error } = useCommits(remote, branch, 30);
-  const [selectedIndex, setSelectedIndex] = useState4(0);
-  const [selectedHashes, setSelectedHashes] = useState4(/* @__PURE__ */ new Set());
-  const [shiftMode, setShiftMode] = useState4(false);
+import { useState as useState5, useMemo as useMemo2, useRef } 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: remote2, branch: branch2, onSelect, onBack }) {
+  const { data: commits2, loading, error: error2 } = useCommits(remote2, branch2, 30);
+  const [selectedIndex, setSelectedIndex] = useState5(0);
+  const [selectedHashes, setSelectedHashes] = useState5(/* @__PURE__ */ new Set());
+  const [shiftMode, setShiftMode] = useState5(false);
   const anchorIndexRef = useRef(null);
   const selectedKey = useMemo2(() => Array.from(selectedHashes).sort().join(","), [selectedHashes]);
   const selectedArray = useMemo2(() => Array.from(selectedHashes), [selectedKey]);
   const { stat, loading: statLoading } = useCommitStat(selectedArray);
   const toggleCurrent = () => {
-    if (!commits || commits.length === 0) return;
-    const hash = commits[selectedIndex].hash;
+    if (!commits2 || commits2.length === 0) return;
+    const hash = commits2[selectedIndex].hash;
     setSelectedHashes((prev) => {
       const next = new Set(prev);
       if (next.has(hash)) {
@@ -432,51 +661,49 @@ function CommitList({ remote, branch, onSelect }) {
     });
   };
   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);
+        next.add(commits2[i].hash);
       }
       return next;
     });
   };
   const toggleAll = () => {
-    if (!commits || commits.length === 0) return;
+    if (!commits2 || commits2.length === 0) return;
     setSelectedHashes((prev) => {
-      if (prev.size === commits.length) {
+      if (prev.size === commits2.length) {
         anchorIndexRef.current = null;
         return /* @__PURE__ */ new Set();
       }
-      return new Set(commits.map((c) => c.hash));
+      return new Set(commits2.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 (!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);
+        next.add(commits2[i].hash);
       }
       return next;
     });
   };
-  useInput2((input, key) => {
-    if (!commits || commits.length === 0) return;
+  useInput5((input, key) => {
+    if (!commits2 || commits2.length === 0) return;
     if (key.shift) {
       if (!shiftMode) {
         setShiftMode(true);
@@ -489,7 +716,7 @@ function CommitList({ remote, branch, onSelect }) {
         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 === " ") {
@@ -501,13 +728,11 @@ function CommitList({ remote, branch, onSelect }) {
       }
       return;
     }
-    if (shiftMode) {
-      setShiftMode(false);
-    }
+    if (shiftMode) setShiftMode(false);
     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") {
@@ -516,127 +741,105 @@ function CommitList({ remote, branch, onSelect }) {
       invertSelection();
     } else if (input === "r" || input === "R") {
       selectToCurrent();
+    } else if (key.escape) {
+      onBack?.();
     } else if (key.return) {
       if (selectedHashes.size > 0) {
-        onSelect(Array.from(selectedHashes), commits);
+        onSelect(Array.from(selectedHashes), commits2);
       }
     }
   });
   if (loading) {
-    return /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(Spinner3, { label: `\u6B63\u5728\u83B7\u53D6 ${remote}/${branch} \u7684 commit \u5217\u8868...` }) });
+    return /* @__PURE__ */ jsx6(Spinner4, { label: `\u83B7\u53D6 ${remote2}/${branch2} \u7684 commit \u5217\u8868...` });
   }
-  if (error) {
-    return /* @__PURE__ */ jsxs4(Text4, { color: "red", children: [
-      "\u83B7\u53D6 commit \u5217\u8868\u5931\u8D25: ",
-      error
+  if (error2) {
+    return /* @__PURE__ */ jsxs6(Text6, { color: "red", children: [
+      "\u2716 \u83B7\u53D6 commit \u5217\u8868\u5931\u8D25: ",
+      error2
     ] });
   }
-  if (!commits || commits.length === 0) {
-    return /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: "\u8BE5\u5206\u652F\u6CA1\u6709 commit" });
+  if (!commits2 || commits2.length === 0) {
+    return /* @__PURE__ */ jsx6(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);
-  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsx4(Text4, { bold: true, color: "cyan", children: "[3/5] \u9009\u62E9\u8981\u540C\u6B65\u7684 commit" }),
-    /* @__PURE__ */ jsxs4(Text4, { color: "gray", dimColor: true, children: [
-      remote,
-      "/",
-      branch,
-      " \u6700\u8FD1 ",
-      commits.length,
-      " \u4E2A commit | \u5DF2\u9009 ",
-      selectedHashes.size,
-      " \u4E2A",
-      shiftMode && /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: " | Shift \u6A21\u5F0F" })
+  const startIdx = Math.max(0, Math.min(selectedIndex - Math.floor(visibleCount / 2), commits2.length - visibleCount));
+  const visibleCommits = commits2.slice(startIdx, startIdx + visibleCount);
+  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: [
+        remote2,
+        "/",
+        branch2
+      ] }),
+      /* @__PURE__ */ jsxs6(Text6, { color: "gray", dimColor: true, children: [
+        commits2.length,
+        " commits"
+      ] }),
+      /* @__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" })
     ] }),
-    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
-      startIdx > 0 && /* @__PURE__ */ jsxs4(Text4, { color: "gray", dimColor: true, children: [
+    /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+      startIdx > 0 && /* @__PURE__ */ jsxs6(Text6, { color: "gray", dimColor: true, children: [
         "  \u2191 ",
         startIdx,
-        " more..."
+        " more"
       ] }),
       visibleCommits.map((c, i) => {
         const actualIdx = startIdx + i;
         const isSelected = selectedHashes.has(c.hash);
         const isCursor = actualIdx === selectedIndex;
         const isAnchor = actualIdx === anchorIndexRef.current;
-        return /* @__PURE__ */ jsxs4(Text4, { children: [
-          /* @__PURE__ */ jsxs4(Text4, { backgroundColor: isCursor ? "blue" : void 0, color: isSelected ? "green" : "white", children: [
-            isCursor ? "\u25B6 " : "  ",
-            isAnchor ? "\u2693 " : isSelected ? "\u25CF " : "\u25CB ",
-            c.shortHash,
+        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__ */ jsxs4(Text4, { color: "gray", dimColor: true, children: [
-            " (",
+          /* @__PURE__ */ jsxs6(Text6, { color: "gray", dimColor: true, children: [
+            " ",
             c.author,
-            ")"
+            " \xB7 ",
+            c.date
           ] })
         ] }, c.hash);
       }),
-      startIdx + visibleCount < commits.length && /* @__PURE__ */ jsxs4(Text4, { color: "gray", dimColor: true, children: [
+      startIdx + visibleCount < commits2.length && /* @__PURE__ */ jsxs6(Text6, { color: "gray", dimColor: true, children: [
         "  \u2193 ",
-        commits.length - startIdx - visibleCount,
-        " more..."
+        commits2.length - startIdx - visibleCount,
+        " more"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", gap: 0, children: [
-      /* @__PURE__ */ jsxs4(Box4, { gap: 2, children: [
-        /* @__PURE__ */ jsxs4(Text4, { children: [
-          /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "\u2191/\u2193" }),
-          " \u5BFC\u822A"
-        ] }),
-        /* @__PURE__ */ jsxs4(Text4, { children: [
-          /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "Space" }),
-          " \u9009\u62E9"
-        ] }),
-        /* @__PURE__ */ jsxs4(Text4, { children: [
-          /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "a" }),
-          " \u5168\u9009"
-        ] }),
-        /* @__PURE__ */ jsxs4(Text4, { children: [
-          /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "i" }),
-          " \u53CD\u9009"
-        ] }),
-        /* @__PURE__ */ jsxs4(Text4, { children: [
-          /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "Enter" }),
-          " \u786E\u8BA4"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs4(Box4, { gap: 2, children: [
-        /* @__PURE__ */ jsxs4(Text4, { children: [
-          /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: "Shift+\u2191/\u2193" }),
-          " \u8FDE\u7EED\u9009\u62E9"
-        ] }),
-        /* @__PURE__ */ jsxs4(Text4, { children: [
-          /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: "Shift+Space" }),
-          " \u8303\u56F4\u9009\u62E9"
-        ] }),
-        /* @__PURE__ */ jsxs4(Text4, { children: [
-          /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "r" }),
-          " \u9009\u81F3\u5F00\u5934"
-        ] })
-      ] })
+    /* @__PURE__ */ jsx6(KeyHints, { hints: [
+      { key: "\u2191\u2193", label: "\u5BFC\u822A" },
+      { key: "Space", label: "\u9009\u62E9" },
+      { key: "a", label: "\u5168\u9009" },
+      { key: "i", label: "\u53CD\u9009" },
+      { key: "r", label: "\u9009\u81F3\u5F00\u5934" },
+      { key: "Shift+\u2191\u2193", label: "\u8FDE\u9009" },
+      { key: "Enter", label: "\u786E\u8BA4" },
+      { key: "Esc", label: "\u8FD4\u56DE" }
     ] }),
-    selectedHashes.size > 0 && /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
-      /* @__PURE__ */ jsxs4(Text4, { bold: true, color: "yellow", children: [
-        "\u5DF2\u9009 ",
-        selectedHashes.size,
-        " \u4E2A commit \u2014 diff --stat \u9884\u89C8:"
-      ] }),
-      statLoading ? /* @__PURE__ */ jsx4(Spinner3, { label: "\u52A0\u8F7D\u4E2D..." }) : /* @__PURE__ */ jsx4(Text4, { color: "gray", children: stat || "(\u65E0\u53D8\u66F4)" })
-    ] })
+    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)" }) })
   ] });
 }
 
 // src/components/confirm-panel.tsx
-import { Box as Box5, Text as Text5, useInput as useInput3 } from "ink";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function ConfirmPanel({ commits, selectedHashes, hasMerge, useMainline, onToggleMainline, onConfirm, onCancel }) {
-  useInput3((input) => {
-    if (input === "y" || input === "Y") {
+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: commits2, selectedHashes, hasMerge, useMainline, onToggleMainline, onConfirm, onCancel }) {
+  useInput6((input, key) => {
+    if (key.escape) {
+      onCancel();
+    } else if (input === "y" || input === "Y") {
       onConfirm();
     } else if (input === "n" || input === "N" || input === "q") {
       onCancel();
@@ -644,69 +847,58 @@ function ConfirmPanel({ commits, selectedHashes, hasMerge, useMainline, onToggle
       onToggleMainline();
     }
   });
-  const selectedCommits = selectedHashes.map((hash) => commits.find((c) => c.hash === hash)).filter(Boolean);
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsx5(Text5, { bold: true, color: "cyan", children: "[4/5] \u786E\u8BA4\u6267\u884C" }),
-    /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
-      /* @__PURE__ */ jsxs5(Text5, { bold: true, children: [
-        "\u5C06 cherry-pick --no-commit \u4EE5\u4E0B ",
-        selectedCommits.length,
-        " \u4E2A commit:"
+  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: [
+      /* @__PURE__ */ jsxs7(Text7, { color: "yellow", children: [
+        "  ",
+        c.shortHash
       ] }),
-      selectedCommits.map((c) => /* @__PURE__ */ jsxs5(Text5, { children: [
-        /* @__PURE__ */ jsxs5(Text5, { color: "green", children: [
-          "  ",
-          c.shortHash
-        ] }),
-        /* @__PURE__ */ jsxs5(Text5, { children: [
-          " ",
-          c.message
-        ] }),
-        /* @__PURE__ */ jsxs5(Text5, { color: "gray", dimColor: true, children: [
-          " (",
-          c.author,
-          ")"
-        ] })
-      ] }, c.hash))
-    ] }),
-    hasMerge && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", borderStyle: "single", borderColor: "red", paddingX: 1, children: [
-      /* @__PURE__ */ jsx5(Text5, { bold: true, color: "red", children: "\u68C0\u6D4B\u5230 Merge Commit" }),
-      /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "Cherry-pick \u5408\u5E76\u63D0\u4EA4\u9700\u8981\u6307\u5B9A\u7236\u8282\u70B9 (-m 1)" }),
-      /* @__PURE__ */ jsxs5(Text5, { children: [
-        /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: "[m]" }),
-        /* @__PURE__ */ jsx5(Text5, { children: " \u5207\u6362 -m 1: " }),
-        useMainline ? /* @__PURE__ */ jsx5(Text5, { color: "green", children: "\u5DF2\u542F\u7528" }) : /* @__PURE__ */ jsx5(Text5, { color: "gray", children: "\u672A\u542F\u7528" })
+      /* @__PURE__ */ jsxs7(Text7, { children: [
+        " ",
+        c.message
+      ] }),
+      /* @__PURE__ */ jsxs7(Text7, { color: "gray", dimColor: true, children: [
+        " ",
+        c.author
+      ] })
+    ] }, c.hash)) }),
+    hasMerge && /* @__PURE__ */ jsxs7(StatusPanel, { type: "warn", title: "\u68C0\u6D4B\u5230 Merge Commit", children: [
+      /* @__PURE__ */ jsx7(Text7, { color: "gray", children: "  Cherry-pick \u5408\u5E76\u63D0\u4EA4\u9700\u8981\u6307\u5B9A\u7236\u8282\u70B9 (-m 1)" }),
+      /* @__PURE__ */ jsxs7(Box7, { children: [
+        /* @__PURE__ */ jsx7(Text7, { children: "  " }),
+        /* @__PURE__ */ jsx7(Text7, { color: "cyan", children: "[m]" }),
+        /* @__PURE__ */ jsx7(Text7, { children: " \u5207\u6362 -m 1: " }),
+        useMainline ? /* @__PURE__ */ jsx7(Text7, { color: "green", bold: true, children: "\u5DF2\u542F\u7528" }) : /* @__PURE__ */ jsx7(Text7, { color: "gray", children: "\u672A\u542F\u7528" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs5(Box5, { children: [
-      /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "\u26A0 " }),
-      /* @__PURE__ */ jsx5(Text5, { children: "\u4F7F\u7528 --no-commit \u6A21\u5F0F\uFF0C\u6539\u52A8\u5C06\u6682\u5B58\u5230\u5DE5\u4F5C\u533A\uFF0C\u9700\u624B\u52A8 commit" })
+    /* @__PURE__ */ jsxs7(Box7, { children: [
+      /* @__PURE__ */ jsx7(Text7, { color: "yellow", children: "\u25B2 " }),
+      /* @__PURE__ */ jsx7(Text7, { color: "gray", children: "--no-commit \u6A21\u5F0F\uFF0C\u6539\u52A8\u5C06\u6682\u5B58\u5230\u5DE5\u4F5C\u533A\uFF0C\u9700\u624B\u52A8 commit" })
     ] }),
-    /* @__PURE__ */ jsxs5(Box5, { children: [
-      /* @__PURE__ */ jsx5(Text5, { bold: true, children: "\u786E\u8BA4\u6267\u884C? " }),
-      /* @__PURE__ */ jsx5(Text5, { color: "green", children: "[y]" }),
-      /* @__PURE__ */ jsx5(Text5, { children: " \u786E\u8BA4 / " }),
-      /* @__PURE__ */ jsx5(Text5, { color: "red", children: "[n]" }),
-      /* @__PURE__ */ jsx5(Text5, { children: " \u53D6\u6D88" }),
-      hasMerge && /* @__PURE__ */ jsxs5(Text5, { children: [
-        " / ",
-        /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: "[m]" }),
-        " \u5207\u6362 -m 1"
+    /* @__PURE__ */ jsxs7(Box7, { children: [
+      /* @__PURE__ */ jsx7(Text7, { bold: true, children: "\u786E\u8BA4\u6267\u884C? " }),
+      /* @__PURE__ */ jsx7(InlineKeys, { hints: [
+        { key: "y", label: "\u786E\u8BA4" },
+        { key: "n", label: "\u53D6\u6D88" },
+        ...hasMerge ? [{ key: "m", label: "\u5207\u6362 -m 1" }] : [],
+        { key: "Esc", label: "\u8FD4\u56DE" }
       ] })
     ] })
   ] });
 }
 
 // src/components/result-panel.tsx
-import { useState as useState5, useEffect as useEffect2 } from "react";
-import { Box as Box6, Text as Text6 } from "ink";
-import { Spinner as Spinner4 } from "@inkjs/ui";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useState as useState6, useEffect as useEffect3 } 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";
 function ResultPanel({ selectedHashes, useMainline, stashed, onStashRestored, onDone }) {
-  const [phase, setPhase] = useState5("executing");
-  const [result, setResult] = useState5(null);
-  const [stagedStat, setStagedStat] = useState5("");
-  const [stashRestored, setStashRestored] = useState5(null);
+  const [phase, setPhase] = useState6("executing");
+  const [result, setResult] = useState6(null);
+  const [stagedStat, setStagedStat] = useState6("");
+  const [stashRestored, setStashRestored] = useState6(null);
   const tryRestoreStash = async () => {
     if (!stashed) return true;
     setPhase("restoring");
@@ -715,7 +907,7 @@ function ResultPanel({ selectedHashes, useMainline, stashed, onStashRestored, on
     if (ok) onStashRestored();
     return ok;
   };
-  useEffect2(() => {
+  useEffect3(() => {
     async function run() {
       const res = await cherryPick(selectedHashes, useMainline);
       setResult(res);
@@ -732,62 +924,94 @@ function ResultPanel({ selectedHashes, useMainline, stashed, onStashRestored, on
     run();
   }, []);
   if (phase === "executing") {
-    return /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsx6(Spinner4, { label: `\u6B63\u5728\u6267\u884C cherry-pick --no-commit (${selectedHashes.length} \u4E2A commit)...` }) });
+    return /* @__PURE__ */ jsx8(Spinner5, { label: `cherry-pick --no-commit (${selectedHashes.length} \u4E2A commit)...` });
   }
   if (phase === "restoring") {
-    return /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsx6(Spinner4, { label: "\u6B63\u5728\u6062\u590D\u5DE5\u4F5C\u533A (git stash pop)..." }) });
+    return /* @__PURE__ */ jsx8(Spinner5, { label: "\u6062\u590D\u5DE5\u4F5C\u533A (git stash pop)..." });
   }
   if (phase === "error" && result) {
-    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", gap: 1, children: [
-      /* @__PURE__ */ jsx6(Text6, { bold: true, color: "red", children: "[5/5] Cherry-pick \u9047\u5230\u51B2\u7A81" }),
-      result.conflictFiles && result.conflictFiles.length > 0 && /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", borderStyle: "single", borderColor: "red", paddingX: 1, children: [
-        /* @__PURE__ */ jsx6(Text6, { bold: true, children: "\u51B2\u7A81\u6587\u4EF6:" }),
-        result.conflictFiles.map((f) => /* @__PURE__ */ jsxs6(Text6, { color: "red", children: [
-          "  ",
-          f
-        ] }, f))
+    return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", gap: 1, children: [
+      /* @__PURE__ */ jsx8(SectionHeader, { title: "Cherry-pick \u9047\u5230\u51B2\u7A81" }),
+      result.conflictFiles && result.conflictFiles.length > 0 && /* @__PURE__ */ jsx8(StatusPanel, { type: "error", title: "\u51B2\u7A81\u6587\u4EF6", children: result.conflictFiles.map((f) => /* @__PURE__ */ jsxs8(Text8, { color: "red", children: [
+        "  ",
+        f
+      ] }, f)) }),
+      /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "\u25B8 \u624B\u52A8\u89E3\u51B3\u51B2\u7A81\u540E\u6267\u884C git add \u548C git commit" }),
+        /* @__PURE__ */ jsx8(Text8, { color: "gray", dimColor: true, children: "\u25B8 \u6216\u6267\u884C git cherry-pick --abort \u653E\u5F03\u64CD\u4F5C" })
       ] }),
-      /* @__PURE__ */ jsx6(Text6, { color: "yellow", children: "\u8BF7\u624B\u52A8\u89E3\u51B3\u51B2\u7A81\u540E\u6267\u884C git add \u548C git commit" }),
-      /* @__PURE__ */ jsx6(Text6, { color: "gray", dimColor: true, children: "\u6216\u6267\u884C git cherry-pick --abort \u653E\u5F03\u64CD\u4F5C" }),
-      stashed && stashRestored === false && /* @__PURE__ */ jsx6(Text6, { color: "yellow", children: "\u6CE8\u610F: stash \u6062\u590D\u5931\u8D25\uFF0C\u8BF7\u624B\u52A8 git stash pop" }),
-      stashed && stashRestored === true && /* @__PURE__ */ jsx6(Text6, { color: "green", children: "\u5DF2\u6062\u590D\u5DE5\u4F5C\u533A\u53D8\u66F4 (stash pop)" })
+      stashed && stashRestored === false && /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "\u25B2 stash \u6062\u590D\u5931\u8D25\uFF0C\u8BF7\u624B\u52A8 git stash pop" }),
+      stashed && stashRestored === true && /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u2714 \u5DF2\u6062\u590D\u5DE5\u4F5C\u533A\u53D8\u66F4 (stash pop)" })
     ] });
   }
-  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", gap: 1, children: [
-    /* @__PURE__ */ jsx6(Text6, { bold: true, color: "green", children: "[5/5] \u540C\u6B65\u5B8C\u6210!" }),
-    /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1, children: [
-      /* @__PURE__ */ jsx6(Text6, { bold: true, children: "\u6682\u5B58\u533A\u53D8\u66F4\u6982\u89C8 (git diff --cached --stat):" }),
-      /* @__PURE__ */ jsx6(Text6, { color: "gray", children: stagedStat || "(\u65E0\u53D8\u66F4)" })
-    ] }),
-    stashed && (stashRestored ? /* @__PURE__ */ jsx6(Text6, { color: "green", children: "\u5DF2\u6062\u590D\u5DE5\u4F5C\u533A\u53D8\u66F4 (stash pop)" }) : /* @__PURE__ */ jsx6(Text6, { color: "yellow", children: "stash pop \u5931\u8D25\uFF0C\u8BF7\u624B\u52A8 git stash pop" })),
-    /* @__PURE__ */ jsx6(Text6, { color: "yellow", children: "\u6539\u52A8\u5DF2\u6682\u5B58\u5230\u5DE5\u4F5C\u533A (--no-commit \u6A21\u5F0F)" }),
-    /* @__PURE__ */ jsx6(Text6, { children: "\u8BF7\u5BA1\u67E5\u540E\u624B\u52A8\u6267\u884C:" }),
-    /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: "  git diff --cached          # \u67E5\u770B\u8BE6\u7EC6 diff" }),
-    /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: '  git commit -m "\u540C\u6B65 commit" # \u63D0\u4EA4' }),
-    /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: "  git reset HEAD             # \u6216\u653E\u5F03\u6240\u6709\u6539\u52A8" })
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ jsx8(SectionHeader, { title: "\u540C\u6B65\u5B8C\u6210" }),
+    /* @__PURE__ */ jsx8(StatusPanel, { type: "success", title: "\u6682\u5B58\u533A\u53D8\u66F4 (git diff --cached --stat)", children: /* @__PURE__ */ jsx8(Text8, { color: "gray", children: stagedStat || "(\u65E0\u53D8\u66F4)" }) }),
+    stashed && (stashRestored ? /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u2714 \u5DF2\u6062\u590D\u5DE5\u4F5C\u533A\u53D8\u66F4 (stash pop)" }) : /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "\u25B2 stash pop \u5931\u8D25\uFF0C\u8BF7\u624B\u52A8 git stash pop" })),
+    /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "\u25B2 \u6539\u52A8\u5DF2\u6682\u5B58\u5230\u5DE5\u4F5C\u533A (--no-commit \u6A21\u5F0F)" }),
+      /* @__PURE__ */ jsx8(Text8, { color: "gray", dimColor: true, children: "  \u5BA1\u67E5\u540E\u624B\u52A8\u6267\u884C:" }),
+      /* @__PURE__ */ jsxs8(Text8, { color: "cyan", children: [
+        "  git diff --cached          ",
+        /* @__PURE__ */ jsx8(Text8, { color: "gray", dimColor: true, children: "# \u67E5\u770B\u8BE6\u7EC6 diff" })
+      ] }),
+      /* @__PURE__ */ jsxs8(Text8, { color: "cyan", children: [
+        '  git commit -m "sync: ..."  ',
+        /* @__PURE__ */ jsx8(Text8, { color: "gray", dimColor: true, children: "# \u63D0\u4EA4" })
+      ] }),
+      /* @__PURE__ */ jsxs8(Text8, { color: "cyan", children: [
+        "  git reset HEAD             ",
+        /* @__PURE__ */ jsx8(Text8, { color: "gray", dimColor: true, children: "# \u6216\u653E\u5F03" })
+      ] })
+    ] })
   ] });
 }
 
 // src/app.tsx
 import { execSync } from "child_process";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-function App() {
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var STEP_NUMBER = {
+  checking: 0,
+  "stash-recovery": 0,
+  "stash-prompt": 0,
+  remote: 1,
+  branch: 2,
+  commits: 3,
+  confirm: 4,
+  result: 5
+};
+var STEP_DEBOUNCE = 100;
+function App({ initialRemote, initialBranch }) {
   const { exit } = useApp();
-  const [step, setStep] = useState6("checking");
-  const [remote, setRemote] = useState6("");
-  const [branch, setBranch] = useState6("");
-  const [selectedHashes, setSelectedHashes] = useState6([]);
-  const [commits, setCommits] = useState6([]);
-  const [hasMerge, setHasMerge] = useState6(false);
-  const [useMainline, setUseMainline] = useState6(false);
-  const [stashed, setStashed] = useState6(false);
+  const entryStep = initialRemote && initialBranch ? "commits" : initialRemote ? "branch" : "remote";
+  const [step, setStepRaw] = useState7("checking");
+  const [inputReady, setInputReady] = useState7(true);
+  const [remote2, setRemote] = useState7(initialRemote || "");
+  const [branch2, setBranch] = useState7(initialBranch || "");
+  const [selectedHashes, setSelectedHashes] = 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 setStep = useCallback2((newStep) => {
+    setInputReady(false);
+    setStepRaw(newStep);
+    if (debounceTimer.current) clearTimeout(debounceTimer.current);
+    debounceTimer.current = setTimeout(() => {
+      if (mountedRef.current) setInputReady(true);
+    }, STEP_DEBOUNCE);
+  }, []);
   const restoreStashSync = useCallback2(() => {
     if (stashedRef.current && !stashRestoredRef.current) {
       try {
         execSync("git stash pop", { stdio: "ignore" });
         stashRestoredRef.current = true;
+        removeStashGuardSync();
       } catch {
         try {
           process.stderr.write("\n\u26A0 stash \u81EA\u52A8\u6062\u590D\u5931\u8D25\uFF0C\u8BF7\u624B\u52A8\u6267\u884C: git stash pop\n");
@@ -798,97 +1022,144 @@ function App() {
   }, []);
   const markStashRestored = useCallback2(() => {
     stashRestoredRef.current = true;
+    removeStashGuard();
   }, []);
-  useEffect3(() => {
-    isWorkingDirClean().then((clean) => {
-      if (clean) {
-        setStep("remote");
-      } else {
-        setStep("stash-prompt");
+  useEffect4(() => {
+    mountedRef.current = true;
+    async function check() {
+      const guard = await checkStashGuard();
+      if (!mountedRef.current) return;
+      if (guard.exists) {
+        setGuardTimestamp(guard.timestamp);
+        setStep("stash-recovery");
+        return;
       }
-    });
+      const clean = await isWorkingDirClean();
+      if (!mountedRef.current) return;
+      setStep(clean ? entryStep : "stash-prompt");
+    }
+    check();
     const onSignal = () => {
       restoreStashSync();
       process.exit(0);
     };
     process.on("SIGINT", onSignal);
     process.on("SIGTERM", onSignal);
-    process.on("beforeExit", restoreStashSync);
+    process.on("SIGHUP", onSignal);
     return () => {
+      mountedRef.current = false;
+      if (debounceTimer.current) clearTimeout(debounceTimer.current);
       process.off("SIGINT", onSignal);
       process.off("SIGTERM", onSignal);
-      process.off("beforeExit", restoreStashSync);
+      process.off("SIGHUP", onSignal);
     };
-  }, [restoreStashSync]);
+  }, [restoreStashSync, setStep]);
   const doStash = async () => {
     const ok = await stash();
     if (ok) {
       setStashed(true);
       stashedRef.current = true;
+      await writeStashGuard();
     }
-    setStep("remote");
+    if (mountedRef.current) setStep(entryStep);
   };
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs7(Box7, { marginBottom: 1, children: [
-      /* @__PURE__ */ jsx7(Text7, { bold: true, inverse: true, color: "white", children: " git-sync-tui " }),
-      /* @__PURE__ */ jsx7(Text7, { children: " " }),
-      /* @__PURE__ */ jsx7(Text7, { color: "gray", children: "\u4EA4\u4E92\u5F0F commit \u540C\u6B65\u5DE5\u5177 (cherry-pick --no-commit)" }),
-      stashed && /* @__PURE__ */ jsx7(Text7, { color: "yellow", children: " (\u5DF2\u81EA\u52A8 stash)" })
-    ] }),
-    step === "checking" && /* @__PURE__ */ jsx7(Spinner5, { label: "\u68C0\u67E5\u5DE5\u4F5C\u533A\u72B6\u6001..." }),
-    step === "stash-prompt" && /* @__PURE__ */ jsx7(
+  const doStashRecover = async () => {
+    const entry = await findStashEntry();
+    if (entry) {
+      await stashPop();
+    }
+    await removeStashGuard();
+    if (!mountedRef.current) return;
+    const clean = await isWorkingDirClean();
+    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 ? entryStep : "stash-prompt");
+  };
+  const goBack = useCallback2((fromStep) => {
+    const backMap = {
+      branch: "remote",
+      commits: "branch",
+      confirm: "commits"
+    };
+    const prev = backMap[fromStep];
+    if (prev) {
+      setStep(prev);
+    } else {
+      restoreStashSync();
+      exit();
+    }
+  }, [setStep, restoreStashSync, exit]);
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx9(AppHeader, { step: STEP_NUMBER[step], stashed }),
+    step === "checking" && /* @__PURE__ */ jsx9(Spinner6, { label: "\u68C0\u67E5\u5DE5\u4F5C\u533A\u72B6\u6001..." }),
+    step === "stash-recovery" && inputReady && /* @__PURE__ */ jsx9(
+      StashRecovery,
+      {
+        timestamp: guardTimestamp,
+        onRecover: doStashRecover,
+        onSkip: skipStashRecover
+      }
+    ),
+    step === "stash-prompt" && inputReady && /* @__PURE__ */ jsx9(
       StashPrompt,
       {
         onConfirm: doStash,
-        onSkip: () => setStep("remote")
+        onSkip: () => setStep(entryStep)
       }
     ),
-    step === "remote" && /* @__PURE__ */ jsx7(
+    step === "remote" && inputReady && /* @__PURE__ */ jsx9(
       RemoteSelect,
       {
         onSelect: (r) => {
           setRemote(r);
           setStep("branch");
-        }
+        },
+        onBack: () => goBack("remote")
       }
     ),
-    step === "branch" && /* @__PURE__ */ jsx7(
+    step === "branch" && inputReady && /* @__PURE__ */ jsx9(
       BranchSelect,
       {
-        remote,
+        remote: remote2,
         onSelect: (b) => {
           setBranch(b);
           setStep("commits");
-        }
+        },
+        onBack: () => goBack("branch")
       }
     ),
-    step === "commits" && /* @__PURE__ */ jsx7(
+    step === "commits" && inputReady && /* @__PURE__ */ jsx9(
       CommitList,
       {
-        remote,
-        branch,
+        remote: remote2,
+        branch: branch2,
         onSelect: async (hashes, loadedCommits) => {
           setSelectedHashes(hashes);
           setCommits(loadedCommits);
           const merge = await hasMergeCommits(hashes);
           setHasMerge(merge);
           setStep("confirm");
-        }
+        },
+        onBack: () => goBack("commits")
       }
     ),
-    step === "confirm" && /* @__PURE__ */ jsx7(
+    step === "confirm" && inputReady && /* @__PURE__ */ jsx9(
       ConfirmPanel,
       {
-        commits,
+        commits: commits2,
         selectedHashes,
         hasMerge,
         useMainline,
         onToggleMainline: () => setUseMainline((v) => !v),
         onConfirm: () => setStep("result"),
-        onCancel: () => setStep("commits")
+        onCancel: () => goBack("confirm")
       }
     ),
-    step === "result" && /* @__PURE__ */ jsx7(
+    step === "result" && /* @__PURE__ */ jsx9(
       ResultPanel,
       {
         selectedHashes,
@@ -904,32 +1175,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 jsx8 } from "react/jsx-runtime";
+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 30\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: 30 },
+      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__ */ jsx8(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 }));
+}