clairo 0.2.0 → 0.3.0

package/dist/cli.js

@@ -4,13 +4,14 @@
 import meow from "meow";
 
 // src/app.tsx
-import { useState as useState9 } from "react";
-import { Box as Box13, useApp, useInput as useInput11 } 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 useInput5 } 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";
@@ -127,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() {
@@ -241,178 +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 { useState } from "react";
-import { Box, Text, useInput } from "ink";
-
-// src/lib/editor.ts
-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";
-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");
-    process.stdout.emit("resize");
-    if (result.status !== 0) {
-      return null;
-    }
-    return readFileSync3(tempFile, "utf-8");
-  } finally {
-    try {
-      rmSync(tempDir, { recursive: true });
-    } catch {
-    }
-  }
-}
-
-// src/components/github/CreatePRModal.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-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 ? "yellow" : 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, useInput as useInput2 } from "ink";
+import { Box, Text, useInput } from "ink";
 import { ScrollView } from "ink-scroll-view";
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function getCheckColor(check) {
   const conclusion = check.conclusion ?? check.state;
   if (conclusion === "SUCCESS") return "green";
@@ -450,7 +285,7 @@ function PRDetailsBox({ pr, loading, error, isFocused }) {
     return { text: pr.mergeable ?? "UNKNOWN", color: "yellow" };
   };
   const mergeDisplay = getMergeDisplay();
-  useInput2(
+  useInput(
     (input, key) => {
       var _a2, _b2;
       if (key.upArrow || input === "k") {
@@ -466,36 +301,36 @@ function PRDetailsBox({ pr, loading, error, isFocused }) {
     },
     { isActive: isFocused }
   );
-  return /* @__PURE__ */ jsx2(TitledBox, { borderStyle: "round", titles: [displayTitle], borderColor, flexGrow: 2, children: /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, overflow: "hidden", children: /* @__PURE__ */ jsx2(ScrollView, { ref: scrollRef, flexGrow: 1, 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: [
+  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: "Status: " }),
-        /* @__PURE__ */ jsx2(Text2, { color: mergeDisplay.color, children: mergeDisplay.text })
+      /* @__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__ */ jsxs2(Box2, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Assignees: " }),
-        /* @__PURE__ */ jsx2(Text2, { children: pr.assignees.map((a) => a.login).join(", ") })
+      (((_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(", ") })
       ] }),
-      (((_d = pr.reviews) == null ? void 0 : _d.length) ?? 0) > 0 && /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Reviews:" }),
+      (((_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__ */ jsxs2(Text2, { color, children: [
+          return /* @__PURE__ */ jsxs(Text, { color, children: [
             "  ",
             icon,
             " ",
@@ -503,31 +338,31 @@ function PRDetailsBox({ pr, loading, error, isFocused }) {
           ] }, idx);
         })
       ] }),
-      (((_e = pr.reviewRequests) == null ? void 0 : _e.length) ?? 0) > 0 && /* @__PURE__ */ jsxs2(Box2, { children: [
-        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Pending: " }),
-        /* @__PURE__ */ jsx2(Text2, { color: "yellow", 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(", ") })
       ] }),
-      (((_f = pr.statusCheckRollup) == null ? void 0 : _f.length) ?? 0) > 0 && /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
-        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Checks:" }),
-        (_g = pr.statusCheckRollup) == null ? void 0 : _g.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 useInput3 } from "ink";
+import { Box as Box2, Text as Text2, useInput as useInput2 } from "ink";
 
 // src/lib/clipboard.ts
 import { exec as exec2 } from "child_process";
@@ -551,7 +386,7 @@ async function copyToClipboard(text) {
 }
 
 // src/components/github/PullRequestsBox.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function PullRequestsBox({
   prs,
   selectedPR,
@@ -563,13 +398,13 @@ function PullRequestsBox({
   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));
     if (idx >= 0) setHighlightedIndex(idx);
   }, [selectedPR, prs]);
-  useInput3(
+  useInput2(
     (input, key) => {
       if (!isFocused) return;
       if (key.upArrow || input === "k") {
@@ -596,16 +431,16 @@ function PullRequestsBox({
   const title = "[2] Pull Requests";
   const subtitle = branch ? ` (${branch})` : "";
   const borderColor = isFocused ? "yellow" : void 0;
-  return /* @__PURE__ */ jsx3(TitledBox2, { borderStyle: "round", titles: [`${title}${subtitle}`], borderColor, flexShrink: 0, children: /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", paddingX: 1, overflow: "hidden", 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" }),
+  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,
@@ -614,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"
       ] })
@@ -623,17 +458,17 @@ 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 useInput4 } 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);
   }, [selectedRemote, remotes]);
-  useInput4(
+  useInput3(
     (input, key) => {
       if (!isFocused || remotes.length === 0) return;
       if (key.upArrow || input === "k") {
@@ -650,15 +485,15 @@ function RemotesBox({ remotes, selectedRemote, onSelect, loading, error, isFocus
   );
   const title = "[1] Remotes";
   const borderColor = isFocused ? "yellow" : void 0;
-  return /* @__PURE__ */ jsx4(TitledBox3, { borderStyle: "round", titles: [title], borderColor, flexShrink: 0, children: /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", paddingX: 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" }),
+  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,
         " (",
@@ -670,38 +505,26 @@ 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, onModalChange, onKeybindingsChange }) {
-  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) {
-      setShowCreatePR(false);
-      setErrors((prev) => ({ ...prev, createPR: void 0 }));
-    }
-  }, [isFocused]);
-  useEffect3(() => {
-    onModalChange == null ? void 0 : onModalChange(showCreatePR);
-  }, [showCreatePR, onModalChange]);
-  useEffect3(() => {
-    if (!isFocused || showCreatePR) {
       onKeybindingsChange == null ? void 0 : onKeybindingsChange([]);
       return;
     }
@@ -710,13 +533,15 @@ function GitHubView({ isFocused, onModalChange, onKeybindingsChange }) {
       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, showCreatePR, onKeybindingsChange]);
+  }, [isFocused, focusedBox, onKeybindingsChange]);
   useEffect3(() => {
     const gitRepoCheck = isGitRepo();
     setIsRepo(gitRepoCheck);
@@ -728,8 +553,6 @@ function GitHubView({ isFocused, onModalChange, onKeybindingsChange }) {
     const rootResult = getRepoRoot();
     if (rootResult.success) {
       setRepoPath(rootResult.data);
-      const template = getPRTemplate(rootResult.data);
-      setPrTemplate(template);
     }
     const branchResult = getCurrentBranch();
     if (branchResult.success) {
@@ -746,6 +569,43 @@ function GitHubView({ isFocused, onModalChange, onKeybindingsChange }) {
     }
     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);
@@ -753,52 +613,21 @@ function GitHubView({ isFocused, onModalChange, onKeybindingsChange }) {
     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);
@@ -812,57 +641,27 @@ function GitHubView({ isFocused, onModalChange, onKeybindingsChange }) {
     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");
+    });
   }, []);
-  useInput5(
+  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: isFocused && !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" }) });
+    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,
@@ -870,10 +669,10 @@ function GitHubView({ isFocused, onModalChange, onKeybindingsChange }) {
         onSelect: handleRemoteSelect,
         loading: loading.remotes,
         error: errors.remotes,
-        isFocused: isFocused && !showCreatePR && focusedBox === "remotes"
+        isFocused: isFocused && focusedBox === "remotes"
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(
       PullRequestsBox,
       {
         prs,
@@ -884,36 +683,26 @@ function GitHubView({ isFocused, onModalChange, onKeybindingsChange }) {
         error: errors.prs,
         branch: currentBranch,
         repoSlug: currentRepoSlug,
-        isFocused: isFocused && !showCreatePR && focusedBox === "prs"
+        isFocused: isFocused && focusedBox === "prs"
       }
     ),
-    showCreatePR && /* @__PURE__ */ jsx5(
-      CreatePRModal,
-      {
-        template: prTemplate,
-        onSubmit: handleCreatePRSubmit,
-        onCancel: handleCreatePRCancel,
-        loading: loading.createPR,
-        error: errors.createPR
-      }
-    ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(
       PRDetailsBox,
       {
         pr: prDetails,
         loading: loading.details,
         error: errors.details,
-        isFocused: isFocused && !showCreatePR && focusedBox === "details"
+        isFocused: isFocused && focusedBox === "details"
       }
     )
   ] });
 }
 
 // src/components/jira/JiraView.tsx
-import { useCallback as useCallback2, useEffect as useEffect5, useState as useState8 } from "react";
+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 Box11, Text as Text11, useInput as useInput10 } from "ink";
+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+$/;
@@ -1139,15 +928,15 @@ async function applyTransition(auth, ticketKey, transitionId) {
 }
 
 // src/components/jira/ChangeStatusModal.tsx
-import { useEffect as useEffect4, useState as useState5 } from "react";
-import { Box as Box6, Text as Text6, useInput as useInput6 } from "ink";
+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 jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function ChangeStatusModal({ repoPath, ticketKey, currentStatus, onComplete, onCancel }) {
-  const [transitions, setTransitions] = useState5([]);
-  const [loading, setLoading] = useState5(true);
-  const [applying, setApplying] = useState5(false);
-  const [error, setError] = useState5(null);
+  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);
@@ -1189,7 +978,7 @@ function ChangeStatusModal({ repoPath, ticketKey, currentStatus, onComplete, onC
       setApplying(false);
     }
   };
-  useInput6(
+  useInput5(
     (_input, key) => {
       if (key.escape && !applying) {
         onCancel();
@@ -1202,24 +991,54 @@ function ChangeStatusModal({ repoPath, ticketKey, currentStatus, onComplete, onC
     value: t.id
   }));
   const initialIndex = Math.max(0, transitions.findIndex((t) => t.to.name === currentStatus));
-  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, paddingY: 1, children: [
-    /* @__PURE__ */ jsxs6(Text6, { bold: true, color: "yellow", children: [
+  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__ */ jsx6(Text6, { dimColor: true, children: "Loading transitions..." }),
-    error && /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "red", children: error }) }),
-    !loading && !error && transitions.length === 0 && /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "No available transitions" }),
-    !loading && !error && transitions.length > 0 && !applying && /* @__PURE__ */ jsx6(Box6, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx6(SelectInput, { items, initialIndex, onSelect: handleSelect }) }),
-    applying && /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "yellow", children: "Updating status..." }) }),
-    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Esc to cancel" }) })
+    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 useState6 } from "react";
-import { Box as Box7, Text as Text7, useInput as useInput7 } from "ink";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+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,
@@ -1228,13 +1047,13 @@ function ConfigureJiraSiteModal({
   loading,
   error
 }) {
-  const [siteUrl, setSiteUrl] = useState6(initialSiteUrl ?? "");
-  const [email, setEmail] = useState6(initialEmail ?? "");
-  const [apiToken, setApiToken] = useState6("");
-  const [selectedItem, setSelectedItem] = useState6("siteUrl");
+  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();
-  useInput7(
+  useInput6(
     (input, key) => {
       if (loading) return;
       if (key.escape) {
@@ -1283,43 +1102,43 @@ function ConfigureJiraSiteModal({
     const prefix = isSelected ? "> " : "  ";
     const color = isSelected ? "yellow" : void 0;
     const displayValue = isSensitive && value ? "*".repeat(Math.min(value.length, 20)) : value;
-    return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs7(Text7, { color, bold: isSelected, children: [
+    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs6(Text6, { color, bold: isSelected, children: [
         prefix,
         label
       ] }),
-      value !== void 0 && /* @__PURE__ */ jsx7(Box7, { marginLeft: 4, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: displayValue || "(empty - press Enter to edit)" }) })
+      value !== void 0 && /* @__PURE__ */ jsx6(Box6, { marginLeft: 4, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: displayValue || "(empty - press Enter to edit)" }) })
     ] });
   };
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, paddingY: 1, children: [
-    /* @__PURE__ */ jsx7(Text7, { bold: true, color: "cyan", children: "Configure Jira Site" }),
-    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Up/Down to select, Enter to edit, Esc to cancel" }),
-    /* @__PURE__ */ jsx7(Box7, { marginTop: 1 }),
-    error && /* @__PURE__ */ jsx7(Box7, { marginBottom: 1, children: /* @__PURE__ */ jsx7(Text7, { color: "red", children: error }) }),
+  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__ */ jsx7(Box7, { marginTop: 1 }),
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1 }),
     renderItem("email", "Email", email),
-    /* @__PURE__ */ jsx7(Box7, { marginTop: 1 }),
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1 }),
     renderItem("apiToken", "API Token", apiToken, true),
-    /* @__PURE__ */ jsx7(Box7, { marginTop: 1 }),
-    /* @__PURE__ */ jsx7(Box7, { children: /* @__PURE__ */ jsxs7(Text7, { color: selectedItem === "submit" ? "green" : void 0, bold: selectedItem === "submit", children: [
+    /* @__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__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text7, { color: "yellow", children: "Validating credentials..." }) }),
-    /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Get your API token from: https://id.atlassian.com/manage-profile/security/api-tokens" }) })
+    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 useState7 } from "react";
-import { Box as Box9, Text as Text9, useInput as useInput9 } from "ink";
+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 Box8, Text as Text8, useInput as useInput8 } from "ink";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+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 }) {
-  useInput8(
+  useInput7(
     (input, key) => {
       if (key.backspace || key.delete) {
         if (value.length > 0) {
@@ -1338,18 +1157,18 @@ function TextInput({ value, onChange, placeholder, isActive, mask }) {
   );
   const displayValue = mask ? "*".repeat(value.length) : value;
   const showPlaceholder = value.length === 0 && placeholder;
-  return /* @__PURE__ */ jsx8(Box8, { children: /* @__PURE__ */ jsxs8(Text8, { children: [
-    showPlaceholder ? /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: placeholder }) : /* @__PURE__ */ jsx8(Text8, { children: displayValue }),
-    isActive && /* @__PURE__ */ jsx8(Text8, { backgroundColor: "yellow", children: " " })
+  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 jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function LinkTicketModal({ onSubmit, onCancel, loading, error }) {
-  const [ticketInput, setTicketInput] = useState7("");
+  const [ticketInput, setTicketInput] = useState6("");
   const canSubmit = ticketInput.trim().length > 0;
-  useInput9(
+  useInput8(
     (_input, key) => {
       if (loading) return;
       if (key.escape) {
@@ -1362,14 +1181,14 @@ function LinkTicketModal({ onSubmit, onCancel, loading, error }) {
     },
     { isActive: !loading }
   );
-  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, paddingY: 1, children: [
-    /* @__PURE__ */ jsx9(Text9, { bold: true, color: "yellow", children: "Link Jira Ticket" }),
-    /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Type ticket ID, Enter to submit, Esc to cancel" }),
-    /* @__PURE__ */ jsx9(Box9, { marginTop: 1 }),
-    error && /* @__PURE__ */ jsx9(Box9, { marginBottom: 1, children: /* @__PURE__ */ jsx9(Text9, { color: "red", children: error }) }),
-    /* @__PURE__ */ jsxs9(Box9, { children: [
-      /* @__PURE__ */ jsx9(Text9, { color: "blue", children: "Ticket: " }),
-      /* @__PURE__ */ jsx9(
+  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,
@@ -1379,23 +1198,23 @@ function LinkTicketModal({ onSubmit, onCancel, loading, error }) {
         }
       )
     ] }),
-    loading && /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { color: "yellow", children: "Fetching ticket..." }) }),
-    /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Examples: PROJ-123 or https://company.atlassian.net/browse/PROJ-123" }) })
+    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 Box10, Text as Text10 } from "ink";
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+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__ */ jsx10(Box10, { children: /* @__PURE__ */ jsxs10(Text10, { color: textColor, children: [
+  return /* @__PURE__ */ jsx9(Box9, { children: /* @__PURE__ */ jsxs9(Text9, { color: textColor, children: [
     prefix,
-    /* @__PURE__ */ jsx10(Text10, { bold: true, color: "blue", children: ticketKey }),
+    /* @__PURE__ */ jsx9(Text9, { bold: true, color: "blue", children: ticketKey }),
     " ",
     summary,
-    status && /* @__PURE__ */ jsxs10(Text10, { dimColor: true, children: [
+    status && /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
       " [",
       status,
       "]"
@@ -1404,19 +1223,19 @@ function TicketItem({ ticketKey, summary, status, isHighlighted, isSelected }) {
 }
 
 // src/components/jira/JiraView.tsx
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function JiraView({ isFocused, onModalChange, onKeybindingsChange }) {
-  const [repoPath, setRepoPath] = useState8(null);
-  const [currentBranch, setCurrentBranch] = useState8(null);
-  const [isRepo, setIsRepo] = useState8(null);
-  const [jiraState, setJiraState] = useState8("not_configured");
-  const [tickets, setTickets] = useState8([]);
-  const [highlightedIndex, setHighlightedIndex] = useState8(0);
-  const [showConfigureModal, setShowConfigureModal] = useState8(false);
-  const [showLinkModal, setShowLinkModal] = useState8(false);
-  const [showStatusModal, setShowStatusModal] = useState8(false);
-  const [loading, setLoading] = useState8({ configure: false, link: false });
-  const [errors, setErrors] = useState8({});
+  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);
@@ -1579,7 +1398,7 @@ function JiraView({ isFocused, onModalChange, onKeybindingsChange }) {
       });
     }
   }, [repoPath, tickets, highlightedIndex]);
-  useInput10(
+  useInput9(
     (input, key) => {
       if (showConfigureModal || showLinkModal || showStatusModal) return;
       if (input === "c" && jiraState === "not_configured") {
@@ -1619,12 +1438,12 @@ function JiraView({ isFocused, onModalChange, onKeybindingsChange }) {
     { isActive: isFocused && !showConfigureModal && !showLinkModal && !showStatusModal }
   );
   if (isRepo === false) {
-    return /* @__PURE__ */ jsx11(TitledBox5, { borderStyle: "round", titles: ["Jira"], flexShrink: 0, children: /* @__PURE__ */ jsx11(Text11, { color: "red", children: "Not a git repository" }) });
+    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__ */ jsx11(Box11, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx10(
       ConfigureJiraSiteModal,
       {
         initialSiteUrl: siteUrl ?? void 0,
@@ -1640,7 +1459,7 @@ function JiraView({ isFocused, onModalChange, onKeybindingsChange }) {
     ) });
   }
   if (showLinkModal) {
-    return /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx10(
       LinkTicketModal,
       {
         onSubmit: handleLinkSubmit,
@@ -1655,7 +1474,7 @@ function JiraView({ isFocused, onModalChange, onKeybindingsChange }) {
   }
   if (showStatusModal && repoPath && currentBranch && tickets[highlightedIndex]) {
     const ticket = tickets[highlightedIndex];
-    return /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx10(
       ChangeStatusModal,
       {
         repoPath,
@@ -1672,10 +1491,10 @@ function JiraView({ isFocused, onModalChange, onKeybindingsChange }) {
   }
   const title = "[4] Jira";
   const borderColor = isFocused ? "yellow" : void 0;
-  return /* @__PURE__ */ jsx11(TitledBox5, { borderStyle: "round", titles: [title], borderColor, flexShrink: 0, children: /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", paddingX: 1, children: [
-    jiraState === "not_configured" && /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "No Jira site configured" }),
-    jiraState === "no_tickets" && /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: "No tickets linked to this branch" }),
-    jiraState === "has_tickets" && tickets.map((ticket, idx) => /* @__PURE__ */ jsx11(
+  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,
@@ -1689,8 +1508,8 @@ function JiraView({ isFocused, onModalChange, onKeybindingsChange }) {
 }
 
 // src/components/ui/KeybindingsBar.tsx
-import { Box as Box12, Text as Text12 } from "ink";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+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" },
@@ -1701,20 +1520,20 @@ var modalBindings = [
 ];
 function KeybindingsBar({ contextBindings = [], modalOpen = false }) {
   const allBindings = modalOpen ? [...contextBindings, ...modalBindings] : [...contextBindings, ...globalBindings];
-  return /* @__PURE__ */ jsx12(Box12, { flexShrink: 0, paddingX: 1, gap: 2, children: allBindings.map((binding) => /* @__PURE__ */ jsxs12(Box12, { gap: 1, children: [
-    /* @__PURE__ */ jsx12(Text12, { bold: true, color: binding.color ?? "yellow", children: binding.key }),
-    /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: binding.label })
+  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 jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function App() {
   const { exit } = useApp();
-  const [focusedView, setFocusedView] = useState9("github");
-  const [modalOpen, setModalOpen] = useState9(false);
-  const [contextBindings, setContextBindings] = useState9([]);
-  useInput11(
+  const [focusedView, setFocusedView] = useState8("github");
+  const [modalOpen, setModalOpen] = useState8(false);
+  const [contextBindings, setContextBindings] = useState8([]);
+  useInput10(
     (input, key) => {
       if (key.ctrl && input === "c") {
         exit();
@@ -1728,16 +1547,15 @@ function App() {
     },
     { isActive: !modalOpen }
   );
-  return /* @__PURE__ */ jsxs13(Box13, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: [
-    /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs12(Box12, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: [
+    /* @__PURE__ */ jsx12(
       GitHubView,
       {
         isFocused: focusedView === "github",
-        onModalChange: setModalOpen,
         onKeybindingsChange: focusedView === "github" ? setContextBindings : void 0
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx12(
       JiraView,
       {
         isFocused: focusedView === "jira",
@@ -1745,7 +1563,7 @@ function App() {
         onKeybindingsChange: focusedView === "jira" ? setContextBindings : void 0
       }
     ),
-    /* @__PURE__ */ jsx13(KeybindingsBar, { contextBindings, modalOpen })
+    /* @__PURE__ */ jsx12(KeybindingsBar, { contextBindings, modalOpen })
   ] });
 }
 
@@ -1753,16 +1571,16 @@ function App() {
 import { render as inkRender } from "ink";
 
 // src/lib/Screen.tsx
-import { Box as Box14, useStdout } from "ink";
-import { useCallback as useCallback3, useEffect as useEffect6, useState as useState10 } from "react";
-import { jsx as jsx14 } 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 = useCallback3(
     () => ({ height: stdout.rows, width: stdout.columns }),
     [stdout]
   );
-  const [size, setSize] = useState10(getSize);
+  const [size, setSize] = useState9(getSize);
   useEffect6(() => {
     const onResize = () => setSize(getSize());
     stdout.on("resize", onResize);
@@ -1770,17 +1588,17 @@ function Screen({ children }) {
       stdout.off("resize", onResize);
     };
   }, [stdout, getSize]);
-  return /* @__PURE__ */ jsx14(Box14, { 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 jsx15 } 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__ */ jsx15(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);
@@ -1801,7 +1619,7 @@ function render(node, options) {
 }
 
 // src/cli.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 meow(
   `
 	Usage
@@ -1823,4 +1641,4 @@ meow(
     }
   }
 );
-render(/* @__PURE__ */ jsx16(App, {}));
+render(/* @__PURE__ */ jsx15(App, {}));

package/package.json

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