clairo 0.1.0 → 0.3.0

package/dist/cli.js

@@ -4,12 +4,14 @@
 import meow from "meow";
 
 // src/app.tsx
-import { Box as Box7 } from "ink";
+import { useState as useState8 } from "react";
+import { Box as Box12, useApp, useInput as useInput10 } from "ink";
 
 // src/components/github/GitHubView.tsx
-import { useCallback, useEffect as useEffect3, useState as useState4 } from "react";
+import { exec as exec3 } from "child_process";
+import { useCallback, useEffect as useEffect3, useState as useState3 } from "react";
 import { TitledBox as TitledBox4 } from "@mishieck/ink-titled-box";
-import { Box as Box5, Text as Text5, useInput as useInput4 } from "ink";
+import { Box as Box4, Text as Text4, useInput as useInput4 } from "ink";
 
 // src/lib/config/index.ts
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from "fs";
@@ -126,8 +128,6 @@ function getCurrentBranch() {
 
 // src/lib/github/index.ts
 import { exec } from "child_process";
-import { existsSync as existsSync2, readFileSync as readFileSync2 } from "fs";
-import { join as join2 } from "path";
 import { promisify } from "util";
 var execAsync = promisify(exec);
 async function isGhInstalled() {
@@ -170,13 +170,25 @@ async function listPRsForBranch(branch, repo) {
       errorType: "not_authenticated"
     };
   }
+  const fields = "number,title,state,author,createdAt,isDraft";
+  try {
+    const { stdout } = await execAsync(
+      `gh pr view --json ${fields} 2>/dev/null`
+    );
+    const pr = JSON.parse(stdout);
+    return { success: true, data: [pr] };
+  } catch {
+  }
   try {
-    const fields = "number,title,state,author,createdAt,isDraft";
     const { stdout } = await execAsync(
-      `gh pr list --head "${branch}" --json ${fields} --repo "${repo}"`
+      `gh pr list --state open --json ${fields},headRefName --repo "${repo}" 2>/dev/null`
     );
-    const prs = JSON.parse(stdout);
-    return { success: true, data: prs };
+    const allPrs = JSON.parse(stdout);
+    const prs = allPrs.filter(
+      (pr) => pr.headRefName === branch || pr.headRefName.endsWith(`:${branch}`)
+    );
+    const result = prs.map(({ headRefName: _, ...rest }) => rest);
+    return { success: true, data: result };
   } catch {
     return { success: false, error: "Failed to fetch PRs", errorType: "api_error" };
   }
@@ -201,6 +213,7 @@ async function getPRDetails(prNumber, repo) {
       "number",
       "title",
       "body",
+      "url",
       "state",
       "author",
       "createdAt",
@@ -227,170 +240,14 @@ async function getPRDetails(prNumber, repo) {
     };
   }
 }
-function getPRTemplate(repoPath) {
-  const templatePaths = [
-    ".github/PULL_REQUEST_TEMPLATE.md",
-    ".github/pull_request_template.md",
-    "PULL_REQUEST_TEMPLATE.md",
-    "pull_request_template.md",
-    "docs/PULL_REQUEST_TEMPLATE.md"
-  ];
-  for (const templatePath of templatePaths) {
-    const fullPath = join2(repoPath, templatePath);
-    if (existsSync2(fullPath)) {
-      try {
-        return readFileSync2(fullPath, "utf-8");
-      } catch {
-        continue;
-      }
-    }
-  }
-  return null;
-}
-async function createPR(repo, title, body, baseBranch) {
-  if (!await isGhInstalled()) {
-    return {
-      success: false,
-      error: "GitHub CLI (gh) is not installed",
-      errorType: "not_installed"
-    };
-  }
-  if (!await isGhAuthenticated()) {
-    return {
-      success: false,
-      error: "Not authenticated. Run 'gh auth login'",
-      errorType: "not_authenticated"
-    };
-  }
-  try {
-    const baseArg = baseBranch ? `--base "${baseBranch}"` : "";
-    const fields = "number,title,state,author,createdAt,isDraft";
-    const escapedTitle = title.replace(/"/g, '\\"');
-    const escapedBody = body.replace(/"/g, '\\"');
-    const { stdout } = await execAsync(
-      `gh pr create --title "${escapedTitle}" --body "${escapedBody}" ${baseArg} --repo "${repo}" --json ${fields}`
-    );
-    const pr = JSON.parse(stdout);
-    return { success: true, data: pr };
-  } catch (err) {
-    const message = err instanceof Error ? err.message : "Failed to create PR";
-    return {
-      success: false,
-      error: message,
-      errorType: "api_error"
-    };
-  }
-}
-
-// src/components/github/CreatePRModal.tsx
-import { spawnSync } from "child_process";
-import { mkdtempSync, readFileSync as readFileSync3, rmSync, writeFileSync as writeFileSync2 } from "fs";
-import { tmpdir } from "os";
-import { join as join3 } from "path";
-import { useState } from "react";
-import { Box, Text, useInput } from "ink";
-import { jsx, jsxs } from "react/jsx-runtime";
-function openInEditor(content, filename) {
-  const editor = process.env.VISUAL || process.env.EDITOR || "vi";
-  const tempDir = mkdtempSync(join3(tmpdir(), "clairo-"));
-  const tempFile = join3(tempDir, filename);
-  try {
-    writeFileSync2(tempFile, content);
-    const result = spawnSync(editor, [tempFile], {
-      stdio: "inherit"
-    });
-    process.stdout.write("\x1B[2J\x1B[H");
-    if (result.status !== 0) {
-      return null;
-    }
-    return readFileSync3(tempFile, "utf-8");
-  } finally {
-    try {
-      rmSync(tempDir, { recursive: true });
-    } catch {
-    }
-  }
-}
-function CreatePRModal({ template, onSubmit, onCancel, loading, error }) {
-  const [title, setTitle] = useState("");
-  const [body, setBody] = useState(template ?? "");
-  const [selectedItem, setSelectedItem] = useState("title");
-  const items = ["title", "body", "submit"];
-  useInput(
-    (input, key) => {
-      if (loading) return;
-      if (key.escape) {
-        onCancel();
-        return;
-      }
-      if (key.upArrow || input === "k") {
-        setSelectedItem((prev) => {
-          const idx = items.indexOf(prev);
-          return items[Math.max(0, idx - 1)];
-        });
-        return;
-      }
-      if (key.downArrow || input === "j") {
-        setSelectedItem((prev) => {
-          const idx = items.indexOf(prev);
-          return items[Math.min(items.length - 1, idx + 1)];
-        });
-        return;
-      }
-      if (key.return) {
-        if (selectedItem === "title") {
-          const newTitle = openInEditor(title, "PR_TITLE.txt");
-          if (newTitle !== null) {
-            setTitle(newTitle.split("\n")[0].trim());
-          }
-        } else if (selectedItem === "body") {
-          const newBody = openInEditor(body, "PR_DESCRIPTION.md");
-          if (newBody !== null) {
-            setBody(newBody);
-          }
-        } else if (selectedItem === "submit") {
-          if (title.trim()) {
-            onSubmit(title.trim(), body);
-          }
-        }
-      }
-    },
-    { isActive: !loading }
-  );
-  const renderItem = (item, label, value) => {
-    const isSelected = selectedItem === item;
-    const prefix = isSelected ? "> " : "  ";
-    const color = isSelected ? "cyan" : void 0;
-    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs(Text, { color, bold: isSelected, children: [
-        prefix,
-        label
-      ] }),
-      value !== void 0 && /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: value || "(empty - press Enter to edit)" }) })
-    ] });
-  };
-  const truncatedBody = body ? body.split("\n").slice(0, 2).join(" ").slice(0, 60) + (body.length > 60 ? "..." : "") : "";
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, paddingY: 1, children: [
-    /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "Create Pull Request" }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Up/Down to select, Enter to edit, Esc to cancel" }),
-    /* @__PURE__ */ jsx(Box, { marginTop: 1 }),
-    error && /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { color: "red", children: error }) }),
-    renderItem("title", "Title", title),
-    /* @__PURE__ */ jsx(Box, { marginTop: 1 }),
-    renderItem("body", "Description", truncatedBody),
-    /* @__PURE__ */ jsx(Box, { marginTop: 1 }),
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: selectedItem === "submit" ? "green" : void 0, bold: selectedItem === "submit", children: [
-      selectedItem === "submit" ? "> " : "  ",
-      title.trim() ? "[Submit PR]" : "[Enter title first]"
-    ] }) }),
-    loading && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellow", children: "Creating PR..." }) })
-  ] });
-}
 
 // src/components/github/PRDetailsBox.tsx
+import { useRef } from "react";
+import open from "open";
 import { TitledBox } from "@mishieck/ink-titled-box";
-import { Box as Box2, Text as Text2 } from "ink";
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Box, Text, useInput } from "ink";
+import { ScrollView } from "ink-scroll-view";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function getCheckColor(check) {
   const conclusion = check.conclusion ?? check.state;
   if (conclusion === "SUCCESS") return "green";
@@ -412,63 +269,124 @@ function getCheckIcon(check) {
   return "?";
 }
 function PRDetailsBox({ pr, loading, error, isFocused }) {
-  var _a, _b, _c, _d, _e, _f;
-  const title = "3 PR Details";
-  const borderColor = isFocused ? "cyan" : void 0;
+  var _a, _b, _c, _d, _e, _f, _g;
+  const scrollRef = useRef(null);
+  const title = "[3] PR Details";
+  const borderColor = isFocused ? "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 mergeableColor = (pr == null ? void 0 : pr.mergeable) === "MERGEABLE" ? "green" : (pr == null ? void 0 : pr.mergeable) === "CONFLICTING" ? "red" : "yellow";
-  return /* @__PURE__ */ jsx2(TitledBox, { borderStyle: "round", titles: [displayTitle], borderColor, flexGrow: 2, children: /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 1, children: [
-    loading && /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Loading details..." }),
-    error && /* @__PURE__ */ jsx2(Text2, { color: "red", children: error }),
-    !loading && !error && !pr && /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Select a PR to view details" }),
-    !loading && !error && pr && /* @__PURE__ */ jsxs2(Fragment, { children: [
-      /* @__PURE__ */ jsx2(Text2, { bold: true, children: pr.title }),
-      /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+  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();
+  useInput(
+    (input, key) => {
+      var _a2, _b2;
+      if (key.upArrow || input === "k") {
+        (_a2 = scrollRef.current) == null ? void 0 : _a2.scrollBy(-1);
+      }
+      if (key.downArrow || input === "j") {
+        (_b2 = scrollRef.current) == null ? void 0 : _b2.scrollBy(1);
+      }
+      if (input === "o" && (pr == null ? void 0 : pr.url)) {
+        open(pr.url).catch(() => {
+        });
+      }
+    },
+    { isActive: isFocused }
+  );
+  return /* @__PURE__ */ jsx(TitledBox, { borderStyle: "round", titles: [displayTitle], borderColor, flexGrow: 2, children: /* @__PURE__ */ jsx(Box, { flexGrow: 1, overflow: "hidden", children: /* @__PURE__ */ jsx(ScrollView, { ref: scrollRef, flexGrow: 1, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+    loading && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Loading details..." }),
+    error && /* @__PURE__ */ jsx(Text, { color: "red", children: error }),
+    !loading && !error && !pr && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Select a PR to view details" }),
+    !loading && !error && pr && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, children: pr.title }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
         "by ",
         ((_a = pr.author) == null ? void 0 : _a.login) ?? "unknown",
         " | ",
         ((_b = pr.commits) == null ? void 0 : _b.length) ?? 0,
         " commits"
       ] }),
-      /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Review: " }),
-        /* @__PURE__ */ jsx2(Text2, { color: reviewColor, children: reviewStatus }),
-        /* @__PURE__ */ jsx2(Text2, { children: " | " }),
-        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Merge: " }),
-        /* @__PURE__ */ jsx2(Text2, { color: mergeableColor, children: pr.mergeable ?? "UNKNOWN" })
+      /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Review: " }),
+        /* @__PURE__ */ jsx(Text, { color: reviewColor, children: reviewStatus }),
+        /* @__PURE__ */ jsx(Text, { children: " | " }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Status: " }),
+        /* @__PURE__ */ jsx(Text, { color: mergeDisplay.color, children: mergeDisplay.text })
+      ] }),
+      (((_c = pr.assignees) == null ? void 0 : _c.length) ?? 0) > 0 && /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Assignees: " }),
+        /* @__PURE__ */ jsx(Text, { children: pr.assignees.map((a) => a.login).join(", ") })
       ] }),
-      (((_c = pr.assignees) == null ? void 0 : _c.length) ?? 0) > 0 && /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Assignees: " }),
-        /* @__PURE__ */ jsx2(Text2, { children: pr.assignees.map((a) => a.login).join(", ") })
+      (((_d = pr.reviews) == null ? void 0 : _d.length) ?? 0) > 0 && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Reviews:" }),
+        pr.reviews.map((review, idx) => {
+          const color = review.state === "APPROVED" ? "green" : review.state === "CHANGES_REQUESTED" ? "red" : review.state === "COMMENTED" ? "blue" : "yellow";
+          const icon = review.state === "APPROVED" ? "\u2713" : review.state === "CHANGES_REQUESTED" ? "\u2717" : review.state === "COMMENTED" ? "\u{1F4AC}" : "\u25CB";
+          return /* @__PURE__ */ jsxs(Text, { color, children: [
+            "  ",
+            icon,
+            " ",
+            review.author.login
+          ] }, idx);
+        })
       ] }),
-      (((_d = pr.reviewRequests) == null ? void 0 : _d.length) ?? 0) > 0 && /* @__PURE__ */ jsxs2(Box2, { children: [
-        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Reviewers: " }),
-        /* @__PURE__ */ jsx2(Text2, { children: pr.reviewRequests.map((r) => r.login ?? r.name ?? r.slug ?? "Team").join(", ") })
+      (((_e = pr.reviewRequests) == null ? void 0 : _e.length) ?? 0) > 0 && /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Pending: " }),
+        /* @__PURE__ */ jsx(Text, { color: "yellow", children: pr.reviewRequests.map((r) => r.login ?? r.name ?? r.slug ?? "Team").join(", ") })
       ] }),
-      (((_e = pr.statusCheckRollup) == null ? void 0 : _e.length) ?? 0) > 0 && /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
-        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Checks:" }),
-        (_f = pr.statusCheckRollup) == null ? void 0 : _f.map((check, idx) => /* @__PURE__ */ jsxs2(Text2, { color: getCheckColor(check), children: [
+      (((_f = pr.statusCheckRollup) == null ? void 0 : _f.length) ?? 0) > 0 && /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Checks:" }),
+        (_g = pr.statusCheckRollup) == null ? void 0 : _g.map((check, idx) => /* @__PURE__ */ jsxs(Text, { color: getCheckColor(check), children: [
           "  ",
           getCheckIcon(check),
           " ",
           check.name ?? check.context
         ] }, idx))
       ] }),
-      pr.body && /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
-        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Description:" }),
-        /* @__PURE__ */ jsx2(Text2, { children: pr.body })
+      pr.body && /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Description:" }),
+        /* @__PURE__ */ jsx(Text, { children: pr.body })
       ] })
     ] })
-  ] }) });
+  ] }) }) }) });
 }
 
 // src/components/github/PullRequestsBox.tsx
-import { useEffect, useState as useState2 } from "react";
+import { useEffect, useState } from "react";
 import { TitledBox as TitledBox2 } from "@mishieck/ink-titled-box";
-import { Box as Box3, Text as Text3, useInput as useInput2 } from "ink";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Box as Box2, Text as Text2, useInput as useInput2 } from "ink";
+
+// src/lib/clipboard.ts
+import { exec as exec2 } from "child_process";
+async function copyToClipboard(text) {
+  var _a, _b;
+  const command = process.platform === "darwin" ? "pbcopy" : process.platform === "win32" ? "clip" : "xclip -selection clipboard";
+  try {
+    const child = exec2(command);
+    (_a = child.stdin) == null ? void 0 : _a.write(text);
+    (_b = child.stdin) == null ? void 0 : _b.end();
+    await new Promise((resolve, reject) => {
+      child.on("close", (code) => {
+        if (code === 0) resolve();
+        else reject(new Error(`Clipboard command exited with code ${code}`));
+      });
+    });
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+// src/components/github/PullRequestsBox.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function PullRequestsBox({
   prs,
   selectedPR,
@@ -477,9 +395,10 @@ function PullRequestsBox({
   loading,
   error,
   branch,
+  repoSlug,
   isFocused
 }) {
-  const [highlightedIndex, setHighlightedIndex] = useState2(0);
+  const [highlightedIndex, setHighlightedIndex] = useState(0);
   const totalItems = prs.length + 1;
   useEffect(() => {
     const idx = prs.findIndex((p) => p.number === (selectedPR == null ? void 0 : selectedPR.number));
@@ -501,22 +420,27 @@ function PullRequestsBox({
           onSelect(prs[highlightedIndex]);
         }
       }
+      if (input === "y" && repoSlug && prs[highlightedIndex]) {
+        const pr = prs[highlightedIndex];
+        const url = `https://github.com/${repoSlug}/pull/${pr.number}`;
+        copyToClipboard(url);
+      }
     },
     { isActive: isFocused }
   );
-  const title = "2 Pull Requests";
+  const title = "[2] Pull Requests";
   const subtitle = branch ? ` (${branch})` : "";
-  const borderColor = isFocused ? "cyan" : void 0;
-  return /* @__PURE__ */ jsx3(TitledBox2, { borderStyle: "round", titles: [`${title}${subtitle}`], borderColor, children: /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", paddingX: 1, children: [
-    loading && /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "Loading PRs..." }),
-    error && /* @__PURE__ */ jsx3(Text3, { color: "red", children: error }),
-    !loading && !error && /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      prs.length === 0 && /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "No PRs for this branch" }),
+  const borderColor = isFocused ? "yellow" : void 0;
+  return /* @__PURE__ */ jsx2(TitledBox2, { borderStyle: "round", titles: [`${title}${subtitle}`], borderColor, flexShrink: 0, children: /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 1, overflow: "hidden", children: [
+    loading && /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Loading PRs..." }),
+    error && /* @__PURE__ */ jsx2(Text2, { color: "red", children: error }),
+    !loading && !error && /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      prs.length === 0 && /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "No PRs for this branch" }),
       prs.map((pr, idx) => {
         const isHighlighted = isFocused && idx === highlightedIndex;
         const isSelected = pr.number === (selectedPR == null ? void 0 : selectedPR.number);
         const prefix = isHighlighted ? "> " : isSelected ? "\u25CF " : "  ";
-        return /* @__PURE__ */ jsxs3(Text3, { color: isSelected ? "green" : void 0, children: [
+        return /* @__PURE__ */ jsxs2(Text2, { color: isSelected ? "green" : void 0, children: [
           prefix,
           "#",
           pr.number,
@@ -525,7 +449,7 @@ function PullRequestsBox({
           pr.title
         ] }, pr.number);
       }),
-      /* @__PURE__ */ jsxs3(Text3, { color: "blue", children: [
+      /* @__PURE__ */ jsxs2(Text2, { color: "blue", children: [
         isFocused && highlightedIndex === prs.length ? "> " : "  ",
         "+ Create new PR"
       ] })
@@ -534,12 +458,12 @@ function PullRequestsBox({
 }
 
 // src/components/github/RemotesBox.tsx
-import { useEffect as useEffect2, useState as useState3 } from "react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
 import { TitledBox as TitledBox3 } from "@mishieck/ink-titled-box";
-import { Box as Box4, Text as Text4, useInput as useInput3 } from "ink";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Box as Box3, Text as Text3, useInput as useInput3 } from "ink";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function RemotesBox({ remotes, selectedRemote, onSelect, loading, error, isFocused }) {
-  const [highlightedIndex, setHighlightedIndex] = useState3(0);
+  const [highlightedIndex, setHighlightedIndex] = useState2(0);
   useEffect2(() => {
     const idx = remotes.findIndex((r) => r.name === selectedRemote);
     if (idx >= 0) setHighlightedIndex(idx);
@@ -559,17 +483,17 @@ function RemotesBox({ remotes, selectedRemote, onSelect, loading, error, isFocus
     },
     { isActive: isFocused }
   );
-  const title = "1 Remotes";
-  const borderColor = isFocused ? "cyan" : void 0;
-  return /* @__PURE__ */ jsx4(TitledBox3, { borderStyle: "round", titles: [title], borderColor, children: /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", paddingX: 1, 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" }),
+  const title = "[1] Remotes";
+  const borderColor = isFocused ? "yellow" : void 0;
+  return /* @__PURE__ */ jsx3(TitledBox3, { borderStyle: "round", titles: [title], borderColor, flexShrink: 0, children: /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", paddingX: 1, overflow: "hidden", children: [
+    loading && /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "Loading..." }),
+    error && /* @__PURE__ */ jsx3(Text3, { color: "red", children: error }),
+    !loading && !error && remotes.length === 0 && /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "No remotes configured" }),
     !loading && !error && remotes.map((remote, idx) => {
       const isHighlighted = isFocused && idx === highlightedIndex;
       const isSelected = remote.name === selectedRemote;
       const prefix = isHighlighted ? "> " : isSelected ? "\u25CF " : "  ";
-      return /* @__PURE__ */ jsxs4(Text4, { color: isSelected ? "green" : void 0, children: [
+      return /* @__PURE__ */ jsxs3(Text3, { color: isSelected ? "green" : void 0, children: [
         prefix,
         remote.name,
         " (",
@@ -581,27 +505,43 @@ 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() {
-  const [isRepo, setIsRepo] = useState4(null);
-  const [repoPath, setRepoPath] = useState4(null);
-  const [remotes, setRemotes] = useState4([]);
-  const [currentBranch, setCurrentBranch] = useState4(null);
-  const [currentRepoSlug, setCurrentRepoSlug] = useState4(null);
-  const [selectedRemote, setSelectedRemote] = useState4(null);
-  const [selectedPR, setSelectedPR] = useState4(null);
-  const [prs, setPrs] = useState4([]);
-  const [prDetails, setPrDetails] = useState4(null);
-  const [loading, setLoading] = useState4({
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function GitHubView({ isFocused, onKeybindingsChange }) {
+  const [isRepo, setIsRepo] = useState3(null);
+  const [repoPath, setRepoPath] = useState3(null);
+  const [remotes, setRemotes] = useState3([]);
+  const [currentBranch, setCurrentBranch] = useState3(null);
+  const [currentRepoSlug, setCurrentRepoSlug] = useState3(null);
+  const [selectedRemote, setSelectedRemote] = useState3(null);
+  const [selectedPR, setSelectedPR] = useState3(null);
+  const [prs, setPrs] = useState3([]);
+  const [prDetails, setPrDetails] = useState3(null);
+  const [loading, setLoading] = useState3({
     remotes: true,
     prs: false,
-    details: false,
-    createPR: false
+    details: false
   });
-  const [errors, setErrors] = useState4({});
-  const [showCreatePR, setShowCreatePR] = useState4(false);
-  const [prTemplate, setPrTemplate] = useState4(null);
-  const [focusedBox, setFocusedBox] = useState4("remotes");
+  const [errors, setErrors] = useState3({});
+  const [focusedBox, setFocusedBox] = useState3("remotes");
+  useEffect3(() => {
+    if (!isFocused) {
+      onKeybindingsChange == null ? void 0 : onKeybindingsChange([]);
+      return;
+    }
+    const bindings = [];
+    if (focusedBox === "remotes") {
+      bindings.push({ key: "Enter", label: "Select Remote" });
+    } else if (focusedBox === "prs") {
+      bindings.push({ key: "n", label: "New PR", color: "green" });
+      bindings.push({ key: "r", label: "Refresh" });
+      bindings.push({ key: "o", label: "Open", color: "green" });
+      bindings.push({ key: "y", label: "Copy Link" });
+    } else if (focusedBox === "details") {
+      bindings.push({ key: "r", label: "Refresh" });
+      bindings.push({ key: "o", label: "Open", color: "green" });
+    }
+    onKeybindingsChange == null ? void 0 : onKeybindingsChange(bindings);
+  }, [isFocused, focusedBox, onKeybindingsChange]);
   useEffect3(() => {
     const gitRepoCheck = isGitRepo();
     setIsRepo(gitRepoCheck);
@@ -613,8 +553,6 @@ function GitHubView() {
     const rootResult = getRepoRoot();
     if (rootResult.success) {
       setRepoPath(rootResult.data);
-      const template = getPRTemplate(rootResult.data);
-      setPrTemplate(template);
     }
     const branchResult = getCurrentBranch();
     if (branchResult.success) {
@@ -631,6 +569,43 @@ function GitHubView() {
     }
     setLoading((prev) => ({ ...prev, remotes: false }));
   }, []);
+  const refreshPRs = useCallback(async () => {
+    if (!currentBranch || !currentRepoSlug) return;
+    setLoading((prev) => ({ ...prev, prs: true }));
+    try {
+      const result = await listPRsForBranch(currentBranch, currentRepoSlug);
+      if (result.success) {
+        setPrs(result.data);
+        if (result.data.length > 0) {
+          setSelectedPR((prev) => prev ?? result.data[0]);
+        }
+        setErrors((prev) => ({ ...prev, prs: void 0 }));
+      } else {
+        setErrors((prev) => ({ ...prev, prs: result.error }));
+      }
+    } catch (err) {
+      setErrors((prev) => ({ ...prev, prs: String(err) }));
+    } finally {
+      setLoading((prev) => ({ ...prev, prs: false }));
+    }
+  }, [currentBranch, currentRepoSlug]);
+  const refreshDetails = useCallback(async () => {
+    if (!selectedPR || !currentRepoSlug) return;
+    setLoading((prev) => ({ ...prev, details: true }));
+    try {
+      const result = await getPRDetails(selectedPR.number, currentRepoSlug);
+      if (result.success) {
+        setPrDetails(result.data);
+        setErrors((prev) => ({ ...prev, details: void 0 }));
+      } else {
+        setErrors((prev) => ({ ...prev, details: result.error }));
+      }
+    } catch (err) {
+      setErrors((prev) => ({ ...prev, details: String(err) }));
+    } finally {
+      setLoading((prev) => ({ ...prev, details: false }));
+    }
+  }, [selectedPR, currentRepoSlug]);
   useEffect3(() => {
     if (!selectedRemote || !currentBranch) return;
     const remote = remotes.find((r) => r.name === selectedRemote);
@@ -638,52 +613,21 @@ function GitHubView() {
     const repo = getRepoFromRemote(remote.url);
     if (!repo) return;
     setCurrentRepoSlug(repo);
-    setLoading((prev) => ({ ...prev, prs: true }));
     setPrs([]);
     setSelectedPR(null);
-    const fetchPRs = async () => {
-      try {
-        const result = await listPRsForBranch(currentBranch, repo);
-        if (result.success) {
-          setPrs(result.data);
-          if (result.data.length > 0) {
-            setSelectedPR(result.data[0]);
-          }
-          setErrors((prev) => ({ ...prev, prs: void 0 }));
-        } else {
-          setErrors((prev) => ({ ...prev, prs: result.error }));
-        }
-      } catch (err) {
-        setErrors((prev) => ({ ...prev, prs: String(err) }));
-      } finally {
-        setLoading((prev) => ({ ...prev, prs: false }));
-      }
-    };
-    fetchPRs();
   }, [selectedRemote, currentBranch, remotes]);
+  useEffect3(() => {
+    if (currentRepoSlug && currentBranch) {
+      refreshPRs();
+    }
+  }, [currentRepoSlug, currentBranch, refreshPRs]);
   useEffect3(() => {
     if (!selectedPR || !currentRepoSlug) {
       setPrDetails(null);
       return;
     }
-    setLoading((prev) => ({ ...prev, details: true }));
-    const fetchDetails = async () => {
-      try {
-        const result = await getPRDetails(selectedPR.number, currentRepoSlug);
-        if (result.success) {
-          setPrDetails(result.data);
-          setErrors((prev) => ({ ...prev, details: void 0 }));
-        } else {
-          setErrors((prev) => ({ ...prev, details: result.error }));
-        }
-      } catch (err) {
-        setErrors((prev) => ({ ...prev, details: String(err) }));
-      } finally {
-        setLoading((prev) => ({ ...prev, details: false }));
-      }
-    };
-    fetchDetails();
-  }, [selectedPR, currentRepoSlug]);
+    refreshDetails();
+  }, [selectedPR, currentRepoSlug, refreshDetails]);
   const handleRemoteSelect = useCallback(
     (remoteName) => {
       setSelectedRemote(remoteName);
@@ -697,69 +641,27 @@ function GitHubView() {
     setSelectedPR(pr);
   }, []);
   const handleCreatePR = useCallback(() => {
-    setShowCreatePR(true);
-    setErrors((prev) => ({ ...prev, createPR: void 0 }));
-  }, []);
-  const handleCreatePRSubmit = useCallback(
-    async (title, body) => {
-      if (!currentRepoSlug) return;
-      setLoading((prev) => ({ ...prev, createPR: true }));
-      setErrors((prev) => ({ ...prev, createPR: void 0 }));
-      try {
-        const result = await createPR(currentRepoSlug, title, body);
-        if (result.success) {
-          setShowCreatePR(false);
-          if (currentBranch) {
-            const prsResult = await listPRsForBranch(currentBranch, currentRepoSlug);
-            if (prsResult.success) {
-              setPrs(prsResult.data);
-              const newPR = prsResult.data.find((p) => p.number === result.data.number);
-              if (newPR) {
-                setSelectedPR(newPR);
-              }
-            }
-          }
-        } else {
-          setErrors((prev) => ({ ...prev, createPR: result.error }));
-        }
-      } catch (err) {
-        setErrors((prev) => ({ ...prev, createPR: String(err) }));
-      } finally {
-        setLoading((prev) => ({ ...prev, createPR: false }));
-      }
-    },
-    [currentRepoSlug, currentBranch]
-  );
-  const handleCreatePRCancel = useCallback(() => {
-    setShowCreatePR(false);
-    setErrors((prev) => ({ ...prev, createPR: void 0 }));
+    exec3("gh pr create --web", () => {
+      process.stdout.emit("resize");
+    });
   }, []);
   useInput4(
     (input) => {
-      if (showCreatePR) return;
       if (input === "1") setFocusedBox("remotes");
       if (input === "2") setFocusedBox("prs");
       if (input === "3") setFocusedBox("details");
+      if (input === "r") {
+        if (focusedBox === "prs") refreshPRs();
+        if (focusedBox === "details") refreshDetails();
+      }
     },
-    { isActive: !showCreatePR }
+    { isActive: isFocused }
   );
   if (isRepo === false) {
-    return /* @__PURE__ */ jsx5(TitledBox4, { borderStyle: "round", titles: ["Error"], flexGrow: 1, children: /* @__PURE__ */ jsx5(Text5, { color: "red", children: "Current directory is not a git repository" }) });
-  }
-  if (showCreatePR) {
-    return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", flexGrow: 1, children: /* @__PURE__ */ jsx5(
-      CreatePRModal,
-      {
-        template: prTemplate,
-        onSubmit: handleCreatePRSubmit,
-        onCancel: handleCreatePRCancel,
-        loading: loading.createPR,
-        error: errors.createPR
-      }
-    ) });
+    return /* @__PURE__ */ jsx4(TitledBox4, { borderStyle: "round", titles: ["Error"], flexGrow: 1, children: /* @__PURE__ */ jsx4(Text4, { color: "red", children: "Current directory is not a git repository" }) });
   }
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx4(
       RemotesBox,
       {
         remotes,
@@ -767,10 +669,10 @@ function GitHubView() {
         onSelect: handleRemoteSelect,
         loading: loading.remotes,
         error: errors.remotes,
-        isFocused: focusedBox === "remotes"
+        isFocused: isFocused && focusedBox === "remotes"
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(
       PullRequestsBox,
       {
         prs,
@@ -780,83 +682,923 @@ function GitHubView() {
         loading: loading.prs,
         error: errors.prs,
         branch: currentBranch,
-        isFocused: focusedBox === "prs"
+        repoSlug: currentRepoSlug,
+        isFocused: isFocused && focusedBox === "prs"
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(
       PRDetailsBox,
       {
         pr: prDetails,
         loading: loading.details,
         error: errors.details,
-        isFocused: focusedBox === "details"
+        isFocused: isFocused && focusedBox === "details"
       }
     )
   ] });
 }
 
-// src/components/ui/Tabs.tsx
-import React, { useState as useState5 } from "react";
-import { Box as Box6, Text as Text6, useInput as useInput5 } from "ink";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function TabItem({ children }) {
-  return /* @__PURE__ */ jsx6(Box6, { flexGrow: 1, children });
-}
-function Tabs({ children, defaultTab }) {
-  const childArray = React.Children.toArray(children);
-  const tabNames = childArray.map((child) => child.props.name);
-  const [activeTab, setActiveTab] = useState5(defaultTab ?? tabNames[0]);
-  useInput5((_input, key) => {
-    if (key.tab && activeTab) {
-      const currentIndex = tabNames.indexOf(activeTab);
-      const newIndex = key.shift ? currentIndex === 0 ? tabNames.length - 1 : currentIndex - 1 : (currentIndex + 1) % tabNames.length;
-      setActiveTab(tabNames[newIndex]);
+// src/components/jira/JiraView.tsx
+import { useCallback as useCallback2, useEffect as useEffect5, useState as useState7 } from "react";
+import open2 from "open";
+import { TitledBox as TitledBox5 } from "@mishieck/ink-titled-box";
+import { Box as Box10, Text as Text10, useInput as useInput9 } from "ink";
+
+// src/lib/jira/parser.ts
+var TICKET_KEY_PATTERN = /^[A-Z][A-Z0-9]+-\d+$/;
+function isValidTicketKeyFormat(key) {
+  return TICKET_KEY_PATTERN.test(key.toUpperCase());
+}
+function parseTicketKey(input) {
+  const trimmed = input.trim();
+  const urlMatch = trimmed.match(/\/browse\/([A-Za-z][A-Za-z0-9]+-\d+)/i);
+  if (urlMatch) {
+    return urlMatch[1].toUpperCase();
+  }
+  const upperInput = trimmed.toUpperCase();
+  if (isValidTicketKeyFormat(upperInput)) {
+    return upperInput;
+  }
+  return null;
+}
+function extractTicketKeyFromBranch(branchName) {
+  const match = branchName.match(/([A-Za-z][A-Za-z0-9]+-\d+)/);
+  if (match) {
+    const candidate = match[1].toUpperCase();
+    if (isValidTicketKeyFormat(candidate)) {
+      return candidate;
+    }
+  }
+  return null;
+}
+
+// src/lib/jira/config.ts
+function isJiraConfigured(repoPath) {
+  const config = getRepoConfig(repoPath);
+  return !!(config.jiraSiteUrl && config.jiraEmail && config.jiraApiToken);
+}
+function getJiraSiteUrl(repoPath) {
+  const config = getRepoConfig(repoPath);
+  return config.jiraSiteUrl ?? null;
+}
+function setJiraSiteUrl(repoPath, siteUrl) {
+  updateRepoConfig(repoPath, { jiraSiteUrl: siteUrl });
+}
+function getJiraCredentials(repoPath) {
+  const config = getRepoConfig(repoPath);
+  return {
+    email: config.jiraEmail ?? null,
+    apiToken: config.jiraApiToken ?? null
+  };
+}
+function setJiraCredentials(repoPath, email, apiToken) {
+  updateRepoConfig(repoPath, { jiraEmail: email, jiraApiToken: apiToken });
+}
+function getLinkedTickets(repoPath, branch) {
+  var _a;
+  const config = getRepoConfig(repoPath);
+  return ((_a = config.branchTickets) == null ? void 0 : _a[branch]) ?? [];
+}
+function addLinkedTicket(repoPath, branch, ticket) {
+  const config = getRepoConfig(repoPath);
+  const branchTickets = config.branchTickets ?? {};
+  const tickets = branchTickets[branch] ?? [];
+  if (tickets.some((t) => t.key === ticket.key)) {
+    return;
+  }
+  updateRepoConfig(repoPath, {
+    branchTickets: {
+      ...branchTickets,
+      [branch]: [...tickets, ticket]
+    }
+  });
+}
+function removeLinkedTicket(repoPath, branch, ticketKey) {
+  const config = getRepoConfig(repoPath);
+  const branchTickets = config.branchTickets ?? {};
+  const tickets = branchTickets[branch] ?? [];
+  updateRepoConfig(repoPath, {
+    branchTickets: {
+      ...branchTickets,
+      [branch]: tickets.filter((t) => t.key !== ticketKey)
+    }
+  });
+}
+function updateTicketStatus(repoPath, branch, ticketKey, newStatus) {
+  const config = getRepoConfig(repoPath);
+  const branchTickets = config.branchTickets ?? {};
+  const tickets = branchTickets[branch] ?? [];
+  updateRepoConfig(repoPath, {
+    branchTickets: {
+      ...branchTickets,
+      [branch]: tickets.map((t) => t.key === ticketKey ? { ...t, status: newStatus } : t)
     }
   });
-  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", flexGrow: 1, minHeight: 0, children: [
-    /* @__PURE__ */ jsx6(Box6, { paddingX: 1, gap: 1, flexShrink: 0, children: tabNames.map((name) => /* @__PURE__ */ jsx6(Text6, { inverse: activeTab === name, bold: activeTab === name, children: `${name} ` }, name)) }),
-    /* @__PURE__ */ jsx6(Box6, { flexGrow: 1, marginTop: 1, overflow: "hidden", children: childArray.map((child) => /* @__PURE__ */ jsx6(Box6, { display: child.props.name === activeTab ? "flex" : "none", flexGrow: 1, children: child }, child.props.name)) })
+}
+
+// src/lib/jira/api.ts
+function createAuthHeader(email, apiToken) {
+  const credentials = Buffer.from(`${email}:${apiToken}`).toString("base64");
+  return `Basic ${credentials}`;
+}
+async function jiraFetch(auth, endpoint, options) {
+  const url = `${auth.siteUrl}/rest/api/3${endpoint}`;
+  const method = (options == null ? void 0 : options.method) ?? "GET";
+  try {
+    const headers = {
+      Authorization: createAuthHeader(auth.email, auth.apiToken),
+      Accept: "application/json"
+    };
+    const fetchOptions = { method, headers };
+    if (options == null ? void 0 : options.body) {
+      headers["Content-Type"] = "application/json";
+      fetchOptions.body = JSON.stringify(options.body);
+    }
+    const response = await fetch(url, fetchOptions);
+    if (!response.ok) {
+      const text = await response.text();
+      return { ok: false, status: response.status, error: text };
+    }
+    if (response.status === 204) {
+      return { ok: true, status: response.status, data: null };
+    }
+    const data = await response.json();
+    return { ok: true, status: response.status, data };
+  } catch (err) {
+    const message = err instanceof Error ? err.message : "Network error";
+    return { ok: false, status: 0, error: message };
+  }
+}
+async function validateCredentials(auth) {
+  const result = await jiraFetch(auth, "/myself");
+  if (!result.ok) {
+    if (result.status === 401 || result.status === 403) {
+      return {
+        success: false,
+        error: "Invalid credentials. Check your email and API token.",
+        errorType: "auth_error"
+      };
+    }
+    return {
+      success: false,
+      error: result.error ?? "Failed to connect to Jira",
+      errorType: "api_error"
+    };
+  }
+  return { success: true, data: result.data };
+}
+async function getIssue(auth, ticketKey) {
+  const result = await jiraFetch(auth, `/issue/${ticketKey}?fields=summary,status`);
+  if (!result.ok) {
+    if (result.status === 401 || result.status === 403) {
+      return {
+        success: false,
+        error: "Authentication failed",
+        errorType: "auth_error"
+      };
+    }
+    if (result.status === 404) {
+      return {
+        success: false,
+        error: `Ticket ${ticketKey} not found`,
+        errorType: "invalid_ticket"
+      };
+    }
+    return {
+      success: false,
+      error: result.error ?? "Failed to fetch issue",
+      errorType: "api_error"
+    };
+  }
+  return { success: true, data: result.data };
+}
+async function getTransitions(auth, ticketKey) {
+  const result = await jiraFetch(auth, `/issue/${ticketKey}/transitions`);
+  if (!result.ok) {
+    if (result.status === 401 || result.status === 403) {
+      return {
+        success: false,
+        error: "Authentication failed",
+        errorType: "auth_error"
+      };
+    }
+    if (result.status === 404) {
+      return {
+        success: false,
+        error: `Ticket ${ticketKey} not found`,
+        errorType: "invalid_ticket"
+      };
+    }
+    return {
+      success: false,
+      error: result.error ?? "Failed to fetch transitions",
+      errorType: "api_error"
+    };
+  }
+  const data = result.data;
+  return { success: true, data: data.transitions };
+}
+async function applyTransition(auth, ticketKey, transitionId) {
+  const result = await jiraFetch(auth, `/issue/${ticketKey}/transitions`, {
+    method: "POST",
+    body: { transition: { id: transitionId } }
+  });
+  if (!result.ok) {
+    if (result.status === 401 || result.status === 403) {
+      return {
+        success: false,
+        error: "Authentication failed",
+        errorType: "auth_error"
+      };
+    }
+    if (result.status === 404) {
+      return {
+        success: false,
+        error: `Ticket ${ticketKey} not found`,
+        errorType: "invalid_ticket"
+      };
+    }
+    return {
+      success: false,
+      error: result.error ?? "Failed to apply transition",
+      errorType: "api_error"
+    };
+  }
+  return { success: true, data: null };
+}
+
+// src/components/jira/ChangeStatusModal.tsx
+import { useEffect as useEffect4, useState as useState4 } from "react";
+import { Box as Box5, Text as Text5, useInput as useInput5 } from "ink";
+import SelectInput from "ink-select-input";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function ChangeStatusModal({ repoPath, ticketKey, currentStatus, onComplete, onCancel }) {
+  const [transitions, setTransitions] = useState4([]);
+  const [loading, setLoading] = useState4(true);
+  const [applying, setApplying] = useState4(false);
+  const [error, setError] = useState4(null);
+  useEffect4(() => {
+    const fetchTransitions = async () => {
+      const siteUrl = getJiraSiteUrl(repoPath);
+      const creds = getJiraCredentials(repoPath);
+      if (!siteUrl || !creds.email || !creds.apiToken) {
+        setError("Jira not configured");
+        setLoading(false);
+        return;
+      }
+      const auth = { siteUrl, email: creds.email, apiToken: creds.apiToken };
+      const result = await getTransitions(auth, ticketKey);
+      if (result.success) {
+        setTransitions(result.data);
+      } else {
+        setError(result.error);
+      }
+      setLoading(false);
+    };
+    fetchTransitions();
+  }, [repoPath, ticketKey]);
+  const handleSelect = async (item) => {
+    setApplying(true);
+    setError(null);
+    const siteUrl = getJiraSiteUrl(repoPath);
+    const creds = getJiraCredentials(repoPath);
+    if (!siteUrl || !creds.email || !creds.apiToken) {
+      setError("Jira not configured");
+      setApplying(false);
+      return;
+    }
+    const auth = { siteUrl, email: creds.email, apiToken: creds.apiToken };
+    const result = await applyTransition(auth, ticketKey, item.value);
+    if (result.success) {
+      const transition = transitions.find((t) => t.id === item.value);
+      const newStatus = (transition == null ? void 0 : transition.to.name) ?? item.label;
+      onComplete(newStatus);
+    } else {
+      setError(result.error);
+      setApplying(false);
+    }
+  };
+  useInput5(
+    (_input, key) => {
+      if (key.escape && !applying) {
+        onCancel();
+      }
+    },
+    { isActive: !applying }
+  );
+  const items = transitions.map((t) => ({
+    label: t.name,
+    value: t.id
+  }));
+  const initialIndex = Math.max(0, transitions.findIndex((t) => t.to.name === currentStatus));
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, paddingY: 1, children: [
+    /* @__PURE__ */ jsxs5(Text5, { bold: true, color: "yellow", children: [
+      "Change Status: ",
+      ticketKey
+    ] }),
+    loading && /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Loading transitions..." }),
+    error && /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { color: "red", children: error }) }),
+    !loading && !error && transitions.length === 0 && /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "No available transitions" }),
+    !loading && !error && transitions.length > 0 && !applying && /* @__PURE__ */ jsx5(Box5, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx5(SelectInput, { items, initialIndex, onSelect: handleSelect }) }),
+    applying && /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: "Updating status..." }) }),
+    /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Esc to cancel" }) })
+  ] });
+}
+
+// src/components/jira/ConfigureJiraSiteModal.tsx
+import { useState as useState5 } from "react";
+import { Box as Box6, Text as Text6, useInput as useInput6 } from "ink";
+
+// src/lib/editor.ts
+import { spawnSync } from "child_process";
+import { mkdtempSync, readFileSync as readFileSync2, rmSync, writeFileSync as writeFileSync2 } from "fs";
+import { tmpdir } from "os";
+import { join as join2 } from "path";
+function openInEditor(content, filename) {
+  const editor = process.env.VISUAL || process.env.EDITOR || "vi";
+  const tempDir = mkdtempSync(join2(tmpdir(), "clairo-"));
+  const tempFile = join2(tempDir, filename);
+  try {
+    writeFileSync2(tempFile, content);
+    const result = spawnSync(editor, [tempFile], {
+      stdio: "inherit"
+    });
+    process.stdout.write("\x1B[2J\x1B[H");
+    process.stdout.emit("resize");
+    if (result.status !== 0) {
+      return null;
+    }
+    return readFileSync2(tempFile, "utf-8");
+  } finally {
+    try {
+      rmSync(tempDir, { recursive: true });
+    } catch {
+    }
+  }
+}
+
+// src/components/jira/ConfigureJiraSiteModal.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function ConfigureJiraSiteModal({
+  initialSiteUrl,
+  initialEmail,
+  onSubmit,
+  onCancel,
+  loading,
+  error
+}) {
+  const [siteUrl, setSiteUrl] = useState5(initialSiteUrl ?? "");
+  const [email, setEmail] = useState5(initialEmail ?? "");
+  const [apiToken, setApiToken] = useState5("");
+  const [selectedItem, setSelectedItem] = useState5("siteUrl");
+  const items = ["siteUrl", "email", "apiToken", "submit"];
+  const canSubmit = siteUrl.trim() && email.trim() && apiToken.trim();
+  useInput6(
+    (input, key) => {
+      if (loading) return;
+      if (key.escape) {
+        onCancel();
+        return;
+      }
+      if (key.upArrow || input === "k") {
+        setSelectedItem((prev) => {
+          const idx = items.indexOf(prev);
+          return items[Math.max(0, idx - 1)];
+        });
+        return;
+      }
+      if (key.downArrow || input === "j") {
+        setSelectedItem((prev) => {
+          const idx = items.indexOf(prev);
+          return items[Math.min(items.length - 1, idx + 1)];
+        });
+        return;
+      }
+      if (key.return) {
+        if (selectedItem === "siteUrl") {
+          const newValue = openInEditor(siteUrl, "JIRA_SITE_URL.txt");
+          if (newValue !== null) {
+            setSiteUrl(newValue.split("\n")[0].trim());
+          }
+        } else if (selectedItem === "email") {
+          const newValue = openInEditor(email, "JIRA_EMAIL.txt");
+          if (newValue !== null) {
+            setEmail(newValue.split("\n")[0].trim());
+          }
+        } else if (selectedItem === "apiToken") {
+          const newValue = openInEditor(apiToken, "JIRA_API_TOKEN.txt");
+          if (newValue !== null) {
+            setApiToken(newValue.split("\n")[0].trim());
+          }
+        } else if (selectedItem === "submit" && canSubmit) {
+          onSubmit(siteUrl.trim(), email.trim(), apiToken.trim());
+        }
+      }
+    },
+    { isActive: !loading }
+  );
+  const renderItem = (item, label, value, isSensitive) => {
+    const isSelected = selectedItem === item;
+    const prefix = isSelected ? "> " : "  ";
+    const color = isSelected ? "yellow" : void 0;
+    const displayValue = isSensitive && value ? "*".repeat(Math.min(value.length, 20)) : value;
+    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs6(Text6, { color, bold: isSelected, children: [
+        prefix,
+        label
+      ] }),
+      value !== void 0 && /* @__PURE__ */ jsx6(Box6, { marginLeft: 4, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: displayValue || "(empty - press Enter to edit)" }) })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, paddingY: 1, children: [
+    /* @__PURE__ */ jsx6(Text6, { bold: true, color: "cyan", children: "Configure Jira Site" }),
+    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Up/Down to select, Enter to edit, Esc to cancel" }),
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1 }),
+    error && /* @__PURE__ */ jsx6(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "red", children: error }) }),
+    renderItem("siteUrl", "Site URL (e.g., https://company.atlassian.net)", siteUrl),
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1 }),
+    renderItem("email", "Email", email),
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1 }),
+    renderItem("apiToken", "API Token", apiToken, true),
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1 }),
+    /* @__PURE__ */ jsx6(Box6, { children: /* @__PURE__ */ jsxs6(Text6, { color: selectedItem === "submit" ? "green" : void 0, bold: selectedItem === "submit", children: [
+      selectedItem === "submit" ? "> " : "  ",
+      canSubmit ? "[Save Configuration]" : "[Fill all fields first]"
+    ] }) }),
+    loading && /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "yellow", children: "Validating credentials..." }) }),
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Get your API token from: https://id.atlassian.com/manage-profile/security/api-tokens" }) })
+  ] });
+}
+
+// src/components/jira/LinkTicketModal.tsx
+import { useState as useState6 } from "react";
+import { Box as Box8, Text as Text8, useInput as useInput8 } from "ink";
+
+// src/components/ui/TextInput.tsx
+import { Box as Box7, Text as Text7, useInput as useInput7 } from "ink";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function TextInput({ value, onChange, placeholder, isActive, mask }) {
+  useInput7(
+    (input, key) => {
+      if (key.backspace || key.delete) {
+        if (value.length > 0) {
+          onChange(value.slice(0, -1));
+        }
+        return;
+      }
+      if (key.return || key.escape || key.upArrow || key.downArrow || key.tab) {
+        return;
+      }
+      if (input && input.length === 1 && input.charCodeAt(0) >= 32) {
+        onChange(value + input);
+      }
+    },
+    { isActive }
+  );
+  const displayValue = mask ? "*".repeat(value.length) : value;
+  const showPlaceholder = value.length === 0 && placeholder;
+  return /* @__PURE__ */ jsx7(Box7, { children: /* @__PURE__ */ jsxs7(Text7, { children: [
+    showPlaceholder ? /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: placeholder }) : /* @__PURE__ */ jsx7(Text7, { children: displayValue }),
+    isActive && /* @__PURE__ */ jsx7(Text7, { backgroundColor: "yellow", children: " " })
+  ] }) });
+}
+
+// src/components/jira/LinkTicketModal.tsx
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function LinkTicketModal({ onSubmit, onCancel, loading, error }) {
+  const [ticketInput, setTicketInput] = useState6("");
+  const canSubmit = ticketInput.trim().length > 0;
+  useInput8(
+    (_input, key) => {
+      if (loading) return;
+      if (key.escape) {
+        onCancel();
+        return;
+      }
+      if (key.return && canSubmit) {
+        onSubmit(ticketInput.trim());
+      }
+    },
+    { isActive: !loading }
+  );
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, paddingY: 1, children: [
+    /* @__PURE__ */ jsx8(Text8, { bold: true, color: "yellow", children: "Link Jira Ticket" }),
+    /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Type ticket ID, Enter to submit, Esc to cancel" }),
+    /* @__PURE__ */ jsx8(Box8, { marginTop: 1 }),
+    error && /* @__PURE__ */ jsx8(Box8, { marginBottom: 1, children: /* @__PURE__ */ jsx8(Text8, { color: "red", children: error }) }),
+    /* @__PURE__ */ jsxs8(Box8, { children: [
+      /* @__PURE__ */ jsx8(Text8, { color: "blue", children: "Ticket: " }),
+      /* @__PURE__ */ jsx8(
+        TextInput,
+        {
+          value: ticketInput,
+          onChange: setTicketInput,
+          placeholder: "PROJ-123",
+          isActive: !loading
+        }
+      )
+    ] }),
+    loading && /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "Fetching ticket..." }) }),
+    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "Examples: PROJ-123 or https://company.atlassian.net/browse/PROJ-123" }) })
   ] });
 }
 
+// src/components/jira/TicketItem.tsx
+import { Box as Box9, Text as Text9 } from "ink";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function TicketItem({ ticketKey, summary, status, isHighlighted, isSelected }) {
+  const prefix = isHighlighted ? "> " : isSelected ? "\u25CF " : "  ";
+  const textColor = isSelected ? "green" : void 0;
+  return /* @__PURE__ */ jsx9(Box9, { children: /* @__PURE__ */ jsxs9(Text9, { color: textColor, children: [
+    prefix,
+    /* @__PURE__ */ jsx9(Text9, { bold: true, color: "blue", children: ticketKey }),
+    " ",
+    summary,
+    status && /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
+      " [",
+      status,
+      "]"
+    ] })
+  ] }) });
+}
+
+// src/components/jira/JiraView.tsx
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+function JiraView({ isFocused, onModalChange, onKeybindingsChange }) {
+  const [repoPath, setRepoPath] = useState7(null);
+  const [currentBranch, setCurrentBranch] = useState7(null);
+  const [isRepo, setIsRepo] = useState7(null);
+  const [jiraState, setJiraState] = useState7("not_configured");
+  const [tickets, setTickets] = useState7([]);
+  const [highlightedIndex, setHighlightedIndex] = useState7(0);
+  const [showConfigureModal, setShowConfigureModal] = useState7(false);
+  const [showLinkModal, setShowLinkModal] = useState7(false);
+  const [showStatusModal, setShowStatusModal] = useState7(false);
+  const [loading, setLoading] = useState7({ configure: false, link: false });
+  const [errors, setErrors] = useState7({});
+  useEffect5(() => {
+    if (!isFocused) {
+      setShowConfigureModal(false);
+      setShowLinkModal(false);
+      setShowStatusModal(false);
+      setErrors({});
+    }
+  }, [isFocused]);
+  useEffect5(() => {
+    onModalChange == null ? void 0 : onModalChange(showConfigureModal || showLinkModal || showStatusModal);
+  }, [showConfigureModal, showLinkModal, showStatusModal, onModalChange]);
+  useEffect5(() => {
+    if (!isFocused || showConfigureModal || showLinkModal || showStatusModal) {
+      onKeybindingsChange == null ? void 0 : onKeybindingsChange([]);
+      return;
+    }
+    const bindings = [];
+    if (jiraState === "not_configured") {
+      bindings.push({ key: "c", label: "Configure Jira" });
+    } else if (jiraState === "no_tickets") {
+      bindings.push({ key: "l", label: "Link Ticket" });
+    } else if (jiraState === "has_tickets") {
+      bindings.push({ key: "l", label: "Link" });
+      bindings.push({ key: "s", label: "Status" });
+      bindings.push({ key: "d", label: "Unlink", color: "red" });
+      bindings.push({ key: "o", label: "Open", color: "green" });
+      bindings.push({ key: "y", label: "Copy Link" });
+    }
+    onKeybindingsChange == null ? void 0 : onKeybindingsChange(bindings);
+  }, [isFocused, jiraState, showConfigureModal, showLinkModal, showStatusModal, onKeybindingsChange]);
+  useEffect5(() => {
+    const gitRepoCheck = isGitRepo();
+    setIsRepo(gitRepoCheck);
+    if (!gitRepoCheck) return;
+    const rootResult = getRepoRoot();
+    if (rootResult.success) {
+      setRepoPath(rootResult.data);
+    }
+    const branchResult = getCurrentBranch();
+    if (branchResult.success) {
+      setCurrentBranch(branchResult.data);
+    }
+  }, []);
+  useEffect5(() => {
+    if (!repoPath || !currentBranch) return;
+    if (!isJiraConfigured(repoPath)) {
+      setJiraState("not_configured");
+      setTickets([]);
+      return;
+    }
+    const linkedTickets = getLinkedTickets(repoPath, currentBranch);
+    setTickets(linkedTickets);
+    setJiraState(linkedTickets.length > 0 ? "has_tickets" : "no_tickets");
+  }, [repoPath, currentBranch]);
+  useEffect5(() => {
+    if (!repoPath || !currentBranch) return;
+    if (jiraState !== "no_tickets") return;
+    const ticketKey = extractTicketKeyFromBranch(currentBranch);
+    if (!ticketKey) return;
+    const existingTickets = getLinkedTickets(repoPath, currentBranch);
+    if (existingTickets.some((t) => t.key === ticketKey)) return;
+    const siteUrl = getJiraSiteUrl(repoPath);
+    const creds = getJiraCredentials(repoPath);
+    if (!siteUrl || !creds.email || !creds.apiToken) return;
+    const auth = { siteUrl, email: creds.email, apiToken: creds.apiToken };
+    getIssue(auth, ticketKey).then((result) => {
+      if (result.success) {
+        const linkedTicket = {
+          key: result.data.key,
+          summary: result.data.fields.summary,
+          status: result.data.fields.status.name,
+          linkedAt: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        addLinkedTicket(repoPath, currentBranch, linkedTicket);
+        setTickets([linkedTicket]);
+        setJiraState("has_tickets");
+      }
+    });
+  }, [repoPath, currentBranch, jiraState]);
+  const refreshTickets = useCallback2(() => {
+    if (!repoPath || !currentBranch) return;
+    const linkedTickets = getLinkedTickets(repoPath, currentBranch);
+    setTickets(linkedTickets);
+    setJiraState(linkedTickets.length > 0 ? "has_tickets" : "no_tickets");
+  }, [repoPath, currentBranch]);
+  const handleConfigureSubmit = useCallback2(
+    async (siteUrl, email, apiToken) => {
+      if (!repoPath) return;
+      setLoading((prev) => ({ ...prev, configure: true }));
+      setErrors((prev) => ({ ...prev, configure: void 0 }));
+      const auth = { siteUrl, email, apiToken };
+      const result = await validateCredentials(auth);
+      if (!result.success) {
+        setErrors((prev) => ({ ...prev, configure: result.error }));
+        setLoading((prev) => ({ ...prev, configure: false }));
+        return;
+      }
+      setJiraSiteUrl(repoPath, siteUrl);
+      setJiraCredentials(repoPath, email, apiToken);
+      setShowConfigureModal(false);
+      setJiraState("no_tickets");
+      setLoading((prev) => ({ ...prev, configure: false }));
+    },
+    [repoPath]
+  );
+  const handleLinkSubmit = useCallback2(
+    async (ticketInput) => {
+      if (!repoPath || !currentBranch) return;
+      setLoading((prev) => ({ ...prev, link: true }));
+      setErrors((prev) => ({ ...prev, link: void 0 }));
+      const ticketKey = parseTicketKey(ticketInput);
+      if (!ticketKey) {
+        setErrors((prev) => ({ ...prev, link: "Invalid ticket format. Use PROJ-123 or a Jira URL." }));
+        setLoading((prev) => ({ ...prev, link: false }));
+        return;
+      }
+      const siteUrl = getJiraSiteUrl(repoPath);
+      const creds = getJiraCredentials(repoPath);
+      if (!siteUrl || !creds.email || !creds.apiToken) {
+        setErrors((prev) => ({ ...prev, link: "Jira not configured" }));
+        setLoading((prev) => ({ ...prev, link: false }));
+        return;
+      }
+      const auth = { siteUrl, email: creds.email, apiToken: creds.apiToken };
+      const result = await getIssue(auth, ticketKey);
+      if (!result.success) {
+        setErrors((prev) => ({ ...prev, link: result.error }));
+        setLoading((prev) => ({ ...prev, link: false }));
+        return;
+      }
+      const linkedTicket = {
+        key: result.data.key,
+        summary: result.data.fields.summary,
+        status: result.data.fields.status.name,
+        linkedAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      addLinkedTicket(repoPath, currentBranch, linkedTicket);
+      refreshTickets();
+      setShowLinkModal(false);
+      setLoading((prev) => ({ ...prev, link: false }));
+    },
+    [repoPath, currentBranch, refreshTickets]
+  );
+  const handleUnlinkTicket = useCallback2(() => {
+    if (!repoPath || !currentBranch || tickets.length === 0) return;
+    const ticket = tickets[highlightedIndex];
+    if (ticket) {
+      removeLinkedTicket(repoPath, currentBranch, ticket.key);
+      refreshTickets();
+      setHighlightedIndex((prev) => Math.max(0, prev - 1));
+    }
+  }, [repoPath, currentBranch, tickets, highlightedIndex, refreshTickets]);
+  const handleOpenInBrowser = useCallback2(() => {
+    if (!repoPath || tickets.length === 0) return;
+    const ticket = tickets[highlightedIndex];
+    const siteUrl = getJiraSiteUrl(repoPath);
+    if (ticket && siteUrl) {
+      const url = `${siteUrl}/browse/${ticket.key}`;
+      open2(url).catch(() => {
+      });
+    }
+  }, [repoPath, tickets, highlightedIndex]);
+  useInput9(
+    (input, key) => {
+      if (showConfigureModal || showLinkModal || showStatusModal) return;
+      if (input === "c" && jiraState === "not_configured") {
+        setShowConfigureModal(true);
+        return;
+      }
+      if (input === "l" && jiraState !== "not_configured") {
+        setShowLinkModal(true);
+        return;
+      }
+      if (jiraState === "has_tickets") {
+        if (key.upArrow || input === "k") {
+          setHighlightedIndex((prev) => Math.max(0, prev - 1));
+        }
+        if (key.downArrow || input === "j") {
+          setHighlightedIndex((prev) => Math.min(tickets.length - 1, prev + 1));
+        }
+        if (input === "s") {
+          setShowStatusModal(true);
+        }
+        if (input === "d") {
+          handleUnlinkTicket();
+        }
+        if (input === "o") {
+          handleOpenInBrowser();
+        }
+        if (input === "y" && repoPath) {
+          const ticket = tickets[highlightedIndex];
+          const siteUrl = getJiraSiteUrl(repoPath);
+          if (ticket && siteUrl) {
+            const url = `${siteUrl}/browse/${ticket.key}`;
+            copyToClipboard(url);
+          }
+        }
+      }
+    },
+    { isActive: isFocused && !showConfigureModal && !showLinkModal && !showStatusModal }
+  );
+  if (isRepo === false) {
+    return /* @__PURE__ */ jsx10(TitledBox5, { borderStyle: "round", titles: ["Jira"], flexShrink: 0, children: /* @__PURE__ */ jsx10(Text10, { color: "red", children: "Not a git repository" }) });
+  }
+  if (showConfigureModal) {
+    const siteUrl = repoPath ? getJiraSiteUrl(repoPath) : void 0;
+    const creds = repoPath ? getJiraCredentials(repoPath) : { email: null, apiToken: null };
+    return /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx10(
+      ConfigureJiraSiteModal,
+      {
+        initialSiteUrl: siteUrl ?? void 0,
+        initialEmail: creds.email ?? void 0,
+        onSubmit: handleConfigureSubmit,
+        onCancel: () => {
+          setShowConfigureModal(false);
+          setErrors((prev) => ({ ...prev, configure: void 0 }));
+        },
+        loading: loading.configure,
+        error: errors.configure
+      }
+    ) });
+  }
+  if (showLinkModal) {
+    return /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx10(
+      LinkTicketModal,
+      {
+        onSubmit: handleLinkSubmit,
+        onCancel: () => {
+          setShowLinkModal(false);
+          setErrors((prev) => ({ ...prev, link: void 0 }));
+        },
+        loading: loading.link,
+        error: errors.link
+      }
+    ) });
+  }
+  if (showStatusModal && repoPath && currentBranch && tickets[highlightedIndex]) {
+    const ticket = tickets[highlightedIndex];
+    return /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx10(
+      ChangeStatusModal,
+      {
+        repoPath,
+        ticketKey: ticket.key,
+        currentStatus: ticket.status,
+        onComplete: (newStatus) => {
+          updateTicketStatus(repoPath, currentBranch, ticket.key, newStatus);
+          setShowStatusModal(false);
+          refreshTickets();
+        },
+        onCancel: () => setShowStatusModal(false)
+      }
+    ) });
+  }
+  const title = "[4] Jira";
+  const borderColor = isFocused ? "yellow" : void 0;
+  return /* @__PURE__ */ jsx10(TitledBox5, { borderStyle: "round", titles: [title], borderColor, flexShrink: 0, children: /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", paddingX: 1, children: [
+    jiraState === "not_configured" && /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "No Jira site configured" }),
+    jiraState === "no_tickets" && /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "No tickets linked to this branch" }),
+    jiraState === "has_tickets" && tickets.map((ticket, idx) => /* @__PURE__ */ jsx10(
+      TicketItem,
+      {
+        ticketKey: ticket.key,
+        summary: ticket.summary,
+        status: ticket.status,
+        isHighlighted: idx === highlightedIndex
+      },
+      ticket.key
+    ))
+  ] }) });
+}
+
+// src/components/ui/KeybindingsBar.tsx
+import { Box as Box11, Text as Text11 } from "ink";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var globalBindings = [
+  { key: "1-4", label: "Focus" },
+  { key: "j/k", label: "Navigate" },
+  { key: "Ctrl+C", label: "Quit" }
+];
+var modalBindings = [
+  { key: "Esc", label: "Cancel" }
+];
+function KeybindingsBar({ contextBindings = [], modalOpen = false }) {
+  const allBindings = modalOpen ? [...contextBindings, ...modalBindings] : [...contextBindings, ...globalBindings];
+  return /* @__PURE__ */ jsx11(Box11, { flexShrink: 0, paddingX: 1, gap: 2, children: allBindings.map((binding) => /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
+    /* @__PURE__ */ jsx11(Text11, { bold: true, color: binding.color ?? "yellow", children: binding.key }),
+    /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: binding.label })
+  ] }, binding.key)) });
+}
+
 // src/app.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function App() {
-  return /* @__PURE__ */ jsx7(Box7, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: /* @__PURE__ */ jsx7(Tabs, { children: /* @__PURE__ */ jsx7(TabItem, { name: "GitHub", children: /* @__PURE__ */ jsx7(GitHubView, {}) }) }) });
+  const { exit } = useApp();
+  const [focusedView, setFocusedView] = useState8("github");
+  const [modalOpen, setModalOpen] = useState8(false);
+  const [contextBindings, setContextBindings] = useState8([]);
+  useInput10(
+    (input, key) => {
+      if (key.ctrl && input === "c") {
+        exit();
+      }
+      if (input === "1" || input === "2" || input === "3") {
+        setFocusedView("github");
+      }
+      if (input === "4") {
+        setFocusedView("jira");
+      }
+    },
+    { isActive: !modalOpen }
+  );
+  return /* @__PURE__ */ jsxs12(Box12, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: [
+    /* @__PURE__ */ jsx12(
+      GitHubView,
+      {
+        isFocused: focusedView === "github",
+        onKeybindingsChange: focusedView === "github" ? setContextBindings : void 0
+      }
+    ),
+    /* @__PURE__ */ jsx12(
+      JiraView,
+      {
+        isFocused: focusedView === "jira",
+        onModalChange: setModalOpen,
+        onKeybindingsChange: focusedView === "jira" ? setContextBindings : void 0
+      }
+    ),
+    /* @__PURE__ */ jsx12(KeybindingsBar, { contextBindings, modalOpen })
+  ] });
 }
 
 // src/lib/render.tsx
 import { render as inkRender } from "ink";
 
 // src/lib/Screen.tsx
-import { Box as Box8, useStdout } from "ink";
-import { useCallback as useCallback2, useEffect as useEffect4, useState as useState6 } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { Box as Box13, useStdout } from "ink";
+import { useCallback as useCallback3, useEffect as useEffect6, useState as useState9 } from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function Screen({ children }) {
   const { stdout } = useStdout();
-  const getSize = useCallback2(
+  const getSize = useCallback3(
     () => ({ height: stdout.rows, width: stdout.columns }),
     [stdout]
   );
-  const [size, setSize] = useState6(getSize);
-  useEffect4(() => {
+  const [size, setSize] = useState9(getSize);
+  useEffect6(() => {
     const onResize = () => setSize(getSize());
     stdout.on("resize", onResize);
     return () => {
       stdout.off("resize", onResize);
     };
   }, [stdout, getSize]);
-  return /* @__PURE__ */ jsx8(Box8, { height: size.height, width: size.width, children });
+  return /* @__PURE__ */ jsx13(Box13, { height: size.height, width: size.width, children });
 }
 
 // src/lib/render.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx14 } 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__ */ jsx9(Screen, { children: node });
+  const element = /* @__PURE__ */ jsx14(Screen, { children: node });
   const instance = inkRender(element, options);
   setImmediate(() => instance.rerender(element));
   const cleanup = () => process.stdout.write(EXIT_ALT_BUFFER);
@@ -877,7 +1619,7 @@ function render(node, options) {
 }
 
 // src/cli.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 meow(
   `
 	Usage
@@ -899,4 +1641,4 @@ meow(
     }
   }
 );
-render(/* @__PURE__ */ jsx10(App, {}));
+render(/* @__PURE__ */ jsx15(App, {}));