clairo 2.2.1 → 3.0.0

package/README.md

@@ -11,6 +11,8 @@ dashboard tui for github PRs, jira tickets, and daily logs.
   - view open PRs with status, reviews, and checks
   - see full PR details with description, labels, and assignees
   - create new PRs from the terminal
+  - browse all PRs across the repo with state, search, and status filters
+  - checkout PRs directly from the detail view
 - jira integration
   - auto ticket detection based on branch name
   - link tickets and change status from the terminal

package/dist/cli.js

@@ -4,8 +4,8 @@
 import meow from "meow";
 
 // src/app.tsx
-import { useCallback as useCallback11, useMemo as useMemo4, useState as useState22 } from "react";
-import { Box as Box22, Text as Text21, useApp, useInput as useInput18 } from "ink";
+import { useCallback as useCallback12, useMemo as useMemo4, useState as useState23 } from "react";
+import { Box as Box23, Text as Text22, useApp, useInput as useInput19 } from "ink";
 
 // src/components/github/GitHubView.tsx
 import { useCallback as useCallback8, useEffect as useEffect9, useRef as useRef5, useState as useState12 } from "react";
@@ -194,7 +194,7 @@ function resolveCheckStatus(check) {
   const conclusion = check.conclusion ?? check.state;
   if (conclusion === "SUCCESS") return "success";
   if (conclusion === "FAILURE" || conclusion === "ERROR") return "failure";
-  if (conclusion === "SKIPPED" || conclusion === "NEUTRAL") return "skipped";
+  if (conclusion === "SKIPPED" || conclusion === "NEUTRAL" || conclusion === "CANCELLED") return "skipped";
   if (conclusion === "PENDING" || check.status === "IN_PROGRESS" || check.status === "QUEUED" || check.status === "WAITING")
     return "pending";
   return "pending";
@@ -261,7 +261,7 @@ async function listPRsForBranch(branch, repo) {
       errorType: "not_authenticated"
     };
   }
-  const fields = "number,title,state,author,createdAt,isDraft";
+  const fields = "number,title,state,author,createdAt,isDraft,reviewDecision,statusCheckRollup";
   try {
     const { stdout } = await execAsync(`gh pr view --json ${fields} 2>/dev/null`);
     const pr = JSON.parse(stdout);
@@ -1557,6 +1557,7 @@ import open from "open";
 import { useRef as useRef2 } from "react";
 import { Box as Box3, Text as Text3, useInput, useStdout } from "ink";
 import { ScrollView } from "ink-scroll-view";
+import Spinner from "ink-spinner";
 
 // src/components/ui/Badge.tsx
 import { Text } from "ink";
@@ -1701,10 +1702,9 @@ function renderInlineToString(tokens) {
 
 // src/components/github/PRDetailsBox.tsx
 import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function PRDetailsBox({ pr, loading, error, isActive }) {
+function PRDetailsBox({ pr, loading, error, isActive, title = "[3] PR Details" }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const scrollRef = useRef2(null);
-  const title = "[3] PR Details";
   const borderColor = isActive ? "yellow" : void 0;
   const displayTitle = pr ? `${title} - #${pr.number}` : title;
   const reviewDisplay = resolveReviewDisplay((pr == null ? void 0 : pr.reviewDecision) ?? null);
@@ -1744,7 +1744,10 @@ function PRDetailsBox({ pr, loading, error, isActive }) {
         borderTop: false,
         borderColor,
         children: /* @__PURE__ */ jsx4(ScrollView, { ref: scrollRef, children: /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", paddingX: 1, children: [
-          loading && /* @__PURE__ */ jsx4(Text3, { dimColor: true, children: "Loading details..." }),
+          loading && /* @__PURE__ */ jsxs3(Text3, { color: "yellow", children: [
+            /* @__PURE__ */ jsx4(Spinner, { type: "dots" }),
+            " Loading details..."
+          ] }),
           error && /* @__PURE__ */ jsx4(Text3, { color: "red", children: error }),
           !loading && !error && !pr && /* @__PURE__ */ jsx4(Text3, { dimColor: true, children: "Select a PR to view details" }),
           !loading && !error && pr && /* @__PURE__ */ jsxs3(Fragment2, { children: [
@@ -2095,13 +2098,13 @@ function useLogs() {
 import { useCallback as useCallback6, useState as useState7 } from "react";
 function useModal() {
   const [modalType, setModalType] = useState7("none");
-  const open6 = useCallback6((type) => setModalType(type), []);
+  const open7 = useCallback6((type) => setModalType(type), []);
   const close = useCallback6(() => setModalType("none"), []);
   const isOpen = modalType !== "none";
   return {
     type: modalType,
     isOpen,
-    open: open6,
+    open: open7,
     close
   };
 }
@@ -3067,18 +3070,18 @@ var proto = Object.defineProperties(() => {
     }
   }
 });
-var createStyler = (open6, close, parent) => {
+var createStyler = (open7, close, parent) => {
   let openAll;
   let closeAll;
   if (parent === void 0) {
-    openAll = open6;
+    openAll = open7;
     closeAll = close;
   } else {
-    openAll = parent.openAll + open6;
+    openAll = parent.openAll + open7;
     closeAll = close + parent.closeAll;
   }
   return {
-    open: open6,
+    open: open7,
     close,
     openAll,
     closeAll,
@@ -3787,7 +3790,7 @@ import { useCallback as useCallback9, useEffect as useEffect11, useMemo as useMe
 import { TitledBox as TitledBox4 } from "@mishieck/ink-titled-box";
 import { Box as Box10, Text as Text11, useInput as useInput8 } from "ink";
 import { ScrollView as ScrollView6 } from "ink-scroll-view";
-import Spinner2 from "ink-spinner";
+import Spinner3 from "ink-spinner";
 
 // src/components/jira-browser/JiraIssueDetailView.tsx
 import open3 from "open";
@@ -3795,7 +3798,7 @@ import { useEffect as useEffect10, useRef as useRef6, useState as useState14 } f
 import { Box as Box9, Text as Text10, useInput as useInput7 } from "ink";
 import { ScrollView as ScrollView5 } from "ink-scroll-view";
 import SelectInput from "ink-select-input";
-import Spinner from "ink-spinner";
+import Spinner2 from "ink-spinner";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function JiraIssueDetailView({
   issueKey,
@@ -3954,7 +3957,7 @@ function JiraIssueDetailView({
   return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", flexGrow: 1, children: [
     /* @__PURE__ */ jsxs9(Box9, { flexGrow: 1, flexBasis: 0, overflow: "hidden", children: [
       loading && /* @__PURE__ */ jsx11(Box9, { paddingX: 1, children: /* @__PURE__ */ jsxs9(Text10, { color: "yellow", children: [
-        /* @__PURE__ */ jsx11(Spinner, { type: "dots" }),
+        /* @__PURE__ */ jsx11(Spinner2, { type: "dots" }),
         " Loading issue details..."
       ] }) }),
       error && /* @__PURE__ */ jsx11(Box9, { paddingX: 1, children: /* @__PURE__ */ jsx11(Text10, { color: "red", children: error }) }),
@@ -4011,13 +4014,13 @@ function JiraIssueDetailView({
     ] }),
     /* @__PURE__ */ jsxs9(Box9, { paddingX: 1, flexDirection: "column", children: [
       actionLoading && /* @__PURE__ */ jsxs9(Text10, { color: "yellow", children: [
-        /* @__PURE__ */ jsx11(Spinner, { type: "dots" }),
+        /* @__PURE__ */ jsx11(Spinner2, { type: "dots" }),
         " ",
         actionLoading
       ] }),
       actionError && /* @__PURE__ */ jsx11(Text10, { color: "red", children: actionError }),
       transitionsLoading && /* @__PURE__ */ jsxs9(Text10, { color: "yellow", children: [
-        /* @__PURE__ */ jsx11(Spinner, { type: "dots" }),
+        /* @__PURE__ */ jsx11(Spinner2, { type: "dots" }),
         " Loading transitions..."
       ] }),
       !actionLoading && !transitionsLoading && mode === "normal" && /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "Esc close \xB7 j/k scroll \xB7 s status \xB7 a assign \xB7 A unassign \xB7 o open \xB7 y copy" })
@@ -4316,7 +4319,7 @@ function JiraSavedViewBrowserBox({
     /* @__PURE__ */ jsxs10(Box10, { flexGrow: 1, flexBasis: 0, overflow: "hidden", children: [
       !view && /* @__PURE__ */ jsx12(Box10, { paddingX: 1, children: /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "Select a view to browse issues" }) }),
       view && loading && issues.length === 0 && /* @__PURE__ */ jsx12(Box10, { paddingX: 1, children: /* @__PURE__ */ jsxs10(Text11, { color: "yellow", children: [
-        /* @__PURE__ */ jsx12(Spinner2, { type: "dots" }),
+        /* @__PURE__ */ jsx12(Spinner3, { type: "dots" }),
         " Loading issues..."
       ] }) }),
       view && error && /* @__PURE__ */ jsx12(Box10, { paddingX: 1, children: /* @__PURE__ */ jsx12(Text11, { color: "red", children: error }) }),
@@ -5371,9 +5374,371 @@ function LogsView({ isActive, refreshKey, focusedBox, onFocusedBoxChange }) {
   ] });
 }
 
+// src/components/pull-requests/AllPullRequestsView.tsx
+import open6 from "open";
+import { useCallback as useCallback11, useEffect as useEffect18, useState as useState22 } from "react";
+import { TitledBox as TitledBox9 } from "@mishieck/ink-titled-box";
+import { Box as Box21, Text as Text20, useInput as useInput18 } from "ink";
+import { ScrollView as ScrollView11 } from "ink-scroll-view";
+import Spinner4 from "ink-spinner";
+
+// src/lib/github/pr-list.ts
+import { exec as exec4 } from "child_process";
+import { promisify as promisify2 } from "util";
+var execAsync2 = promisify2(exec4);
+async function listPRs(repo, opts) {
+  if (!await isGhInstalled()) {
+    return {
+      success: false,
+      error: "GitHub CLI (gh) is not installed. Install from https://cli.github.com",
+      errorType: "not_installed"
+    };
+  }
+  if (!await isGhAuthenticated()) {
+    return {
+      success: false,
+      error: "Not authenticated. Run 'gh auth login' to authenticate.",
+      errorType: "not_authenticated"
+    };
+  }
+  const fields = "number,title,state,author,createdAt,isDraft,reviewDecision,statusCheckRollup";
+  const state = (opts == null ? void 0 : opts.state) ?? "open";
+  const limit = (opts == null ? void 0 : opts.limit) ?? 30;
+  const args = [`gh pr list`, `--state ${state}`, `--limit ${limit}`, `--json ${fields}`, `--repo "${repo}"`];
+  if (opts == null ? void 0 : opts.search) {
+    args.push(`--search "${opts.search.replace(/"/g, '\\"')}"`);
+  }
+  try {
+    const { stdout } = await execAsync2(`${args.join(" ")} 2>/dev/null`);
+    const prs = JSON.parse(stdout);
+    return { success: true, data: prs };
+  } catch {
+    return { success: false, error: "Failed to fetch PRs", errorType: "api_error" };
+  }
+}
+async function checkoutPR(prNumber, repo) {
+  if (!await isGhInstalled()) {
+    return { success: false, error: "gh CLI not installed", errorType: "not_installed" };
+  }
+  if (!await isGhAuthenticated()) {
+    return { success: false, error: "gh CLI not authenticated", errorType: "not_authenticated" };
+  }
+  try {
+    await execAsync2(`gh pr checkout ${prNumber} --repo "${repo}" 2>&1`);
+    return { success: true, data: `Checked out PR #${prNumber}` };
+  } catch (e) {
+    const msg = e instanceof Error ? e.message.split("\n").pop() ?? e.message : "Failed to checkout PR";
+    return { success: false, error: msg, errorType: "api_error" };
+  }
+}
+
+// src/components/pull-requests/AllPullRequestsView.tsx
+import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+var STATE_CYCLE = ["open", "closed", "all"];
+function computeOverallCheck(checks) {
+  if (!checks || checks.length === 0) return null;
+  const statuses = checks.map(resolveCheckStatus);
+  if (statuses.some((s) => s === "failure")) return "failure";
+  if (statuses.some((s) => s === "pending")) return "pending";
+  return "success";
+}
+function AllPullRequestsView({ isActive, onModalChange }) {
+  const repo = useGitRepo();
+  const [prs, setPrs] = useState22([]);
+  const [loading, setLoading] = useState22(false);
+  const [error, setError] = useState22(null);
+  const [detailPR, setDetailPR] = useState22(null);
+  const [prDetails, setPrDetails] = useState22(null);
+  const [detailsLoading, setDetailsLoading] = useState22(false);
+  const [detailsError, setDetailsError] = useState22(void 0);
+  const [stateFilter, setStateFilter] = useState22("open");
+  const [searchText, setSearchText] = useState22("");
+  const [inputText, setInputText] = useState22("");
+  const [limit, setLimit] = useState22(30);
+  const [isSearching, setIsSearching] = useState22(false);
+  const [checkoutLoading, setCheckoutLoading] = useState22(false);
+  const [checkoutResult, setCheckoutResult] = useState22(null);
+  useEffect18(() => {
+    onModalChange == null ? void 0 : onModalChange(isSearching || detailPR !== null);
+  }, [isSearching, detailPR, onModalChange]);
+  const doFetch = useCallback11(
+    async (state, search, fetchLimit = 30) => {
+      if (!repo.currentRepoSlug) return;
+      setLoading(true);
+      setError(null);
+      setPrs([]);
+      const result = await listPRs(repo.currentRepoSlug, {
+        state,
+        search: search || void 0,
+        limit: fetchLimit
+      });
+      if (result.success) {
+        setPrs(result.data);
+      } else {
+        setError(result.error);
+      }
+      setLoading(false);
+    },
+    [repo.currentRepoSlug]
+  );
+  useEffect18(() => {
+    if (repo.currentRepoSlug) {
+      setStateFilter("open");
+      setSearchText("");
+      setInputText("");
+      doFetch("open", "");
+    }
+  }, [repo.currentRepoSlug]);
+  const fetchDetails = useCallback11(
+    async (pr) => {
+      if (!repo.currentRepoSlug) return;
+      setDetailsLoading(true);
+      setDetailsError(void 0);
+      const result = await getPRDetails(pr.number, repo.currentRepoSlug);
+      if (result.success) {
+        setPrDetails(result.data);
+        setDetailsError(void 0);
+      } else {
+        setDetailsError(result.error);
+      }
+      setDetailsLoading(false);
+    },
+    [repo.currentRepoSlug]
+  );
+  const handleSelect = useCallback11(
+    (index) => {
+      const pr = prs[index];
+      if (pr) {
+        setDetailPR(pr);
+        fetchDetails(pr);
+      }
+    },
+    [prs, fetchDetails]
+  );
+  const { highlightedIndex, scrollRef } = useListNavigation({
+    items: prs,
+    selectedIndex: detailPR ? prs.findIndex((p) => p.number === detailPR.number) : -1,
+    onSelect: handleSelect,
+    isActive: isActive && !detailPR && !isSearching
+  });
+  const currentPR = prs[highlightedIndex] ?? null;
+  const getPRUrl = (pr) => {
+    if (!repo.currentRepoSlug) return null;
+    return `https://github.com/${repo.currentRepoSlug}/pull/${pr.number}`;
+  };
+  const hasActiveFilters = stateFilter !== "open" || searchText.length > 0;
+  useInput18(
+    (input, key) => {
+      if (isSearching) {
+        if (key.escape) {
+          setIsSearching(false);
+          setInputText(searchText);
+          return;
+        }
+        if (key.return) {
+          setIsSearching(false);
+          const newSearch = inputText.trim();
+          if (newSearch !== searchText) {
+            setSearchText(newSearch);
+            setLimit(30);
+            doFetch(stateFilter, newSearch);
+          }
+          return;
+        }
+        if (key.backspace || key.delete) {
+          setInputText((prev) => prev.slice(0, -1));
+          return;
+        }
+        if (input && input.length > 0) {
+          const printable = input.replace(/[^\x20-\x7E\u00A0-\uFFFF]/g, "");
+          if (printable.length > 0) {
+            setInputText((prev) => prev + printable);
+          }
+          return;
+        }
+        return;
+      }
+      if (input === "/") {
+        setIsSearching(true);
+        setInputText(searchText);
+        return;
+      }
+      if (input === "s") {
+        const idx = STATE_CYCLE.indexOf(stateFilter);
+        const newState = STATE_CYCLE[(idx + 1) % STATE_CYCLE.length];
+        setStateFilter(newState);
+        setLimit(30);
+        doFetch(newState, searchText);
+        return;
+      }
+      if (input === "x") {
+        setStateFilter("open");
+        setSearchText("");
+        setInputText("");
+        setLimit(30);
+        doFetch("open", "");
+        return;
+      }
+      if (input === "o" && currentPR) {
+        const url = getPRUrl(currentPR);
+        if (url) open6(url).catch(() => {
+        });
+      }
+      if (input === "y" && currentPR) {
+        const url = getPRUrl(currentPR);
+        if (url) copyToClipboard(url);
+      }
+      if (input === "l") {
+        const newLimit = limit + 30;
+        setLimit(newLimit);
+        doFetch(stateFilter, searchText, newLimit);
+        return;
+      }
+      if (input === "r") {
+        doFetch(stateFilter, searchText, limit);
+      }
+    },
+    { isActive: isActive && !detailPR }
+  );
+  useInput18(
+    (input, key) => {
+      if (key.escape) {
+        setDetailPR(null);
+        setCheckoutResult(null);
+        return;
+      }
+      if (input === "y" && detailPR) {
+        const url = getPRUrl(detailPR);
+        if (url) copyToClipboard(url);
+      }
+      if (input === "c" && detailPR && !checkoutLoading && repo.currentRepoSlug) {
+        setCheckoutLoading(true);
+        setCheckoutResult(null);
+        checkoutPR(detailPR.number, repo.currentRepoSlug).then((result) => {
+          setCheckoutLoading(false);
+          if (result.success) {
+            setCheckoutResult({ success: true, message: `Checked out #${detailPR.number}` });
+            repo.refreshBranch();
+          } else {
+            setCheckoutResult({ success: false, message: result.error });
+          }
+        });
+      }
+    },
+    { isActive: isActive && detailPR !== null }
+  );
+  const filterParts = [];
+  if (stateFilter !== "open") filterParts.push(stateFilter);
+  if (searchText) filterParts.push(`"${searchText}"`);
+  const borderColor = isActive ? "yellow" : void 0;
+  const stateColor = (pr) => {
+    const display = resolveMergeDisplay({
+      state: pr.state,
+      isDraft: pr.isDraft,
+      mergeable: "UNKNOWN"
+    });
+    return display.color;
+  };
+  const stateLabel = (pr) => {
+    if (pr.isDraft) return "Draft";
+    if (pr.state === "MERGED") return "Merged";
+    if (pr.state === "CLOSED") return "Closed";
+    return "Open";
+  };
+  if (detailPR) {
+    return /* @__PURE__ */ jsxs21(Box21, { flexDirection: "column", flexGrow: 1, children: [
+      /* @__PURE__ */ jsx23(
+        PRDetailsBox,
+        {
+          pr: prDetails,
+          loading: detailsLoading,
+          error: detailsError,
+          isActive,
+          title: "[5] Pull Requests"
+        }
+      ),
+      checkoutLoading ? /* @__PURE__ */ jsxs21(Text20, { color: "yellow", children: [
+        " ",
+        /* @__PURE__ */ jsx23(Spinner4, { type: "dots" }),
+        " Checking out..."
+      ] }) : checkoutResult ? /* @__PURE__ */ jsxs21(Text20, { color: checkoutResult.success ? "green" : "red", children: [
+        " ",
+        checkoutResult.message
+      ] }) : /* @__PURE__ */ jsx23(Text20, { dimColor: true, children: " Esc back \xB7 j/k scroll \xB7 o open \xB7 y copy \xB7 c checkout" })
+    ] });
+  }
+  return /* @__PURE__ */ jsx23(Box21, { flexDirection: "column", flexGrow: 1, children: /* @__PURE__ */ jsx23(TitledBox9, { borderStyle: "round", titles: ["[5] Pull Requests"], borderColor, flexGrow: 1, children: /* @__PURE__ */ jsxs21(Box21, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: [
+    (isSearching || hasActiveFilters) && /* @__PURE__ */ jsxs21(Box21, { children: [
+      /* @__PURE__ */ jsx23(Text20, { color: "blue", children: "Filter: " }),
+      isSearching ? /* @__PURE__ */ jsxs21(Fragment5, { children: [
+        /* @__PURE__ */ jsx23(Text20, { children: inputText }),
+        /* @__PURE__ */ jsx23(Text20, { backgroundColor: "yellow", children: " " })
+      ] }) : /* @__PURE__ */ jsxs21(Fragment5, { children: [
+        /* @__PURE__ */ jsx23(Text20, { children: filterParts.join(" + ") }),
+        /* @__PURE__ */ jsxs21(Text20, { dimColor: true, children: [
+          " (",
+          prs.length,
+          ")"
+        ] })
+      ] })
+    ] }),
+    loading && /* @__PURE__ */ jsxs21(Text20, { color: "yellow", children: [
+      /* @__PURE__ */ jsx23(Spinner4, { type: "dots" }),
+      " Loading PRs..."
+    ] }),
+    error && /* @__PURE__ */ jsx23(Text20, { color: "red", children: error }),
+    !loading && !error && prs.length === 0 && /* @__PURE__ */ jsx23(Text20, { dimColor: true, children: hasActiveFilters ? "No PRs match filter" : "No open PRs" }),
+    !loading && !error && prs.length > 0 && /* @__PURE__ */ jsx23(ScrollView11, { ref: scrollRef, children: prs.map((pr, idx) => {
+      const isHighlighted = isActive && idx === highlightedIndex;
+      const cursor = isHighlighted ? ">" : " ";
+      const review = resolveReviewDisplay(pr.reviewDecision);
+      const overallCheck = computeOverallCheck(pr.statusCheckRollup);
+      return /* @__PURE__ */ jsxs21(Box21, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs21(Box21, { children: [
+          /* @__PURE__ */ jsxs21(Text20, { color: isHighlighted ? "yellow" : void 0, children: [
+            cursor,
+            " "
+          ] }),
+          /* @__PURE__ */ jsxs21(Text20, { children: [
+            "#",
+            pr.number
+          ] }),
+          /* @__PURE__ */ jsxs21(Text20, { children: [
+            " ",
+            pr.title,
+            " "
+          ] }),
+          (pr.state !== "OPEN" || pr.isDraft) && /* @__PURE__ */ jsxs21(Text20, { color: stateColor(pr), children: [
+            "[",
+            stateLabel(pr),
+            "]"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs21(Box21, { children: [
+          /* @__PURE__ */ jsx23(Text20, { children: " " }),
+          /* @__PURE__ */ jsxs21(Text20, { dimColor: true, children: [
+            " ",
+            pr.author.login,
+            " \xB7 ",
+            timeAgo(pr.createdAt)
+          ] }),
+          pr.reviewDecision && /* @__PURE__ */ jsxs21(Text20, { dimColor: true, children: [
+            " \xB7 ",
+            review.text
+          ] }),
+          overallCheck && /* @__PURE__ */ jsxs21(Text20, { color: CHECK_COLORS[overallCheck], children: [
+            " ",
+            CHECK_ICONS[overallCheck]
+          ] })
+        ] })
+      ] }, pr.number);
+    }) })
+  ] }) }) });
+}
+
 // src/components/ui/KeybindingsBar.tsx
-import { Box as Box21, Text as Text20 } from "ink";
-import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Box as Box22, Text as Text21 } from "ink";
+import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 var globalBindings = [
   { key: "1-4", label: "Focus" },
   { key: "Tab", label: "Switch Tab" },
@@ -5384,14 +5749,14 @@ var modalBindings = [{ key: "Esc", label: "Cancel" }];
 var DUCK_ASCII = "<(')___";
 function KeybindingsBar({ contextBindings = [], modalOpen = false, duck }) {
   const allBindings = modalOpen ? [...contextBindings, ...modalBindings] : [...contextBindings, ...globalBindings];
-  return /* @__PURE__ */ jsxs21(Box21, { flexShrink: 0, paddingX: 1, gap: 2, children: [
-    allBindings.map((binding) => /* @__PURE__ */ jsxs21(Box21, { gap: 1, children: [
-      /* @__PURE__ */ jsx23(Text20, { bold: true, color: binding.color ?? "yellow", children: binding.key }),
-      /* @__PURE__ */ jsx23(Text20, { dimColor: true, children: binding.label })
+  return /* @__PURE__ */ jsxs22(Box22, { flexShrink: 0, paddingX: 1, gap: 2, children: [
+    allBindings.map((binding) => /* @__PURE__ */ jsxs22(Box22, { gap: 1, children: [
+      /* @__PURE__ */ jsx24(Text21, { bold: true, color: binding.color ?? "yellow", children: binding.key }),
+      /* @__PURE__ */ jsx24(Text21, { dimColor: true, children: binding.label })
     ] }, binding.key)),
-    (duck == null ? void 0 : duck.visible) && /* @__PURE__ */ jsxs21(Box21, { flexGrow: 1, justifyContent: "flex-end", gap: 1, children: [
-      /* @__PURE__ */ jsx23(Text20, { children: DUCK_ASCII }),
-      /* @__PURE__ */ jsx23(Text20, { dimColor: true, children: duck.message })
+    (duck == null ? void 0 : duck.visible) && /* @__PURE__ */ jsxs22(Box22, { flexGrow: 1, justifyContent: "flex-end", gap: 1, children: [
+      /* @__PURE__ */ jsx24(Text21, { children: DUCK_ASCII }),
+      /* @__PURE__ */ jsx24(Text21, { dimColor: true, children: duck.message })
     ] })
   ] });
 }
@@ -5399,7 +5764,8 @@ function KeybindingsBar({ contextBindings = [], modalOpen = false, duck }) {
 // src/constants/tabs.ts
 var COLUMN2_TABS = [
   { id: "logs", label: "Logs" },
-  { id: "jira-browser", label: "Jira" }
+  { id: "jira-browser", label: "Jira" },
+  { id: "pull-requests", label: "PRs" }
 ];
 
 // src/constants/github.ts
@@ -5469,6 +5835,18 @@ var LOGS_KEYBINDINGS = {
   ]
 };
 
+// src/constants/pull-requests.ts
+var PULL_REQUESTS_KEYBINDINGS = [
+  { key: "Space", label: "Details" },
+  { key: "/", label: "Search" },
+  { key: "s", label: "State" },
+  { key: "l", label: "Load More" },
+  { key: "x", label: "Clear Filters" },
+  { key: "o", label: "Open", color: "green" },
+  { key: "y", label: "Copy Link" },
+  { key: "r", label: "Refresh" }
+];
+
 // src/lib/keybindings.ts
 function computeKeybindings(focusedView, state) {
   switch (focusedView) {
@@ -5482,39 +5860,53 @@ function computeKeybindings(focusedView, state) {
     case "jira-browser":
       if (state["jira-browser"].modalOpen) return [];
       return JIRA_BROWSER_KEYBINDINGS[state["jira-browser"].focusedBox];
+    case "pull-requests":
+      if (state["pull-requests"].modalOpen) return [];
+      return PULL_REQUESTS_KEYBINDINGS;
     default:
       return [];
   }
 }
 
 // src/app.tsx
-import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 function App() {
   const { exit } = useApp();
-  const [focusedView, setFocusedView] = useState22("github");
-  const [modalOpen, setModalOpen] = useState22(false);
-  const [logRefreshKey, setLogRefreshKey] = useState22(0);
-  const [activeTab, setActiveTab] = useState22("logs");
+  const [focusedView, setFocusedView] = useState23("github");
+  const [modalOpen, setModalOpen] = useState23(false);
+  const [logRefreshKey, setLogRefreshKey] = useState23(0);
+  const [activeTab, setActiveTab] = useState23("logs");
   const duck = useRubberDuck();
-  const [githubFocusedBox, setGithubFocusedBox] = useState22("remotes");
-  const [jiraState, setJiraState] = useState22("not_configured");
-  const [logsFocusedBox, setLogsFocusedBox] = useState22("history");
-  const [jiraBrowserFocusedBox, setJiraBrowserFocusedBox] = useState22("saved-views");
-  const [jiraBrowserModalOpen, setJiraBrowserModalOpen] = useState22(false);
+  const [githubFocusedBox, setGithubFocusedBox] = useState23("remotes");
+  const [jiraState, setJiraState] = useState23("not_configured");
+  const [logsFocusedBox, setLogsFocusedBox] = useState23("history");
+  const [jiraBrowserFocusedBox, setJiraBrowserFocusedBox] = useState23("saved-views");
+  const [jiraBrowserModalOpen, setJiraBrowserModalOpen] = useState23(false);
+  const [pullRequestsModalOpen, setPullRequestsModalOpen] = useState23(false);
   const keybindings = useMemo4(
     () => computeKeybindings(focusedView, {
       github: { focusedBox: githubFocusedBox },
       jira: { jiraState, modalOpen },
       logs: { focusedBox: logsFocusedBox },
-      "jira-browser": { focusedBox: jiraBrowserFocusedBox, modalOpen: jiraBrowserModalOpen }
+      "jira-browser": { focusedBox: jiraBrowserFocusedBox, modalOpen: jiraBrowserModalOpen },
+      "pull-requests": { modalOpen: pullRequestsModalOpen }
     }),
-    [focusedView, githubFocusedBox, jiraState, modalOpen, logsFocusedBox, jiraBrowserFocusedBox, jiraBrowserModalOpen]
+    [
+      focusedView,
+      githubFocusedBox,
+      jiraState,
+      modalOpen,
+      logsFocusedBox,
+      jiraBrowserFocusedBox,
+      jiraBrowserModalOpen,
+      pullRequestsModalOpen
+    ]
   );
-  const handleLogUpdated = useCallback11(() => {
+  const handleLogUpdated = useCallback12(() => {
     setLogRefreshKey((prev) => prev + 1);
   }, []);
-  const anyModalOpen = modalOpen || jiraBrowserModalOpen;
-  useInput18(
+  const anyModalOpen = modalOpen || jiraBrowserModalOpen || pullRequestsModalOpen;
+  useInput19(
     (input, key) => {
       if (key.ctrl && input === "c") {
         exit();
@@ -5553,17 +5945,17 @@ function App() {
     },
     { isActive: !anyModalOpen }
   );
-  return /* @__PURE__ */ jsxs22(Box22, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: [
-    /* @__PURE__ */ jsxs22(Box22, { height: 1, flexDirection: "row", columnGap: 1, children: [
-      /* @__PURE__ */ jsx24(Box22, { flexGrow: 1, paddingX: 1, flexBasis: 0, children: /* @__PURE__ */ jsx24(Text21, { color: "gray", children: "Current branch" }) }),
-      /* @__PURE__ */ jsxs22(Box22, { flexGrow: 1, gap: 1, flexBasis: 0, children: [
-        /* @__PURE__ */ jsx24(Text21, { color: "gray", children: "Dashboards" }),
-        COLUMN2_TABS.map((tab) => /* @__PURE__ */ jsx24(Text21, { bold: true, dimColor: activeTab !== tab.id, children: tab.label }, tab.id))
+  return /* @__PURE__ */ jsxs23(Box23, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: [
+    /* @__PURE__ */ jsxs23(Box23, { height: 1, flexDirection: "row", columnGap: 1, children: [
+      /* @__PURE__ */ jsx25(Box23, { flexGrow: 1, paddingX: 1, flexBasis: 0, children: /* @__PURE__ */ jsx25(Text22, { color: "gray", children: "Current branch" }) }),
+      /* @__PURE__ */ jsxs23(Box23, { flexGrow: 1, gap: 1, flexBasis: 0, children: [
+        /* @__PURE__ */ jsx25(Text22, { color: "gray", children: "Dashboards" }),
+        COLUMN2_TABS.map((tab) => /* @__PURE__ */ jsx25(Text22, { bold: true, dimColor: activeTab !== tab.id, children: tab.label }, tab.id))
       ] })
     ] }),
-    /* @__PURE__ */ jsxs22(Box22, { flexGrow: 1, flexDirection: "row", columnGap: 1, children: [
-      /* @__PURE__ */ jsxs22(Box22, { flexDirection: "column", flexGrow: 1, flexBasis: 0, children: [
-        /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsxs23(Box23, { flexGrow: 1, flexDirection: "row", columnGap: 1, children: [
+      /* @__PURE__ */ jsxs23(Box23, { flexDirection: "column", flexGrow: 1, flexBasis: 0, children: [
+        /* @__PURE__ */ jsx25(
           GitHubView,
           {
             isActive: focusedView === "github",
@@ -5571,7 +5963,7 @@ function App() {
             onLogUpdated: handleLogUpdated
           }
         ),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(
           JiraView,
           {
             isActive: focusedView === "jira",
@@ -5581,8 +5973,8 @@ function App() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs22(Box22, { flexDirection: "column", flexGrow: 1, flexBasis: 0, children: [
-        activeTab === "logs" && /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsxs23(Box23, { flexDirection: "column", flexGrow: 1, flexBasis: 0, children: [
+        activeTab === "logs" && /* @__PURE__ */ jsx25(
           LogsView,
           {
             isActive: focusedView === "logs",
@@ -5591,7 +5983,7 @@ function App() {
             onFocusedBoxChange: setLogsFocusedBox
           }
         ),
-        activeTab === "jira-browser" && /* @__PURE__ */ jsx24(
+        activeTab === "jira-browser" && /* @__PURE__ */ jsx25(
           JiraBrowserView,
           {
             isActive: focusedView === "jira-browser",
@@ -5600,10 +5992,11 @@ function App() {
             onModalChange: setJiraBrowserModalOpen,
             onLogUpdated: handleLogUpdated
           }
-        )
+        ),
+        activeTab === "pull-requests" && /* @__PURE__ */ jsx25(AllPullRequestsView, { isActive: focusedView === "pull-requests", onModalChange: setPullRequestsModalOpen })
       ] })
     ] }),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       KeybindingsBar,
       {
         contextBindings: keybindings,
@@ -5618,31 +6011,31 @@ function App() {
 import { render as inkRender } from "ink";
 
 // src/lib/Screen.tsx
-import { useCallback as useCallback12, useEffect as useEffect18, useState as useState23 } from "react";
-import { Box as Box23, useStdout as useStdout2 } from "ink";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { useCallback as useCallback13, useEffect as useEffect19, useState as useState24 } from "react";
+import { Box as Box24, useStdout as useStdout2 } from "ink";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Screen({ children }) {
   const { stdout } = useStdout2();
-  const getSize = useCallback12(() => ({ height: stdout.rows, width: stdout.columns }), [stdout]);
-  const [size, setSize] = useState23(getSize);
-  useEffect18(() => {
+  const getSize = useCallback13(() => ({ height: stdout.rows, width: stdout.columns }), [stdout]);
+  const [size, setSize] = useState24(getSize);
+  useEffect19(() => {
     const onResize = () => setSize(getSize());
     stdout.on("resize", onResize);
     return () => {
       stdout.off("resize", onResize);
     };
   }, [stdout, getSize]);
-  return /* @__PURE__ */ jsx25(Box23, { height: size.height, width: size.width, children });
+  return /* @__PURE__ */ jsx26(Box24, { height: size.height, width: size.width, children });
 }
 
 // src/lib/render.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var ENTER_ALT_BUFFER = "\x1B[?1049h";
 var EXIT_ALT_BUFFER = "\x1B[?1049l";
 var CLEAR_SCREEN = "\x1B[2J\x1B[H";
 function render(node, options) {
   process.stdout.write(ENTER_ALT_BUFFER + CLEAR_SCREEN);
-  const element = /* @__PURE__ */ jsx26(Screen, { children: node });
+  const element = /* @__PURE__ */ jsx27(Screen, { children: node });
   const instance = inkRender(element, options);
   setImmediate(() => instance.rerender(element));
   const cleanup = () => process.stdout.write(EXIT_ALT_BUFFER);
@@ -5663,7 +6056,7 @@ function render(node, options) {
 }
 
 // src/cli.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var cli = meow(
   `
 	Usage
@@ -5696,4 +6089,4 @@ if (cli.flags.cwd) {
     process.exit(1);
   }
 }
-render(/* @__PURE__ */ jsx27(App, {}));
+render(/* @__PURE__ */ jsx28(App, {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clairo",
-  "version": "2.2.1",
+  "version": "3.0.0",
   "license": "MIT",
   "repository": {
     "type": "git",