prreviewbuddy 0.83.3 → 0.85.0

package/static/shell.css

@@ -173,6 +173,8 @@
 :root[data-theme='dark']  { color-scheme: dark; }
 
 * { box-sizing: border-box; }
+/* No link in the workspace is underlined, at rest or on hover: colour says it is a link. */
+a { text-decoration: none; }
 
 html, body {
   height: 100%;
@@ -758,7 +760,7 @@ body[data-server-stopped] .prb-shell { opacity: 0.55; pointer-events: none; }
 .prb-author::before { content: 'by'; color: var(--text-muted); }
 .prb-author-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .prb-author-handle { color: var(--text-muted); }
-a.prb-author:hover .prb-author-name { color: var(--text-primary); text-decoration: underline; }
+a.prb-author:hover .prb-author-name { color: var(--text-primary); }
 
 .prb-pr-empty, .prb-pr-provenance, .prb-pr-truncated {
   font-size: var(--t-body);
@@ -775,7 +777,7 @@ a.prb-author:hover .prb-author-name { color: var(--text-primary); text-decoratio
   margin-bottom: 26px;
 }
 .prb-pr-provenance a { color: var(--brand); font-weight: 400; text-decoration: none; }
-.prb-pr-provenance a:hover { text-decoration: underline; }
+.prb-pr-provenance a:hover { opacity: 0.8; }
 .prb-pr-title { color: var(--pane-ink); }
 .prb-pr-counts, .prb-pr-provenance time { color: var(--pane-ink-faint); font-size: var(--t-meta); }
 
@@ -846,7 +848,7 @@ a.prb-author:hover .prb-author-name { color: var(--text-primary); text-decoratio
 }
 .prb-pr-comment-meta { display: flex; gap: 8px; align-items: baseline; font-size: var(--t-meta); }
 .prb-pr-comment-meta a { color: var(--brand); font-weight: 400; text-decoration: none; }
-.prb-pr-comment-meta a:hover { text-decoration: underline; }
+.prb-pr-comment-meta a:hover { opacity: 0.8; }
 .prb-pr-comment-meta time { color: var(--pane-ink-faint); }
 /* Someone else's words, rendered as the Markdown they wrote rather than as one flat block. Light
    pane, so literals throughout: see pane_palette.test.ts. */
@@ -2244,12 +2246,10 @@ a.prb-rail-item { text-decoration: none; }
   color: inherit;
   font: inherit;
   font-weight: 400;
-  text-decoration: underline;
-  text-decoration-color: var(--brand);
-  text-underline-offset: 3px;
+  color: var(--pane-accent);
   cursor: pointer;
 }
-.prb-doc-note-link:hover { color: var(--pane-ink); text-decoration-thickness: 2px; }
+.prb-doc-note-link:hover { color: var(--pane-ink); }
 
 .prb-doc-note {
   margin: 0 0 14px;
@@ -2396,25 +2396,21 @@ a.prb-rail-item { text-decoration: none; }
 /* Everything that is not the primary action. Text, not a box: as bordered buttons these competed
    with Update review and the panel read as four equal choices.
 
-   Resting at full contrast with a brand underline, which is where they used to arrive only on
-   hover. Muted grey on a grey rule was quiet to the point of being scenery: half of these are the
-   only way to do the thing the sentence beside them is describing, and a control nobody can see is
-   not restraint. Hover thickens the rule instead, so pointing at one still answers. */
+   Resting in the link colour, not muted grey. Grey was quiet to the point of being scenery: half of
+   these are the only way to do the thing the sentence beside them is describing, and a control
+   nobody can see is not restraint. Hover takes them to the primary ink, so pointing at one answers. */
 .prb-fresh-quiet {
   padding: 2px 0;
   border: 0;
   background: none;
-  color: var(--text-primary);
+  color: var(--link);
   font: inherit;
   font-size: var(--t-micro);
-  text-decoration: underline;
-  text-decoration-color: var(--brand);
-  text-underline-offset: 3px;
   /* It sits inside a sentence now, so it sits on that sentence's baseline. */
   vertical-align: baseline;
   cursor: pointer;
 }
-.prb-fresh-quiet:hover:not(:disabled) { text-decoration-thickness: 2px; }
+.prb-fresh-quiet:hover:not(:disabled) { color: var(--text-primary); }
 .prb-fresh-quiet:disabled { opacity: 0.55; cursor: default; }
 
 /* Dismissal, at the end of the row it dismisses. An icon rather than the word `Close`, because it
@@ -2601,17 +2597,14 @@ a.prb-rail-item { text-decoration: none; }
 .prb-update-alt > summary,
 .prb-fresh-more > summary {
   display: inline-block;
-  color: var(--text-primary);
-  text-decoration: underline;
-  text-decoration-color: var(--brand);
-  text-underline-offset: 3px;
+  color: var(--link);
   cursor: pointer;
   list-style: none;
 }
 .prb-update-alt > summary::-webkit-details-marker,
 .prb-fresh-more > summary::-webkit-details-marker { display: none; }
 .prb-update-alt > summary:hover,
-.prb-fresh-more > summary:hover { text-decoration-thickness: 2px; }
+.prb-fresh-more > summary:hover { color: var(--text-primary); }
 /* Only this one announces itself as expandable. `Start a new review` reads as an action beside
    `Check review status` and a caret would advertise the disclosure rather than the choice; `More
    details` has nothing to offer except opening, so it says so. */
@@ -3092,7 +3085,7 @@ a.prb-guide-pick { text-decoration: none; }
   opacity: 0.8;
   cursor: pointer;
 }
-.prb-code-deletion-toggle:hover { opacity: 1; text-decoration: underline; }
+.prb-code-deletion-toggle:hover { opacity: 1; }
 .prb-code-deleted { background: rgba(248, 81, 73, 0.1); }
 .prb-code-deleted .prb-code-num { box-shadow: inset 2px 0 0 #cf222e; color: #a40e26; }
 .prb-code-deleted .prb-code-line { color: #6e7781; }
@@ -3105,7 +3098,6 @@ a.prb-guide-pick { text-decoration: none; }
   background: none;
   font: inherit;
   color: #57606a;
-  text-decoration: underline;
   cursor: pointer;
 }
 .prb-code-long-toggle:hover { color: #1f2328; }
@@ -4380,7 +4372,7 @@ a.prb-guide-pick { text-decoration: none; }
 .prb-arch-trail { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 26px; font-size: var(--t-meta); color: #57606a; }
 .prb-arch-crumb { padding: 3px 0; border: 0; background: none; font: inherit; color: inherit; }
 button.prb-arch-crumb { color: #7e22ce; cursor: pointer; }
-button.prb-arch-crumb:hover { text-decoration: underline; }
+button.prb-arch-crumb:hover { opacity: 0.8; }
 button.prb-arch-crumb:focus-visible { outline: 2px solid #9333ea; outline-offset: 1px; }
 .prb-arch-crumb[aria-current] { font-weight: 600; color: #1f2328; }
 .prb-arch-crumb-sep { color: #8c959f; }
@@ -4419,7 +4411,7 @@ button.prb-arch-crumb:focus-visible { outline: 2px solid #9333ea; outline-offset
   cursor: pointer;
   overflow-wrap: anywhere;
 }
-.prb-arch-location:hover { text-decoration: underline; }
+.prb-arch-location:hover { opacity: 0.8; }
 .prb-arch-location:focus-visible { outline: 2px solid #9333ea; outline-offset: 1px; }
 span.prb-arch-location { color: #57606a; cursor: default; }
 span.prb-arch-location:hover { text-decoration: none; }
@@ -4658,7 +4650,7 @@ span.prb-arch-location:hover { text-decoration: none; }
   text-align: left;
   cursor: pointer;
 }
-.prb-map-goto:hover { text-decoration: underline; }
+.prb-map-goto:hover { opacity: 0.8; }
 
 .prb-map-edges {
   position: absolute;
@@ -5418,7 +5410,7 @@ span.prb-arch-location:hover { text-decoration: none; }
   cursor: pointer;
 }
 .prb-kiss-location:hover { background: rgba(147, 51, 234, 0.14); }
-.prb-kiss-location:hover .pr-helper-path-name { text-decoration: underline; }
+.prb-kiss-location:hover .pr-helper-path-name { opacity: 0.8; }
 /* The filename is a block, so the two markers that qualify it need a line of their own to share
    with it rather than one each above and below it. Baseline-aligned: they are small caps beside
    ordinary text and should sit on its line, not be centred against its box. */
@@ -5638,7 +5630,6 @@ select.prb-addreview-control {
   /* Clear of the sticky bars when arrived at by its anchor. */
   scroll-margin-top: 96px;
 }
-.prb-help-topic:first-of-type { padding-top: 4px; }
 .prb-help-topic:last-of-type { border-bottom: 0; }
 .prb-help-topic h2 { margin: 0 0 12px; font-size: var(--t-section); font-weight: 600; color: var(--text-primary); }
 .prb-help-topic h3 { margin: 20px 0 8px; font-size: var(--t-body); font-weight: 600; color: var(--text-primary); }
@@ -5646,13 +5637,89 @@ select.prb-addreview-control {
 .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); }
+/* Welcome: a small capitalised label over the line the product stands on, and the principles as
+   three short statements, each named in the primary ink and explained in the secondary. */
+.prb-help-topic .prb-help-eyebrow {
+  margin: 0 0 6px;
+  font-size: var(--t-micro);
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--text-tertiary, var(--text-secondary));
+}
+.prb-help-topic h3.prb-help-eyebrow { margin-top: 24px; margin-bottom: 10px; }
+.prb-help-topic .prb-help-headline { margin: 0 0 14px; font-size: var(--t-title); line-height: 1.3; }
+.prb-help-principles { display: grid; gap: 12px; margin: 0; }
+.prb-help-principles dt { font-weight: 600; color: var(--text-primary); }
+.prb-help-principles dd { margin: 2px 0 0; }
+.prb-help-tour { margin-top: 20px; }
+/* An action, not a reference: it starts something, so it looks like the tour's own Next. */
+/* Through `.prb-help-topic a`, whose link colour would otherwise be drawn on the button's own purple. */
+.prb-help-topic a.prb-help-tour-action {
+  display: inline-block;
+  padding: 5px 12px;
+  border-radius: 8px;
+  background: var(--brand);
+  color: var(--on-brand);
+  font-weight: 600;
+}
+.prb-help-topic a.prb-help-tour-action:hover { background: var(--brand-hover); }
 .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: 16px 0; 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; }
+/* Wider than the 960px every other page keeps, by the index's column, so the topics keep the
+   measure they had when the index sat above them. */
+.prb-shell > .prb-help {
+  padding-inline: max(24px, calc((100% - 1200px) / 2 + 24px));
+  container-type: inline-size;
+}
+/* The topics, and their index in a column beside them that stays in view while they scroll. The
+   index comes first in the document and is placed second here. */
+.prb-help-layout {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 208px;
+  column-gap: 32px;
+  align-items: start;
+}
+.prb-help-layout > .prb-page-panel { grid-column: 1; grid-row: 1; }
+.prb-help-contents {
+  grid-column: 2;
+  grid-row: 1;
+  position: sticky;
+  /* The pane's own top padding is the gap, at rest and stuck alike, so the index never jumps. */
+  top: 0;
+  max-height: calc(100dvh - 160px);
+  overflow-y: auto;
+  padding: 4px 0;
+}
+.prb-help-contents ul { margin: 0; padding: 0; list-style: none; border-left: 1px solid var(--border); }
+/* The rail's mark for where you are: a brand rule on the left and the tinted ground, here over the
+   list's own rule so the mark sits on the track it moves along. */
+.prb-help-contents a {
+  display: block;
+  margin-left: -1px;
+  padding: 5px 10px 5px 14px;
+  border-left: 2px solid transparent;
+  border-radius: 0 6px 6px 0;
+  font-size: var(--t-meta);
+  line-height: 1.4;
+  color: var(--text-secondary);
+  text-decoration: none;
+}
+.prb-help-contents a:hover { color: var(--text-primary); background: var(--surface-hover); }
+.prb-help-contents a[aria-current] {
+  border-left-color: var(--brand);
+  background: var(--brand-muted);
+  color: var(--text-primary);
+  font-weight: 500;
+}
+.prb-help-contents a:focus-visible { outline: 2px solid var(--brand-hover); outline-offset: -2px; }
+/* Too narrow for a column beside the prose: the index goes back above the topics, as a wrapping
+   row, and stops following the scroll. After the rules above, which it overrides. */
+@container (max-width: 760px) {
+  .prb-help-layout { display: block; }
+  .prb-help-contents { position: static; max-height: none; margin: 0 0 16px; padding: 0; }
+  .prb-help-contents ul { display: flex; flex-wrap: wrap; gap: 4px; border-left: 0; }
+  .prb-help-contents a { margin-left: 0; padding: 4px 10px; border-left: 0; border-radius: 6px; }
+}
 /* A diagram's spacing is its meaning, so it never wraps: a narrow window scrolls it instead. */
 .prb-help-diagram {
   margin: 0 0 12px;
@@ -5815,7 +5882,7 @@ a.prb-notification-open:focus-visible { outline: 2px solid var(--brand-hover); o
 .prb-toast[data-kind='updated'] { border-left-color: var(--brand); }
 .prb-toast-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .prb-toast-open { flex: none; color: var(--wordmark-accent); font-weight: 600; text-decoration: none; }
-.prb-toast-open:hover { text-decoration: underline; text-underline-offset: 2px; }
+.prb-toast-open:hover { opacity: 0.8; }
 .prb-toast-close {
   flex: none;
   width: 24px;
@@ -6474,7 +6541,6 @@ select.prb-addreview-control { padding-right: 32px; }
   color: var(--link);
   font: inherit;
   font-size: var(--t-micro);
-  text-decoration: underline;
   cursor: pointer;
 }
 .prb-addreview-retry { margin-left: calc(1em + 8px); }
@@ -6562,7 +6628,7 @@ select.prb-addreview-control { padding-right: 32px; }
 }
 .prb-selection-goto[hidden] { display: none; }
 .prb-selection-sep { color: var(--pane-ink-faint); white-space: pre; }
-.prb-selection-goto:hover [data-feedback-goto-label] { text-decoration: underline; }
+.prb-selection-goto:hover [data-feedback-goto-label] { opacity: 0.8; }
 .prb-selection-spacer { flex: 1; }
 .prb-selection-button {
   padding: 6px 12px;
@@ -6739,3 +6805,85 @@ select.prb-addreview-control { padding-right: 32px; }
   .prb-runs-count { padding: 8px 10px; }
   .prb-runs-count dd { font-size: var(--t-section); }
 }
+
+
+/* ── Guided tour ──
+   A modal dialog as big as the window, so everything under it is inert; the spotlight's shadow is
+   the dim, and the card sits beside whatever the spotlight is on. Positions are set by tour.ts. */
+.prb-tour {
+  position: fixed;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  max-width: none;
+  max-height: none;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  overflow: hidden;
+  color: var(--text-primary);
+  font: inherit;
+}
+.prb-tour::backdrop { background: transparent; }
+/* No target to light: the welcome, or a stop this layout does not draw. The whole page dims. */
+.prb-tour[data-spotless] { background: var(--backdrop); }
+.prb-tour-spot {
+  position: fixed;
+  border-radius: 10px;
+  outline: 2px solid var(--brand);
+  outline-offset: 0;
+  box-shadow: 0 0 0 200vmax var(--backdrop);
+  pointer-events: none;
+}
+.prb-tour-card {
+  position: fixed;
+  box-sizing: border-box;
+  padding: 20px 22px 18px;
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  background: var(--surface-raised);
+  box-shadow: 0 12px 32px var(--shadow-float);
+}
+.prb-tour[data-welcome] .prb-tour-card { padding: 26px 28px 22px; }
+.prb-tour-count {
+  margin: 0 0 8px;
+  font-size: var(--t-meta);
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--brand-hover);
+}
+.prb-tour-title { margin: 0 0 8px; font-size: var(--t-section); font-weight: 650; line-height: 1.3; }
+.prb-tour[data-welcome] .prb-tour-title { font-size: 20px; }
+.prb-tour-text p { margin: 0 0 8px; font-size: var(--t-body); line-height: var(--lh-body); color: var(--text-secondary); }
+.prb-tour-actions { display: flex; align-items: center; gap: 8px; margin-top: 16px; }
+.prb-tour-actions button {
+  padding: 7px 14px;
+  border-radius: 8px;
+  border: 1px solid var(--border);
+  background: var(--surface-2);
+  color: var(--text-primary);
+  font: inherit;
+  font-size: var(--t-body);
+  cursor: pointer;
+}
+.prb-tour-actions button:hover { border-color: var(--border-strong); }
+.prb-tour-actions button:focus-visible { outline: 2px solid var(--brand-hover); outline-offset: 2px; }
+.prb-tour-actions .prb-tour-skip {
+  margin-right: auto;
+  padding-left: 0;
+  padding-right: 0;
+  border-color: transparent;
+  background: transparent;
+  color: var(--text-secondary);
+}
+.prb-tour-actions .prb-tour-skip:hover { border-color: transparent; color: var(--text-primary); }
+.prb-tour-actions .prb-tour-next {
+  border-color: var(--brand);
+  background: var(--brand);
+  color: var(--on-brand);
+  font-weight: 600;
+}
+.prb-tour-actions .prb-tour-next:hover { border-color: var(--brand-hover); background: var(--brand-hover); }
+.prb-tour-actions button[hidden] { display: none; }

package/static/sidebar.css

@@ -218,7 +218,7 @@
   cursor: pointer;
 }
 
-.pr-helper-cancel-button:hover { color: #cf222e; text-decoration: underline; }
+.pr-helper-cancel-button:hover { color: #cf222e; }
 
 /* ── Brand mark + thinking dots (waiting/finalizing phase) ── */
 .pr-helper-brand-mark {
@@ -809,7 +809,7 @@
   cursor: pointer;
 }
 
-.pr-helper-author-context-toggle:hover { text-decoration: underline; }
+.pr-helper-author-context-toggle:hover { opacity: 0.8; }
 
 /* The heading and, once the description is open, its Show less. While open the row sticks to the
    top of whatever the review scrolls in, so a long description never has to be read to its end to
@@ -838,7 +838,7 @@
   color: #9333ea;
   text-decoration: none;
 }
-.pr-helper-author-context-github:hover { text-decoration: underline; }
+.pr-helper-author-context-github:hover { opacity: 0.8; }
 .pr-helper-author-context[data-expanded] .pr-helper-author-context-head {
   position: sticky;
   /* A sticky element stops at its scroller's padding edge, leaving that padding as a strip the
@@ -936,7 +936,7 @@
   cursor: pointer;
 }
 
-.pr-helper-why-link:hover { text-decoration: underline; }
+.pr-helper-why-link:hover { opacity: 0.8; }
 
 /* The author's words behind a stated motive, closed: the summary above usually says the same. */
 .pr-helper-why-source { margin: 4px 0 0; }
@@ -949,7 +949,7 @@
   width: fit-content;
 }
 
-.pr-helper-why-source > summary:hover { text-decoration: underline; }
+.pr-helper-why-source > summary:hover { opacity: 0.8; }
 
 /* The three narrative sections end here; the verdict and the path are a different kind of block,
    so the gap before each is wider than the gaps between the sections. */
@@ -1404,7 +1404,7 @@
   text-decoration: none;
 }
 
-.pr-helper-issue-discussion-link:hover { text-decoration: underline; }
+.pr-helper-issue-discussion-link:hover { opacity: 0.8; }
 
 .pr-helper-issue-loc {
   display: block;
@@ -1412,7 +1412,7 @@
   margin-top: 6px;
 }
 
-.pr-helper-issue-loc:hover .pr-helper-path-name { text-decoration: underline; }
+.pr-helper-issue-loc:hover .pr-helper-path-name { opacity: 0.8; }
 
 /* A file the finding rests on that this change does not touch. Sits under the anchored location
    and must not be mistaken for one: no line number, and the words are on the row.
@@ -1426,7 +1426,7 @@
   font-size: 11.5px;
   opacity: 0.75;
 }
-.prb-file-related:hover .pr-helper-path-name { text-decoration: underline; }
+.prb-file-related:hover .pr-helper-path-name { opacity: 0.8; }
 
 /* ── Questions tab ── */
 /* Deliberately reuses .pr-helper-issue-header/-title/-badges/-desc/-loc from the Issues tab
@@ -1501,7 +1501,7 @@
   cursor: pointer;
   white-space: nowrap;
 }
-.pr-helper-simple-explanation-more:hover { text-decoration: underline; }
+.pr-helper-simple-explanation-more:hover { opacity: 0.8; }
 .pr-helper-simple-explanation-more:focus-visible { outline: 2px solid #9333ea; outline-offset: 2px; border-radius: 2px; }
 
 .pr-helper-question-importance-badge {
@@ -1613,7 +1613,7 @@
 }
 
 .pr-helper-question-jump { text-decoration: none; }
-.pr-helper-question-jump:hover { color: #7c3aed; text-decoration: underline; }
+.pr-helper-question-jump:hover { color: #7c3aed; }
 
 /* Same button geometry as .pr-helper-explain-simply-button (the sidebar's existing outlined
    secondary), but neutral rather than purple: purple is spoken for by the primary action
@@ -1978,7 +1978,7 @@
   text-align: left;
 }
 
-.pr-helper-guide-start-cta:hover { color: #7c3aed; text-decoration: underline; }
+.pr-helper-guide-start-cta:hover { color: #7c3aed; }
 
 .pr-helper-guide-section-actions {
   display: flex;
@@ -2000,7 +2000,7 @@
   cursor: pointer;
 }
 
-.pr-helper-guide-uncomplete:hover { color: var(--color-fg-default, #24292f); text-decoration: underline; }
+.pr-helper-guide-uncomplete:hover { color: var(--color-fg-default, #24292f); }
 
 .pr-helper-guide-summary {
   font-size: 14px;
@@ -2048,9 +2048,9 @@
   margin: 0 -8px;
 }
 
-/* Underline only the filename on hover — dragging an underline through the directory and focus
-   prose would make the whole three-line row look like one long link. */
-.pr-helper-guide-file:hover .pr-helper-path-name { text-decoration: underline; }
+/* Dim only the filename on hover: dimming the directory and focus prose too would make the whole
+   three-line row look like one long link. */
+.pr-helper-guide-file:hover .pr-helper-path-name { opacity: 0.8; }
 
 .pr-helper-guide-file-focus {
   font-size: 12px;
@@ -2497,7 +2497,7 @@
   text-decoration: none;
 }
 
-.pr-helper-markdown a:hover { text-decoration: underline; }
+.pr-helper-markdown a:hover { opacity: 0.8; }
 
 /* GitHub's HTML in a description (github_html.ts). A table scrolls on its own, as on GitHub, so a
    bot's wide walkthrough never pushes the sidebar sideways. */
@@ -2541,7 +2541,7 @@
   padding: 2px 0 6px;
   cursor: pointer;
 }
-.prb-md-mermaid-toggle:hover { text-decoration: underline; }
+.prb-md-mermaid-toggle:hover { opacity: 0.8; }
 .prb-md-mermaid-error {
   margin: 0 0 6px;
   font-size: 12px;
@@ -3782,7 +3782,7 @@
   white-space: nowrap;
 }
 
-.pr-helper-nav-overlay-close:hover { color: #1f2328; text-decoration: underline; }
+.pr-helper-nav-overlay-close:hover { color: #1f2328; }
 
 .pr-helper-nav-overlay-progress {
   margin-top: 2px;
@@ -4374,7 +4374,7 @@
   cursor: pointer;
 }
 
-.pr-helper-save-bar-label-done:hover { text-decoration: underline; }
+.pr-helper-save-bar-label-done:hover { opacity: 0.8; }
 
 /* ── Selected-text → Assistant ──
    Mounted on document.body, not inside the sidebar: the sidebar is a scrolling, clipped
@@ -5521,7 +5521,7 @@
   color: #6b21a8;
   cursor: pointer;
 }
-.pr-helper-reassessment-more:hover { text-decoration: underline; }
+.pr-helper-reassessment-more:hover { opacity: 0.8; }
 .pr-helper-reassessment-accept:focus-visible,
 .pr-helper-reassessment-keep:focus-visible,
 .pr-helper-reassessment-more:focus-visible { outline: 2px solid #9333ea; outline-offset: 2px; }
@@ -5574,7 +5574,6 @@
   font-size: 10px;
   color: var(--color-accent-fg, #0969da);
   cursor: pointer;
-  text-decoration: underline;
 }
 
 /* History row. Same geometry as .pr-helper-history-delta, and for the same reason it carries no
@@ -5671,7 +5670,6 @@
   font-size: 11px;
   color: var(--color-accent-fg, #0969da);
   cursor: pointer;
-  text-decoration: underline;
 }
 
 /*
@@ -5929,7 +5927,7 @@
 .pr-helper-extension .prb-selection-count { margin: 0; font-size: 12px; font-weight: 600; color: #1f2328; }
 .pr-helper-extension .prb-selection-goto { padding: 0; border: 0; background: none; color: #7e22ce; font: inherit; font-weight: 400; cursor: pointer; }
 .pr-helper-extension .prb-selection-goto[hidden] { display: none; }
-.pr-helper-extension .prb-selection-goto:hover [data-feedback-goto-label] { text-decoration: underline; }
+.pr-helper-extension .prb-selection-goto:hover [data-feedback-goto-label] { opacity: 0.8; }
 .pr-helper-extension .prb-selection-sep { color: #8c959f; white-space: pre; }
 .pr-helper-extension .prb-selection-spacer { flex: 1; }
 .pr-helper-extension .prb-selection-button {