@dacsar/prview 1.1.0 → 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,66 +48798,12 @@ 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..." }) });
-}
-
-// src/constants.ts
-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())
-  };
+  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/utils/format-time.ts
@@ -48806,29 +48841,29 @@ 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;
@@ -48852,59 +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} ` }) }),
-    showRepo && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__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: [
+  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_runtime3.jsx)(Text, { dimColor: true, children: "|" })
+      /* @__PURE__ */ (0, import_jsx_runtime4.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 }) }),
-    showStatus && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__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_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_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "|" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { width: COL.diff, marginLeft: 1, justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { wrap: "truncate", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color: "green", children: [
+    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_runtime3.jsxs)(Text, { color: "red", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Text, { color: "red", children: [
           "-",
           pr.deletions
         ] })
       ] }) })
     ] }),
-    showElapsed && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { 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, wrap: "truncate", children: elapsed }) })
+    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_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__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: [
+    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_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__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 }) })
+    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;
@@ -48915,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,
@@ -48926,29 +48961,7 @@ function PrTable({ prs, selectedIndex, maxRows }) {
 }
 
 // src/components/status-bar.tsx
-var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
-var HINTS = [
-  { key: "Tab", label: "switch", keep: 6 },
-  { key: "j/k", label: "move", keep: 3 },
-  { key: "Enter", label: "open", keep: 2 },
-  { key: "y", label: "copy", keep: 4 },
-  { key: "/", label: "filter", keep: 5 },
-  { key: "r", label: "refresh", keep: 7 },
-  { key: "q", label: "quit", keep: 1 }
-];
-var hintWidth = (h) => h.key.length + 1 + h.label.length;
-function visibleHints(budget) {
-  const byPriority = [...HINTS].sort((a, b) => a.keep - b.keep);
-  const shown = /* @__PURE__ */ new Set();
-  let used = 0;
-  for (const h of byPriority) {
-    const width = hintWidth(h) + (shown.size > 0 ? 1 : 0);
-    if (used + width > budget) break;
-    used += width;
-    shown.add(h.key);
-  }
-  return HINTS.filter((h) => shown.has(h.key));
-}
+var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
 function StatusBar({
   isFilterActive,
   filter,
@@ -48960,13 +48973,9 @@ function StatusBar({
   loading,
   copiedMessage
 }) {
-  const { stdout } = use_stdout_default();
-  const columns = stdout?.columns ?? 80;
   const isReview = activeTab === "review-requested";
   const tabLabel = isReview ? `To Review (${reviewCount})` : `My PRs (${myCount})`;
-  const reserved = 2 + tabLabel.length + (loading ? 13 : 0) + 2;
-  const hints = visibleHints(columns - reserved);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     Box_default,
     {
       borderStyle: "single",
@@ -48978,35 +48987,35 @@ function StatusBar({
       paddingX: 1,
       justifyContent: "space-between",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { children: copiedMessage ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "green", children: [
+        /* @__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_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "yellow", children: "/" }),
-          isFilterActive ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        ] }) : 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" })
-        ] }) : hints.map((h) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { color: "white", children: h.key }),
+          /* @__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_runtime5.jsx)(Text, { dimColor: true, children: h.label })
-        ] }, h.key)) })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { dimColor: true, children: "help" })
+        ] }) })
       ]
     }
   );
@@ -49211,7 +49220,7 @@ function openUrl(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();
@@ -49221,10 +49230,11 @@ 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)(() => {
-    setCopiedMessage("Copied URL to clipboard");
+  const notifyCopied = (0, import_react62.useCallback)((label) => {
+    setCopiedMessage(`Copied ${label} to clipboard`);
     if (copiedTimer.current) {
       clearTimeout(copiedTimer.current);
     }
@@ -49257,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"
@@ -49289,7 +49311,15 @@ function App2() {
         const pr = filteredPRs[selectedIndex];
         if (pr) {
           copyToClipboard(pr.url);
-          notifyCopied();
+          notifyCopied("URL");
+        }
+        return;
+      }
+      if (input === "Y") {
+        const pr = filteredPRs[selectedIndex];
+        if (pr) {
+          copyToClipboard(pr.branch);
+          notifyCopied("branch");
         }
         return;
       }
@@ -49307,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,
@@ -49333,7 +49363,7 @@ function App2() {
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       StatusBar,
       {
         isFilterActive: isFilterMode,
@@ -49351,7 +49381,7 @@ function App2() {
 }
 
 // src/cli.tsx
-var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
 meow(
   `
   Usage
@@ -49374,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.1.0",
+  "version": "1.2.0",
   "description": "TUI tool to check PRs across repositories",
   "repository": {
     "type": "git",