gh-manager-cli 1.2.0

package/dist/index.js

@@ -0,0 +1,1595 @@
+#!/usr/bin/env node
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+
+// package.json
+var require_package = __commonJS({
+  "package.json"(exports, module) {
+    module.exports = {
+      name: "gh-manager-cli",
+      version: "1.2.0",
+      private: false,
+      description: "Interactive CLI to manage your GitHub repos (personal) with Ink",
+      license: "MIT",
+      main: "dist/index.js",
+      bin: {
+        "gh-manager": "dist/index.js"
+      },
+      files: [
+        "dist/",
+        "README.md",
+        "LICENSE",
+        "CHANGELOG.md"
+      ],
+      keywords: [
+        "github",
+        "cli",
+        "repository",
+        "management",
+        "terminal",
+        "tui",
+        "react-ink"
+      ],
+      type: "module",
+      scripts: {
+        build: "tsup",
+        "build:binaries": "npm run build && pkg dist/index.js --targets node18-linux-x64,node18-macos-x64,node18-windows-x64 --out-path ./binaries",
+        dev: "tsup --watch",
+        start: "node dist/index.js",
+        prepublishOnly: "pnpm run build"
+      },
+      engines: {
+        node: ">=18"
+      },
+      dependencies: {
+        "@octokit/graphql": "^9.0.1",
+        chalk: "^5.6.0",
+        dotenv: "^17.2.1",
+        "env-paths": "^3.0.0",
+        ink: "^6.2.3",
+        "ink-spinner": "^5.0.0",
+        "ink-text-input": "^6.0.0",
+        react: "^19.1.1"
+      },
+      devDependencies: {
+        "@semantic-release/changelog": "^6.0.3",
+        "@semantic-release/git": "^10.0.1",
+        "@types/node": "^24.3.0",
+        "@types/react": "^19.1.12",
+        pkg: "^5.8.1",
+        "semantic-release": "^24.2.7",
+        tsup: "^8.5.0",
+        typescript: "^5.9.2"
+      },
+      repository: {
+        type: "git",
+        url: "https://github.com/wiiiimm/gh-manager-cli.git"
+      },
+      bugs: {
+        url: "https://github.com/wiiiimm/gh-manager-cli/issues"
+      },
+      homepage: "https://github.com/wiiiimm/gh-manager-cli#readme",
+      release: {
+        branches: [
+          "main"
+        ],
+        plugins: [
+          "@semantic-release/commit-analyzer",
+          "@semantic-release/release-notes-generator",
+          "@semantic-release/changelog",
+          "@semantic-release/npm",
+          [
+            "@semantic-release/git",
+            {
+              assets: [
+                "CHANGELOG.md",
+                "package.json"
+              ],
+              message: "chore(release): ${nextRelease.version}\n\n${nextRelease.notes}"
+            }
+          ],
+          [
+            "@semantic-release/github",
+            {
+              assets: [
+                {
+                  path: "binaries/gh-manager-linux-x64/gh-manager-linux-x64",
+                  name: "gh-manager-linux-x64",
+                  label: "Linux x64 Binary"
+                },
+                {
+                  path: "binaries/gh-manager-macos-x64/gh-manager-macos-x64",
+                  name: "gh-manager-macos-x64",
+                  label: "macOS x64 Binary"
+                },
+                {
+                  path: "binaries/gh-manager-windows-x64/gh-manager-windows-x64.exe",
+                  name: "gh-manager-windows-x64.exe",
+                  label: "Windows x64 Binary"
+                }
+              ]
+            }
+          ]
+        ]
+      }
+    };
+  }
+});
+
+// src/index.tsx
+import { render, Box as Box3, Text as Text3 } from "ink";
+import "dotenv/config";
+
+// src/ui/App.tsx
+import { useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+import { Box as Box2, Text as Text2, useApp as useApp2, useStdout as useStdout2, useInput as useInput2 } from "ink";
+import TextInput2 from "ink-text-input";
+
+// src/config.ts
+import fs from "fs";
+import path from "path";
+import envPaths from "env-paths";
+var paths = envPaths("gh-manager-cli");
+var configDir = paths.config;
+var configFile = path.join(configDir, "config.json");
+function readConfig() {
+  try {
+    const data = fs.readFileSync(configFile, "utf8");
+    const json = JSON.parse(data);
+    return json;
+  } catch {
+    return {};
+  }
+}
+function writeConfig(cfg) {
+  fs.mkdirSync(configDir, { recursive: true });
+  const body = JSON.stringify(cfg, null, 2);
+  fs.writeFileSync(configFile, body, "utf8");
+  if (process.platform !== "win32") {
+    try {
+      fs.chmodSync(configFile, 384);
+    } catch {
+    }
+  }
+}
+function getTokenFromEnv() {
+  return process.env.GITHUB_TOKEN || process.env.GH_TOKEN;
+}
+function getStoredToken() {
+  const cfg = readConfig();
+  return cfg.token;
+}
+function storeToken(token) {
+  const existing = readConfig();
+  writeConfig({ ...existing, token, tokenVersion: 1 });
+}
+function clearStoredToken() {
+  const existing = readConfig();
+  const { token, tokenVersion, ...rest } = existing;
+  writeConfig({ ...rest });
+}
+function getUIPrefs() {
+  const cfg = readConfig();
+  return cfg.ui || {};
+}
+function storeUIPrefs(patch) {
+  const existing = readConfig();
+  const mergedUI = { ...existing.ui || {}, ...patch };
+  writeConfig({ ...existing, ui: mergedUI });
+}
+
+// src/github.ts
+import { graphql as makeGraphQL } from "@octokit/graphql";
+function makeClient(token) {
+  return makeGraphQL.defaults({
+    headers: { authorization: `token ${token}` }
+  });
+}
+async function getViewerLogin(client) {
+  const query = (
+    /* GraphQL */
+    `
+    query ViewerLogin {
+      viewer {
+        login
+      }
+    }
+  `
+  );
+  const res = await client(query);
+  return res.viewer.login;
+}
+async function fetchViewerReposPage(client, first, after, orderBy, includeForkTracking = true) {
+  const sortField = orderBy?.field || "UPDATED_AT";
+  const sortDirection = orderBy?.direction || "DESC";
+  const query = (
+    /* GraphQL */
+    `
+    query ViewerRepos(
+      $first: Int!
+      $after: String
+      $sortField: RepositoryOrderField!
+      $sortDirection: OrderDirection!
+    ) {
+      rateLimit {
+        limit
+        remaining
+        resetAt
+      }
+      viewer {
+        repositories(
+          ownerAffiliations: OWNER
+          first: $first
+          after: $after
+          orderBy: { field: $sortField, direction: $sortDirection }
+        ) {
+          totalCount
+          pageInfo {
+            endCursor
+            hasNextPage
+          }
+          nodes {
+            id
+            name
+            nameWithOwner
+            description
+            visibility
+            isPrivate
+            isFork
+            isArchived
+            stargazerCount
+            forkCount
+            primaryLanguage {
+              name
+              color
+            }
+            updatedAt
+            pushedAt
+            diskUsage
+            ${includeForkTracking ? `
+            parent {
+              nameWithOwner
+              defaultBranchRef {
+                target {
+                  ... on Commit {
+                    history(first: 0) {
+                      totalCount
+                    }
+                  }
+                }
+              }
+            }
+            defaultBranchRef {
+              target {
+                ... on Commit {
+                  history(first: 0) {
+                    totalCount
+                  }
+                }
+              }
+            }` : `
+            parent {
+              nameWithOwner
+            }`}
+          }
+        }
+      }
+    }
+  `
+  );
+  const res = await client(query, {
+    first,
+    after: after ?? null,
+    sortField,
+    sortDirection
+  });
+  const data = res.viewer.repositories;
+  return {
+    nodes: data.nodes,
+    endCursor: data.pageInfo.endCursor,
+    hasNextPage: data.pageInfo.hasNextPage,
+    totalCount: data.totalCount,
+    rateLimit: res.rateLimit
+  };
+}
+async function deleteRepositoryRest(token, owner, repo) {
+  const url = `https://api.github.com/repos/${owner}/${repo}`;
+  const res = await fetch(url, {
+    method: "DELETE",
+    headers: {
+      "Authorization": `token ${token}`,
+      "Accept": "application/vnd.github+json",
+      "User-Agent": "gh-manager-cli"
+    }
+  });
+  if (res.status === 204) return;
+  let msg = `GitHub REST delete failed (status ${res.status})`;
+  try {
+    const body = await res.json();
+    if (body && body.message) msg += `: ${body.message}`;
+  } catch {
+  }
+  throw new Error(msg);
+}
+async function archiveRepositoryById(client, repositoryId) {
+  const mutation = (
+    /* GraphQL */
+    `
+    mutation ArchiveRepo($repositoryId: ID!) {
+      archiveRepository(input: { repositoryId: $repositoryId }) {
+        clientMutationId
+      }
+    }
+  `
+  );
+  await client(mutation, { repositoryId });
+}
+async function unarchiveRepositoryById(client, repositoryId) {
+  const mutation = (
+    /* GraphQL */
+    `
+    mutation UnarchiveRepo($repositoryId: ID!) {
+      unarchiveRepository(input: { repositoryId: $repositoryId }) {
+        clientMutationId
+      }
+    }
+  `
+  );
+  await client(mutation, { repositoryId });
+}
+async function syncForkWithUpstream(token, owner, repo, branch = "main") {
+  const url = `https://api.github.com/repos/${owner}/${repo}/merge-upstream`;
+  const res = await fetch(url, {
+    method: "POST",
+    headers: {
+      "Authorization": `token ${token}`,
+      "Accept": "application/vnd.github+json",
+      "User-Agent": "gh-manager-cli"
+    },
+    body: JSON.stringify({ branch })
+  });
+  if (res.status === 204) {
+    return { message: "Already up-to-date", merge_type: "none", base_branch: branch };
+  }
+  if (res.status === 200) {
+    const body = await res.json();
+    return body;
+  }
+  let msg = `Fork sync failed (status ${res.status})`;
+  try {
+    const body = await res.json();
+    if (body && body.message) {
+      msg += `: ${body.message}`;
+      if (res.status === 409) {
+        msg += " (conflicts detected - manual merge required)";
+      }
+    }
+  } catch {
+  }
+  throw new Error(msg);
+}
+
+// src/ui/RepoList.tsx
+import { useEffect, useMemo, useState } from "react";
+import { Box, Text, useApp, useInput, useStdout } from "ink";
+import TextInput from "ink-text-input";
+import chalk from "chalk";
+import { exec } from "child_process";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PAGE_SIZE = process.env.GH_MANAGER_DEV === "1" || process.env.NODE_ENV === "development" ? 5 : 15;
+function SlowSpinner() {
+  const frames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+  const [frame, setFrame] = useState(0);
+  useEffect(() => {
+    const timer = setInterval(() => {
+      setFrame((f) => (f + 1) % frames.length);
+    }, 500);
+    return () => clearInterval(timer);
+  }, [frames.length]);
+  return /* @__PURE__ */ jsx(Text, { children: frames[frame] });
+}
+function truncate(str, max = 80) {
+  if (str.length <= max) return str;
+  return str.slice(0, Math.max(0, max - 1)) + "\u2026";
+}
+function formatDate(dateStr) {
+  const date = new Date(dateStr);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
+  if (diffDays === 0) return "today";
+  if (diffDays === 1) return "yesterday";
+  if (diffDays < 7) return `${diffDays} days ago`;
+  if (diffDays < 30) return `${Math.floor(diffDays / 7)} weeks ago`;
+  if (diffDays < 365) return `${Math.floor(diffDays / 30)} months ago`;
+  return `${Math.floor(diffDays / 365)} years ago`;
+}
+function RepoRow({ repo, selected, index, maxWidth, spacingLines, dim, forkTracking }) {
+  const langName = repo.primaryLanguage?.name || "";
+  const langColor = repo.primaryLanguage?.color || "#666666";
+  const hasCommitData = repo.isFork && repo.parent && repo.defaultBranchRef && repo.parent.defaultBranchRef && repo.parent.defaultBranchRef.target?.history && repo.defaultBranchRef.target?.history;
+  const commitsBehind = hasCommitData ? repo.parent.defaultBranchRef.target.history.totalCount - repo.defaultBranchRef.target.history.totalCount : 0;
+  const showCommitsBehind = forkTracking && hasCommitData;
+  let line1 = "";
+  const numColor = selected ? chalk.cyan : chalk.gray;
+  const nameColor = selected ? chalk.cyan.bold : chalk.white;
+  line1 += numColor(`${String(index).padStart(3, " ")}.`);
+  line1 += nameColor(` ${repo.nameWithOwner}`);
+  if (repo.isPrivate) line1 += chalk.yellow(" Private");
+  if (repo.isArchived) line1 += " " + chalk.bgGray.whiteBright(" Archived ") + " ";
+  if (repo.isFork && repo.parent) {
+    line1 += chalk.blue(` Fork of ${repo.parent.nameWithOwner}`);
+    if (showCommitsBehind) {
+      if (commitsBehind > 0) {
+        line1 += chalk.yellow(` (${commitsBehind} behind)`);
+      } else {
+        line1 += chalk.green(` (0 behind)`);
+      }
+    }
+  }
+  let line2 = "     ";
+  const metaColor = selected ? chalk.white : chalk.gray;
+  if (langName) line2 += chalk.hex(langColor)("\u25CF ") + metaColor(`${langName}  `);
+  line2 += metaColor(`\u2605 ${repo.stargazerCount}  \u2442 ${repo.forkCount}  Updated ${formatDate(repo.updatedAt)}`);
+  const line3 = repo.description ? `     ${truncate(repo.description, Math.max(30, maxWidth - 10))}` : null;
+  let fullText = line1 + "\n" + line2;
+  if (line3) fullText += "\n" + metaColor(line3);
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", backgroundColor: selected ? "gray" : void 0, children: [
+    /* @__PURE__ */ jsx(Text, { children: dim ? chalk.dim(fullText) : fullText }),
+    spacingLines > 0 && /* @__PURE__ */ jsx(Box, { height: spacingLines, children: /* @__PURE__ */ jsx(Text, { children: " " }) })
+  ] });
+}
+function RepoList({ token, maxVisibleRows }) {
+  const { exit } = useApp();
+  const { stdout } = useStdout();
+  const client = useMemo(() => makeClient(token), [token]);
+  const terminalWidth = stdout?.columns ?? 80;
+  const availableHeight = maxVisibleRows ?? 20;
+  const [items, setItems] = useState([]);
+  const [cursor, setCursor] = useState(0);
+  const [endCursor, setEndCursor] = useState(null);
+  const [hasNextPage, setHasNextPage] = useState(false);
+  const [totalCount, setTotalCount] = useState(0);
+  const [loading, setLoading] = useState(true);
+  const [sortingLoading, setSortingLoading] = useState(false);
+  const [refreshing, setRefreshing] = useState(false);
+  const [loadingMore, setLoadingMore] = useState(false);
+  const [error, setError] = useState(null);
+  const [rateLimit, setRateLimit] = useState(void 0);
+  const [prevRateLimit, setPrevRateLimit] = useState(void 0);
+  const [density, setDensity] = useState(2);
+  const [prefsLoaded, setPrefsLoaded] = useState(false);
+  const [deleteMode, setDeleteMode] = useState(false);
+  const [deleteTarget, setDeleteTarget] = useState(null);
+  const [deleteCode, setDeleteCode] = useState("");
+  const [typedCode, setTypedCode] = useState("");
+  const [deleting, setDeleting] = useState(false);
+  const [deleteError, setDeleteError] = useState(null);
+  const [deleteConfirmStage, setDeleteConfirmStage] = useState(false);
+  const [confirmFocus, setConfirmFocus] = useState("delete");
+  const [archiveMode, setArchiveMode] = useState(false);
+  const [archiveTarget, setArchiveTarget] = useState(null);
+  const [archiving, setArchiving] = useState(false);
+  const [archiveError, setArchiveError] = useState(null);
+  const [archiveFocus, setArchiveFocus] = useState("confirm");
+  const [syncMode, setSyncMode] = useState(false);
+  const [syncTarget, setSyncTarget] = useState(null);
+  const [syncing, setSyncing] = useState(false);
+  const [syncError, setSyncError] = useState(null);
+  const [syncFocus, setSyncFocus] = useState("confirm");
+  function closeArchiveModal() {
+    setArchiveMode(false);
+    setArchiveTarget(null);
+    setArchiving(false);
+    setArchiveError(null);
+    setArchiveFocus("confirm");
+  }
+  function closeSyncModal() {
+    setSyncMode(false);
+    setSyncTarget(null);
+    setSyncing(false);
+    setSyncError(null);
+    setSyncFocus("confirm");
+  }
+  function cancelDeleteModal() {
+    setDeleteMode(false);
+    setDeleteTarget(null);
+    setTypedCode("");
+    setDeleteError(null);
+    setDeleteConfirmStage(false);
+    setDeleting(false);
+    setConfirmFocus("delete");
+  }
+  async function confirmDeleteNow() {
+    if (!deleteTarget) return;
+    try {
+      setDeleting(true);
+      const [owner, repo] = (deleteTarget.nameWithOwner || "").split("/");
+      await deleteRepositoryRest(token, owner, repo);
+      setItems((prev) => prev.filter((r) => r.id !== deleteTarget.id));
+      setTotalCount((c) => Math.max(0, c - 1));
+      setDeleteMode(false);
+      setDeleteTarget(null);
+      setTypedCode("");
+      setDeleteError(null);
+      setDeleting(false);
+      setDeleteConfirmStage(false);
+      setCursor((c) => Math.max(0, Math.min(c, filteredAndSorted.length - 2)));
+    } catch (e) {
+      setDeleting(false);
+      setDeleteError("Failed to delete repository. Ensure delete_repo scope and admin permissions.");
+    }
+  }
+  const [filter, setFilter] = useState("");
+  const [filterMode, setFilterMode] = useState(false);
+  const [sortKey, setSortKey] = useState("updated");
+  const [sortDir, setSortDir] = useState("desc");
+  const [forkTracking, setForkTracking] = useState(true);
+  const sortFieldMap = {
+    "updated": "UPDATED_AT",
+    "pushed": "PUSHED_AT",
+    "name": "NAME",
+    "stars": "STARGAZERS"
+  };
+  const fetchPage = async (after, reset = false, isSortChange = false, overrideForkTracking) => {
+    if (isSortChange) {
+      setSortingLoading(true);
+    } else if (after && !reset) {
+      setLoadingMore(true);
+    } else {
+      setLoading(true);
+    }
+    try {
+      const orderBy = {
+        field: sortFieldMap[sortKey],
+        direction: sortDir.toUpperCase()
+      };
+      const page = await fetchViewerReposPage(client, PAGE_SIZE, after ?? null, orderBy, overrideForkTracking ?? forkTracking);
+      setItems((prev) => reset || !after ? page.nodes : [...prev, ...page.nodes]);
+      setEndCursor(page.endCursor);
+      setHasNextPage(page.hasNextPage);
+      setTotalCount(page.totalCount);
+      if (page.rateLimit && rateLimit) {
+        setPrevRateLimit(rateLimit.remaining);
+      }
+      setRateLimit(page.rateLimit);
+      setError(null);
+    } catch (e) {
+      setError("Failed to load repositories. Check network or token.");
+    } finally {
+      setLoading(false);
+      setSortingLoading(false);
+      setRefreshing(false);
+      setLoadingMore(false);
+    }
+  };
+  useEffect(() => {
+    const ui = getUIPrefs();
+    if (ui.density !== void 0) setDensity(ui.density);
+    if (ui.sortKey && ["updated", "pushed", "name", "stars"].includes(ui.sortKey)) {
+      setSortKey(ui.sortKey);
+    }
+    if (ui.sortDir && (ui.sortDir === "asc" || ui.sortDir === "desc")) {
+      setSortDir(ui.sortDir);
+    }
+    if (ui.forkTracking !== void 0) setForkTracking(ui.forkTracking);
+    else setForkTracking(true);
+    setPrefsLoaded(true);
+  }, []);
+  useEffect(() => {
+    if (!prefsLoaded) return;
+    fetchPage();
+  }, [client, prefsLoaded]);
+  useEffect(() => {
+    if (items.length > 0) {
+      fetchPage(null, true, true);
+    }
+  }, [sortKey, sortDir]);
+  useInput((input, key) => {
+    if (deleteMode) {
+      if (key.escape || input && input.toUpperCase() === "C") {
+        cancelDeleteModal();
+        return;
+      }
+      if (deleteConfirmStage) {
+        if (key.leftArrow) {
+          setConfirmFocus("delete");
+          return;
+        }
+        if (key.rightArrow) {
+          setConfirmFocus("cancel");
+          return;
+        }
+        if (key.return) {
+          if (confirmFocus === "delete") confirmDeleteNow();
+          else cancelDeleteModal();
+          return;
+        }
+        if (input && input.toUpperCase() === "Y") {
+          confirmDeleteNow();
+          return;
+        }
+      }
+      return;
+    }
+    if (archiveMode) {
+      if (key.escape || input && input.toUpperCase() === "C") {
+        closeArchiveModal();
+        return;
+      }
+      if (key.leftArrow) {
+        setArchiveFocus("confirm");
+        return;
+      }
+      if (key.rightArrow) {
+        setArchiveFocus("cancel");
+        return;
+      }
+      if (key.return || input && input.toUpperCase() === "Y") {
+        if (archiveFocus === "cancel") {
+          closeArchiveModal();
+          return;
+        }
+        if (!archiveTarget) return;
+        (async () => {
+          try {
+            setArchiving(true);
+            const isArchived = archiveTarget.isArchived;
+            const id = archiveTarget.id;
+            if (isArchived) await unarchiveRepositoryById(client, id);
+            else await archiveRepositoryById(client, id);
+            setItems((prev) => prev.map((r) => r.id === archiveTarget.id ? { ...r, isArchived: !isArchived } : r));
+            closeArchiveModal();
+          } catch (e) {
+            setArchiving(false);
+            setArchiveError("Failed to update archive state. Check permissions.");
+          }
+        })();
+        return;
+      }
+      return;
+    }
+    if (syncMode) {
+      if (key.escape || input && input.toUpperCase() === "C") {
+        closeSyncModal();
+        return;
+      }
+      if (key.leftArrow) {
+        setSyncFocus("confirm");
+        return;
+      }
+      if (key.rightArrow) {
+        setSyncFocus("cancel");
+        return;
+      }
+      if (key.return || input && input.toUpperCase() === "Y") {
+        if (syncFocus === "cancel") {
+          closeSyncModal();
+          return;
+        }
+        if (!syncTarget) return;
+        (async () => {
+          try {
+            setSyncing(true);
+            const [owner, repo] = syncTarget.nameWithOwner.split("/");
+            const result = await syncForkWithUpstream(token, owner, repo);
+            setItems((prev) => prev.map((r) => {
+              if (r.id === syncTarget.id && r.parent && r.defaultBranchRef?.target?.history && r.parent.defaultBranchRef?.target?.history) {
+                return {
+                  ...r,
+                  defaultBranchRef: {
+                    ...r.defaultBranchRef,
+                    target: {
+                      ...r.defaultBranchRef.target,
+                      history: {
+                        totalCount: r.parent.defaultBranchRef.target.history.totalCount
+                      }
+                    }
+                  }
+                };
+              }
+              return r;
+            }));
+            closeSyncModal();
+          } catch (e) {
+            setSyncing(false);
+            setSyncError(e.message || "Failed to sync fork. Check permissions and network.");
+          }
+        })();
+        return;
+      }
+      return;
+    }
+    if (filterMode) {
+      if (key.escape) {
+        setFilterMode(false);
+        return;
+      }
+      return;
+    }
+    if (input && input.toUpperCase() === "Q") {
+      try {
+        const seq = "\x1B[2J\x1B[3J\x1B[H";
+        if (stdout && typeof stdout.write === "function") stdout.write(seq);
+        else if (typeof process.stdout.write === "function") process.stdout.write(seq);
+      } catch {
+      }
+      exit();
+      return;
+    }
+    if (key.downArrow) setCursor((c) => Math.min(c + 1, items.length - 1));
+    if (key.upArrow) setCursor((c) => Math.max(c - 1, 0));
+    if (key.pageDown) setCursor((c) => Math.min(c + 10, items.length - 1));
+    if (key.pageUp) setCursor((c) => Math.max(c - 10, 0));
+    if (key.return) {
+      const repo = filteredAndSorted[cursor];
+      if (repo) openInBrowser(`https://github.com/${repo.nameWithOwner}`);
+    }
+    if (key.delete && !key.backspace || key.backspace && key.ctrl) {
+      const repo = filteredAndSorted[cursor];
+      if (repo) {
+        setDeleteTarget(repo);
+        setDeleteMode(true);
+        setTypedCode("");
+        setDeleteError(null);
+        const letters = "ABDEFGHIJKLMNOPQRSTUVWXYZ";
+        const code = Array.from({ length: 4 }, () => letters[Math.floor(Math.random() * letters.length)]).join("");
+        setDeleteCode(code);
+        setDeleteConfirmStage(false);
+        setConfirmFocus("delete");
+      }
+      return;
+    }
+    if (key.ctrl && (input === "g" || input === "G")) {
+      setCursor(0);
+      return;
+    }
+    if (!key.ctrl && input && input.toUpperCase() === "G") {
+      setCursor(items.length - 1);
+      return;
+    }
+    if (input && input.toUpperCase() === "R") {
+      setCursor(0);
+      setRefreshing(true);
+      setSortingLoading(true);
+      fetchPage(null, true, true);
+    }
+    if (key.ctrl && (input === "a" || input === "A")) {
+      const repo = filteredAndSorted[cursor];
+      if (repo) {
+        setArchiveTarget(repo);
+        setArchiveMode(true);
+        setArchiveError(null);
+        setArchiving(false);
+        setArchiveFocus("confirm");
+      }
+      return;
+    }
+    if (key.ctrl && (input === "u" || input === "U")) {
+      const repo = filteredAndSorted[cursor];
+      if (repo && repo.isFork && repo.parent) {
+        const hasCommitData = repo.defaultBranchRef && repo.parent.defaultBranchRef && repo.parent.defaultBranchRef.target?.history && repo.defaultBranchRef.target?.history;
+        const commitsBehind = hasCommitData ? repo.parent.defaultBranchRef.target.history.totalCount - repo.defaultBranchRef.target.history.totalCount : 0;
+        setSyncTarget(repo);
+        setSyncMode(true);
+        setSyncError(null);
+        setSyncing(false);
+        setSyncFocus("confirm");
+      }
+      return;
+    }
+    if (key.ctrl && (input === "l" || input === "L")) {
+      setLogoutMode(true);
+      setLogoutError(null);
+      setLogoutFocus("confirm");
+      return;
+    }
+    if (input === "/") {
+      setFilterMode(true);
+      return;
+    }
+    if (input && input.toUpperCase() === "S") {
+      const order = ["updated", "pushed", "name", "stars"];
+      const idx = order.indexOf(sortKey);
+      const newSortKey = order[(idx + 1) % order.length];
+      setSortKey(newSortKey);
+      setCursor(0);
+      storeUIPrefs({ sortKey: newSortKey });
+      return;
+    }
+    if (input && input.toUpperCase() === "D") {
+      setSortDir((prev) => {
+        const next = prev === "asc" ? "desc" : "asc";
+        storeUIPrefs({ sortDir: next });
+        return next;
+      });
+      setCursor(0);
+      return;
+    }
+    if (input && input.toUpperCase() === "O") {
+      const repo = filteredAndSorted[cursor];
+      if (repo) openInBrowser(`https://github.com/${repo.nameWithOwner}`);
+      return;
+    }
+    if (input && input.toUpperCase() === "T") {
+      setDensity((d) => {
+        const next = (d + 1) % 3;
+        storeUIPrefs({ density: next });
+        return next;
+      });
+      return;
+    }
+    if (input && input.toUpperCase() === "F") {
+      setForkTracking((prev) => {
+        const next = !prev;
+        storeUIPrefs({ forkTracking: next });
+        const needsRefresh = next && items.some(
+          (repo) => repo.isFork && repo.parent && (!repo.defaultBranchRef?.target?.history || !repo.parent.defaultBranchRef?.target?.history)
+        );
+        if (needsRefresh) {
+          setSortingLoading(true);
+          fetchPage(null, true, true, next);
+        }
+        return next;
+      });
+      return;
+    }
+  });
+  useEffect(() => {
+    if (!loading && !loadingMore && hasNextPage && cursor >= filteredAndSorted.length - 5) {
+      fetchPage(endCursor);
+    }
+  }, [cursor, hasNextPage, endCursor, loading, loadingMore]);
+  const filtered = useMemo(() => {
+    const q = filter.trim().toLowerCase();
+    if (!q) return items;
+    return items.filter(
+      (r) => r.nameWithOwner.toLowerCase().includes(q) || (r.description ? r.description.toLowerCase().includes(q) : false)
+    );
+  }, [items, filter]);
+  const filteredAndSorted = useMemo(() => {
+    const arr = [...filtered];
+    const dir = sortDir === "asc" ? 1 : -1;
+    arr.sort((a, b) => {
+      switch (sortKey) {
+        case "name":
+          return a.nameWithOwner.localeCompare(b.nameWithOwner) * dir;
+        case "stars":
+          return (a.stargazerCount - b.stargazerCount) * dir;
+        case "forks":
+          return (a.forkCount - b.forkCount) * dir;
+        case "pushed":
+          return (new Date(a.pushedAt).getTime() - new Date(b.pushedAt).getTime()) * dir;
+        case "updated":
+        default:
+          return (new Date(a.updatedAt).getTime() - new Date(b.updatedAt).getTime()) * dir;
+      }
+    });
+    return arr;
+  }, [filtered, sortKey, sortDir]);
+  useEffect(() => {
+    setCursor((c) => Math.min(c, Math.max(0, filteredAndSorted.length - 1)));
+  }, [filteredAndSorted.length]);
+  const headerHeight = 2;
+  const footerHeight = 4;
+  const containerPadding = 2;
+  const contentHeight = Math.max(1, availableHeight - headerHeight - footerHeight - containerPadding);
+  const listHeight = Math.max(1, contentHeight - (filterMode ? 2 : 0) - 2);
+  const spacingLines = density;
+  const windowed = useMemo(() => {
+    const total = filteredAndSorted.length;
+    const LINES_PER_REPO = 3 + spacingLines;
+    const visibleRepos = Math.max(1, Math.floor(listHeight / LINES_PER_REPO));
+    if (visibleRepos >= total) return { start: 0, end: total };
+    const buffer = 2;
+    const half = Math.floor(visibleRepos / 2);
+    let start = Math.max(0, cursor - half - buffer);
+    start = Math.min(start, Math.max(0, total - visibleRepos));
+    const end = Math.min(total, start + visibleRepos + buffer);
+    return { start, end };
+  }, [filteredAndSorted.length, cursor, listHeight, spacingLines]);
+  function openInBrowser(url) {
+    const platform = process.platform;
+    const cmd = platform === "darwin" ? `open "${url}"` : platform === "win32" ? `start "" "${url}"` : `xdg-open "${url}"`;
+    exec(cmd);
+  }
+  const lowRate = rateLimit && rateLimit.remaining <= Math.ceil(rateLimit.limit * 0.1);
+  const modalOpen = deleteMode || archiveMode || syncMode || logoutMode;
+  const headerBar = useMemo(() => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", justifyContent: "space-between", height: 1, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: modalOpen ? "gray" : void 0, dimColor: modalOpen ? true : void 0, children: "  Repositories" }),
+      /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        "(",
+        filteredAndSorted.length,
+        "/",
+        totalCount,
+        ")"
+      ] }),
+      loading && /* @__PURE__ */ jsx(Box, { width: 2, flexShrink: 0, flexGrow: 0, marginLeft: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellow", children: /* @__PURE__ */ jsx(SlowSpinner, {}) }) })
+    ] }),
+    rateLimit && /* @__PURE__ */ jsxs(Text, { color: lowRate ? "yellow" : "gray", children: [
+      "API: ",
+      rateLimit.remaining,
+      "/",
+      rateLimit.limit,
+      prevRateLimit !== void 0 && prevRateLimit !== rateLimit.remaining && /* @__PURE__ */ jsx(Text, { color: rateLimit.remaining < prevRateLimit ? "red" : "green", children: ` (${rateLimit.remaining - prevRateLimit > 0 ? "+" : ""}${rateLimit.remaining - prevRateLimit})` })
+    ] })
+  ] }), [filteredAndSorted.length, totalCount, loading, rateLimit, lowRate, modalOpen, prevRateLimit]);
+  if (error) {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", flexGrow: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: "red", children: error }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "Press 'r' to retry or 'q' to quit" })
+    ] });
+  }
+  if (loading && items.length === 0 || sortingLoading) {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height: availableHeight, children: [
+      /* @__PURE__ */ jsx(Box, { flexDirection: "row", justifyContent: "space-between", height: 1, marginBottom: 1, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, children: "  Repositories" }),
+        /* @__PURE__ */ jsx(Text, { color: "gray", children: "(Loading...)" })
+      ] }) }),
+      /* @__PURE__ */ jsx(Box, { borderStyle: "single", borderColor: "yellow", paddingX: 1, paddingY: 1, marginX: 1, height: contentHeight + containerPadding + 2, flexDirection: "column", children: /* @__PURE__ */ jsx(Box, { height: contentHeight, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", alignItems: "center", children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", alignItems: "center", children: [
+        /* @__PURE__ */ jsxs(Box, { height: 1, flexDirection: "row", children: [
+          /* @__PURE__ */ jsx(Box, { width: 2, flexShrink: 0, flexGrow: 0, children: /* @__PURE__ */ jsx(Text, { color: "cyan", children: /* @__PURE__ */ jsx(SlowSpinner, {}) }) }),
+          /* @__PURE__ */ jsx(Text, { color: "cyan", children: refreshing ? "Refreshing..." : sortingLoading ? "Applying sort..." : "Loading repositories..." })
+        ] }),
+        /* @__PURE__ */ jsx(Box, { height: 1, marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: refreshing ? "Fetching latest repository data" : sortingLoading ? `Sorting by ${sortKey} (${sortDir === "asc" ? "ascending" : "descending"})` : "Fetching your GitHub repositories" }) })
+      ] }) }) }) }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, paddingX: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Please wait..." }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height: availableHeight, children: [
+    headerBar,
+    /* @__PURE__ */ jsx(Box, { borderStyle: "single", borderColor: modalOpen ? "gray" : "yellow", paddingX: 1, paddingY: 1, marginX: 1, height: contentHeight + containerPadding + 2, flexDirection: "column", children: deleteMode && deleteTarget ? (
+      // Centered modal; hide list content while modal is open
+      /* @__PURE__ */ jsx(Box, { height: contentHeight, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 3, paddingY: 2, width: Math.min(terminalWidth - 8, 80), children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, children: "Delete Confirmation" }),
+        /* @__PURE__ */ jsx(Text, { color: "red", children: "\u26A0\uFE0F  Delete repository?" }),
+        /* @__PURE__ */ jsx(Box, { height: 2, children: /* @__PURE__ */ jsx(Text, { children: " " }) }),
+        (() => {
+          const langName = deleteTarget.primaryLanguage?.name || "";
+          const langColor = deleteTarget.primaryLanguage?.color || "#666666";
+          let line1 = "";
+          line1 += chalk.white(deleteTarget.nameWithOwner);
+          if (deleteTarget.isPrivate) line1 += chalk.yellow(" Private");
+          if (deleteTarget.isArchived) line1 += chalk.gray.dim(" Archived");
+          if (deleteTarget.isFork && deleteTarget.parent) line1 += chalk.blue(` Fork of ${deleteTarget.parent.nameWithOwner}`);
+          let line2 = "";
+          if (langName) line2 += chalk.hex(langColor)("\u25CF ") + chalk.gray(`${langName}  `);
+          line2 += chalk.gray(`\u2605 ${deleteTarget.stargazerCount}  \u2442 ${deleteTarget.forkCount}  Updated ${formatDate(deleteTarget.updatedAt)}`);
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Text, { children: line1 }),
+            /* @__PURE__ */ jsx(Text, { children: line2 })
+          ] });
+        })(),
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { children: [
+          "Type ",
+          /* @__PURE__ */ jsx(Text, { color: "yellow", bold: true, children: deleteCode }),
+          " to confirm."
+        ] }) }),
+        !deleteConfirmStage && /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx(Text, { children: "Confirm code: " }),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              value: typedCode,
+              onChange: (v) => {
+                const up = (v || "").toUpperCase();
+                const cut = up.slice(0, 4);
+                setTypedCode(cut);
+                if (cut.length < 4) {
+                  setDeleteError(null);
+                }
+                if (cut.length === 4) {
+                  if (cut === deleteCode && deleteTarget) {
+                    setDeleteError(null);
+                    setDeleteConfirmStage(true);
+                    setConfirmFocus("delete");
+                  } else {
+                    setDeleteError("Code does not match");
+                  }
+                }
+              },
+              onSubmit: () => {
+              },
+              placeholder: deleteCode
+            }
+          )
+        ] }),
+        deleteConfirmStage && /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
+          /* @__PURE__ */ jsx(Text, { color: "red", children: "This action will permanently delete the repository. This cannot be undone." }),
+          /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "row", justifyContent: "center", gap: 6, children: [
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                borderStyle: "round",
+                borderColor: "red",
+                height: 3,
+                width: 20,
+                alignItems: "center",
+                justifyContent: "center",
+                flexDirection: "column",
+                children: /* @__PURE__ */ jsx(Text, { children: confirmFocus === "delete" ? chalk.bgRed.white.bold(" Delete ") : chalk.red.bold("Delete") })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                borderStyle: "round",
+                borderColor: confirmFocus === "cancel" ? "white" : "gray",
+                height: 3,
+                width: 20,
+                alignItems: "center",
+                justifyContent: "center",
+                flexDirection: "column",
+                children: /* @__PURE__ */ jsx(Text, { children: confirmFocus === "cancel" ? chalk.bgGray.white.bold(" Cancel ") : chalk.gray.bold("Cancel") })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "row", justifyContent: "center", children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+            "Press Enter to ",
+            confirmFocus === "delete" ? "Delete" : "Cancel",
+            " \u2022 Y to confirm \u2022 C to cancel"
+          ] }) }),
+          /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              value: "",
+              onChange: () => {
+              },
+              onSubmit: () => {
+                if (confirmFocus === "delete") confirmDeleteNow();
+                else cancelDeleteModal();
+              },
+              placeholder: ""
+            }
+          ) })
+        ] }),
+        deleteError && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "magenta", children: deleteError }) }),
+        deleting && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellow", children: "Deleting..." }) })
+      ] }) })
+    ) : archiveMode && archiveTarget ? /* @__PURE__ */ jsx(Box, { height: contentHeight, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: archiveTarget.isArchived ? "green" : "yellow", paddingX: 3, paddingY: 2, width: Math.min(terminalWidth - 8, 80), children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, children: archiveTarget.isArchived ? "Unarchive Confirmation" : "Archive Confirmation" }),
+      /* @__PURE__ */ jsx(Text, { color: archiveTarget.isArchived ? "green" : "yellow", children: archiveTarget.isArchived ? "\u21BA  Unarchive repository?" : "\u26A0\uFE0F  Archive repository?" }),
+      /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { children: " " }) }),
+      /* @__PURE__ */ jsx(Text, { children: archiveTarget.nameWithOwner }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { children: archiveTarget.isArchived ? "This will make the repository active again." : "This will make the repository read-only." }) }),
+      /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "row", justifyContent: "center", gap: 6, children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            borderStyle: "round",
+            borderColor: archiveTarget.isArchived ? "green" : "yellow",
+            height: 3,
+            width: 20,
+            alignItems: "center",
+            justifyContent: "center",
+            flexDirection: "column",
+            children: /* @__PURE__ */ jsx(Text, { children: archiveFocus === "confirm" ? chalk.bgGreen.white.bold(` ${archiveTarget.isArchived ? "Unarchive" : "Archive"} `) : chalk.bold[archiveTarget.isArchived ? "green" : "yellow"](archiveTarget.isArchived ? "Unarchive" : "Archive") })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            borderStyle: "round",
+            borderColor: archiveFocus === "cancel" ? "white" : "gray",
+            height: 3,
+            width: 20,
+            alignItems: "center",
+            justifyContent: "center",
+            flexDirection: "column",
+            children: /* @__PURE__ */ jsx(Text, { children: archiveFocus === "cancel" ? chalk.bgGray.white.bold(" Cancel ") : chalk.gray.bold("Cancel") })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "row", justifyContent: "center", children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        "Press Enter to ",
+        archiveFocus === "confirm" ? archiveTarget.isArchived ? "Unarchive" : "Archive" : "Cancel",
+        " \u2022 Y to confirm \u2022 C to cancel"
+      ] }) }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          value: "",
+          onChange: () => {
+          },
+          onSubmit: () => {
+            if (archiveFocus === "confirm") {
+              (async () => {
+                try {
+                  setArchiving(true);
+                  const isArchived = archiveTarget.isArchived;
+                  const id = archiveTarget.id;
+                  if (isArchived) await unarchiveRepositoryById(client, id);
+                  else await archiveRepositoryById(client, id);
+                  setItems((prev) => prev.map((r) => r.id === archiveTarget.id ? { ...r, isArchived: !isArchived } : r));
+                  closeArchiveModal();
+                } catch (e) {
+                  setArchiving(false);
+                  setArchiveError("Failed to update archive state. Check permissions.");
+                }
+              })();
+            } else {
+              closeArchiveModal();
+            }
+          }
+        }
+      ) }),
+      archiveError && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "magenta", children: archiveError }) }),
+      archiving && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellow", children: archiveTarget.isArchived ? "Unarchiving..." : "Archiving..." }) })
+    ] }) }) : syncMode && syncTarget ? /* @__PURE__ */ jsx(Box, { height: contentHeight, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "blue", paddingX: 3, paddingY: 2, width: Math.min(terminalWidth - 8, 80), children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, children: "Sync Fork Confirmation" }),
+      /* @__PURE__ */ jsx(Text, { color: "blue", children: "\u27F2  Sync fork with upstream?" }),
+      /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { children: " " }) }),
+      /* @__PURE__ */ jsx(Text, { children: syncTarget.nameWithOwner }),
+      syncTarget.parent && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        "Upstream: ",
+        syncTarget.parent.nameWithOwner
+      ] }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { children: "This will merge upstream changes into your fork." }) }),
+      /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "row", justifyContent: "center", gap: 6, children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            borderStyle: "round",
+            borderColor: "blue",
+            height: 3,
+            width: 20,
+            alignItems: "center",
+            justifyContent: "center",
+            flexDirection: "column",
+            children: /* @__PURE__ */ jsx(Text, { children: syncFocus === "confirm" ? chalk.bgBlue.white.bold(" Sync ") : chalk.blue.bold("Sync") })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            borderStyle: "round",
+            borderColor: syncFocus === "cancel" ? "white" : "gray",
+            height: 3,
+            width: 20,
+            alignItems: "center",
+            justifyContent: "center",
+            flexDirection: "column",
+            children: /* @__PURE__ */ jsx(Text, { children: syncFocus === "cancel" ? chalk.bgGray.white.bold(" Cancel ") : chalk.gray.bold("Cancel") })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "row", justifyContent: "center", children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        "Press Enter to ",
+        syncFocus === "confirm" ? "Sync" : "Cancel",
+        " \u2022 y to confirm \u2022 c to cancel"
+      ] }) }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          value: "",
+          onChange: () => {
+          },
+          onSubmit: () => {
+            if (syncFocus === "confirm") {
+              (async () => {
+                try {
+                  setSyncing(true);
+                  const [owner, repo] = syncTarget.nameWithOwner.split("/");
+                  const result = await syncForkWithUpstream(token, owner, repo);
+                  setItems((prev) => prev.map((r) => {
+                    if (r.id === syncTarget.id && r.parent && r.defaultBranchRef?.target?.history && r.parent.defaultBranchRef?.target?.history) {
+                      return {
+                        ...r,
+                        defaultBranchRef: {
+                          ...r.defaultBranchRef,
+                          target: {
+                            ...r.defaultBranchRef.target,
+                            history: {
+                              totalCount: r.parent.defaultBranchRef.target.history.totalCount
+                            }
+                          }
+                        }
+                      };
+                    }
+                    return r;
+                  }));
+                  closeSyncModal();
+                } catch (e) {
+                  setSyncing(false);
+                  setSyncError(e.message || "Failed to sync fork. Check permissions and network.");
+                }
+              })();
+            } else {
+              closeSyncModal();
+            }
+          }
+        }
+      ) }),
+      syncError && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "magenta", children: syncError }) }),
+      syncing && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellow", children: "Syncing..." }) })
+    ] }) }) : logoutMode ? /* @__PURE__ */ jsx(Box, { height: contentHeight, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 3, paddingY: 2, width: Math.min(terminalWidth - 8, 80), children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, children: "Logout Confirmation" }),
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "Are you sure you want to log out?" }),
+      /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "row", justifyContent: "center", gap: 6, children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            borderStyle: "round",
+            borderColor: "cyan",
+            height: 3,
+            width: 20,
+            alignItems: "center",
+            justifyContent: "center",
+            flexDirection: "column",
+            children: /* @__PURE__ */ jsx(Text, { children: logoutFocus === "confirm" ? chalk.bgCyan.white.bold(" Logout ") : chalk.cyan.bold("Logout") })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            borderStyle: "round",
+            borderColor: logoutFocus === "cancel" ? "white" : "gray",
+            height: 3,
+            width: 20,
+            alignItems: "center",
+            justifyContent: "center",
+            flexDirection: "column",
+            children: /* @__PURE__ */ jsx(Text, { children: logoutFocus === "cancel" ? chalk.bgGray.white.bold(" Cancel ") : chalk.gray.bold("Cancel") })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "row", justifyContent: "center", children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        "Press Enter to ",
+        logoutFocus === "confirm" ? "Logout" : "Cancel",
+        " \u2022 Y to confirm \u2022 C to cancel"
+      ] }) })
+    ] }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, marginBottom: 1, children: [
+        /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+          "Sort: ",
+          sortKey,
+          " ",
+          sortDir === "asc" ? "\u2191" : "\u2193"
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+          "Forks - Commits Behind: ",
+          forkTracking ? "ON" : "OFF"
+        ] }),
+        filter && /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+          'Filter: "',
+          filter,
+          '"'
+        ] })
+      ] }),
+      filterMode && /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx(Text, { children: "Filter: " }),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            value: filter,
+            onChange: setFilter,
+            onSubmit: () => setFilterMode(false),
+            placeholder: "Type to filter..."
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height: listHeight, children: [
+        filteredAndSorted.slice(windowed.start, windowed.end).map((repo, i) => {
+          const idx = windowed.start + i;
+          return /* @__PURE__ */ jsx(
+            RepoRow,
+            {
+              repo,
+              selected: idx === cursor,
+              index: idx + 1,
+              maxWidth: terminalWidth - 6,
+              spacingLines,
+              forkTracking
+            },
+            repo.nameWithOwner
+          );
+        }),
+        loadingMore && hasNextPage && /* @__PURE__ */ jsx(Box, { justifyContent: "center", alignItems: "center", marginTop: 1, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+          /* @__PURE__ */ jsx(Box, { width: 2, flexShrink: 0, flexGrow: 0, marginRight: 1, children: /* @__PURE__ */ jsx(Text, { color: "cyan", children: /* @__PURE__ */ jsx(SlowSpinner, {}) }) }),
+          /* @__PURE__ */ jsx(Text, { color: "cyan", children: "Loading more repositories..." })
+        ] }) }),
+        !loading && filteredAndSorted.length === 0 && /* @__PURE__ */ jsx(Box, { justifyContent: "center", alignItems: "center", flexGrow: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: filter ? "No repositories match your filter" : "No repositories found" }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Box, { marginTop: 1, paddingX: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Box, { width: terminalWidth, justifyContent: "center", children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: modalOpen ? true : void 0, children: "\u2191\u2193 Navigate \u2022 Ctrl+G Top \u2022 G Bottom \u2022 / Filter \u2022 S Sort \u2022 D Direction \u2022 T Density \u2022 F Forks - Commits Behind \u2022 \u23CE/O Open" }) }),
+      /* @__PURE__ */ jsx(Box, { width: terminalWidth, justifyContent: "center", children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: modalOpen ? true : void 0, children: "Del/Ctrl+Backspace Delete \u2022 Ctrl+A Un/Archive \u2022 Ctrl+U Sync Fork \u2022 Ctrl+L Logout \u2022 R Refresh \u2022 Q Quit" }) })
+    ] })
+  ] });
+}
+
+// src/ui/App.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var packageJson = require_package();
+function App() {
+  const { exit } = useApp2();
+  const { stdout } = useStdout2();
+  const [mode, setMode] = useState2("checking");
+  const [token, setToken] = useState2(null);
+  const [input, setInput] = useState2("");
+  const [error, setError] = useState2(null);
+  const [viewer, setViewer] = useState2(null);
+  const [rateLimitReset, setRateLimitReset] = useState2(null);
+  const [dims, setDims] = useState2(() => {
+    const cols = stdout?.columns ?? 100;
+    const rows = stdout?.rows ?? 30;
+    return { cols, rows };
+  });
+  useEffect2(() => {
+    if (!stdout) return;
+    const onResize = () => {
+      const cols = stdout.columns ?? 100;
+      const rows = stdout.rows ?? 30;
+      setDims({ cols, rows });
+    };
+    stdout.on("resize", onResize);
+    return () => {
+      stdout.off?.("resize", onResize);
+    };
+  }, [stdout]);
+  useEffect2(() => {
+    const env = getTokenFromEnv();
+    const stored = getStoredToken();
+    if (env) {
+      setToken(env);
+      setMode("validating");
+    } else if (stored) {
+      setToken(stored);
+      setMode("validating");
+    } else {
+      setMode("prompt");
+    }
+  }, []);
+  useEffect2(() => {
+    (async () => {
+      if (mode !== "validating" || !token) return;
+      const timeoutId = setTimeout(() => {
+        setError("Token validation timed out. Please check your network connection.");
+        setMode("prompt");
+        setToken(null);
+      }, 15e3);
+      try {
+        const client = makeClient(token);
+        const login = await getViewerLogin(client);
+        clearTimeout(timeoutId);
+        setViewer(login);
+        if (!getStoredToken()) {
+          storeToken(token);
+        }
+        setMode("ready");
+      } catch (e) {
+        clearTimeout(timeoutId);
+        let errorMessage = "Invalid or unauthorized token. Please enter a valid Personal Access Token.";
+        let isRateLimit = false;
+        let resetTime = null;
+        if (e.message) {
+          const msg = e.message.toLowerCase();
+          if (msg.includes("rate limit") || msg.includes("rate-limit") || msg.includes("abuse")) {
+            isRateLimit = true;
+            const resetMatch = e.message.match(/resets? at (\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}Z)/i);
+            if (resetMatch) {
+              resetTime = resetMatch[1];
+            }
+          } else if (msg.includes("bad credentials") || msg.includes("unauthorized") || msg.includes("401")) {
+            errorMessage = "Invalid token. Please check your Personal Access Token and try again.";
+          } else if (msg.includes("forbidden") || msg.includes("403")) {
+            errorMessage = 'Token lacks required permissions. Please ensure your token has "repo" scope.';
+          } else if (msg.includes("not found") || msg.includes("404")) {
+            errorMessage = "GitHub API endpoint not found. Please check your network connection.";
+          } else if (msg.includes("network") || msg.includes("timeout") || msg.includes("econnrefused")) {
+            errorMessage = "Network error. Please check your internet connection and try again.";
+          }
+        }
+        if (e.errors && Array.isArray(e.errors)) {
+          const firstError = e.errors[0];
+          if (firstError?.type === "RATE_LIMITED") {
+            isRateLimit = true;
+          } else if (firstError?.type === "FORBIDDEN") {
+            errorMessage = 'Token lacks required permissions. Please ensure your token has "repo" scope.';
+          }
+        }
+        if (e.response?.headers) {
+          const rateLimitRemaining = e.response.headers["x-ratelimit-remaining"];
+          const rateLimitReset2 = e.response.headers["x-ratelimit-reset"];
+          if (rateLimitRemaining === "0" || rateLimitRemaining === 0) {
+            isRateLimit = true;
+            if (rateLimitReset2) {
+              const resetDate = new Date(parseInt(rateLimitReset2) * 1e3);
+              resetTime = resetDate.toISOString();
+            }
+          }
+        }
+        if (isRateLimit) {
+          setRateLimitReset(resetTime);
+          setMode("rate_limited");
+        } else {
+          setError(errorMessage);
+          setMode("prompt");
+        }
+        setToken(null);
+      }
+    })();
+  }, [mode, token]);
+  const onSubmitToken = async () => {
+    if (!input.trim()) return;
+    setToken(input.trim());
+    setError(null);
+    setMode("validating");
+  };
+  const handleLogout = () => {
+    try {
+      clearStoredToken();
+    } catch {
+    }
+    setToken(null);
+    setViewer(null);
+    setMode("prompt");
+  };
+  useInput2((input2, key) => {
+    if (mode === "prompt" && key.escape) {
+      exit();
+    }
+    if (mode === "rate_limited") {
+      if (key.escape || input2 === "q") {
+        exit();
+      } else if (input2 === "r") {
+        setMode("validating");
+      } else if (input2 === "l") {
+        setToken(null);
+        setInput("");
+        setRateLimitReset(null);
+        setMode("prompt");
+      }
+    }
+    if (mode === "validating" && key.escape) {
+      if (rateLimitReset) {
+        setMode("rate_limited");
+      } else {
+        setMode("prompt");
+        setToken(null);
+      }
+    }
+  });
+  const verticalPadding = Math.floor(dims.rows * 0.15);
+  const header = useMemo2(() => /* @__PURE__ */ jsxs2(Box2, { flexDirection: "row", justifyContent: "space-between", marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs2(Box2, { flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsxs2(Text2, { bold: true, color: "cyan", children: [
+        "  ",
+        "GitHub Repository Manager"
+      ] }),
+      /* @__PURE__ */ jsxs2(Text2, { color: "gray", dimColor: true, children: [
+        "v",
+        packageJson.version
+      ] })
+    ] }),
+    viewer && /* @__PURE__ */ jsxs2(Text2, { color: "gray", children: [
+      "@",
+      viewer,
+      "  "
+    ] })
+  ] }), [viewer]);
+  if (mode === "rate_limited") {
+    const formatResetTime = (resetTime) => {
+      if (!resetTime) return "Unknown";
+      try {
+        const resetDate = new Date(resetTime);
+        const now = /* @__PURE__ */ new Date();
+        const diffMs = resetDate.getTime() - now.getTime();
+        const diffMinutes = Math.ceil(diffMs / (1e3 * 60));
+        if (diffMinutes <= 0) {
+          return "Now (should be reset)";
+        } else if (diffMinutes < 60) {
+          return `${diffMinutes} minute${diffMinutes !== 1 ? "s" : ""}`;
+        } else {
+          const hours = Math.floor(diffMinutes / 60);
+          const mins = diffMinutes % 60;
+          return `${hours} hour${hours !== 1 ? "s" : ""} ${mins > 0 ? `${mins} min` : ""}`;
+        }
+      } catch {
+        return "Unknown";
+      }
+    };
+    return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", height: dims.rows, paddingX: 2, paddingTop: verticalPadding, paddingBottom: verticalPadding, children: [
+      header,
+      /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsxs2(Box2, { borderStyle: "single", borderColor: "yellow", paddingX: 3, paddingY: 2, flexDirection: "column", width: Math.min(dims.cols - 8, 80), children: [
+        /* @__PURE__ */ jsx2(Text2, { bold: true, color: "yellow", marginBottom: 1, children: "\u26A0\uFE0F  Rate Limit Exceeded" }),
+        /* @__PURE__ */ jsx2(Text2, { color: "gray", marginBottom: 1, children: "You've hit GitHub's API rate limit for your token." }),
+        /* @__PURE__ */ jsx2(Text2, { color: "gray", marginBottom: 1, children: "This happens when you make too many requests in a short time." }),
+        rateLimitReset && /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, marginBottom: 1, children: [
+          /* @__PURE__ */ jsxs2(Text2, { children: [
+            /* @__PURE__ */ jsx2(Text2, { color: "cyan", children: "Reset in:" }),
+            " ",
+            /* @__PURE__ */ jsx2(Text2, { bold: true, children: formatResetTime(rateLimitReset) })
+          ] }),
+          /* @__PURE__ */ jsxs2(Text2, { color: "gray", dimColor: true, children: [
+            "(",
+            new Date(rateLimitReset).toLocaleTimeString(),
+            ")"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs2(Box2, { marginTop: 2, flexDirection: "column", gap: 1, children: [
+          /* @__PURE__ */ jsx2(Text2, { bold: true, children: "What would you like to do?" }),
+          /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingLeft: 2, children: [
+            /* @__PURE__ */ jsxs2(Text2, { children: [
+              /* @__PURE__ */ jsx2(Text2, { color: "cyan", bold: true, children: "r" }),
+              " - Retry now ",
+              rateLimitReset && formatResetTime(rateLimitReset) !== "Now (should be reset)" ? "(likely to fail until reset)" : "(should work now)"
+            ] }),
+            /* @__PURE__ */ jsxs2(Text2, { children: [
+              /* @__PURE__ */ jsx2(Text2, { color: "cyan", bold: true, children: "l" }),
+              " - Logout and use a different token"
+            ] }),
+            /* @__PURE__ */ jsxs2(Text2, { children: [
+              /* @__PURE__ */ jsx2(Text2, { color: "gray", bold: true, children: "q/Esc" }),
+              " - Quit application"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx2(Text2, { color: "gray", dimColor: true, marginTop: 2, children: "Tip: Using multiple tokens or waiting between requests can help avoid rate limits." })
+      ] }) })
+    ] });
+  }
+  if (mode === "prompt") {
+    return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", height: dims.rows, paddingX: 2, paddingTop: verticalPadding, paddingBottom: verticalPadding, children: [
+      header,
+      /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsxs2(Box2, { borderStyle: "single", borderColor: "cyan", paddingX: 2, paddingY: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx2(Text2, { bold: true, marginBottom: 1, children: "Authentication Required" }),
+        /* @__PURE__ */ jsx2(Text2, { color: "gray", marginBottom: 1, children: "Enter your GitHub Personal Access Token" }),
+        /* @__PURE__ */ jsxs2(Box2, { children: [
+          /* @__PURE__ */ jsx2(Text2, { children: "Token: " }),
+          /* @__PURE__ */ jsx2(
+            TextInput2,
+            {
+              value: input,
+              onChange: setInput,
+              onSubmit: onSubmitToken,
+              mask: "*"
+            }
+          )
+        ] }),
+        error && /* @__PURE__ */ jsx2(Text2, { color: "red", marginTop: 1, children: error }),
+        /* @__PURE__ */ jsx2(Text2, { color: "gray", dimColor: true, marginTop: 1, children: "The token will be stored securely in your local config" }),
+        /* @__PURE__ */ jsx2(Text2, { color: "gray", dimColor: true, marginTop: 1, children: "Press Esc to quit" })
+      ] }) })
+    ] });
+  }
+  if (mode === "validating" || mode === "checking") {
+    return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", height: dims.rows, paddingX: 2, paddingTop: verticalPadding, paddingBottom: verticalPadding, children: [
+      header,
+      /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", alignItems: "center", children: [
+        /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: "Validating token..." }),
+        mode === "validating" && /* @__PURE__ */ jsx2(Text2, { color: "gray", dimColor: true, marginTop: 1, children: "Press Esc to cancel" })
+      ] }) })
+    ] });
+  }
+  if (mode === "error") {
+    return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", height: dims.rows, paddingX: 2, paddingTop: verticalPadding, paddingBottom: verticalPadding, children: [
+      header,
+      /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx2(Text2, { color: "red", children: error ?? "Unexpected error" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", height: dims.rows, paddingX: 2, paddingTop: verticalPadding, paddingBottom: verticalPadding, children: [
+    header,
+    /* @__PURE__ */ jsx2(RepoList, { token, maxVisibleRows: dims.rows - verticalPadding * 2 - 4, onLogout: handleLogout })
+  ] });
+}
+
+// src/index.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+process.on("uncaughtException", (err) => {
+  console.error("Unhandled error:", err.message || err);
+  process.exit(1);
+});
+process.on("unhandledRejection", (reason) => {
+  console.error("Unhandled rejection:", reason?.message || reason);
+  process.exit(1);
+});
+render(
+  /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx3(App, {}),
+    /* @__PURE__ */ jsx3(Text3, { color: "gray" })
+  ] })
+);