@dacsar/prview 1.0.1 → 1.2.0

package/dist/cli.js

@@ -28341,109 +28341,6 @@ var require_stack_utils = __commonJS({
   }
 });
 
-// node_modules/deepmerge/dist/cjs.js
-var require_cjs = __commonJS({
-  "node_modules/deepmerge/dist/cjs.js"(exports, module2) {
-    "use strict";
-    var isMergeableObject = function isMergeableObject2(value) {
-      return isNonNullObject(value) && !isSpecial(value);
-    };
-    function isNonNullObject(value) {
-      return !!value && typeof value === "object";
-    }
-    function isSpecial(value) {
-      var stringValue = Object.prototype.toString.call(value);
-      return stringValue === "[object RegExp]" || stringValue === "[object Date]" || isReactElement(value);
-    }
-    var canUseSymbol = typeof Symbol === "function" && Symbol.for;
-    var REACT_ELEMENT_TYPE = canUseSymbol ? /* @__PURE__ */ Symbol.for("react.element") : 60103;
-    function isReactElement(value) {
-      return value.$$typeof === REACT_ELEMENT_TYPE;
-    }
-    function emptyTarget(val) {
-      return Array.isArray(val) ? [] : {};
-    }
-    function cloneUnlessOtherwiseSpecified(value, options) {
-      return options.clone !== false && options.isMergeableObject(value) ? deepmerge2(emptyTarget(value), value, options) : value;
-    }
-    function defaultArrayMerge(target, source, options) {
-      return target.concat(source).map(function(element) {
-        return cloneUnlessOtherwiseSpecified(element, options);
-      });
-    }
-    function getMergeFunction(key, options) {
-      if (!options.customMerge) {
-        return deepmerge2;
-      }
-      var customMerge = options.customMerge(key);
-      return typeof customMerge === "function" ? customMerge : deepmerge2;
-    }
-    function getEnumerableOwnPropertySymbols(target) {
-      return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(target).filter(function(symbol) {
-        return Object.propertyIsEnumerable.call(target, symbol);
-      }) : [];
-    }
-    function getKeys(target) {
-      return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target));
-    }
-    function propertyIsOnObject(object, property) {
-      try {
-        return property in object;
-      } catch (_) {
-        return false;
-      }
-    }
-    function propertyIsUnsafe(target, key) {
-      return propertyIsOnObject(target, key) && !(Object.hasOwnProperty.call(target, key) && Object.propertyIsEnumerable.call(target, key));
-    }
-    function mergeObject(target, source, options) {
-      var destination = {};
-      if (options.isMergeableObject(target)) {
-        getKeys(target).forEach(function(key) {
-          destination[key] = cloneUnlessOtherwiseSpecified(target[key], options);
-        });
-      }
-      getKeys(source).forEach(function(key) {
-        if (propertyIsUnsafe(target, key)) {
-          return;
-        }
-        if (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {
-          destination[key] = getMergeFunction(key, options)(target[key], source[key], options);
-        } else {
-          destination[key] = cloneUnlessOtherwiseSpecified(source[key], options);
-        }
-      });
-      return destination;
-    }
-    function deepmerge2(target, source, options) {
-      options = options || {};
-      options.arrayMerge = options.arrayMerge || defaultArrayMerge;
-      options.isMergeableObject = options.isMergeableObject || isMergeableObject;
-      options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;
-      var sourceIsArray = Array.isArray(source);
-      var targetIsArray = Array.isArray(target);
-      var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
-      if (!sourceAndTargetTypesMatch) {
-        return cloneUnlessOtherwiseSpecified(source, options);
-      } else if (sourceIsArray) {
-        return options.arrayMerge(target, source, options);
-      } else {
-        return mergeObject(target, source, options);
-      }
-    }
-    deepmerge2.all = function deepmergeAll(array, options) {
-      if (!Array.isArray(array)) {
-        throw new Error("first argument should be an array");
-      }
-      return array.reduce(function(prev, next) {
-        return deepmerge2(prev, next, options);
-      }, {});
-    };
-    var deepmerge_1 = deepmerge2;
-    module2.exports = deepmerge_1;
-  }
-});
-
 // node_modules/react/cjs/react-jsx-runtime.production.js
 var require_react_jsx_runtime_production = __commonJS({
   "node_modules/react/cjs/react-jsx-runtime.production.js"(exports) {
@@ -28743,6 +28640,109 @@ var require_jsx_runtime = __commonJS({
   }
 });
 
+// node_modules/deepmerge/dist/cjs.js
+var require_cjs = __commonJS({
+  "node_modules/deepmerge/dist/cjs.js"(exports, module2) {
+    "use strict";
+    var isMergeableObject = function isMergeableObject2(value) {
+      return isNonNullObject(value) && !isSpecial(value);
+    };
+    function isNonNullObject(value) {
+      return !!value && typeof value === "object";
+    }
+    function isSpecial(value) {
+      var stringValue = Object.prototype.toString.call(value);
+      return stringValue === "[object RegExp]" || stringValue === "[object Date]" || isReactElement(value);
+    }
+    var canUseSymbol = typeof Symbol === "function" && Symbol.for;
+    var REACT_ELEMENT_TYPE = canUseSymbol ? /* @__PURE__ */ Symbol.for("react.element") : 60103;
+    function isReactElement(value) {
+      return value.$$typeof === REACT_ELEMENT_TYPE;
+    }
+    function emptyTarget(val) {
+      return Array.isArray(val) ? [] : {};
+    }
+    function cloneUnlessOtherwiseSpecified(value, options) {
+      return options.clone !== false && options.isMergeableObject(value) ? deepmerge2(emptyTarget(value), value, options) : value;
+    }
+    function defaultArrayMerge(target, source, options) {
+      return target.concat(source).map(function(element) {
+        return cloneUnlessOtherwiseSpecified(element, options);
+      });
+    }
+    function getMergeFunction(key, options) {
+      if (!options.customMerge) {
+        return deepmerge2;
+      }
+      var customMerge = options.customMerge(key);
+      return typeof customMerge === "function" ? customMerge : deepmerge2;
+    }
+    function getEnumerableOwnPropertySymbols(target) {
+      return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(target).filter(function(symbol) {
+        return Object.propertyIsEnumerable.call(target, symbol);
+      }) : [];
+    }
+    function getKeys(target) {
+      return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target));
+    }
+    function propertyIsOnObject(object, property) {
+      try {
+        return property in object;
+      } catch (_) {
+        return false;
+      }
+    }
+    function propertyIsUnsafe(target, key) {
+      return propertyIsOnObject(target, key) && !(Object.hasOwnProperty.call(target, key) && Object.propertyIsEnumerable.call(target, key));
+    }
+    function mergeObject(target, source, options) {
+      var destination = {};
+      if (options.isMergeableObject(target)) {
+        getKeys(target).forEach(function(key) {
+          destination[key] = cloneUnlessOtherwiseSpecified(target[key], options);
+        });
+      }
+      getKeys(source).forEach(function(key) {
+        if (propertyIsUnsafe(target, key)) {
+          return;
+        }
+        if (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {
+          destination[key] = getMergeFunction(key, options)(target[key], source[key], options);
+        } else {
+          destination[key] = cloneUnlessOtherwiseSpecified(source[key], options);
+        }
+      });
+      return destination;
+    }
+    function deepmerge2(target, source, options) {
+      options = options || {};
+      options.arrayMerge = options.arrayMerge || defaultArrayMerge;
+      options.isMergeableObject = options.isMergeableObject || isMergeableObject;
+      options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;
+      var sourceIsArray = Array.isArray(source);
+      var targetIsArray = Array.isArray(target);
+      var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
+      if (!sourceAndTargetTypesMatch) {
+        return cloneUnlessOtherwiseSpecified(source, options);
+      } else if (sourceIsArray) {
+        return options.arrayMerge(target, source, options);
+      } else {
+        return mergeObject(target, source, options);
+      }
+    }
+    deepmerge2.all = function deepmergeAll(array, options) {
+      if (!Array.isArray(array)) {
+        throw new Error("first argument should be an array");
+      }
+      return array.reduce(function(prev, next) {
+        return deepmerge2(prev, next, options);
+      }, {});
+    };
+    var deepmerge_1 = deepmerge2;
+    module2.exports = deepmerge_1;
+  }
+});
+
 // node_modules/ink/build/render.js
 import { Stream } from "node:stream";
 import process13 from "node:process";
@@ -46027,6 +46027,95 @@ var meow = (helpText, options = {}) => {
 // src/app.tsx
 var import_react62 = __toESM(require_react(), 1);
 
+// src/constants.ts
+var COMMANDS = [
+  { key: "Tab", label: "Switch tab" },
+  { key: "j / k", label: "Move selection (\u2191 / \u2193)" },
+  { key: "Enter", label: "Open PR in browser" },
+  { key: "y", label: "Copy PR URL" },
+  { key: "Y", label: "Copy branch name" },
+  { key: "/", label: "Filter" },
+  { key: "r", label: "Refresh" },
+  { key: "h", label: "Toggle this help" },
+  { key: "q", label: "Quit" }
+];
+var COL = {
+  icon: 4,
+  repo: 18,
+  status: 12,
+  diff: 12,
+  elapsed: 8,
+  reviewee: 12,
+  reviewer: 12
+};
+var BASE_WIDTH = 7;
+var OPTIONAL_WIDTH = {
+  repo: COL.repo + 1,
+  // 18 + separator
+  status: COL.status + 2,
+  // 12 + separator + marginLeft
+  diff: COL.diff + 2,
+  elapsed: COL.elapsed + 2,
+  author: COL.reviewee + 2,
+  reviewer: COL.reviewer + 2
+};
+var DROP_ORDER = [
+  "reviewer",
+  "author",
+  "repo",
+  "diff",
+  "elapsed",
+  "status"
+];
+var MIN_TITLE_WIDTH = 20;
+function computeColumnLayout(columns) {
+  const visible = new Set(
+    Object.keys(OPTIONAL_WIDTH)
+  );
+  const fixed = () => {
+    let width = BASE_WIDTH;
+    for (const col of visible) width += OPTIONAL_WIDTH[col];
+    return width;
+  };
+  for (const col of DROP_ORDER) {
+    if (columns - fixed() >= MIN_TITLE_WIDTH) break;
+    visible.delete(col);
+  }
+  return {
+    showRepo: visible.has("repo"),
+    showStatus: visible.has("status"),
+    showDiff: visible.has("diff"),
+    showElapsed: visible.has("elapsed"),
+    showAuthor: visible.has("author"),
+    showReviewer: visible.has("reviewer"),
+    titleWidth: Math.max(10, columns - fixed())
+  };
+}
+
+// src/components/help-dialog.tsx
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+function HelpDialog() {
+  const keyWidth = Math.max(...COMMANDS.map((c) => c.key.length));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    Box_default,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "cyan",
+      paddingX: 2,
+      paddingY: 1,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { marginBottom: 1, justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { bold: true, color: "cyan", children: "Keybindings" }) }),
+        COMMANDS.map((c) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { width: keyWidth + 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { bold: true, color: "white", children: c.key }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { dimColor: true, children: c.label })
+        ] }, c.key)),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { dimColor: true, children: "Press h or Esc to close" }) })
+      ]
+    }
+  ) });
+}
+
 // node_modules/@inkjs/ui/build/components/badge/badge.js
 var import_react30 = __toESM(require_react(), 1);
 
@@ -48709,26 +48798,14 @@ var import_react58 = __toESM(require_react(), 1);
 var cursor3 = source_default.inverse(" ");
 
 // src/components/loading.tsx
-var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
 function Loading({ error }) {
   if (error) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { label: "Fetching pull requests..." }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Box_default, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Spinner, { label: "Fetching pull requests..." }) });
 }
 
-// src/constants.ts
-var COL = {
-  icon: 4,
-  repo: 18,
-  status: 12,
-  diff: 12,
-  elapsed: 8,
-  reviewee: 12,
-  reviewer: 12
-};
-var FIXED_COLS_WIDTH = 92;
-
 // src/utils/format-time.ts
 function formatElapsedTime(createdAt) {
   const now = Date.now();
@@ -48764,33 +48841,41 @@ function getTimeColor(createdAt) {
 }
 
 // src/components/status-badge.tsx
-var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
 function StatusBadge({ decision, isDraft }) {
   if (isDraft) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { dimColor: true, children: "\u25CC DRAFT" });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "\u25CC DRAFT" });
   }
   switch (decision) {
     case "APPROVED": {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "green", children: "\u2713 APPROVED" });
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: "green", children: "\u2713 APPROVED" });
     }
     case "CHANGES_REQUESTED": {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "red", children: "\u2715 CHANGES" });
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: "red", children: "\u2715 CHANGES" });
     }
     case "REVIEW_REQUIRED": {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "yellow", children: "\u25CF PENDING" });
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: "yellow", children: "\u25CF PENDING" });
     }
     default: {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { color: "yellow", children: "\u25CF PENDING" });
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: "yellow", children: "\u25CF PENDING" });
     }
   }
 }
 
 // src/components/pr-row.tsx
-var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
 function PrRow({ pr, isSelected }) {
   const { stdout } = use_stdout_default();
   const columns = stdout?.columns ?? 120;
-  const titleWidth = Math.max(10, columns - FIXED_COLS_WIDTH);
+  const {
+    showRepo,
+    showStatus,
+    showDiff,
+    showElapsed,
+    showAuthor,
+    showReviewer,
+    titleWidth
+  } = computeColumnLayout(columns);
   const timeColor = getTimeColor(pr.createdAt);
   const elapsed = formatElapsedTime(pr.createdAt);
   const icon = getTimeIcon(pr.createdAt);
@@ -48802,47 +48887,59 @@ function PrRow({ pr, isSelected }) {
   const firstReviewer = filteredReviewers[0];
   const extraCount = filteredReviewers.length - 1;
   const reviewerText = firstReviewer ? `@${firstReviewer.login}${extraCount > 0 ? ` +${extraCount}` : ""}` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { backgroundColor: isSelected ? "#333333" : void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: isSelected ? "red" : void 0, children: isSelected ? ">" : " " }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.icon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: timeColor, wrap: "truncate", children: ` ${icon} ` }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.repo, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { dimColor: !isSelected, color: selColor, wrap: "truncate", children: [
-      repoShort,
-      "#",
-      pr.number
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: titleWidth, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { bold: isSelected, color: selColor, wrap: "truncate", children: pr.title }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.status, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StatusBadge, { decision: pr.reviewDecision, isDraft: pr.isDraft }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { width: COL.diff, marginLeft: 1, justifyContent: "flex-end", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color: "green", children: [
-        "+",
-        pr.additions
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { children: " " }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color: "red", children: [
-        "-",
-        pr.deletions
-      ] })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Box_default, { backgroundColor: isSelected ? "#333333" : void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: isSelected ? "red" : void 0, children: isSelected ? ">" : " " }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { width: COL.icon, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: timeColor, wrap: "truncate", children: ` ${icon} ` }) }),
+    showRepo && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { width: COL.repo, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { dimColor: !isSelected, color: selColor, wrap: "truncate", children: [
+        repoShort,
+        "#",
+        pr.number
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { dimColor: true, children: "|" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.elapsed, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: timeColor, children: elapsed }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.reviewee, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { dimColor: true, wrap: "truncate", children: [
-      "@",
-      pr.author
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.reviewer, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, wrap: "truncate", children: reviewerText }) })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { width: titleWidth, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { bold: isSelected, color: selColor, wrap: "truncate", children: pr.title }) }),
+    showStatus && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { dimColor: true, children: "|" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { width: COL.status, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StatusBadge, { decision: pr.reviewDecision, isDraft: pr.isDraft }) })
+    ] }),
+    showDiff && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { dimColor: true, children: "|" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { width: COL.diff, marginLeft: 1, justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { wrap: "truncate", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: "green", children: [
+          "+",
+          pr.additions
+        ] }),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: "red", children: [
+          "-",
+          pr.deletions
+        ] })
+      ] }) })
+    ] }),
+    showElapsed && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { dimColor: true, children: "|" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { width: COL.elapsed, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: timeColor, wrap: "truncate", children: elapsed }) })
+    ] }),
+    showAuthor && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { dimColor: true, children: "|" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { width: COL.reviewee, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { dimColor: true, wrap: "truncate", children: [
+        "@",
+        pr.author
+      ] }) })
+    ] }),
+    showReviewer && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { dimColor: true, children: "|" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { width: COL.reviewer, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { dimColor: true, wrap: "truncate", children: reviewerText }) })
+    ] })
   ] });
 }
 
 // src/components/pr-table.tsx
-var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
 function PrTable({ prs, selectedIndex, maxRows }) {
   if (prs.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { dimColor: true, children: "No pull requests found." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "No pull requests found." }) });
   }
   const visibleCount = Math.max(1, maxRows);
   let scrollOffset = 0;
@@ -48853,7 +48950,7 @@ function PrTable({ prs, selectedIndex, maxRows }) {
     scrollOffset = Math.min(scrollOffset, prs.length - visibleCount);
   }
   const visiblePRs = prs.slice(scrollOffset, scrollOffset + visibleCount);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Box_default, { flexDirection: "column", paddingX: 1, children: visiblePRs.map((pr, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { flexDirection: "column", paddingX: 1, children: visiblePRs.map((pr, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     PrRow,
     {
       pr,
@@ -48864,7 +48961,7 @@ function PrTable({ prs, selectedIndex, maxRows }) {
 }
 
 // src/components/status-bar.tsx
-var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
 function StatusBar({
   isFilterActive,
   filter,
@@ -48873,11 +48970,12 @@ function StatusBar({
   reviewCount,
   myCount,
   isFilterMode,
-  loading
+  loading,
+  copiedMessage
 }) {
   const isReview = activeTab === "review-requested";
   const tabLabel = isReview ? `To Review (${reviewCount})` : `My PRs (${myCount})`;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     Box_default,
     {
       borderStyle: "single",
@@ -48889,58 +48987,34 @@ function StatusBar({
       paddingX: 1,
       justifyContent: "space-between",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { children: isFilterActive || filter ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "yellow", children: "/" }),
-          isFilterActive ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Box_default, { children: copiedMessage ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { color: "green", children: [
+          "\u2713 ",
+          copiedMessage
+        ] }) : isFilterActive || filter ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: "yellow", children: "/" }),
+          isFilterActive ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             TextInput,
             {
               defaultValue: filter,
               onChange: onFilterChange,
               placeholder: "Filter by title, repo, author, reviewer..."
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { dimColor: true, children: [
+          ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { dimColor: true, children: [
             " ",
             filter
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { bold: true, color: isReview ? "cyan" : "magenta", children: tabLabel }),
-          loading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: " Refreshing..." })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { bold: true, color: isReview ? "cyan" : "magenta", children: tabLabel }),
+          loading && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { dimColor: true, children: " Refreshing..." })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { gap: 1, children: isFilterMode ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { dimColor: true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "gray", children: "Esc" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Box_default, { gap: 1, children: isFilterMode ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { dimColor: true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: "gray", children: "Esc" }),
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "cancel" })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "white", children: "Tab" }),
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "switch" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "white", children: "j/k" }),
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "move" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "white", children: "Enter" }),
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "open" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "white", children: "/" }),
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "filter" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "white", children: "r" }),
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "refresh" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "white", children: "q" }),
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "quit" })
-          ] })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { dimColor: true, children: "cancel" })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: "white", children: "h" }),
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { dimColor: true, children: "help" })
         ] }) })
       ]
     }
@@ -49130,15 +49204,23 @@ function usePullRequests() {
   return { reviewRequested, myPRs, loading, error, refresh: load };
 }
 
-// src/utils/open-url.ts
+// src/utils/copy-to-clipboard.ts
 import { execFile as execFile2 } from "node:child_process";
+function copyToClipboard(text) {
+  const child = execFile2("pbcopy", () => {
+  });
+  child.stdin?.end(text);
+}
+
+// src/utils/open-url.ts
+import { execFile as execFile3 } from "node:child_process";
 function openUrl(url2) {
-  execFile2("open", [url2], () => {
+  execFile3("open", [url2], () => {
   });
 }
 
 // src/app.tsx
-var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
 function App2() {
   const { exit } = use_app_default();
   const { stdout } = use_stdout_default();
@@ -49148,8 +49230,30 @@ function App2() {
   const [selectedIndex, setSelectedIndex] = (0, import_react62.useState)(0);
   const [filter, setFilter] = (0, import_react62.useState)("");
   const [isFilterMode, setIsFilterMode] = (0, import_react62.useState)(false);
+  const [showHelp, setShowHelp] = (0, import_react62.useState)(false);
+  const [copiedMessage, setCopiedMessage] = (0, import_react62.useState)("");
+  const copiedTimer = (0, import_react62.useRef)(null);
+  const notifyCopied = (0, import_react62.useCallback)((label) => {
+    setCopiedMessage(`Copied ${label} to clipboard`);
+    if (copiedTimer.current) {
+      clearTimeout(copiedTimer.current);
+    }
+    copiedTimer.current = setTimeout(() => setCopiedMessage(""), 2e3);
+  }, []);
   const currentPRs = activeTab === "review-requested" ? reviewRequested : myPRs;
   const filteredPRs = useFilterSort(currentPRs, filter);
+  const [, setResizeTick] = (0, import_react62.useState)(0);
+  (0, import_react62.useEffect)(() => {
+    if (!stdout) return;
+    const onResize = () => {
+      stdout.write("\x1B[2J\x1B[H");
+      setResizeTick((n) => n + 1);
+    };
+    stdout.on("resize", onResize);
+    return () => {
+      stdout.off("resize", onResize);
+    };
+  }, [stdout]);
   const clampIndex = (0, import_react62.useCallback)(
     (index) => Math.max(0, Math.min(index, filteredPRs.length - 1)),
     [filteredPRs.length]
@@ -49163,12 +49267,24 @@ function App2() {
     },
     { isActive: isFilterMode }
   );
+  use_input_default(
+    (input, key) => {
+      if (input === "h" || key.escape || input === "q") {
+        setShowHelp(false);
+      }
+    },
+    { isActive: showHelp }
+  );
   use_input_default(
     (input, key) => {
       if (input === "q") {
         exit();
         return;
       }
+      if (input === "h") {
+        setShowHelp(true);
+        return;
+      }
       if (key.tab) {
         setActiveTab(
           (prev) => prev === "review-requested" ? "my-prs" : "review-requested"
@@ -49191,6 +49307,22 @@ function App2() {
         }
         return;
       }
+      if (input === "y") {
+        const pr = filteredPRs[selectedIndex];
+        if (pr) {
+          copyToClipboard(pr.url);
+          notifyCopied("URL");
+        }
+        return;
+      }
+      if (input === "Y") {
+        const pr = filteredPRs[selectedIndex];
+        if (pr) {
+          copyToClipboard(pr.branch);
+          notifyCopied("branch");
+        }
+        return;
+      }
       if (input === "/") {
         setIsFilterMode(true);
         return;
@@ -49205,23 +49337,23 @@ function App2() {
         return;
       }
     },
-    { isActive: !isFilterMode }
+    { isActive: !isFilterMode && !showHelp }
   );
   const reservedRows = 2 + (error ? 1 : 0);
   const maxRows = rows - reservedRows;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Box_default, { flexDirection: "column", height: rows, justifyContent: "flex-end", children: [
-    error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Box_default, { paddingX: 2, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { color: "red", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Box_default, { flexDirection: "column", height: rows, justifyContent: "flex-end", children: [
+    error && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Box_default, { paddingX: 2, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Text, { color: "red", children: [
       "Error: ",
       error
     ] }) }),
-    loading && filteredPRs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Loading, { error }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    showHelp ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HelpDialog, {}) : loading && filteredPRs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Loading, { error }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       Box_default,
       {
         flexGrow: 1,
         overflow: "hidden",
         flexDirection: "column",
         justifyContent: "flex-end",
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           PrTable,
           {
             prs: filteredPRs,
@@ -49231,7 +49363,7 @@ function App2() {
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       StatusBar,
       {
         isFilterActive: isFilterMode,
@@ -49241,14 +49373,15 @@ function App2() {
         reviewCount: reviewRequested.length,
         myCount: myPRs.length,
         isFilterMode,
-        loading
+        loading,
+        copiedMessage
       }
     )
   ] });
 }
 
 // src/cli.tsx
-var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
 meow(
   `
   Usage
@@ -49271,7 +49404,7 @@ meow(
   }
 );
 process.stdout.write("\x1B[?1049h");
-var instance = render_default(/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(App2, {}));
+var instance = render_default(/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(App2, {}));
 instance.waitUntilExit().then(() => {
   process.stdout.write("\x1B[?1049l");
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dacsar/prview",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "description": "TUI tool to check PRs across repositories",
   "repository": {
     "type": "git",