clairo 0.3.0 → 0.5.0

package/dist/cli.js

@@ -4,14 +4,14 @@
 import meow from "meow";
 
 // src/app.tsx
-import { useState as useState8 } from "react";
-import { Box as Box12, useApp, useInput as useInput10 } from "ink";
+import { useCallback as useCallback4, useState as useState9 } from "react";
+import { Box as Box16, useApp, useInput as useInput13 } from "ink";
 
 // src/components/github/GitHubView.tsx
 import { exec as exec3 } from "child_process";
-import { useCallback, useEffect as useEffect3, useState as useState3 } from "react";
+import { useCallback, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
 import { TitledBox as TitledBox4 } from "@mishieck/ink-titled-box";
-import { Box as Box4, Text as Text4, useInput as useInput4 } from "ink";
+import { Box as Box5, Text as Text5, useInput as useInput4 } from "ink";
 
 // src/lib/config/index.ts
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from "fs";
@@ -241,697 +241,970 @@ async function getPRDetails(prNumber, repo) {
   }
 }
 
-// src/components/github/PRDetailsBox.tsx
-import { useRef } from "react";
-import open from "open";
-import { TitledBox } from "@mishieck/ink-titled-box";
-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";
-  if (conclusion === "FAILURE" || conclusion === "ERROR") return "red";
-  if (conclusion === "SKIPPED" || conclusion === "NEUTRAL") return "gray";
-  if (conclusion === "PENDING" || check.status === "IN_PROGRESS" || check.status === "QUEUED" || check.status === "WAITING")
-    return "yellow";
-  if (check.status === "COMPLETED") return "green";
-  return void 0;
+// 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 getCheckIcon(check) {
-  const conclusion = check.conclusion ?? check.state;
-  if (conclusion === "SUCCESS") return "\u2713";
-  if (conclusion === "FAILURE" || conclusion === "ERROR") return "\u2717";
-  if (conclusion === "SKIPPED" || conclusion === "NEUTRAL") return "\u25CB";
-  if (conclusion === "PENDING" || check.status === "IN_PROGRESS" || check.status === "QUEUED" || check.status === "WAITING")
-    return "\u25CF";
-  if (check.status === "COMPLETED") return "\u2713";
-  return "?";
+function 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 PRDetailsBox({ pr, loading, error, isFocused }) {
-  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 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__ */ 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(", ") })
-      ] }),
-      (((_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);
-        })
-      ] }),
-      (((_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__ */ 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__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Description:" }),
-        /* @__PURE__ */ jsx(Text, { children: pr.body })
-      ] })
-    ] })
-  ] }) }) }) });
+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/components/github/PullRequestsBox.tsx
-import { useEffect, useState } from "react";
-import { TitledBox as TitledBox2 } from "@mishieck/ink-titled-box";
-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/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]
+    }
+  });
 }
-
-// src/components/github/PullRequestsBox.tsx
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function PullRequestsBox({
-  prs,
-  selectedPR,
-  onSelect,
-  onCreatePR,
-  loading,
-  error,
-  branch,
-  repoSlug,
-  isFocused
-}) {
-  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]);
-  useInput2(
-    (input, key) => {
-      if (!isFocused) return;
-      if (key.upArrow || input === "k") {
-        setHighlightedIndex((prev) => Math.max(0, prev - 1));
-      }
-      if (key.downArrow || input === "j") {
-        setHighlightedIndex((prev) => Math.min(totalItems - 1, prev + 1));
-      }
-      if (key.return) {
-        if (highlightedIndex === prs.length) {
-          onCreatePR();
-        } else if (prs[highlightedIndex]) {
-          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 subtitle = branch ? ` (${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__ */ jsxs2(Text2, { color: isSelected ? "green" : void 0, children: [
-          prefix,
-          "#",
-          pr.number,
-          " ",
-          pr.isDraft ? "[Draft] " : "",
-          pr.title
-        ] }, pr.number);
-      }),
-      /* @__PURE__ */ jsxs2(Text2, { color: "blue", children: [
-        isFocused && highlightedIndex === prs.length ? "> " : "  ",
-        "+ Create new PR"
-      ] })
-    ] })
-  ] }) });
+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)
+    }
+  });
 }
-
-// src/components/github/RemotesBox.tsx
-import { useEffect as useEffect2, useState as useState2 } from "react";
-import { TitledBox as TitledBox3 } from "@mishieck/ink-titled-box";
-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] = useState2(0);
-  useEffect2(() => {
-    const idx = remotes.findIndex((r) => r.name === selectedRemote);
-    if (idx >= 0) setHighlightedIndex(idx);
-  }, [selectedRemote, remotes]);
-  useInput3(
-    (input, key) => {
-      if (!isFocused || remotes.length === 0) return;
-      if (key.upArrow || input === "k") {
-        setHighlightedIndex((prev) => Math.max(0, prev - 1));
-      }
-      if (key.downArrow || input === "j") {
-        setHighlightedIndex((prev) => Math.min(remotes.length - 1, prev + 1));
-      }
-      if (key.return) {
-        onSelect(remotes[highlightedIndex].name);
-      }
-    },
-    { isActive: isFocused }
-  );
-  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__ */ jsxs3(Text3, { color: isSelected ? "green" : void 0, children: [
-        prefix,
-        remote.name,
-        " (",
-        remote.url,
-        ")"
-      ] }, remote.name);
-    })
-  ] }) });
+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)
+    }
+  });
 }
 
-// src/components/github/GitHubView.tsx
-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
-  });
-  const [errors, setErrors] = useState3({});
-  const [focusedBox, setFocusedBox] = useState3("remotes");
-  useEffect3(() => {
-    if (!isFocused) {
-      onKeybindingsChange == null ? void 0 : onKeybindingsChange([]);
-      return;
+// 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 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" });
+    const response = await fetch(url, fetchOptions);
+    if (!response.ok) {
+      const text = await response.text();
+      return { ok: false, status: response.status, error: text };
     }
-    onKeybindingsChange == null ? void 0 : onKeybindingsChange(bindings);
-  }, [isFocused, focusedBox, onKeybindingsChange]);
-  useEffect3(() => {
-    const gitRepoCheck = isGitRepo();
-    setIsRepo(gitRepoCheck);
-    if (!gitRepoCheck) {
-      setLoading((prev) => ({ ...prev, remotes: false }));
-      setErrors((prev) => ({ ...prev, remotes: "Not a git repository" }));
-      return;
+    if (response.status === 204) {
+      return { ok: true, status: response.status, data: null };
     }
-    const rootResult = getRepoRoot();
-    if (rootResult.success) {
-      setRepoPath(rootResult.data);
+    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"
+      };
     }
-    const branchResult = getCurrentBranch();
-    if (branchResult.success) {
-      setCurrentBranch(branchResult.data);
+    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"
+      };
     }
-    const remotesResult = listRemotes();
-    if (remotesResult.success) {
-      setRemotes(remotesResult.data);
-      const remoteNames = remotesResult.data.map((r) => r.name);
-      const defaultRemote = getSelectedRemote(rootResult.success ? rootResult.data : "", remoteNames);
-      setSelectedRemote(defaultRemote);
-    } else {
-      setErrors((prev) => ({ ...prev, remotes: remotesResult.error }));
+    if (result.status === 404) {
+      return {
+        success: false,
+        error: `Ticket ${ticketKey} not found`,
+        errorType: "invalid_ticket"
+      };
     }
-    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 }));
+    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"
+      };
     }
-  }, [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 }));
+    if (result.status === 404) {
+      return {
+        success: false,
+        error: `Ticket ${ticketKey} not found`,
+        errorType: "invalid_ticket"
+      };
     }
-  }, [selectedPR, currentRepoSlug]);
-  useEffect3(() => {
-    if (!selectedRemote || !currentBranch) return;
-    const remote = remotes.find((r) => r.name === selectedRemote);
-    if (!remote) return;
-    const repo = getRepoFromRemote(remote.url);
-    if (!repo) return;
-    setCurrentRepoSlug(repo);
-    setPrs([]);
-    setSelectedPR(null);
-  }, [selectedRemote, currentBranch, remotes]);
-  useEffect3(() => {
-    if (currentRepoSlug && currentBranch) {
-      refreshPRs();
+    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"
+      };
     }
-  }, [currentRepoSlug, currentBranch, refreshPRs]);
-  useEffect3(() => {
-    if (!selectedPR || !currentRepoSlug) {
-      setPrDetails(null);
-      return;
+    if (result.status === 404) {
+      return {
+        success: false,
+        error: `Ticket ${ticketKey} not found`,
+        errorType: "invalid_ticket"
+      };
     }
-    refreshDetails();
-  }, [selectedPR, currentRepoSlug, refreshDetails]);
-  const handleRemoteSelect = useCallback(
-    (remoteName) => {
-      setSelectedRemote(remoteName);
-      if (repoPath) {
-        updateRepoConfig(repoPath, { selectedRemote: remoteName });
-      }
-    },
-    [repoPath]
-  );
-  const handlePRSelect = useCallback((pr) => {
-    setSelectedPR(pr);
-  }, []);
-  const handleCreatePR = useCallback(() => {
-    exec3("gh pr create --web", () => {
-      process.stdout.emit("resize");
-    });
-  }, []);
-  useInput4(
-    (input) => {
-      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 }
-  );
-  if (isRepo === false) {
-    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__ */ jsxs4(Box4, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsx4(
-      RemotesBox,
-      {
-        remotes,
-        selectedRemote,
-        onSelect: handleRemoteSelect,
-        loading: loading.remotes,
-        error: errors.remotes,
-        isFocused: isFocused && focusedBox === "remotes"
-      }
-    ),
-    /* @__PURE__ */ jsx4(
-      PullRequestsBox,
-      {
-        prs,
-        selectedPR,
-        onSelect: handlePRSelect,
-        onCreatePR: handleCreatePR,
-        loading: loading.prs,
-        error: errors.prs,
-        branch: currentBranch,
-        repoSlug: currentRepoSlug,
-        isFocused: isFocused && focusedBox === "prs"
-      }
-    ),
-    /* @__PURE__ */ jsx4(
-      PRDetailsBox,
-      {
-        pr: prDetails,
-        loading: loading.details,
-        error: errors.details,
-        isFocused: isFocused && focusedBox === "details"
-      }
-    )
-  ] });
+    return {
+      success: false,
+      error: result.error ?? "Failed to apply transition",
+      errorType: "api_error"
+    };
+  }
+  return { success: true, data: null };
 }
 
-// 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/logs/index.ts
+import { existsSync as existsSync2, mkdirSync as mkdirSync2, readdirSync, readFileSync as readFileSync2, appendFileSync, writeFileSync as writeFileSync2 } from "fs";
+import { homedir as homedir2 } from "os";
+import { join as join2 } from "path";
+import { spawnSync } from "child_process";
+var LOGS_DIRECTORY = join2(homedir2(), ".clairo", "logs");
+function ensureLogsDirectory() {
+  if (!existsSync2(LOGS_DIRECTORY)) {
+    mkdirSync2(LOGS_DIRECTORY, { recursive: true });
+  }
+}
+function getTodayDate() {
+  const now = /* @__PURE__ */ new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, "0");
+  const day = String(now.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+}
+function formatTimestamp() {
+  const now = /* @__PURE__ */ new Date();
+  const hours = String(now.getHours()).padStart(2, "0");
+  const minutes = String(now.getMinutes()).padStart(2, "0");
+  return `${hours}:${minutes}`;
+}
+function listLogFiles() {
+  ensureLogsDirectory();
+  try {
+    const files = readdirSync(LOGS_DIRECTORY);
+    const today = getTodayDate();
+    const logFiles = files.filter((file) => /^\d{4}-\d{2}-\d{2}\.md$/.test(file)).map((file) => {
+      const date = file.replace(".md", "");
+      return {
+        date,
+        filename: file,
+        isToday: date === today
+      };
+    }).sort((a, b) => b.date.localeCompare(a.date));
+    return logFiles;
+  } catch {
+    return [];
+  }
+}
+function readLog(date) {
+  const filePath = join2(LOGS_DIRECTORY, `${date}.md`);
+  try {
+    if (!existsSync2(filePath)) {
+      return null;
+    }
+    return readFileSync2(filePath, "utf-8");
+  } catch {
+    return null;
+  }
+}
+function getLogFilePath(date) {
+  return join2(LOGS_DIRECTORY, `${date}.md`);
+}
+function logExists(date) {
+  return existsSync2(getLogFilePath(date));
+}
+function createEmptyLog(date) {
+  ensureLogsDirectory();
+  const filePath = getLogFilePath(date);
+  if (existsSync2(filePath)) {
+    return;
+  }
+  const header = `# Log - ${date}
+`;
+  writeFileSync2(filePath, header);
+}
+function appendToLog(date, entry) {
+  ensureLogsDirectory();
+  const filePath = getLogFilePath(date);
+  if (!existsSync2(filePath)) {
+    const header = `# Log - ${date}
 
-// 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());
+`;
+    writeFileSync2(filePath, header);
+  }
+  appendFileSync(filePath, entry);
 }
-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();
+function openLogInEditor(date) {
+  const filePath = getLogFilePath(date);
+  if (!existsSync2(filePath)) {
+    return false;
   }
-  const upperInput = trimmed.toUpperCase();
-  if (isValidTicketKeyFormat(upperInput)) {
-    return upperInput;
+  const editor = process.env.VISUAL || process.env.EDITOR || "vi";
+  const result = spawnSync(editor, [filePath], {
+    stdio: "inherit"
+  });
+  process.stdout.write("\x1B[2J\x1B[H");
+  process.stdout.emit("resize");
+  return result.status === 0;
+}
+
+// src/lib/logs/logger.ts
+function logPRCreated(prNumber, title, jiraTickets) {
+  const timestamp = formatTimestamp();
+  const today = getTodayDate();
+  let entry = `## ${timestamp} - Created PR #${prNumber}
+
+${title}
+`;
+  if (jiraTickets.length > 0) {
+    entry += `Jira: ${jiraTickets.join(", ")}
+`;
   }
-  return null;
+  entry += "\n";
+  appendToLog(today, entry);
 }
-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;
+function logJiraStatusChanged(ticketKey, oldStatus, newStatus) {
+  const timestamp = formatTimestamp();
+  const today = getTodayDate();
+  const entry = `## ${timestamp} - Updated Jira ticket
+
+${ticketKey}: ${oldStatus} \u2192 ${newStatus}
+
+`;
+  appendToLog(today, entry);
+}
+
+// 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 } from "ink";
+import { ScrollView } from "ink-scroll-view";
+
+// src/components/ui/Markdown.tsx
+import { Box, Text } from "ink";
+import Link from "ink-link";
+import { marked } from "marked";
+import Table from "cli-table3";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Markdown({ children }) {
+  const tokens = marked.lexer(children);
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: tokens.map((token, idx) => /* @__PURE__ */ jsx(TokenRenderer, { token }, idx)) });
+}
+function TokenRenderer({ token }) {
+  var _a, _b;
+  switch (token.type) {
+    case "heading":
+      return /* @__PURE__ */ jsx(Box, { marginTop: token.depth === 1 ? 0 : 1, children: /* @__PURE__ */ jsx(Text, { bold: true, underline: token.depth === 1, children: renderInline(token.tokens) }) });
+    case "paragraph": {
+      const hasLinks = (_a = token.tokens) == null ? void 0 : _a.some((t) => {
+        var _a2;
+        return t.type === "link" || t.type === "strong" && "tokens" in t && ((_a2 = t.tokens) == null ? void 0 : _a2.some((st) => st.type === "link"));
+      });
+      if (hasLinks) {
+        return /* @__PURE__ */ jsx(Box, { flexDirection: "row", flexWrap: "wrap", children: renderInline(token.tokens) });
+      }
+      return /* @__PURE__ */ jsx(Text, { children: renderInline(token.tokens) });
     }
+    case "code":
+      return /* @__PURE__ */ jsx(Box, { marginY: 1, paddingX: 1, borderStyle: "single", borderColor: "gray", children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: token.text }) });
+    case "blockquote":
+      return /* @__PURE__ */ jsxs(Box, { marginLeft: 2, children: [
+        /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u2502 " }),
+        /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: (_b = token.tokens) == null ? void 0 : _b.map((t, idx) => /* @__PURE__ */ jsx(TokenRenderer, { token: t }, idx)) })
+      ] });
+    case "list":
+      return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginY: 1, children: token.items.map((item, idx) => /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { children: token.ordered ? `${idx + 1}. ` : "\u2022 " }),
+        /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: item.tokens.map((t, i) => /* @__PURE__ */ jsx(TokenRenderer, { token: t }, i)) })
+      ] }, idx)) });
+    case "table":
+      return /* @__PURE__ */ jsx(TableRenderer, { token });
+    case "hr":
+      return /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(40) });
+    case "space":
+      return null;
+    default:
+      if ("text" in token && typeof token.text === "string") {
+        return /* @__PURE__ */ jsx(Text, { children: token.text });
+      }
+      return null;
   }
-  return null;
 }
-
-// src/lib/jira/config.ts
-function isJiraConfigured(repoPath) {
-  const config = getRepoConfig(repoPath);
-  return !!(config.jiraSiteUrl && config.jiraEmail && config.jiraApiToken);
+function TableRenderer({ token }) {
+  const table = new Table({
+    head: token.header.map((cell) => renderInlineToString(cell.tokens)),
+    style: { head: ["cyan"], border: ["gray"] }
+  });
+  for (const row of token.rows) {
+    table.push(row.map((cell) => renderInlineToString(cell.tokens)));
+  }
+  return /* @__PURE__ */ jsx(Text, { children: table.toString() });
 }
-function getJiraSiteUrl(repoPath) {
-  const config = getRepoConfig(repoPath);
-  return config.jiraSiteUrl ?? null;
+function renderInline(tokens) {
+  if (!tokens) return null;
+  return tokens.map((token, idx) => {
+    switch (token.type) {
+      case "text":
+        return /* @__PURE__ */ jsx(Text, { children: token.text }, idx);
+      case "strong":
+        return /* @__PURE__ */ jsx(Text, { bold: true, children: renderInline(token.tokens) }, idx);
+      case "em":
+        return /* @__PURE__ */ jsx(Text, { italic: true, children: renderInline(token.tokens) }, idx);
+      case "codespan":
+        return /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+          "`",
+          token.text,
+          "`"
+        ] }, idx);
+      case "link":
+        return /* @__PURE__ */ jsx(Link, { url: token.href, children: /* @__PURE__ */ jsx(Text, { color: "blue", children: renderInlineToString(token.tokens) }) }, idx);
+      case "image":
+        return /* @__PURE__ */ jsxs(Text, { color: "blue", children: [
+          "[Image: ",
+          token.text || token.href,
+          "]"
+        ] }, idx);
+      case "br":
+        return /* @__PURE__ */ jsx(Text, { children: "\n" }, idx);
+      case "del":
+        return /* @__PURE__ */ jsx(Text, { strikethrough: true, children: renderInline(token.tokens) }, idx);
+      default:
+        if ("text" in token && typeof token.text === "string") {
+          return /* @__PURE__ */ jsx(Text, { children: token.text }, idx);
+        }
+        return null;
+    }
+  });
 }
-function setJiraSiteUrl(repoPath, siteUrl) {
-  updateRepoConfig(repoPath, { jiraSiteUrl: siteUrl });
+function renderInlineToString(tokens) {
+  if (!tokens) return "";
+  return tokens.map((token) => {
+    if ("text" in token && typeof token.text === "string") {
+      return token.text;
+    }
+    if ("tokens" in token && Array.isArray(token.tokens)) {
+      return renderInlineToString(token.tokens);
+    }
+    return "";
+  }).join("");
 }
-function getJiraCredentials(repoPath) {
-  const config = getRepoConfig(repoPath);
-  return {
-    email: config.jiraEmail ?? null,
-    apiToken: config.jiraApiToken ?? null
+
+// src/components/github/PRDetailsBox.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function getCheckColor(check) {
+  const conclusion = check.conclusion ?? check.state;
+  if (conclusion === "SUCCESS") return "green";
+  if (conclusion === "FAILURE" || conclusion === "ERROR") return "red";
+  if (conclusion === "SKIPPED" || conclusion === "NEUTRAL") return "gray";
+  if (conclusion === "PENDING" || check.status === "IN_PROGRESS" || check.status === "QUEUED" || check.status === "WAITING")
+    return "yellow";
+  if (check.status === "COMPLETED") return "green";
+  return void 0;
+}
+function getCheckIcon(check) {
+  const conclusion = check.conclusion ?? check.state;
+  if (conclusion === "SUCCESS") return "\u2713";
+  if (conclusion === "FAILURE" || conclusion === "ERROR") return "\u2717";
+  if (conclusion === "SKIPPED" || conclusion === "NEUTRAL") return "\u25CB";
+  if (conclusion === "PENDING" || check.status === "IN_PROGRESS" || check.status === "QUEUED" || check.status === "WAITING")
+    return "\u25CF";
+  if (check.status === "COMPLETED") return "\u2713";
+  return "?";
+}
+function PRDetailsBox({ pr, loading, error, isFocused }) {
+  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 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__ */ jsx2(TitledBox, { borderStyle: "round", titles: [displayTitle], borderColor, flexGrow: 1, children: /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", flexGrow: 1, children: /* @__PURE__ */ jsx2(ScrollView, { ref: scrollRef, 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: [
+        "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 })
+      ] }),
+      (((_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__ */ jsxs2(Box2, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx2(Text2, { 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: [
+            "  ",
+            icon,
+            " ",
+            review.author.login
+          ] }, 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(", ") })
+      ] }),
+      (((_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: [
+          "  ",
+          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(Markdown, { children: pr.body })
+      ] })
+    ] })
+  ] }) }) }) });
 }
-function setJiraCredentials(repoPath, email, apiToken) {
-  updateRepoConfig(repoPath, { jiraEmail: email, jiraApiToken: apiToken });
+
+// src/components/github/PullRequestsBox.tsx
+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";
+
+// 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;
+  }
 }
-function getLinkedTickets(repoPath, branch) {
-  var _a;
-  const config = getRepoConfig(repoPath);
-  return ((_a = config.branchTickets) == null ? void 0 : _a[branch]) ?? [];
+
+// src/components/github/PullRequestsBox.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function PullRequestsBox({
+  prs,
+  selectedPR,
+  onSelect,
+  onCreatePR,
+  loading,
+  error,
+  branch,
+  repoSlug,
+  isFocused
+}) {
+  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]);
+  useInput2(
+    (input, key) => {
+      if (!isFocused) return;
+      if (key.upArrow || input === "k") {
+        setHighlightedIndex((prev) => Math.max(0, prev - 1));
+      }
+      if (key.downArrow || input === "j") {
+        setHighlightedIndex((prev) => Math.min(totalItems - 1, prev + 1));
+      }
+      if (key.return) {
+        if (highlightedIndex === prs.length) {
+          onCreatePR();
+        } else if (prs[highlightedIndex]) {
+          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 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" }),
+      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: [
+          prefix,
+          "#",
+          pr.number,
+          " ",
+          pr.isDraft ? "[Draft] " : "",
+          pr.title
+        ] }, pr.number);
+      }),
+      /* @__PURE__ */ jsxs3(Text3, { color: "blue", children: [
+        isFocused && highlightedIndex === prs.length ? "> " : "  ",
+        "+ Create new PR"
+      ] })
+    ] })
+  ] }) });
 }
-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]
-    }
-  });
+
+// src/components/github/RemotesBox.tsx
+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";
+function RemotesBox({ remotes, selectedRemote, onSelect, loading, error, isFocused }) {
+  const [highlightedIndex, setHighlightedIndex] = useState2(0);
+  useEffect2(() => {
+    const idx = remotes.findIndex((r) => r.name === selectedRemote);
+    if (idx >= 0) setHighlightedIndex(idx);
+  }, [selectedRemote, remotes]);
+  useInput3(
+    (input, key) => {
+      if (!isFocused || remotes.length === 0) return;
+      if (key.upArrow || input === "k") {
+        setHighlightedIndex((prev) => Math.max(0, prev - 1));
+      }
+      if (key.downArrow || input === "j") {
+        setHighlightedIndex((prev) => Math.min(remotes.length - 1, prev + 1));
+      }
+      if (key.return) {
+        onSelect(remotes[highlightedIndex].name);
+      }
+    },
+    { isActive: isFocused }
+  );
+  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" }),
+    !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: [
+        prefix,
+        remote.name,
+        " (",
+        remote.url,
+        ")"
+      ] }, remote.name);
+    })
+  ] }) });
 }
-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)
-    }
+
+// src/components/github/GitHubView.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function GitHubView({ isFocused, onKeybindingsChange, onLogUpdated }) {
+  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
   });
-}
-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)
+  const [errors, setErrors] = useState3({});
+  const [focusedBox, setFocusedBox] = useState3("remotes");
+  useEffect3(() => {
+    if (!isFocused) {
+      onKeybindingsChange == null ? void 0 : onKeybindingsChange([]);
+      return;
     }
-  });
-}
-
-// 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 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" });
     }
-    const response = await fetch(url, fetchOptions);
-    if (!response.ok) {
-      const text = await response.text();
-      return { ok: false, status: response.status, error: text };
+    onKeybindingsChange == null ? void 0 : onKeybindingsChange(bindings);
+  }, [isFocused, focusedBox, onKeybindingsChange]);
+  useEffect3(() => {
+    const gitRepoCheck = isGitRepo();
+    setIsRepo(gitRepoCheck);
+    if (!gitRepoCheck) {
+      setLoading((prev) => ({ ...prev, remotes: false }));
+      setErrors((prev) => ({ ...prev, remotes: "Not a git repository" }));
+      return;
     }
-    if (response.status === 204) {
-      return { ok: true, status: response.status, data: null };
+    const rootResult = getRepoRoot();
+    if (rootResult.success) {
+      setRepoPath(rootResult.data);
     }
-    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"
-      };
+    const branchResult = getCurrentBranch();
+    if (branchResult.success) {
+      setCurrentBranch(branchResult.data);
     }
-    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"
-      };
+    const remotesResult = listRemotes();
+    if (remotesResult.success) {
+      setRemotes(remotesResult.data);
+      const remoteNames = remotesResult.data.map((r) => r.name);
+      const defaultRemote = getSelectedRemote(rootResult.success ? rootResult.data : "", remoteNames);
+      setSelectedRemote(defaultRemote);
+    } else {
+      setErrors((prev) => ({ ...prev, remotes: remotesResult.error }));
     }
-    if (result.status === 404) {
-      return {
-        success: false,
-        error: `Ticket ${ticketKey} not found`,
-        errorType: "invalid_ticket"
-      };
+    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 }));
     }
-    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"
-      };
+  }, [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 }));
     }
-    if (result.status === 404) {
-      return {
-        success: false,
-        error: `Ticket ${ticketKey} not found`,
-        errorType: "invalid_ticket"
-      };
+  }, [selectedPR, currentRepoSlug]);
+  useEffect3(() => {
+    if (!selectedRemote || !currentBranch) return;
+    const remote = remotes.find((r) => r.name === selectedRemote);
+    if (!remote) return;
+    const repo = getRepoFromRemote(remote.url);
+    if (!repo) return;
+    setCurrentRepoSlug(repo);
+    setPrs([]);
+    setSelectedPR(null);
+  }, [selectedRemote, currentBranch, remotes]);
+  useEffect3(() => {
+    if (currentRepoSlug && currentBranch) {
+      refreshPRs();
     }
-    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"
-      };
+  }, [currentRepoSlug, currentBranch, refreshPRs]);
+  useEffect3(() => {
+    if (!selectedPR || !currentRepoSlug) {
+      setPrDetails(null);
+      return;
     }
-    if (result.status === 404) {
-      return {
-        success: false,
-        error: `Ticket ${ticketKey} not found`,
-        errorType: "invalid_ticket"
-      };
+    refreshDetails();
+  }, [selectedPR, currentRepoSlug, refreshDetails]);
+  const handleRemoteSelect = useCallback(
+    (remoteName) => {
+      setSelectedRemote(remoteName);
+      if (repoPath) {
+        updateRepoConfig(repoPath, { selectedRemote: remoteName });
+      }
+    },
+    [repoPath]
+  );
+  const handlePRSelect = useCallback((pr) => {
+    setSelectedPR(pr);
+  }, []);
+  const prNumbersBeforeCreate = useRef2(/* @__PURE__ */ new Set());
+  const pollingIntervalRef = useRef2(null);
+  const handleCreatePR = useCallback(() => {
+    prNumbersBeforeCreate.current = new Set(prs.map((pr) => pr.number));
+    exec3("gh pr create --web", () => {
+      process.stdout.emit("resize");
+    });
+    if (!currentBranch || !currentRepoSlug) return;
+    let attempts = 0;
+    const maxAttempts = 24;
+    const pollInterval = 5e3;
+    if (pollingIntervalRef.current) {
+      clearInterval(pollingIntervalRef.current);
     }
-    return {
-      success: false,
-      error: result.error ?? "Failed to apply transition",
-      errorType: "api_error"
+    pollingIntervalRef.current = setInterval(async () => {
+      attempts++;
+      if (attempts > maxAttempts) {
+        if (pollingIntervalRef.current) {
+          clearInterval(pollingIntervalRef.current);
+          pollingIntervalRef.current = null;
+        }
+        return;
+      }
+      const result = await listPRsForBranch(currentBranch, currentRepoSlug);
+      if (result.success) {
+        setPrs(result.data);
+        const newPR = result.data.find((pr) => !prNumbersBeforeCreate.current.has(pr.number));
+        if (newPR) {
+          if (pollingIntervalRef.current) {
+            clearInterval(pollingIntervalRef.current);
+            pollingIntervalRef.current = null;
+          }
+          const tickets = repoPath && currentBranch ? getLinkedTickets(repoPath, currentBranch).map((t) => t.key) : [];
+          logPRCreated(newPR.number, newPR.title, tickets);
+          onLogUpdated == null ? void 0 : onLogUpdated();
+          setSelectedPR(newPR);
+        }
+      }
+    }, pollInterval);
+  }, [prs, currentBranch, currentRepoSlug, repoPath, onLogUpdated]);
+  useEffect3(() => {
+    return () => {
+      if (pollingIntervalRef.current) {
+        clearInterval(pollingIntervalRef.current);
+      }
     };
+  }, []);
+  useInput4(
+    (input) => {
+      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 }
+  );
+  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 { success: true, data: null };
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx5(
+      RemotesBox,
+      {
+        remotes,
+        selectedRemote,
+        onSelect: handleRemoteSelect,
+        loading: loading.remotes,
+        error: errors.remotes,
+        isFocused: isFocused && focusedBox === "remotes"
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      PullRequestsBox,
+      {
+        prs,
+        selectedPR,
+        onSelect: handlePRSelect,
+        onCreatePR: handleCreatePR,
+        loading: loading.prs,
+        error: errors.prs,
+        branch: currentBranch,
+        repoSlug: currentRepoSlug,
+        isFocused: isFocused && focusedBox === "prs"
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      PRDetailsBox,
+      {
+        pr: prDetails,
+        loading: loading.details,
+        error: errors.details,
+        isFocused: isFocused && focusedBox === "details"
+      }
+    )
+  ] });
 }
 
+// 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 Box11, Text as Text11, useInput as useInput9 } from "ink";
+
 // 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 { Box as Box6, Text as Text6, useInput as useInput5 } from "ink";
 import SelectInput from "ink-select-input";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function ChangeStatusModal({ repoPath, ticketKey, currentStatus, onComplete, onCancel }) {
   const [transitions, setTransitions] = useState4([]);
   const [loading, setLoading] = useState4(true);
@@ -991,36 +1264,36 @@ function ChangeStatusModal({ repoPath, ticketKey, currentStatus, onComplete, onC
     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: [
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, paddingY: 1, children: [
+    /* @__PURE__ */ jsxs6(Text6, { 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" }) })
+    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" }) })
   ] });
 }
 
 // src/components/jira/ConfigureJiraSiteModal.tsx
 import { useState as useState5 } from "react";
-import { Box as Box6, Text as Text6, useInput as useInput6 } from "ink";
+import { Box as Box7, Text as Text7, 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 { spawnSync as spawnSync2 } from "child_process";
+import { mkdtempSync, readFileSync as readFileSync3, rmSync, writeFileSync as writeFileSync3 } from "fs";
 import { tmpdir } from "os";
-import { join as join2 } from "path";
+import { join as join3 } 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);
+  const tempDir = mkdtempSync(join3(tmpdir(), "clairo-"));
+  const tempFile = join3(tempDir, filename);
   try {
-    writeFileSync2(tempFile, content);
-    const result = spawnSync(editor, [tempFile], {
+    writeFileSync3(tempFile, content);
+    const result = spawnSync2(editor, [tempFile], {
       stdio: "inherit"
     });
     process.stdout.write("\x1B[2J\x1B[H");
@@ -1028,7 +1301,7 @@ function openInEditor(content, filename) {
     if (result.status !== 0) {
       return null;
     }
-    return readFileSync2(tempFile, "utf-8");
+    return readFileSync3(tempFile, "utf-8");
   } finally {
     try {
       rmSync(tempDir, { recursive: true });
@@ -1038,7 +1311,7 @@ function openInEditor(content, filename) {
 }
 
 // src/components/jira/ConfigureJiraSiteModal.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function ConfigureJiraSiteModal({
   initialSiteUrl,
   initialEmail,
@@ -1102,41 +1375,41 @@ function ConfigureJiraSiteModal({
     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: [
+    return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs7(Text7, { 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)" }) })
+      value !== void 0 && /* @__PURE__ */ jsx7(Box7, { marginLeft: 4, children: /* @__PURE__ */ jsx7(Text7, { 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 }) }),
+  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 }) }),
     renderItem("siteUrl", "Site URL (e.g., https://company.atlassian.net)", siteUrl),
-    /* @__PURE__ */ jsx6(Box6, { marginTop: 1 }),
+    /* @__PURE__ */ jsx7(Box7, { marginTop: 1 }),
     renderItem("email", "Email", email),
-    /* @__PURE__ */ jsx6(Box6, { marginTop: 1 }),
+    /* @__PURE__ */ jsx7(Box7, { 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: [
+    /* @__PURE__ */ jsx7(Box7, { marginTop: 1 }),
+    /* @__PURE__ */ jsx7(Box7, { children: /* @__PURE__ */ jsxs7(Text7, { 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" }) })
+    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" }) })
   ] });
 }
 
 // src/components/jira/LinkTicketModal.tsx
 import { useState as useState6 } from "react";
-import { Box as Box8, Text as Text8, useInput as useInput8 } from "ink";
+import { Box as Box9, Text as Text9, 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";
+import { Box as Box8, Text as Text8, useInput as useInput7 } from "ink";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function TextInput({ value, onChange, placeholder, isActive, mask }) {
   useInput7(
     (input, key) => {
@@ -1157,14 +1430,14 @@ function TextInput({ value, onChange, placeholder, isActive, mask }) {
   );
   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: " " })
+  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: " " })
   ] }) });
 }
 
 // src/components/jira/LinkTicketModal.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function LinkTicketModal({ onSubmit, onCancel, loading, error }) {
   const [ticketInput, setTicketInput] = useState6("");
   const canSubmit = ticketInput.trim().length > 0;
@@ -1181,14 +1454,14 @@ function LinkTicketModal({ onSubmit, onCancel, loading, error }) {
     },
     { 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(
+  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(
         TextInput,
         {
           value: ticketInput,
@@ -1198,23 +1471,23 @@ function LinkTicketModal({ onSubmit, onCancel, loading, error }) {
         }
       )
     ] }),
-    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" }) })
+    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" }) })
   ] });
 }
 
 // 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";
+import { Box as Box10, Text as Text10 } from "ink";
+import { jsx as jsx10, jsxs as jsxs10 } 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: [
+  return /* @__PURE__ */ jsx10(Box10, { children: /* @__PURE__ */ jsxs10(Text10, { color: textColor, children: [
     prefix,
-    /* @__PURE__ */ jsx9(Text9, { bold: true, color: "blue", children: ticketKey }),
+    /* @__PURE__ */ jsx10(Text10, { bold: true, color: "blue", children: ticketKey }),
     " ",
     summary,
-    status && /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
+    status && /* @__PURE__ */ jsxs10(Text10, { dimColor: true, children: [
       " [",
       status,
       "]"
@@ -1223,8 +1496,8 @@ function TicketItem({ ticketKey, summary, status, isHighlighted, isSelected }) {
 }
 
 // src/components/jira/JiraView.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
-function JiraView({ isFocused, onModalChange, onKeybindingsChange }) {
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+function JiraView({ isFocused, onModalChange, onKeybindingsChange, onLogUpdated }) {
   const [repoPath, setRepoPath] = useState7(null);
   const [currentBranch, setCurrentBranch] = useState7(null);
   const [isRepo, setIsRepo] = useState7(null);
@@ -1438,12 +1711,12 @@ function JiraView({ isFocused, onModalChange, onKeybindingsChange }) {
     { 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" }) });
+    return /* @__PURE__ */ jsx11(TitledBox5, { borderStyle: "round", titles: ["Jira"], flexShrink: 0, children: /* @__PURE__ */ jsx11(Text11, { 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(
+    return /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx11(
       ConfigureJiraSiteModal,
       {
         initialSiteUrl: siteUrl ?? void 0,
@@ -1459,7 +1732,7 @@ function JiraView({ isFocused, onModalChange, onKeybindingsChange }) {
     ) });
   }
   if (showLinkModal) {
-    return /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx11(
       LinkTicketModal,
       {
         onSubmit: handleLinkSubmit,
@@ -1474,14 +1747,17 @@ function JiraView({ isFocused, onModalChange, onKeybindingsChange }) {
   }
   if (showStatusModal && repoPath && currentBranch && tickets[highlightedIndex]) {
     const ticket = tickets[highlightedIndex];
-    return /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx11(
       ChangeStatusModal,
       {
         repoPath,
         ticketKey: ticket.key,
         currentStatus: ticket.status,
         onComplete: (newStatus) => {
+          const oldStatus = ticket.status;
           updateTicketStatus(repoPath, currentBranch, ticket.key, newStatus);
+          logJiraStatusChanged(ticket.key, oldStatus, newStatus);
+          onLogUpdated == null ? void 0 : onLogUpdated();
           setShowStatusModal(false);
           refreshTickets();
         },
@@ -1491,10 +1767,10 @@ function JiraView({ isFocused, onModalChange, onKeybindingsChange }) {
   }
   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(
+  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(
       TicketItem,
       {
         ticketKey: ticket.key,
@@ -1507,9 +1783,237 @@ function JiraView({ isFocused, onModalChange, onKeybindingsChange }) {
   ] }) });
 }
 
+// src/components/logs/LogsView.tsx
+import { useCallback as useCallback3, useEffect as useEffect6, useState as useState8 } from "react";
+import { Box as Box14, useInput as useInput12 } from "ink";
+
+// src/components/logs/LogsHistoryBox.tsx
+import { TitledBox as TitledBox6 } from "@mishieck/ink-titled-box";
+import { Box as Box12, Text as Text12, useInput as useInput10 } from "ink";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+function LogsHistoryBox({
+  logFiles,
+  selectedDate,
+  highlightedIndex,
+  onHighlight,
+  onSelect,
+  isFocused
+}) {
+  const title = "[5] Logs";
+  const borderColor = isFocused ? "yellow" : void 0;
+  useInput10(
+    (input, key) => {
+      if (logFiles.length === 0) return;
+      if (key.upArrow || input === "k") {
+        onHighlight(Math.max(0, highlightedIndex - 1));
+      }
+      if (key.downArrow || input === "j") {
+        onHighlight(Math.min(logFiles.length - 1, highlightedIndex + 1));
+      }
+      if (key.return) {
+        const file = logFiles[highlightedIndex];
+        if (file) {
+          onSelect(file.date);
+        }
+      }
+    },
+    { isActive: isFocused }
+  );
+  return /* @__PURE__ */ jsx12(TitledBox6, { borderStyle: "round", titles: [title], borderColor, flexShrink: 0, children: /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", paddingX: 1, children: [
+    logFiles.length === 0 && /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: "No logs yet" }),
+    logFiles.map((file, idx) => {
+      const isHighlighted = idx === highlightedIndex;
+      const isSelected = file.date === selectedDate;
+      const cursor = isHighlighted ? ">" : " ";
+      const indicator = isSelected ? " *" : "";
+      return /* @__PURE__ */ jsxs12(Box12, { children: [
+        /* @__PURE__ */ jsxs12(Text12, { color: isHighlighted ? "yellow" : void 0, children: [
+          cursor,
+          " "
+        ] }),
+        /* @__PURE__ */ jsx12(
+          Text12,
+          {
+            color: file.isToday ? "green" : void 0,
+            bold: file.isToday,
+            children: file.date
+          }
+        ),
+        file.isToday && /* @__PURE__ */ jsx12(Text12, { color: "green", children: " (today)" }),
+        /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: indicator })
+      ] }, file.date);
+    })
+  ] }) });
+}
+
+// src/components/logs/LogViewerBox.tsx
+import { useRef as useRef3 } from "react";
+import { TitledBox as TitledBox7 } from "@mishieck/ink-titled-box";
+import { Box as Box13, Text as Text13, useInput as useInput11 } from "ink";
+import { ScrollView as ScrollView2 } from "ink-scroll-view";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+function LogViewerBox({ date, content, isFocused, onRefresh, onLogCreated }) {
+  const scrollRef = useRef3(null);
+  const title = "[6] Log Content";
+  const borderColor = isFocused ? "yellow" : void 0;
+  const displayTitle = date ? `${title} - ${date}.md` : title;
+  useInput11(
+    (input, key) => {
+      var _a, _b;
+      if (key.upArrow || input === "k") {
+        (_a = scrollRef.current) == null ? void 0 : _a.scrollBy(-1);
+      }
+      if (key.downArrow || input === "j") {
+        (_b = scrollRef.current) == null ? void 0 : _b.scrollBy(1);
+      }
+      if (input === "e" && date) {
+        openLogInEditor(date);
+        onRefresh();
+      }
+      if (input === "n") {
+        const today = getTodayDate();
+        if (!logExists(today)) {
+          createEmptyLog(today);
+          onLogCreated();
+        }
+      }
+      if (input === "r") {
+        onRefresh();
+      }
+    },
+    { isActive: isFocused }
+  );
+  return /* @__PURE__ */ jsx13(TitledBox7, { borderStyle: "round", titles: [displayTitle], borderColor, flexGrow: 1, children: /* @__PURE__ */ jsx13(Box13, { flexDirection: "column", flexGrow: 1, children: /* @__PURE__ */ jsx13(ScrollView2, { ref: scrollRef, children: /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", paddingX: 1, children: [
+    !date && /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Select a log file to view" }),
+    date && content === null && /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Log file not found" }),
+    date && content !== null && content.trim() === "" && /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Empty log file" }),
+    date && content && content.trim() !== "" && /* @__PURE__ */ jsx13(Markdown, { children: content })
+  ] }) }) }) });
+}
+
+// src/components/logs/LogsView.tsx
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+function LogsView({ isFocused, onKeybindingsChange, refreshKey }) {
+  const [logFiles, setLogFiles] = useState8([]);
+  const [selectedDate, setSelectedDate] = useState8(null);
+  const [logContent, setLogContent] = useState8(null);
+  const [highlightedIndex, setHighlightedIndex] = useState8(0);
+  const [focusedBox, setFocusedBox] = useState8("history");
+  useEffect6(() => {
+    if (!isFocused) {
+      onKeybindingsChange == null ? void 0 : onKeybindingsChange([]);
+      return;
+    }
+    const bindings = [];
+    if (focusedBox === "history") {
+      bindings.push({ key: "Enter", label: "Select" });
+    } else if (focusedBox === "viewer") {
+      bindings.push({ key: "e", label: "Edit" });
+      bindings.push({ key: "n", label: "New Log", color: "green" });
+      bindings.push({ key: "r", label: "Refresh" });
+    }
+    onKeybindingsChange == null ? void 0 : onKeybindingsChange(bindings);
+  }, [isFocused, focusedBox, onKeybindingsChange]);
+  const refreshLogFiles = useCallback3(() => {
+    const files = listLogFiles();
+    setLogFiles(files);
+    if (files.length > 0 && !selectedDate) {
+      const today = getTodayDate();
+      const todayFile = files.find((f) => f.date === today);
+      if (todayFile) {
+        setSelectedDate(todayFile.date);
+        const idx = files.findIndex((f) => f.date === today);
+        setHighlightedIndex(idx >= 0 ? idx : 0);
+      } else {
+        setSelectedDate(files[0].date);
+        setHighlightedIndex(0);
+      }
+    }
+  }, [selectedDate]);
+  useEffect6(() => {
+    refreshLogFiles();
+  }, [refreshLogFiles]);
+  useEffect6(() => {
+    if (selectedDate) {
+      const content = readLog(selectedDate);
+      setLogContent(content);
+    } else {
+      setLogContent(null);
+    }
+  }, [selectedDate]);
+  useEffect6(() => {
+    if (refreshKey !== void 0 && refreshKey > 0) {
+      const files = listLogFiles();
+      setLogFiles(files);
+      const today = getTodayDate();
+      if (selectedDate === today) {
+        const content = readLog(today);
+        setLogContent(content);
+      } else if (!selectedDate && files.length > 0) {
+        const todayFile = files.find((f) => f.date === today);
+        if (todayFile) {
+          setSelectedDate(today);
+          const idx = files.findIndex((f) => f.date === today);
+          setHighlightedIndex(idx >= 0 ? idx : 0);
+        }
+      }
+    }
+  }, [refreshKey, selectedDate]);
+  const handleSelectDate = useCallback3((date) => {
+    setSelectedDate(date);
+  }, []);
+  const handleRefresh = useCallback3(() => {
+    refreshLogFiles();
+    if (selectedDate) {
+      const content = readLog(selectedDate);
+      setLogContent(content);
+    }
+  }, [refreshLogFiles, selectedDate]);
+  const handleLogCreated = useCallback3(() => {
+    const files = listLogFiles();
+    setLogFiles(files);
+    const today = getTodayDate();
+    setSelectedDate(today);
+    const idx = files.findIndex((f) => f.date === today);
+    setHighlightedIndex(idx >= 0 ? idx : 0);
+    const content = readLog(today);
+    setLogContent(content);
+  }, []);
+  useInput12(
+    (input) => {
+      if (input === "5") setFocusedBox("history");
+      if (input === "6") setFocusedBox("viewer");
+    },
+    { isActive: isFocused }
+  );
+  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx14(
+      LogsHistoryBox,
+      {
+        logFiles,
+        selectedDate,
+        highlightedIndex,
+        onHighlight: setHighlightedIndex,
+        onSelect: handleSelectDate,
+        isFocused: isFocused && focusedBox === "history"
+      }
+    ),
+    /* @__PURE__ */ jsx14(
+      LogViewerBox,
+      {
+        date: selectedDate,
+        content: logContent,
+        isFocused: isFocused && focusedBox === "viewer",
+        onRefresh: handleRefresh,
+        onLogCreated: handleLogCreated
+      }
+    )
+  ] });
+}
+
 // 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";
+import { Box as Box15, Text as Text14 } from "ink";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 var globalBindings = [
   { key: "1-4", label: "Focus" },
   { key: "j/k", label: "Navigate" },
@@ -1520,20 +2024,24 @@ var modalBindings = [
 ];
 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 })
+  return /* @__PURE__ */ jsx15(Box15, { flexShrink: 0, paddingX: 1, gap: 2, children: allBindings.map((binding) => /* @__PURE__ */ jsxs15(Box15, { gap: 1, children: [
+    /* @__PURE__ */ jsx15(Text14, { bold: true, color: binding.color ?? "yellow", children: binding.key }),
+    /* @__PURE__ */ jsx15(Text14, { dimColor: true, children: binding.label })
   ] }, binding.key)) });
 }
 
 // src/app.tsx
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 function App() {
   const { exit } = useApp();
-  const [focusedView, setFocusedView] = useState8("github");
-  const [modalOpen, setModalOpen] = useState8(false);
-  const [contextBindings, setContextBindings] = useState8([]);
-  useInput10(
+  const [focusedView, setFocusedView] = useState9("github");
+  const [modalOpen, setModalOpen] = useState9(false);
+  const [contextBindings, setContextBindings] = useState9([]);
+  const [logRefreshKey, setLogRefreshKey] = useState9(0);
+  const handleLogUpdated = useCallback4(() => {
+    setLogRefreshKey((prev) => prev + 1);
+  }, []);
+  useInput13(
     (input, key) => {
       if (key.ctrl && input === "c") {
         exit();
@@ -1544,26 +2052,43 @@ function App() {
       if (input === "4") {
         setFocusedView("jira");
       }
+      if (input === "5" || input === "6") {
+        setFocusedView("logs");
+      }
     },
     { 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 })
+  return /* @__PURE__ */ jsxs16(Box16, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: [
+    /* @__PURE__ */ jsxs16(Box16, { flexGrow: 1, flexDirection: "row", columnGap: 1, children: [
+      /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", flexGrow: 1, flexBasis: 0, children: [
+        /* @__PURE__ */ jsx16(
+          GitHubView,
+          {
+            isFocused: focusedView === "github",
+            onKeybindingsChange: focusedView === "github" ? setContextBindings : void 0,
+            onLogUpdated: handleLogUpdated
+          }
+        ),
+        /* @__PURE__ */ jsx16(
+          JiraView,
+          {
+            isFocused: focusedView === "jira",
+            onModalChange: setModalOpen,
+            onKeybindingsChange: focusedView === "jira" ? setContextBindings : void 0,
+            onLogUpdated: handleLogUpdated
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx16(Box16, { flexDirection: "column", flexGrow: 1, flexBasis: 0, children: /* @__PURE__ */ jsx16(
+        LogsView,
+        {
+          isFocused: focusedView === "logs",
+          onKeybindingsChange: focusedView === "logs" ? setContextBindings : void 0,
+          refreshKey: logRefreshKey
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx16(KeybindingsBar, { contextBindings, modalOpen })
   ] });
 }
 
@@ -1571,34 +2096,34 @@ function App() {
 import { render as inkRender } from "ink";
 
 // src/lib/Screen.tsx
-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";
+import { Box as Box17, useStdout } from "ink";
+import { useCallback as useCallback5, useEffect as useEffect7, useState as useState10 } from "react";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function Screen({ children }) {
   const { stdout } = useStdout();
-  const getSize = useCallback3(
+  const getSize = useCallback5(
     () => ({ height: stdout.rows, width: stdout.columns }),
     [stdout]
   );
-  const [size, setSize] = useState9(getSize);
-  useEffect6(() => {
+  const [size, setSize] = useState10(getSize);
+  useEffect7(() => {
     const onResize = () => setSize(getSize());
     stdout.on("resize", onResize);
     return () => {
       stdout.off("resize", onResize);
     };
   }, [stdout, getSize]);
-  return /* @__PURE__ */ jsx13(Box13, { height: size.height, width: size.width, children });
+  return /* @__PURE__ */ jsx17(Box17, { height: size.height, width: size.width, children });
 }
 
 // src/lib/render.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx18 } 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__ */ jsx14(Screen, { children: node });
+  const element = /* @__PURE__ */ jsx18(Screen, { children: node });
   const instance = inkRender(element, options);
   setImmediate(() => instance.rerender(element));
   const cleanup = () => process.stdout.write(EXIT_ALT_BUFFER);
@@ -1619,7 +2144,7 @@ function render(node, options) {
 }
 
 // src/cli.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 meow(
   `
 	Usage
@@ -1641,4 +2166,4 @@ meow(
     }
   }
 );
-render(/* @__PURE__ */ jsx15(App, {}));
+render(/* @__PURE__ */ jsx19(App, {}));