@realiizlabs/admin 0.15.7 → 0.15.8

package/dist/studio/index.cjs

@@ -1116,7 +1116,7 @@ function makeHandlers(ctx) {
 }
 
 // src/version.ts
-var ADMIN_VERSION = "0.15.7" ;
+var ADMIN_VERSION = "0.15.8" ;
 
 // src/studio/update.ts
 var PACKAGE_NAME = "@realiizlabs/admin";

package/dist/studio/index.js

@@ -1104,7 +1104,7 @@ function makeHandlers(ctx) {
 }
 
 // src/version.ts
-var ADMIN_VERSION = "0.15.7" ;
+var ADMIN_VERSION = "0.15.8" ;
 
 // src/studio/update.ts
 var PACKAGE_NAME = "@realiizlabs/admin";

package/dist/studio-ui/index.cjs

@@ -739,7 +739,7 @@ function Tabs({ options, value, onChange, label = "Sections" }) {
 }
 
 // src/version.ts
-var ADMIN_VERSION = "0.15.7" ;
+var ADMIN_VERSION = "0.15.8" ;
 
 // src/studio-ui/css.ts
 var STUDIO_CSS = `
@@ -906,12 +906,20 @@ var STUDIO_CSS = `
 .rz-admin .rz-help__search svg { position: absolute; left: .9rem; top: 50%; transform: translateY(-50%); color: var(--text-muted); pointer-events: none; }
 .rz-admin .rz-help__search input { width: 100%; padding-left: 2.6rem; font-size: 1rem; }
 .rz-admin .rz-help__body { display: grid; grid-template-columns: 13rem minmax(0, 1fr); gap: 2rem; align-items: start; }
-@media (max-width: 760px) { .rz-admin .rz-help__body { grid-template-columns: 1fr; gap: 1rem; } .rz-admin .rz-help__nav { display: flex; flex-wrap: wrap; gap: .25rem; } }
 .rz-admin .rz-help__nav { position: sticky; top: calc(var(--rz-topbar) + 1rem); display: flex; flex-direction: column; gap: .1rem; }
-.rz-admin .rz-help__navitem { padding: .45rem .75rem; border-radius: 6px; color: var(--text-secondary); text-decoration: none; font-size: .875rem; }
+.rz-admin .rz-help__navitem { padding: .45rem .75rem; border-radius: 6px; color: var(--text-secondary); text-decoration: none; font-size: .875rem; white-space: nowrap; }
 .rz-admin .rz-help__navitem:hover { background: var(--surface-2); color: var(--text-primary); }
 .rz-admin .rz-help__navitem--active { background: var(--surface-2); color: var(--signal); font-weight: 500; }
 .rz-admin .rz-help__main { max-width: 44rem; min-width: 0; }
+/* Phones: sections become one row of chips that scrolls sideways above the content (must come
+   after the desktop rules above \u2014 same specificity, last one wins). */
+@media (max-width: 760px) {
+  .rz-admin .rz-help__body { grid-template-columns: 1fr; gap: 1rem; }
+  .rz-admin .rz-help__nav { position: static; flex-direction: row; gap: .35rem; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; margin: 0 -14px; padding: .1rem 14px .4rem; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 2.5rem), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 2.5rem), transparent); }
+  .rz-admin .rz-help__nav::-webkit-scrollbar { display: none; }
+  .rz-admin .rz-help__navitem { flex: 0 0 auto; border: 1px solid var(--border); border-radius: 999px; padding: .4rem .8rem; background: var(--surface-1); }
+  .rz-admin .rz-help__navitem--active { border-color: var(--signal); }
+}
 .rz-admin .rz-help__h { font-family: var(--rz-font-display); font-size: 1.5rem; font-weight: 600; letter-spacing: -.01em; margin: 0 0 .35rem; }
 .rz-admin .rz-help__blurb { color: var(--text-secondary); margin: 0 0 1.25rem; }
 .rz-admin .rz-help__count { color: var(--text-muted); font-size: .85rem; margin: 0 0 .75rem; }
@@ -1071,7 +1079,8 @@ function InstallTracker({ installing, compact = false }) {
   }, []);
   const minimize = (on) => {
     try {
-      on ? localStorage.setItem(MIN_KEY, "1") : localStorage.removeItem(MIN_KEY);
+      if (on) localStorage.setItem(MIN_KEY, "1");
+      else localStorage.removeItem(MIN_KEY);
     } catch {
     }
     setMinimized(on);
@@ -5603,6 +5612,12 @@ function StudioHelp() {
   };
   const hits = q.trim().length > 1 ? searchHelp(q) : null;
   const activeSection = view.kind === "section" ? view.id : view.article.section;
+  const nav = react.useRef(null);
+  react.useEffect(() => {
+    const el = nav.current;
+    if (!el || el.scrollWidth <= el.clientWidth) return;
+    el.querySelector(".rz-help__navitem--active")?.scrollIntoView?.({ inline: "center", block: "nearest" });
+  }, [activeSection, hits]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: top, className: "rz-help", children: [
     /* @__PURE__ */ jsxRuntime.jsx(PageHeader, { eyebrow: "Help", title: "Help center", subtitle: "Everything about running your website from Studio, in plain English. Search, or browse by section." }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-help__search", children: [
@@ -5626,7 +5641,7 @@ function StudioHelp() {
       )
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-help__body", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "rz-help__nav", "aria-label": "Help sections", children: HELP_SECTIONS.map((s) => /* @__PURE__ */ jsxRuntime.jsx("a", { href: `#s-${s.id}`, className: `rz-help__navitem${!hits && activeSection === s.id ? " rz-help__navitem--active" : ""}`, onClick: (e) => {
+      /* @__PURE__ */ jsxRuntime.jsx("nav", { ref: nav, className: "rz-help__nav", "aria-label": "Help sections", children: HELP_SECTIONS.map((s) => /* @__PURE__ */ jsxRuntime.jsx("a", { href: `#s-${s.id}`, className: `rz-help__navitem${!hits && activeSection === s.id ? " rz-help__navitem--active" : ""}`, onClick: (e) => {
         e.preventDefault();
         go(`s-${s.id}`);
       }, children: s.title }, s.id)) }),