@justai/cuts 0.129.5 → 0.129.6

package/package.json

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

package/src/Toolbar.astro

@@ -457,16 +457,21 @@ import AuthMount from "./AuthMount.astro";
    * Opacity and pointer-events here; the INERT that takes them out of the tab order is set in the
    * script, because CSS cannot. The transition matters more than it looks: chrome that snaps away
    * reads as breaking, chrome that withdraws reads as dimming the house lights. */
-  /* QUIET, NOT DEAD. The first version faded the row to 16% and made it inert - a locked door.
-   * The founder's better idea: leave everything enabled, and USING any of it pauses the game -
-   * *"gitti chats'e tikladi. game state playing ise otomatik oyunu pause eder. daha smooth bir
-   * deneyim."* One tap instead of pause-then-tap, and the whole row becomes the way back. */
-  :global(html[data-stage="playing"]) .tb-nav-group,
-  :global(html[data-stage="playing"]) .tb-right,
-  :global(html[data-stage="playing"]) .tb-title {
-    opacity: 0.5;
-    transition: opacity 0.4s var(--ease-out);
-  }
+  /* ── IN THE DARK, NOT DISABLED — how this row goes quiet while a game plays ─────────────────
+   * queries: toolbar looks disabled · faded but clickable · toolbar during a game · theater
+   *
+   * Three versions of quieting, each struck by the founder. Fading the elements was the last one:
+   * *"neden disable mis gibi gozukuyor ama tiklanabiliyor? tiklanabiliyorsa disable gibi
+   * gozukmemeli."* Right - reduced opacity IS the visual language of disabled, and nothing
+   * clickable may speak it.
+   *
+   * The answer was in the theater metaphor the whole time: in a dark cinema the seats are not
+   * disabled, they are in the dark. So the elements keep their full strength and the ROW STEPS
+   * UNDER THE ROOM'S DIM - below the .pr-room layer the stage protocol hangs over the page - and
+   * darkens with everything else in one coherent light change. The dim takes no pointer events,
+   * so every control underneath works exactly as it looks like it should: like chrome in a dark
+   * room, waiting. */
+  :global(html[data-stage="playing"]) .tb-slot { z-index: 20; }
   /* icon-only section nav — current cut highlighted */
   .tb-nav {
     display: grid; place-items: center; width: 38px; height: 36px;