Skip to content

Desktop UI polish: link chips, sidebar arc, tab strip rule - #71872

Merged
OutThisLife merged 5 commits into
mainfrom
bb/desktop-ui-polish
Jul 26, 2026
Merged

Desktop UI polish: link chips, sidebar arc, tab strip rule#71872
OutThisLife merged 5 commits into
mainfrom
bb/desktop-ui-polish

Conversation

@OutThisLife

Copy link
Copy Markdown
Collaborator

Four small desktop UI fixes that came out of a pass over chat links, the
sidebar arc, the pane tab strip, and technical mode.

Inline links now read as a small primary-tinted chip rather than an
underline with a trailing arrow. The tint is currentColor-relative, so a
single class keeps text and fill in the same hue on every theme.

The running-session arc was reduced to a few faint dots on sidebar rows —
the ring was outset into a horizontally-clipped scroller, and its tail
color resolves to the chrome background, invisible against the sidebar.
The ring's corner radius is also derived from its standoff now, so an
outset ring stays concentric with its host instead of pinching.

The pane tab strip lost its bottom rule behind the tabs: that rule is an
inset shadow living in the container's last pixel row, which full-height
tabs covered, making each tab look like it overhung the bar by 1px.
Inactive tabs had been compensating with their own border, which stacked
a second translucent line. The container is now the sole owner of one
continuous rule.

Technical mode rendered the raw tool payload two different ways, one of
them a native <details> whose browser-drawn marker matches nothing else
in the app. Both are now a single collapsed chevron disclosure.

Content links read as a small primary-tinted chip instead of an
underline, dropping the trailing external-link arrow. The tint is
currentColor-relative, so one class carries text and fill in the same
hue across every theme, and `box-decoration-break: clone` gives a
wrapped link a chip per line fragment.
The arc reduced to a few faint dots on session rows. Two causes: the ring
was outset by 2px into a scroller that clips horizontally, losing its
left and right runs; and its tail color defaults to the chrome
background, which is invisible against the sidebar, leaving only the
bright stop of each gradient pass.

An `arc-row` variant sits flush and ties the tail back to the ring
color. The ring's radius is now derived from its standoff (r_host + gap)
rather than inherited, which keeps any outset host concentric instead of
pinched.
The strip's rule is an inset shadow painted in the container's last pixel
row, and full-height tabs covered it — so each tab read as overhanging
the bar by 1px. Inactive tabs compensated with their own border, stacking
a second translucent line that darkened the seam.

Inactive tabs now stop 1px short and draw no bottom border, leaving the
container as the sole owner of one continuous rule; the active tab keeps
full height so it alone cuts through. Hover also darkens rather than
lightens, since lightening moved a hovered tab toward the active
surface's look.
Technical mode rendered the raw payload two different ways — a bare
block for most rows, a native `<details>` for file edits, whose
browser-drawn marker matches nothing else in the app. Both are now one
collapsed chevron disclosure at a smaller type size, with even padding
against the row body.
@OutThisLife
OutThisLife enabled auto-merge July 26, 2026 09:26
@alt-glitch alt-glitch added type/bug Something isn't working comp/desktop Electron desktop app (apps/desktop/*) P3 Low — cosmetic, nice to have labels Jul 26, 2026
@github-actions

github-actions Bot commented Jul 26, 2026

Copy link
Copy Markdown
Contributor

૮ >ﻌ< ა ci review

ran on 9947a60

all good!

@OutThisLife
OutThisLife merged commit 02721cc into main Jul 26, 2026
33 checks passed
@OutThisLife
OutThisLife deleted the bb/desktop-ui-polish branch July 26, 2026 10:08
randlee pushed a commit to randlee/hermes-agent that referenced this pull request Aug 11, 2026
…-polish

Desktop UI polish: link chips, sidebar arc, tab strip rule
33hodl pushed a commit to 33hodl/hermes-agent that referenced this pull request Aug 12, 2026
…-polish

Desktop UI polish: link chips, sidebar arc, tab strip rule
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

comp/desktop Electron desktop app (apps/desktop/*) P3 Low — cosmetic, nice to have type/bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants