prreviewbuddy 0.70.2 → 0.71.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prreviewbuddy",
-  "version": "0.70.2",
-  "description": "Review a branch or pull request in an isolated checkout, from your terminal, with the coding agent you already have installed.",
+  "version": "0.71.2",
+  "description": "Understand code changes before you approve them. Local branch and pull request reviews with Claude Code, Codex or Gemini CLI.",
   "license": "UNLICENSED",
   "homepage": "https://prreviewbuddy.com",
   "type": "module",
@@ -18,11 +18,14 @@
   "keywords": [
     "code-review",
     "pull-request",
+    "code-understanding",
     "git",
     "cli",
     "claude",
+    "claude-code",
     "codex",
     "gemini",
+    "gemini-cli",
     "ai"
   ],
   "engines": {

package/static/shell.css

@@ -5293,6 +5293,13 @@ span.prb-arch-location:hover { text-decoration: none; }
 .prb-help-topic ul { margin: 0 0 10px; padding-left: 20px; }
 .prb-help-topic li { margin-bottom: 4px; }
 .prb-help-topic code { font-size: var(--t-code); color: var(--text-primary); }
+.prb-help-topic a { color: var(--link); }
+/* The topic index: links in a wrapping row, above the first topic and ruled off from it. */
+.prb-help-contents { padding: 4px 0 16px; border-bottom: 1px solid var(--border); }
+.prb-help-contents ul { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 0; padding: 0; list-style: none; }
+.prb-help-contents a { font-size: var(--t-body); color: var(--text-secondary); text-decoration: none; }
+.prb-help-contents a:hover { color: var(--text-primary); text-decoration: underline; }
+.prb-help-contents + .prb-help-topic { padding-top: 20px; }
 /* A diagram's spacing is its meaning, so it never wraps: a narrow window scrolls it instead. */
 .prb-help-diagram {
   margin: 0 0 12px;

package/static/sidebar.css

@@ -1372,6 +1372,54 @@
   margin: 10px 0 4px;
 }
 
+/* A finding's simple explanation: an aid to reading the finding, so it sits below it in the card's
+   own small-heading voice, with a rule rather than a box and no colour of warning or status. */
+.pr-helper-simple-explanation { margin: 2px 0 10px; }
+.pr-helper-simple-explanation-summary {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  list-style: none;
+  cursor: pointer;
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: #94a3b8;
+}
+.pr-helper-simple-explanation-summary::-webkit-details-marker { display: none; }
+/* Drawn rather than a ▸, which most UI fonts set at this size as something closer to a bullet. */
+.pr-helper-simple-explanation-summary::before {
+  content: '';
+  width: 0;
+  height: 0;
+  border-left: 5px solid currentColor;
+  border-top: 4px solid transparent;
+  border-bottom: 4px solid transparent;
+  transition: transform 0.12s ease;
+}
+.pr-helper-simple-explanation[open] > .pr-helper-simple-explanation-summary::before { transform: rotate(90deg); }
+.pr-helper-simple-explanation-summary:hover { color: #57606a; }
+.pr-helper-simple-explanation-summary:focus-visible { outline: 2px solid #9333ea; outline-offset: 2px; border-radius: 2px; }
+.pr-helper-simple-explanation-body {
+  margin-top: 4px;
+  padding-left: 10px;
+  border-left: 2px solid rgba(15, 23, 42, 0.12);
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--color-fg-muted, #57606a);
+}
+.pr-helper-simple-explanation-more {
+  padding: 0;
+  border: none;
+  background: none;
+  font: inherit;
+  color: #6b21a8;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.pr-helper-simple-explanation-more:hover { text-decoration: underline; }
+.pr-helper-simple-explanation-more:focus-visible { outline: 2px solid #9333ea; outline-offset: 2px; border-radius: 2px; }
+
 .pr-helper-question-importance-badge {
   font-size: 11px;
   font-weight: 700;