@justai/cuts 0.62.0 → 0.63.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justai/cuts",
-  "version": "0.62.0",
+  "version": "0.63.0",
   "description": "A persona's named parts \u2014 the page shell that holds them, and the cuts themselves.",
   "license": "UNLICENSED",
   "repository": {

package/src/Toolbar.astro

@@ -22,7 +22,9 @@
 //     persona's, so it comes from the persona. Omit it and the bust stays — adopting this is each
 //     persona's own decision, taken when its mark exists, and nothing moves in the fleet without it.
 //     Note what a mark cannot do: an <img> ignores `currentColor`, so `.active`'s accent never reaches
-//     it. Slot presence adds `.tb-mark`, which carries "you are here" as opacity instead.
+//     it. It is not replaced with anything: the title strip already closes on this cut and opens off
+//     it, and a mark is an identity rather than a UI state. Slot presence adds `.tb-mark`, which the
+//     sizing rule uses.
 //   • langPicker — needs the persona's own locale data (the list must NOT live in the shared package —
 //     it bit us twice; see @justai/ui/locale) → a slot the persona fills with its <LangPicker/>.
 //   • navExtra — optional extra nav item after Posts (e.g. the timers' fullscreen button) → slot.
@@ -67,8 +69,7 @@ const { sectionsLabel, profileLabel, kernelLabel, postsLabel, home = true, files
             in the fleet moves on the day this ships.
 
             `tb-mark` is set from slot PRESENCE, not from a prop somebody could forget to keep in step. It
-            exists because a mark cannot take `currentColor`: an <img> ignores it, so the accent that says
-            "you are here" would never reach it. The class moves that signal to opacity instead. */}
+            exists so the sizing rule can find the image; it deliberately does NOT restyle the mark. */}
         <a
           class:list={["tb-nav", { "tb-mark": Astro.slots.has("profileIcon") }]}
           id="navProfile"
@@ -172,15 +173,16 @@ const { sectionsLabel, profileLabel, kernelLabel, postsLabel, home = true, files
   .tb-nav:active { transform: scale(0.9); }
   .tb-nav.active { color: var(--accent); }
 
-  /* A MARK SAYS "YOU ARE HERE" WITH OPACITY, BECAUSE IT CANNOT SAY IT WITH COLOUR.
-     The three stroke icons are painted by `currentColor`, so `.active` turning them accent is enough. An
-     <img> mark ignores `currentColor` entirely — it carries its own paint — so on the mark that rule is a
-     declaration with no effect, and the one icon a person is looking at would be the one that never lit.
-     Opacity is the same answer BackToZone reached when it took the mark: dimmed at rest, whole when
-     current. `!important`-free, because these are more specific than the colour rules above. */
-  .tb-nav.tb-mark { opacity: 0.72; transition: opacity 0.25s var(--ease-out); }
-  .tb-nav.tb-mark:hover,
-  .tb-nav.tb-mark.active { opacity: 1; }
+  /* A MARK IS NOT DIMMED, AND THE PROFILE CUT DOES NOT NEED IT TO BE.
+     It shipped dimmed at rest for one version, on the reasoning that a mark cannot take `currentColor`
+     and so needed opacity to say "you are here". Both halves of that were true and the conclusion was
+     still wrong, because the state was already being said, louder: `titleFor` in @justai/core returns an
+     empty string for `profile`, so the title strip CLOSES on this cut and opens — 26px of layout, naming
+     where you are — the moment you leave it. Against that, tinting an icon adds nothing.
+     And the two are not the same kind of thing. The three stroke icons are generic glyphs whose colour IS
+     a UI state; a mark is an identity. A faded logo does not read as "not current", it reads as disabled.
+     So the mark stays itself. Press feedback is not lost: `.tb-nav:active`'s scale applies to it like any
+     other item. `.tb-mark` remains, because the sizing rule below still needs to know an image is here. */
   /* The shell sizes the mark and says NOTHING about `display`, deliberately. Two files arrive for the two
      themes — an SVG's internal `prefers-color-scheme` does not survive <img>, measured — and the persona
      hides one with a media query. A `display: block` here would be two classes deep against the persona's