jamdesk 1.1.184 → 1.1.185

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamdesk",
-  "version": "1.1.184",
+  "version": "1.1.185",
   "description": "CLI for Jamdesk — build, preview, and deploy documentation sites from MDX. Dev server with hot reload, 50+ components, OpenAPI support, AI search, and Mintlify migration",
   "keywords": [
     "jamdesk",

package/vendored/themes/halo/variables.css

@@ -368,10 +368,15 @@ body[data-theme="halo"] .sidebar-scroll ul li a::before,
 body[data-theme="halo"] .sidebar-scroll .nav-group-l1::before {
   content: '';
   position: absolute;
-  top: 0;
+  /* 2px in from the link box top and bottom so that consecutive pills — the
+     active one and the item being hovered below it — read as two cards with a
+     4px channel between them, not one continuous block. The link box is 32px
+     (20px line-height + py-1.5), leaving a 28px pill: still taller than the
+     text it wraps. */
+  top: 2px;
   left: -12px;
   right: 16px;
-  bottom: 0;
+  bottom: 2px;
   border-radius: var(--radius-lg);
   background-color: transparent;
   z-index: -1;
@@ -399,6 +404,26 @@ body[data-theme="halo"] .sidebar-scroll ul li a.nav-active {
   font-weight: 600;
 }
 
+/* Focus ring. No theme suppresses the UA outline, so a focused sidebar link
+   gets the browser's accent blue drawn around the LINK box — which is not the
+   box anyone sees: the pill is the ::before above, 12px wider on the left and
+   16px narrower on the right, so the blue rectangle reads as a stray artifact
+   rather than a highlight, and it lingers on the page you navigated to.
+   Replace it with a caramel ring inset into the pill itself. Inset (not
+   offset) so it can never collide with the neighbouring pill across the 4px
+   channel, and :focus-visible so it is keyboard-only — a mouse click leaves no
+   ring at all. Page links only: .nav-group-l1 is a <button> that already ships
+   its own focus-visible ring from Sidebar.tsx, and a second one here would
+   double it. */
+body[data-theme="halo"] .sidebar-scroll ul li a:focus {
+  outline: none;
+}
+
+body[data-theme="halo"] .sidebar-scroll ul li a:focus-visible::before {
+  outline: 2px solid var(--color-accent);
+  outline-offset: -2px;
+}
+
 /* Tab + TOC links match the sidebar pill (var(--radius-lg), same as the
    .sidebar-scroll ::before highlight) — --radius-md left them a step tighter. */
 body[data-theme="halo"] .nav-tab-link,