@cr8rcho/alkahest 0.1.17 → 0.1.19

package/dist/assets/dashboard.html

@@ -68,11 +68,17 @@
       [data-theme="light"] #theme-toggle .i-sun { display: none; } [data-theme="light"] #theme-toggle .i-moon { display: block; }
       /* Action cluster pinned to the right: Display · Fit · theme */
       .toolbar-actions { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; }
-      .brand { font-weight: 700; letter-spacing: 0.3px; white-space: nowrap; }
-      .brand .sub { color: var(--muted); font-weight: 400; margin-left: 6px; }
+      /* Brand matches the web service header (account/landing): 16px / 650 / -0.01em */
+      .brand { font-size: 16px; font-weight: 650; letter-spacing: -0.01em; white-space: nowrap; }
+      .brand .sub { color: var(--muted); font-weight: 400; font-size: 13px; letter-spacing: 0; margin-left: 6px; }
       .counts { color: var(--muted); white-space: nowrap; }
-      .counts-min { display: none; } /* compact "12S 8R" — shown on mobile only */
-      .counts-min i { font-style: normal; font-size: 0.78em; opacity: 0.72; margin-left: 1px; }
+      /* compact counts (mobile only): node-shape icons + number — ○ screen / ▢ resource, matching the legend */
+      .counts-min { display: none; }
+      .counts-min .cg { display: inline-flex; align-items: center; gap: 5px; }
+      .counts-min .cg + .cg { margin-left: 11px; }
+      .counts-min .nd { width: 9px; height: 9px; border: 1.5px solid var(--node-stroke); background: var(--node-fill); flex: 0 0 auto; }
+      .counts-min .nd.dot { border-radius: 50%; }
+      .counts-min .nd.sq { border-radius: 2px; background: var(--res-fill); }
 
       /* ---- Display menu: edge filters + legend behind one button. Dropdown on desktop, bottom sheet on mobile. ---- */
       .display-menu { position: relative; }
@@ -144,7 +150,7 @@
         .toolbar { column-gap: 10px; padding: 8px 12px; font-size: 12px; flex-wrap: nowrap; }
         .brand .sub { display: none; }
         .counts-full { display: none; }
-        .counts-min { display: inline; }
+        .counts-min { display: inline-flex; align-items: center; }
         .display-label { display: none; } /* Display collapses to icon-only */
         .display-btn { width: 32px; padding: 0; }
         /* Display popover → bottom sheet, mirroring the #panel idiom */
@@ -155,10 +161,14 @@
           border-radius: 16px 16px 0 0; border-left: none; border-right: none; border-bottom: none;
           box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.45);
           padding: 26px 18px 22px; z-index: 41;
-          transform: translateY(101%); transition: transform 0.24s ease;
           display: block; /* always present; slid off-screen until open */
+          transform: translateY(101%);
+          /* visibility:hidden when closed so the upward box-shadow doesn't bleed a band
+             at the bottom of the screen; delayed off so the slide-out still animates. */
+          visibility: hidden;
+          transition: transform 0.24s ease, visibility 0s linear 0.24s;
         }
-        .display-menu.open .display-pop { transform: translateY(0); }
+        .display-menu.open .display-pop { transform: translateY(0); visibility: visible; transition: transform 0.24s ease; }
         .display-pop::before { content: ""; position: absolute; top: 9px; left: 50%; width: 40px; height: 4px; margin-left: -20px; background: var(--line); border-radius: 2px; }
         .disp-row { padding: 9px 0; font-size: 14px; }
         .disp-legend { font-size: 13px; gap: 8px; }
@@ -173,10 +183,12 @@
           border-radius: 14px 14px 0 0;
           box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.45);
           transform: translateY(101%);
-          transition: transform 0.22s ease;
+          /* hidden when closed so the upward shadow doesn't peek at the screen bottom */
+          visibility: hidden;
+          transition: transform 0.22s ease, visibility 0s linear 0.22s;
           padding-top: 30px;
         }
-        body.panel-open #panel { transform: translateY(0); }
+        body.panel-open #panel { transform: translateY(0); visibility: visible; transition: transform 0.22s ease; }
         .panel-close {
           display: block;
           position: absolute;
@@ -319,9 +331,10 @@
           MAP.screens.length + " screens · " + MAP.resources.length + " resources · " +
           navCount + " navigate" + (containCount ? " · " + containCount + " contains" : "") +
           " · " + MAP.calls.length + " calls";
-        // compact form for the mobile toolbar: "12S 8R"
+        // compact form for the mobile toolbar: ○{screens} ▢{resources} (node-shape icons)
         countsEl.querySelector(".counts-min").innerHTML =
-          MAP.screens.length + "<i>S</i> " + MAP.resources.length + "<i>R</i>";
+          '<span class="cg"><span class="nd dot"></span>' + MAP.screens.length + "</span>" +
+          '<span class="cg"><span class="nd sq"></span>' + MAP.resources.length + "</span>";
       }
 
       // ====== force-directed layout (reference approach) ======

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cr8rcho/alkahest",
-  "version": "0.1.17",
+  "version": "0.1.19",
   "publishConfig": {
     "access": "public"
   },