clairo 1.0.9 → 1.1.0

package/dist/cli.js

@@ -4,11 +4,11 @@
 import meow from "meow";
 
 // src/app.tsx
-import { useCallback as useCallback10, useMemo as useMemo2, useState as useState17 } from "react";
+import { useCallback as useCallback9, useMemo as useMemo2, useState as useState16 } from "react";
 import { Box as Box16, useApp, useInput as useInput13 } from "ink";
 
 // src/components/github/GitHubView.tsx
-import { useCallback as useCallback9, useEffect as useEffect9, useRef as useRef5, useState as useState12 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect8, useRef as useRef5, useState as useState11 } from "react";
 import { TitledBox as TitledBox3 } from "@mishieck/ink-titled-box";
 import { Box as Box5, Text as Text5, useInput as useInput4 } from "ink";
 
@@ -173,6 +173,37 @@ function findRemoteWithBranch(branch) {
 import { exec } from "child_process";
 import { promisify } from "util";
 var execAsync = promisify(exec);
+function resolveCheckStatus(check) {
+  const conclusion = check.conclusion ?? check.state;
+  if (conclusion === "SUCCESS" || check.status === "COMPLETED") return "success";
+  if (conclusion === "FAILURE" || conclusion === "ERROR") return "failure";
+  if (conclusion === "SKIPPED" || conclusion === "NEUTRAL") return "skipped";
+  if (conclusion === "PENDING" || check.status === "IN_PROGRESS" || check.status === "QUEUED" || check.status === "WAITING")
+    return "pending";
+  return "pending";
+}
+var CHECK_COLORS = {
+  success: "green",
+  failure: "red",
+  pending: "yellow",
+  skipped: "gray"
+};
+var CHECK_ICONS = { success: "\u2713", failure: "\u2717", pending: "\u25CF", skipped: "\u25CB" };
+var CHECK_SORT_ORDER = { failure: 0, pending: 1, skipped: 2, success: 3 };
+function resolveReviewDisplay(reviewDecision) {
+  const status = reviewDecision ?? "PENDING";
+  if (status === "APPROVED") return { text: status, color: "green" };
+  if (status === "CHANGES_REQUESTED") return { text: status, color: "red" };
+  return { text: status, color: "yellow" };
+}
+function resolveMergeDisplay(pr) {
+  if (!pr) return { text: "UNKNOWN", color: "yellow" };
+  if (pr.state === "MERGED") return { text: "MERGED", color: "magenta" };
+  if (pr.state === "CLOSED") return { text: "CLOSED", color: "red" };
+  if (pr.mergeable === "MERGEABLE") return { text: "MERGEABLE", color: "green" };
+  if (pr.mergeable === "CONFLICTING") return { text: "CONFLICTING", color: "red" };
+  return { text: pr.mergeable ?? "UNKNOWN", color: "yellow" };
+}
 async function isGhInstalled() {
   try {
     await execAsync("gh --version");
@@ -393,6 +424,9 @@ function useGitRepo() {
   };
 }
 
+// src/hooks/github/usePullRequests.ts
+import { useCallback as useCallback3, useState as useState4 } from "react";
+
 // src/hooks/github/usePRPolling.ts
 import { useCallback as useCallback2, useEffect as useEffect3, useRef, useState as useState3 } from "react";
 function usePRPolling() {
@@ -455,11 +489,11 @@ function usePRPolling() {
 }
 
 // src/hooks/github/usePullRequests.ts
-import { useCallback as useCallback3, useState as useState4 } from "react";
 function usePullRequests() {
   const [prs, setPrs] = useState4([]);
   const [selectedPR, setSelectedPR] = useState4(null);
   const [prDetails, setPrDetails] = useState4(null);
+  const polling = usePRPolling();
   const [loading, setLoading] = useState4({
     prs: false,
     details: false
@@ -527,6 +561,26 @@ function usePullRequests() {
   const setError = useCallback3((key, message) => {
     setErrors((prev) => ({ ...prev, [key]: message }));
   }, []);
+  const pollForNewPR = useCallback3(
+    (options) => {
+      const existingPRNumbers = prs.map((pr) => pr.number);
+      polling.startPolling({
+        branch: options.branch,
+        repoSlug: options.repoSlug,
+        existingPRNumbers,
+        onPRsUpdated: (updatedPrs) => {
+          setPrs(updatedPrs);
+        },
+        onNewPR: (newPR) => {
+          var _a;
+          setSelectedPR(newPR);
+          refreshDetails(newPR, options.repoSlug);
+          (_a = options.onNewPR) == null ? void 0 : _a.call(options, newPR);
+        }
+      });
+    },
+    [prs, polling.startPolling, refreshDetails]
+  );
   return {
     prs,
     selectedPR,
@@ -538,9 +592,9 @@ function usePullRequests() {
     loading,
     errors,
     setError,
-    // Expose setters for cases where external code needs to update state directly
-    setPrs,
-    setSelectedPR
+    pollForNewPR,
+    stopPolling: polling.stopPolling,
+    isPolling: polling.isPolling
   };
 }
 
@@ -1042,52 +1096,14 @@ function renderInlineToString(tokens) {
 
 // src/components/github/PRDetailsBox.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function getCheckColor(check) {
-  const conclusion = check.conclusion ?? check.state;
-  if (conclusion === "SUCCESS") return "green";
-  if (conclusion === "FAILURE" || conclusion === "ERROR") return "red";
-  if (conclusion === "SKIPPED" || conclusion === "NEUTRAL") return "gray";
-  if (conclusion === "PENDING" || check.status === "IN_PROGRESS" || check.status === "QUEUED" || check.status === "WAITING")
-    return "yellow";
-  if (check.status === "COMPLETED") return "green";
-  return void 0;
-}
-function getCheckIcon(check) {
-  const conclusion = check.conclusion ?? check.state;
-  if (conclusion === "SUCCESS") return "\u2713";
-  if (conclusion === "FAILURE" || conclusion === "ERROR") return "\u2717";
-  if (conclusion === "SKIPPED" || conclusion === "NEUTRAL") return "\u25CB";
-  if (conclusion === "PENDING" || check.status === "IN_PROGRESS" || check.status === "QUEUED" || check.status === "WAITING")
-    return "\u25CF";
-  if (check.status === "COMPLETED") return "\u2713";
-  return "?";
-}
-function getCheckSortOrder(check) {
-  const conclusion = check.conclusion ?? check.state;
-  if (conclusion === "FAILURE" || conclusion === "ERROR") return 0;
-  if (conclusion === "PENDING" || check.status === "IN_PROGRESS" || check.status === "QUEUED" || check.status === "WAITING")
-    return 1;
-  if (conclusion === "SKIPPED" || conclusion === "NEUTRAL") return 2;
-  if (conclusion === "SUCCESS" || check.status === "COMPLETED") return 3;
-  return 4;
-}
-function PRDetailsBox({ pr, loading, error, isFocused }) {
+function PRDetailsBox({ pr, loading, error, isActive }) {
   var _a, _b, _c, _d, _e, _f, _g;
   const scrollRef = useRef2(null);
   const title = "[3] PR Details";
-  const borderColor = isFocused ? "yellow" : void 0;
+  const borderColor = isActive ? "yellow" : void 0;
   const displayTitle = pr ? `${title} - #${pr.number}` : title;
-  const reviewStatus = (pr == null ? void 0 : pr.reviewDecision) ?? "PENDING";
-  const reviewColor = reviewStatus === "APPROVED" ? "green" : reviewStatus === "CHANGES_REQUESTED" ? "red" : "yellow";
-  const getMergeDisplay = () => {
-    if (!pr) return { text: "UNKNOWN", color: "yellow" };
-    if (pr.state === "MERGED") return { text: "MERGED", color: "magenta" };
-    if (pr.state === "CLOSED") return { text: "CLOSED", color: "red" };
-    if (pr.mergeable === "MERGEABLE") return { text: "MERGEABLE", color: "green" };
-    if (pr.mergeable === "CONFLICTING") return { text: "CONFLICTING", color: "red" };
-    return { text: pr.mergeable ?? "UNKNOWN", color: "yellow" };
-  };
-  const mergeDisplay = getMergeDisplay();
+  const reviewDisplay = resolveReviewDisplay((pr == null ? void 0 : pr.reviewDecision) ?? null);
+  const mergeDisplay = resolveMergeDisplay(pr);
   useInput(
     (input, key) => {
       var _a2, _b2;
@@ -1102,7 +1118,7 @@ function PRDetailsBox({ pr, loading, error, isFocused }) {
         });
       }
     },
-    { isActive: isFocused }
+    { isActive }
   );
   const { stdout } = useStdout();
   const terminalWidth = (stdout == null ? void 0 : stdout.columns) ?? 80;
@@ -1137,7 +1153,7 @@ function PRDetailsBox({ pr, loading, error, isFocused }) {
             ] }),
             /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, children: [
               /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Review: " }),
-              /* @__PURE__ */ jsx2(Text2, { color: reviewColor, children: reviewStatus }),
+              /* @__PURE__ */ jsx2(Text2, { color: reviewDisplay.color, children: reviewDisplay.text }),
               /* @__PURE__ */ jsx2(Text2, { children: " | " }),
               /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Status: " }),
               /* @__PURE__ */ jsx2(Text2, { color: mergeDisplay.color, children: mergeDisplay.text })
@@ -1174,12 +1190,13 @@ function PRDetailsBox({ pr, loading, error, isFocused }) {
                   }
                   return acc;
                 }, /* @__PURE__ */ new Map()).values()) ?? []
-              ).sort((a, b) => getCheckSortOrder(a) - getCheckSortOrder(b)).map((check, idx) => {
+              ).sort((a, b) => CHECK_SORT_ORDER[resolveCheckStatus(a)] - CHECK_SORT_ORDER[resolveCheckStatus(b)]).map((check, idx) => {
                 const jobName = check.name ?? check.context;
                 const displayName = check.workflowName ? `${check.workflowName} / ${jobName}` : jobName;
-                return /* @__PURE__ */ jsxs2(Text2, { color: getCheckColor(check), children: [
+                const status = resolveCheckStatus(check);
+                return /* @__PURE__ */ jsxs2(Text2, { color: CHECK_COLORS[status], children: [
                   "  ",
-                  getCheckIcon(check),
+                  CHECK_ICONS[status],
                   " ",
                   displayName
                 ] }, idx);
@@ -1198,9 +1215,9 @@ function PRDetailsBox({ pr, loading, error, isFocused }) {
 
 // src/components/github/PullRequestsBox.tsx
 import open2 from "open";
-import { useEffect as useEffect7, useState as useState10 } from "react";
+import { useState as useState10 } from "react";
 import { TitledBox } from "@mishieck/ink-titled-box";
-import { Box as Box3, Text as Text3, useInput as useInput2 } from "ink";
+import { Box as Box3, Text as Text3, useInput as useInput3 } from "ink";
 import { ScrollView as ScrollView2 } from "ink-scroll-view";
 
 // src/hooks/jira/useJiraTickets.ts
@@ -1458,25 +1475,8 @@ function useModal() {
 }
 
 // src/hooks/useListNavigation.ts
-import { useCallback as useCallback7, useState as useState8 } from "react";
-function useListNavigation(length) {
-  const [index, setIndex] = useState8(0);
-  const prev = useCallback7(() => {
-    setIndex((i) => Math.max(0, i - 1));
-  }, []);
-  const next = useCallback7(() => {
-    setIndex((i) => Math.min(length - 1, i + 1));
-  }, [length]);
-  const clampedIndex = Math.min(index, Math.max(0, length - 1));
-  const reset = useCallback7(() => setIndex(0), []);
-  return {
-    index: length === 0 ? 0 : clampedIndex,
-    prev,
-    next,
-    reset,
-    setIndex
-  };
-}
+import { useEffect as useEffect6, useState as useState8 } from "react";
+import { useInput as useInput2 } from "ink";
 
 // src/hooks/useScrollToIndex.ts
 import { useEffect as useEffect5, useRef as useRef4 } from "react";
@@ -1498,8 +1498,53 @@ function useScrollToIndex(index) {
   return scrollRef;
 }
 
+// src/hooks/useListNavigation.ts
+function useListNavigation({
+  items,
+  totalItems,
+  selectedIndex,
+  onSelect,
+  isActive
+}) {
+  const navLength = totalItems ?? items.length;
+  const [highlightedIndex, setHighlightedIndex] = useState8(0);
+  const scrollRef = useScrollToIndex(highlightedIndex);
+  useEffect6(() => {
+    if (selectedIndex !== void 0 && selectedIndex >= 0) {
+      setHighlightedIndex(selectedIndex);
+    }
+  }, [selectedIndex]);
+  const prev = () => setHighlightedIndex((i) => Math.max(0, i - 1));
+  const next = () => setHighlightedIndex((i) => Math.min(navLength - 1, i + 1));
+  useInput2(
+    (input, key) => {
+      if (navLength === 0) return;
+      if (key.upArrow || input === "k") {
+        prev();
+      }
+      if (key.downArrow || input === "j") {
+        next();
+      }
+      if (input === " " && onSelect) {
+        onSelect(highlightedIndex);
+      }
+    },
+    { isActive: isActive === true }
+  );
+  const clampedIndex = navLength === 0 ? 0 : Math.min(highlightedIndex, Math.max(0, navLength - 1));
+  return {
+    highlightedIndex: clampedIndex,
+    index: clampedIndex,
+    scrollRef,
+    prev,
+    next,
+    reset: () => setHighlightedIndex(0),
+    setIndex: setHighlightedIndex
+  };
+}
+
 // src/hooks/useRubberDuck.ts
-import { useCallback as useCallback8, useEffect as useEffect6, useState as useState9 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect7, useState as useState9 } from "react";
 var DUCK_MESSAGES = [
   "Quack.",
   "Quack quack quack.",
@@ -1537,18 +1582,18 @@ function useRubberDuck() {
     visible: false,
     message: DUCK_MESSAGES[0]
   });
-  const getRandomMessage = useCallback8(() => {
+  const getRandomMessage = useCallback7(() => {
     const index = Math.floor(Math.random() * DUCK_MESSAGES.length);
     return DUCK_MESSAGES[index];
   }, []);
-  const toggleDuck = useCallback8(() => {
+  const toggleDuck = useCallback7(() => {
     setState((prev) => ({
       ...prev,
       visible: !prev.visible,
       message: !prev.visible ? getRandomMessage() : prev.message
     }));
   }, [getRandomMessage]);
-  const quack = useCallback8(() => {
+  const quack = useCallback7(() => {
     if (state.visible) {
       setState((prev) => ({
         ...prev,
@@ -1556,11 +1601,11 @@ function useRubberDuck() {
       }));
     }
   }, [state.visible, getRandomMessage]);
-  const getReactionMessage = useCallback8((event) => {
+  const getReactionMessage = useCallback7((event) => {
     const messages = REACTION_MESSAGES[event];
     return messages[Math.floor(Math.random() * messages.length)];
   }, []);
-  useEffect6(() => {
+  useEffect7(() => {
     const unsubscribe = duckEvents.subscribe((event) => {
       setState((prev) => ({
         ...prev,
@@ -1610,32 +1655,25 @@ function PullRequestsBox({
   error,
   branch,
   repoSlug,
-  isFocused
+  isActive
 }) {
-  const [highlightedIndex, setHighlightedIndex] = useState10(0);
   const [copied, setCopied] = useState10(false);
-  const scrollRef = useScrollToIndex(highlightedIndex);
-  const totalItems = prs.length + 1;
-  useEffect7(() => {
-    const idx = prs.findIndex((p) => p.number === (selectedPR == null ? void 0 : selectedPR.number));
-    if (idx >= 0) setHighlightedIndex(idx);
-  }, [selectedPR, prs]);
-  useInput2(
-    (input, key) => {
-      if (!isFocused) return;
-      if (key.upArrow || input === "k") {
-        setHighlightedIndex((prev) => Math.max(0, prev - 1));
-      }
-      if (key.downArrow || input === "j") {
-        setHighlightedIndex((prev) => Math.min(totalItems - 1, prev + 1));
-      }
-      if (input === " ") {
-        if (highlightedIndex === prs.length) {
-          onCreatePR();
-        } else if (prs[highlightedIndex]) {
-          onSelect(prs[highlightedIndex]);
-        }
+  const selectedIndex = prs.findIndex((p) => p.number === (selectedPR == null ? void 0 : selectedPR.number));
+  const { highlightedIndex, scrollRef } = useListNavigation({
+    items: prs,
+    totalItems: prs.length + 1,
+    selectedIndex: selectedIndex >= 0 ? selectedIndex : void 0,
+    onSelect: (index) => {
+      if (index === prs.length) {
+        onCreatePR();
+      } else if (prs[index]) {
+        onSelect(prs[index]);
       }
+    },
+    isActive
+  });
+  useInput3(
+    (input) => {
       if (input === "y" && repoSlug && prs[highlightedIndex]) {
         const pr = prs[highlightedIndex];
         const url = `https://github.com/${repoSlug}/pull/${pr.number}`;
@@ -1650,12 +1688,12 @@ function PullRequestsBox({
         });
       }
     },
-    { isActive: isFocused }
+    { isActive }
   );
   const title = "[2] Pull Requests";
   const subtitle = branch ? ` (${branch})` : "";
   const copiedIndicator = copied ? " [Copied!]" : "";
-  const borderColor = isFocused ? "yellow" : void 0;
+  const borderColor = isActive ? "yellow" : void 0;
   return /* @__PURE__ */ jsx3(
     TitledBox,
     {
@@ -1669,7 +1707,7 @@ function PullRequestsBox({
         !loading && !error && /* @__PURE__ */ jsxs3(ScrollView2, { ref: scrollRef, children: [
           prs.length === 0 && /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "No PRs for this branch" }, "empty"),
           prs.map((pr, idx) => {
-            const isHighlighted = isFocused && idx === highlightedIndex;
+            const isHighlighted = isActive && idx === highlightedIndex;
             const isSelected = pr.number === (selectedPR == null ? void 0 : selectedPR.number);
             const cursor = isHighlighted ? ">" : " ";
             const indicator = isSelected ? " *" : "";
@@ -1689,7 +1727,7 @@ function PullRequestsBox({
             ] }, pr.number);
           }),
           /* @__PURE__ */ jsxs3(Text3, { color: "blue", children: [
-            isFocused && highlightedIndex === prs.length ? "> " : "  ",
+            isActive && highlightedIndex === prs.length ? "> " : "  ",
             "+ Create new PR"
           ] }, "create")
         ] })
@@ -1699,41 +1737,26 @@ function PullRequestsBox({
 }
 
 // src/components/github/RemotesBox.tsx
-import { useEffect as useEffect8, useState as useState11 } from "react";
 import { TitledBox as TitledBox2 } from "@mishieck/ink-titled-box";
-import { Box as Box4, Text as Text4, useInput as useInput3 } from "ink";
+import { Box as Box4, Text as Text4 } from "ink";
 import { ScrollView as ScrollView3 } from "ink-scroll-view";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function RemotesBox({ remotes, selectedRemote, onSelect, loading, error, isFocused }) {
-  const [highlightedIndex, setHighlightedIndex] = useState11(0);
-  const scrollRef = useScrollToIndex(highlightedIndex);
-  useEffect8(() => {
-    const idx = remotes.findIndex((r) => r.name === selectedRemote);
-    if (idx >= 0) setHighlightedIndex(idx);
-  }, [selectedRemote, remotes]);
-  useInput3(
-    (input, key) => {
-      if (!isFocused || remotes.length === 0) return;
-      if (key.upArrow || input === "k") {
-        setHighlightedIndex((prev) => Math.max(0, prev - 1));
-      }
-      if (key.downArrow || input === "j") {
-        setHighlightedIndex((prev) => Math.min(remotes.length - 1, prev + 1));
-      }
-      if (input === " ") {
-        onSelect(remotes[highlightedIndex].name);
-      }
-    },
-    { isActive: isFocused }
-  );
+function RemotesBox({ remotes, selectedRemote, onSelect, loading, error, isActive }) {
+  const selectedIndex = remotes.findIndex((r) => r.name === selectedRemote);
+  const { highlightedIndex, scrollRef } = useListNavigation({
+    items: remotes,
+    selectedIndex: selectedIndex >= 0 ? selectedIndex : void 0,
+    onSelect: (index) => onSelect(remotes[index].name),
+    isActive
+  });
   const title = "[1] Remotes";
-  const borderColor = isFocused ? "yellow" : void 0;
+  const borderColor = isActive ? "yellow" : void 0;
   return /* @__PURE__ */ jsx4(TitledBox2, { borderStyle: "round", titles: [title], borderColor, height: 5, children: /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: [
     loading && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "Loading..." }),
     error && /* @__PURE__ */ jsx4(Text4, { color: "red", children: error }),
     !loading && !error && remotes.length === 0 && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "No remotes configured" }),
     !loading && !error && remotes.length > 0 && /* @__PURE__ */ jsx4(ScrollView3, { ref: scrollRef, children: remotes.map((remote, idx) => {
-      const isHighlighted = isFocused && idx === highlightedIndex;
+      const isHighlighted = isActive && idx === highlightedIndex;
       const isSelected = remote.name === selectedRemote;
       const cursor = isHighlighted ? ">" : " ";
       const indicator = isSelected ? " *" : "";
@@ -1756,89 +1779,70 @@ function RemotesBox({ remotes, selectedRemote, onSelect, loading, error, isFocus
 
 // src/components/github/GitHubView.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function GitHubView({ isFocused, onFocusedBoxChange, onLogUpdated }) {
+function GitHubView({ isActive, onFocusedBoxChange, onLogUpdated }) {
   const repo = useGitRepo();
   const pullRequests = usePullRequests();
-  const polling = usePRPolling();
-  const [focusedBox, setFocusedBox] = useState12("remotes");
-  const lastFetchedRef = useRef5(null);
-  useEffect9(() => {
+  const [focusedBox, setFocusedBox] = useState11("remotes");
+  useEffect8(() => {
     if (repo.loading || !repo.currentBranch || !repo.currentRepoSlug) return;
-    const current = { branch: repo.currentBranch, repoSlug: repo.currentRepoSlug };
-    const last = lastFetchedRef.current;
-    if (last && last.branch === current.branch && last.repoSlug === current.repoSlug) return;
-    lastFetchedRef.current = current;
     pullRequests.fetchPRsAndDetails(repo.currentBranch, repo.currentRepoSlug);
   }, [repo.loading, repo.currentBranch, repo.currentRepoSlug, pullRequests.fetchPRsAndDetails]);
-  useEffect9(() => {
-    if (isFocused) {
+  useEffect8(() => {
+    if (isActive) {
       repo.refreshBranch();
     }
-  }, [isFocused, repo.refreshBranch]);
-  useEffect9(() => {
+  }, [isActive, repo.refreshBranch]);
+  useEffect8(() => {
     onFocusedBoxChange == null ? void 0 : onFocusedBoxChange(focusedBox);
   }, [focusedBox, onFocusedBoxChange]);
-  const handleRemoteSelect = useCallback9(
+  const handleRemoteSelect = useCallback8(
     (remoteName) => {
       repo.selectRemote(remoteName);
-      const remote = repo.remotes.find((r) => r.name === remoteName);
-      if (!remote || !repo.currentBranch) return;
-      const repoSlug = getRepoFromRemote(remote.url);
-      if (!repoSlug) return;
-      lastFetchedRef.current = { branch: repo.currentBranch, repoSlug };
-      pullRequests.fetchPRsAndDetails(repo.currentBranch, repoSlug);
     },
-    [repo.selectRemote, repo.remotes, repo.currentBranch, pullRequests.fetchPRsAndDetails]
+    [repo.selectRemote]
   );
-  const handlePRSelect = useCallback9(
+  const handlePRSelect = useCallback8(
     (pr) => {
       pullRequests.selectPR(pr, repo.currentRepoSlug);
     },
     [pullRequests.selectPR, repo.currentRepoSlug]
   );
-  const createPRContext = useRef5({ repo, pullRequests, onLogUpdated });
-  createPRContext.current = { repo, pullRequests, onLogUpdated };
-  const handleCreatePR = useCallback9(() => {
-    const { repo: repo2, pullRequests: pullRequests2 } = createPRContext.current;
-    if (!repo2.currentBranch) {
-      pullRequests2.setError("prs", "No branch detected");
+  const onLogUpdatedRef = useRef5(onLogUpdated);
+  onLogUpdatedRef.current = onLogUpdated;
+  const handleCreatePR = useCallback8(() => {
+    if (!repo.currentBranch) {
+      pullRequests.setError("prs", "No branch detected");
       duckEvents.emit("error");
       return;
     }
-    const remoteResult = findRemoteWithBranch(repo2.currentBranch);
+    const remoteResult = findRemoteWithBranch(repo.currentBranch);
     if (!remoteResult.success) {
-      pullRequests2.setError("prs", "Push your branch to a remote first");
+      pullRequests.setError("prs", "Push your branch to a remote first");
       duckEvents.emit("error");
       return;
     }
-    openPRCreationPage(remoteResult.data.owner, repo2.currentBranch, (error) => {
+    openPRCreationPage(remoteResult.data.owner, repo.currentBranch, (error) => {
       if (error) {
-        pullRequests2.setError("prs", `Failed to create PR: ${error.message}`);
+        pullRequests.setError("prs", `Failed to create PR: ${error.message}`);
         duckEvents.emit("error");
       }
     });
-    if (!repo2.currentRepoSlug) return;
-    polling.startPolling({
-      branch: repo2.currentBranch,
-      repoSlug: repo2.currentRepoSlug,
-      existingPRNumbers: pullRequests2.prs.map((pr) => pr.number),
-      onPRsUpdated: (prs) => {
-        pullRequests2.setPrs(prs);
-      },
+    if (!repo.currentRepoSlug) return;
+    const repoPath = repo.repoPath;
+    const branch = repo.currentBranch;
+    const repoSlug = repo.currentRepoSlug;
+    pullRequests.pollForNewPR({
+      branch,
+      repoSlug,
       onNewPR: (newPR) => {
         var _a;
-        const ctx = createPRContext.current;
-        const tickets = ctx.repo.repoPath && ctx.repo.currentBranch ? getLinkedTickets(ctx.repo.repoPath, ctx.repo.currentBranch).map((t) => t.key) : [];
+        const tickets = repoPath && branch ? getLinkedTickets(repoPath, branch).map((t) => t.key) : [];
         logPRCreated(newPR.number, newPR.title, tickets);
         duckEvents.emit("pr:opened");
-        (_a = ctx.onLogUpdated) == null ? void 0 : _a.call(ctx);
-        ctx.pullRequests.setSelectedPR(newPR);
-        if (ctx.repo.currentRepoSlug) {
-          ctx.pullRequests.refreshDetails(newPR, ctx.repo.currentRepoSlug);
-        }
+        (_a = onLogUpdatedRef.current) == null ? void 0 : _a.call(onLogUpdatedRef);
       }
     });
-  }, [polling.startPolling]);
+  }, [repo.currentBranch, repo.currentRepoSlug, repo.repoPath, pullRequests.setError, pullRequests.pollForNewPR]);
   useInput4(
     (input) => {
       if (input === "1") setFocusedBox("remotes");
@@ -1857,7 +1861,7 @@ function GitHubView({ isFocused, onFocusedBoxChange, onLogUpdated }) {
         handleCreatePR();
       }
     },
-    { isActive: isFocused }
+    { isActive }
   );
   if (repo.isRepo === false) {
     return /* @__PURE__ */ jsx5(TitledBox3, { borderStyle: "round", titles: ["Error"], flexGrow: 1, children: /* @__PURE__ */ jsx5(Text5, { color: "red", children: "Current directory is not a git repository" }) });
@@ -1871,7 +1875,7 @@ function GitHubView({ isFocused, onFocusedBoxChange, onLogUpdated }) {
         onSelect: handleRemoteSelect,
         loading: repo.loading,
         error: repo.error,
-        isFocused: isFocused && focusedBox === "remotes"
+        isActive: isActive && focusedBox === "remotes"
       }
     ),
     /* @__PURE__ */ jsx5(
@@ -1885,7 +1889,7 @@ function GitHubView({ isFocused, onFocusedBoxChange, onLogUpdated }) {
         error: pullRequests.errors.prs,
         branch: repo.currentBranch,
         repoSlug: repo.currentRepoSlug,
-        isFocused: isFocused && focusedBox === "prs"
+        isActive: isActive && focusedBox === "prs"
       }
     ),
     /* @__PURE__ */ jsx5(
@@ -1894,7 +1898,7 @@ function GitHubView({ isFocused, onFocusedBoxChange, onLogUpdated }) {
         pr: pullRequests.prDetails,
         loading: pullRequests.loading.details,
         error: pullRequests.errors.details,
-        isFocused: isFocused && focusedBox === "details"
+        isActive: isActive && focusedBox === "details"
       }
     )
   ] });
@@ -1902,10 +1906,10 @@ function GitHubView({ isFocused, onFocusedBoxChange, onLogUpdated }) {
 
 // src/components/jira/JiraView.tsx
 import open3 from "open";
-import { useEffect as useEffect11, useRef as useRef6 } from "react";
+import { useEffect as useEffect10, useRef as useRef6 } from "react";
 
 // src/components/jira/LinkTicketModal.tsx
-import { useState as useState13 } from "react";
+import { useState as useState12 } from "react";
 import { Box as Box7, Text as Text7, useInput as useInput6 } from "ink";
 
 // src/components/ui/TextInput.tsx
@@ -1940,7 +1944,7 @@ function TextInput({ value, onChange, placeholder, isActive, mask }) {
 // src/components/jira/LinkTicketModal.tsx
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function LinkTicketModal({ onSubmit, onCancel, loading, error }) {
-  const [ticketInput, setTicketInput] = useState13("");
+  const [ticketInput, setTicketInput] = useState12("");
   const canSubmit = ticketInput.trim().length > 0;
   useInput6(
     (_input, key) => {
@@ -1974,16 +1978,16 @@ import { TitledBox as TitledBox4 } from "@mishieck/ink-titled-box";
 import { Box as Box11, Text as Text11, useInput as useInput9 } from "ink";
 
 // src/components/jira/ChangeStatusModal.tsx
-import { useEffect as useEffect10, useState as useState14 } from "react";
+import { useEffect as useEffect9, useState as useState13 } from "react";
 import { Box as Box8, Text as Text8, useInput as useInput7 } from "ink";
 import SelectInput from "ink-select-input";
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function ChangeStatusModal({ repoPath, ticketKey, currentStatus, onComplete, onCancel }) {
-  const [transitions, setTransitions] = useState14([]);
-  const [loading, setLoading] = useState14(true);
-  const [applying, setApplying] = useState14(false);
-  const [error, setError] = useState14(null);
-  useEffect10(() => {
+  const [transitions, setTransitions] = useState13([]);
+  const [loading, setLoading] = useState13(true);
+  const [applying, setApplying] = useState13(false);
+  const [error, setError] = useState13(null);
+  useEffect9(() => {
     const fetchTransitions = async () => {
       const siteUrl = getJiraSiteUrl(repoPath);
       const creds = getJiraCredentials(repoPath);
@@ -2060,7 +2064,7 @@ function ChangeStatusModal({ repoPath, ticketKey, currentStatus, onComplete, onC
 }
 
 // src/components/jira/ConfigureJiraSiteModal.tsx
-import { useState as useState15 } from "react";
+import { useState as useState14 } from "react";
 import { Box as Box9, Text as Text9, useInput as useInput8 } from "ink";
 import { ScrollView as ScrollView4 } from "ink-scroll-view";
 
@@ -2105,13 +2109,13 @@ function ConfigureJiraSiteModal({
   error
 }) {
   const hasExisting = existingConfigs.length > 0;
-  const [mode, setMode] = useState15(hasExisting ? "choose" : "manual");
-  const [selectedExisting, setSelectedExisting] = useState15(0);
+  const [mode, setMode] = useState14(hasExisting ? "choose" : "manual");
+  const [selectedExisting, setSelectedExisting] = useState14(0);
   const scrollRef = useScrollToIndex(selectedExisting);
-  const [siteUrl, setSiteUrl] = useState15(initialSiteUrl ?? "");
-  const [email, setEmail] = useState15(initialEmail ?? "");
-  const [apiToken, setApiToken] = useState15("");
-  const [selectedItem, setSelectedItem] = useState15("siteUrl");
+  const [siteUrl, setSiteUrl] = useState14(initialSiteUrl ?? "");
+  const [email, setEmail] = useState14(initialEmail ?? "");
+  const [apiToken, setApiToken] = useState14("");
+  const [selectedItem, setSelectedItem] = useState14("siteUrl");
   const items = ["siteUrl", "email", "apiToken", "submit"];
   const canSubmit = siteUrl.trim() && email.trim() && apiToken.trim();
   const chooseItems = existingConfigs.length + 1;
@@ -2212,7 +2216,7 @@ function ConfigureJiraSiteModal({
               config.siteUrl
             ] }),
             /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
-              "    ",
+              " ",
               config.email
             ] })
           ] }, config.siteUrl + config.email);
@@ -2276,13 +2280,14 @@ function TicketItem({ ticketKey, summary, status, isHighlighted, isSelected }) {
 
 // src/components/jira/JiraView.tsx
 import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
-function JiraView({ isFocused, onModalChange, onJiraStateChange, onLogUpdated }) {
+function JiraView({ isActive, onModalChange, onJiraStateChange, onLogUpdated }) {
   const repo = useGitRepo();
   const jira = useJiraTickets();
   const modal = useModal();
-  const nav = useListNavigation(jira.tickets.length);
+  const nav = useListNavigation({ items: jira.tickets });
+  const currentTicket = jira.tickets[nav.index] ?? null;
   const lastInitRef = useRef6(null);
-  useEffect11(() => {
+  useEffect10(() => {
     if (repo.loading || !repo.repoPath || !repo.currentBranch) return;
     const current = { branch: repo.currentBranch };
     const last = lastInitRef.current;
@@ -2290,17 +2295,17 @@ function JiraView({ isFocused, onModalChange, onJiraStateChange, onLogUpdated })
     lastInitRef.current = current;
     jira.initializeJiraState(repo.repoPath, repo.currentBranch, repo.currentRepoSlug);
   }, [repo.loading, repo.repoPath, repo.currentBranch, repo.currentRepoSlug, jira.initializeJiraState]);
-  useEffect11(() => {
-    if (isFocused) {
+  useEffect10(() => {
+    if (isActive) {
       repo.refreshBranch();
     } else {
       modal.close();
     }
-  }, [isFocused, repo.refreshBranch, modal.close]);
-  useEffect11(() => {
+  }, [isActive, repo.refreshBranch, modal.close]);
+  useEffect10(() => {
     onModalChange == null ? void 0 : onModalChange(modal.isOpen);
   }, [modal.isOpen, onModalChange]);
-  useEffect11(() => {
+  useEffect10(() => {
     onJiraStateChange == null ? void 0 : onJiraStateChange(jira.jiraState);
   }, [jira.jiraState, onJiraStateChange]);
   const handleConfigureSubmit = async (siteUrl, email, apiToken) => {
@@ -2313,38 +2318,30 @@ function JiraView({ isFocused, onModalChange, onJiraStateChange, onLogUpdated })
     const success = await jira.linkTicket(repo.repoPath, repo.currentBranch, ticketInput);
     if (success) modal.close();
   };
+  const getTicketUrl = () => {
+    if (!repo.repoPath || !currentTicket) return null;
+    const siteUrl = getJiraSiteUrl(repo.repoPath);
+    return siteUrl ? `${siteUrl}/browse/${currentTicket.key}` : null;
+  };
   const handleUnlinkTicket = () => {
-    if (!repo.repoPath || !repo.currentBranch || jira.tickets.length === 0) return;
-    const ticket = jira.tickets[nav.index];
-    if (ticket) {
-      jira.unlinkTicket(repo.repoPath, repo.currentBranch, ticket.key);
-      jira.refreshTickets(repo.repoPath, repo.currentBranch);
-      nav.prev();
-    }
+    if (!repo.repoPath || !repo.currentBranch || !currentTicket) return;
+    jira.unlinkTicket(repo.repoPath, repo.currentBranch, currentTicket.key);
+    jira.refreshTickets(repo.repoPath, repo.currentBranch);
+    nav.prev();
   };
   const handleOpenInBrowser = () => {
-    if (!repo.repoPath || jira.tickets.length === 0) return;
-    const ticket = jira.tickets[nav.index];
-    const siteUrl = getJiraSiteUrl(repo.repoPath);
-    if (ticket && siteUrl) {
-      open3(`${siteUrl}/browse/${ticket.key}`).catch(() => {
-      });
-    }
+    const url = getTicketUrl();
+    if (url) open3(url).catch(() => {
+    });
   };
   const handleCopyLink = () => {
-    if (!repo.repoPath || jira.tickets.length === 0) return;
-    const ticket = jira.tickets[nav.index];
-    const siteUrl = getJiraSiteUrl(repo.repoPath);
-    if (ticket && siteUrl) {
-      copyToClipboard(`${siteUrl}/browse/${ticket.key}`);
-    }
+    const url = getTicketUrl();
+    if (url) copyToClipboard(url);
   };
   const handleStatusComplete = (newStatus) => {
-    if (!repo.repoPath || !repo.currentBranch) return;
-    const ticket = jira.tickets[nav.index];
-    if (!ticket) return;
-    updateTicketStatus(repo.repoPath, repo.currentBranch, ticket.key, newStatus);
-    logJiraStatusChanged(ticket.key, ticket.summary, ticket.status, newStatus);
+    if (!repo.repoPath || !repo.currentBranch || !currentTicket) return;
+    updateTicketStatus(repo.repoPath, repo.currentBranch, currentTicket.key, newStatus);
+    logJiraStatusChanged(currentTicket.key, currentTicket.summary, currentTicket.status, newStatus);
     onLogUpdated == null ? void 0 : onLogUpdated();
     modal.close();
     jira.refreshTickets(repo.repoPath, repo.currentBranch);
@@ -2377,7 +2374,7 @@ function JiraView({ isFocused, onModalChange, onJiraStateChange, onLogUpdated })
         if (input === "y") handleCopyLink();
       }
     },
-    { isActive: isFocused && !modal.isOpen }
+    { isActive: isActive && !modal.isOpen }
   );
   if (repo.isRepo === false) {
     return /* @__PURE__ */ jsx11(TitledBox4, { borderStyle: "round", titles: ["Jira"], flexShrink: 0, children: /* @__PURE__ */ jsx11(Text11, { color: "red", children: "Not a git repository" }) });
@@ -2416,21 +2413,20 @@ function JiraView({ isFocused, onModalChange, onJiraStateChange, onLogUpdated })
       }
     ) });
   }
-  if (modal.type === "status" && repo.repoPath && repo.currentBranch && jira.tickets[nav.index]) {
-    const ticket = jira.tickets[nav.index];
+  if (modal.type === "status" && repo.repoPath && repo.currentBranch && currentTicket) {
     return /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx11(
       ChangeStatusModal,
       {
         repoPath: repo.repoPath,
-        ticketKey: ticket.key,
-        currentStatus: ticket.status,
+        ticketKey: currentTicket.key,
+        currentStatus: currentTicket.status,
         onComplete: handleStatusComplete,
         onCancel: modal.close
       }
     ) });
   }
   const title = "[4] Jira";
-  const borderColor = isFocused ? "yellow" : void 0;
+  const borderColor = isActive ? "yellow" : void 0;
   return /* @__PURE__ */ jsx11(TitledBox4, { borderStyle: "round", titles: [title], borderColor, flexShrink: 0, children: /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", paddingX: 1, children: [
     jira.jiraState === "not_configured" && /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "No Jira site configured" }),
     jira.jiraState === "no_tickets" && /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "No tickets linked to this branch" }),
@@ -2452,7 +2448,7 @@ import { useEffect as useEffect12 } from "react";
 import { Box as Box14, useInput as useInput12 } from "ink";
 
 // src/components/logs/LogViewerBox.tsx
-import { useRef as useRef7, useState as useState16 } from "react";
+import { useEffect as useEffect11, useRef as useRef7, useState as useState15 } from "react";
 import { TitledBox as TitledBox5 } from "@mishieck/ink-titled-box";
 import { Box as Box12, Text as Text12, useInput as useInput10 } from "ink";
 import { ScrollView as ScrollView5 } from "ink-scroll-view";
@@ -2543,15 +2539,15 @@ Generate the standup notes:`;
 
 // src/components/logs/LogViewerBox.tsx
 import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
-function LogViewerBox({ date, content, isFocused, onRefresh, onLogCreated }) {
+function LogViewerBox({ date, content, isActive, onRefresh, onLogCreated }) {
   const scrollRef = useRef7(null);
-  const [isInputMode, setIsInputMode] = useState16(false);
-  const [inputValue, setInputValue] = useState16("");
-  const [isGeneratingStandup, setIsGeneratingStandup] = useState16(false);
-  const [standupResult, setStandupResult] = useState16(null);
+  const [isInputMode, setIsInputMode] = useState15(false);
+  const [inputValue, setInputValue] = useState15("");
+  const [isGeneratingStandup, setIsGeneratingStandup] = useState15(false);
+  const [standupResult, setStandupResult] = useState15(null);
   const claudeProcessRef = useRef7(null);
   const title = "[6] Log Content";
-  const borderColor = isFocused ? "yellow" : void 0;
+  const borderColor = isActive ? "yellow" : void 0;
   const displayTitle = date ? `${title} - ${date}.md` : title;
   useInput10(
     (input, key) => {
@@ -2613,8 +2609,14 @@ function LogViewerBox({ date, content, isFocused, onRefresh, onLogCreated }) {
         });
       }
     },
-    { isActive: isFocused }
+    { isActive }
   );
+  useEffect11(() => {
+    return () => {
+      var _a;
+      (_a = claudeProcessRef.current) == null ? void 0 : _a.cancel();
+    };
+  }, []);
   const handleInputSubmit = (value) => {
     if (!date || !value.trim()) {
       setIsInputMode(false);
@@ -2677,11 +2679,11 @@ function LogsHistoryBox({
   highlightedIndex,
   onHighlight,
   onSelect,
-  isFocused
+  isActive
 }) {
   const scrollRef = useScrollToIndex(highlightedIndex);
   const title = "[5] Logs";
-  const borderColor = isFocused ? "yellow" : void 0;
+  const borderColor = isActive ? "yellow" : void 0;
   useInput11(
     (input, key) => {
       if (logFiles.length === 0) return;
@@ -2691,14 +2693,14 @@ function LogsHistoryBox({
       if (key.downArrow || input === "j") {
         onHighlight(Math.min(logFiles.length - 1, highlightedIndex + 1));
       }
-      if (key.return) {
+      if (input === " ") {
         const file = logFiles[highlightedIndex];
         if (file) {
           onSelect(file.date);
         }
       }
     },
-    { isActive: isFocused }
+    { isActive }
   );
   return /* @__PURE__ */ jsx13(TitledBox6, { borderStyle: "round", titles: [title], borderColor, height: 5, children: /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: [
     logFiles.length === 0 && /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "No logs yet" }),
@@ -2722,7 +2724,7 @@ function LogsHistoryBox({
 
 // src/components/logs/LogsView.tsx
 import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
-function LogsView({ isFocused, refreshKey, focusedBox, onFocusedBoxChange }) {
+function LogsView({ isActive, refreshKey, focusedBox, onFocusedBoxChange }) {
   const logs = useLogs();
   useEffect12(() => {
     if (refreshKey !== void 0 && refreshKey > 0) {
@@ -2734,7 +2736,7 @@ function LogsView({ isFocused, refreshKey, focusedBox, onFocusedBoxChange }) {
       if (input === "5") onFocusedBoxChange("history");
       if (input === "6") onFocusedBoxChange("viewer");
     },
-    { isActive: isFocused }
+    { isActive }
   );
   return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", flexGrow: 1, children: [
     /* @__PURE__ */ jsx14(
@@ -2745,7 +2747,7 @@ function LogsView({ isFocused, refreshKey, focusedBox, onFocusedBoxChange }) {
         highlightedIndex: logs.highlightedIndex,
         onHighlight: logs.setHighlightedIndex,
         onSelect: logs.selectDate,
-        isFocused: isFocused && focusedBox === "history"
+        isActive: isActive && focusedBox === "history"
       }
     ),
     /* @__PURE__ */ jsx14(
@@ -2753,7 +2755,7 @@ function LogsView({ isFocused, refreshKey, focusedBox, onFocusedBoxChange }) {
       {
         date: logs.selectedDate,
         content: logs.logContent,
-        isFocused: isFocused && focusedBox === "viewer",
+        isActive: isActive && focusedBox === "viewer",
         onRefresh: logs.refresh,
         onLogCreated: logs.handleLogCreated
       }
@@ -2820,7 +2822,7 @@ var JIRA_KEYBINDINGS = {
 
 // src/constants/logs.ts
 var LOGS_KEYBINDINGS = {
-  history: [{ key: "Enter", label: "Select" }],
+  history: [{ key: "Space", label: "Select" }],
   viewer: [
     { key: "i", label: "Add Entry" },
     { key: "e", label: "Edit" },
@@ -2849,13 +2851,13 @@ function computeKeybindings(focusedView, state) {
 import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 function App() {
   const { exit } = useApp();
-  const [focusedView, setFocusedView] = useState17("github");
-  const [modalOpen, setModalOpen] = useState17(false);
-  const [logRefreshKey, setLogRefreshKey] = useState17(0);
+  const [focusedView, setFocusedView] = useState16("github");
+  const [modalOpen, setModalOpen] = useState16(false);
+  const [logRefreshKey, setLogRefreshKey] = useState16(0);
   const duck = useRubberDuck();
-  const [githubFocusedBox, setGithubFocusedBox] = useState17("remotes");
-  const [jiraState, setJiraState] = useState17("not_configured");
-  const [logsFocusedBox, setLogsFocusedBox] = useState17("history");
+  const [githubFocusedBox, setGithubFocusedBox] = useState16("remotes");
+  const [jiraState, setJiraState] = useState16("not_configured");
+  const [logsFocusedBox, setLogsFocusedBox] = useState16("history");
   const keybindings = useMemo2(
     () => computeKeybindings(focusedView, {
       github: { focusedBox: githubFocusedBox },
@@ -2864,7 +2866,7 @@ function App() {
     }),
     [focusedView, githubFocusedBox, jiraState, modalOpen, logsFocusedBox]
   );
-  const handleLogUpdated = useCallback10(() => {
+  const handleLogUpdated = useCallback9(() => {
     setLogRefreshKey((prev) => prev + 1);
   }, []);
   useInput13(
@@ -2901,7 +2903,7 @@ function App() {
         /* @__PURE__ */ jsx16(
           GitHubView,
           {
-            isFocused: focusedView === "github",
+            isActive: focusedView === "github",
             onFocusedBoxChange: setGithubFocusedBox,
             onLogUpdated: handleLogUpdated
           }
@@ -2909,7 +2911,7 @@ function App() {
         /* @__PURE__ */ jsx16(
           JiraView,
           {
-            isFocused: focusedView === "jira",
+            isActive: focusedView === "jira",
             onModalChange: setModalOpen,
             onJiraStateChange: setJiraState,
             onLogUpdated: handleLogUpdated
@@ -2919,7 +2921,7 @@ function App() {
       /* @__PURE__ */ jsx16(Box16, { flexDirection: "column", flexGrow: 1, flexBasis: 0, children: /* @__PURE__ */ jsx16(
         LogsView,
         {
-          isFocused: focusedView === "logs",
+          isActive: focusedView === "logs",
           refreshKey: logRefreshKey,
           focusedBox: logsFocusedBox,
           onFocusedBoxChange: setLogsFocusedBox
@@ -2941,13 +2943,13 @@ function App() {
 import { render as inkRender } from "ink";
 
 // src/lib/Screen.tsx
-import { useCallback as useCallback11, useEffect as useEffect13, useState as useState18 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect13, useState as useState17 } from "react";
 import { Box as Box17, useStdout as useStdout2 } from "ink";
 import { jsx as jsx17 } from "react/jsx-runtime";
 function Screen({ children }) {
   const { stdout } = useStdout2();
-  const getSize = useCallback11(() => ({ height: stdout.rows, width: stdout.columns }), [stdout]);
-  const [size, setSize] = useState18(getSize);
+  const getSize = useCallback10(() => ({ height: stdout.rows, width: stdout.columns }), [stdout]);
+  const [size, setSize] = useState17(getSize);
   useEffect13(() => {
     const onResize = () => setSize(getSize());
     stdout.on("resize", onResize);

package/package.json

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