@realiizlabs/admin 0.15.0 → 0.15.2

package/dist/studio-ui/index.cjs

@@ -102,7 +102,7 @@ function isActive(item, activeHref, basePath) {
   if (item.href === basePath) return activeHref === basePath || activeHref === `${basePath}/`;
   return activeHref === item.href || activeHref.startsWith(`${item.href}/`);
 }
-function Sidebar({ items, pinned = [], activeHref, basePath }) {
+function Sidebar({ items, pinned = [], activeHref, basePath, version }) {
   const [collapsed, setCollapsed] = react.useState(false);
   react.useEffect(() => {
     try {
@@ -157,7 +157,11 @@ function Sidebar({ items, pinned = [], activeHref, basePath }) {
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-sidebar__label", children: "Collapse" })
         ]
       }
-    )
+    ),
+    version && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-sidebar__version", title: `Studio ${version}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-sidebar__label", children: "Studio " }),
+      version
+    ] })
   ] });
 }
 function buttonClass(variant = "secondary", size = "md", extra) {
@@ -405,6 +409,8 @@ var SHELL_CSS = `
 .rz-sidebar__collapse:hover { color: var(--text-primary); }
 .rz-sidebar__collapse svg { flex-shrink: 0; }
 .rz-sidebar--collapsed .rz-sidebar__collapse { justify-content: center; padding: .6rem 0; }
+.rz-sidebar__version { display: block; padding: 0 1rem .75rem; font-family: var(--rz-font-mono); font-size: .6875rem; letter-spacing: .04em; color: var(--text-muted); opacity: .8; white-space: nowrap; }
+.rz-sidebar--collapsed .rz-sidebar__version { padding: 0 0 .75rem; text-align: center; }
 .rz-main { flex: 1; min-width: 0; }
 .rz-content { max-width: 1400px; margin: 0; padding: 28px 32px 80px; }
 .rz-content .realiiz-form { max-width: none; }
@@ -600,6 +606,7 @@ function AdminShell({
   siteUrl,
   branding,
   defaultTheme = "light",
+  version,
   children
 }) {
   const [theme, setTheme] = useTheme(defaultTheme);
@@ -626,7 +633,7 @@ function AdminShell({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-body", children: [
-      showNav && /* @__PURE__ */ jsxRuntime.jsx(Sidebar, { items: nav, pinned: pinnedNav, activeHref, basePath }),
+      showNav && /* @__PURE__ */ jsxRuntime.jsx(Sidebar, { items: nav, pinned: pinnedNav, activeHref, basePath, version }),
       /* @__PURE__ */ jsxRuntime.jsx("main", { className: "rz-main", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-content", children }) })
     ] })
   ] });
@@ -708,6 +715,9 @@ function Tabs({ options, value, onChange, label = "Sections" }) {
   }) });
 }
 
+// src/version.ts
+var ADMIN_VERSION = "0.15.2" ;
+
 // src/studio-ui/css.ts
 var STUDIO_CSS = `
 /*
@@ -896,10 +906,11 @@ var STUDIO_CSS = `
 @media (prefers-reduced-motion: no-preference) { .rz-admin a:hover .rz-arrow--back { transform: translateX(-4px); } }
 
 /* ---- Studio update strip / Settings \u2192 Studio ---------------------------- */
-.rz-admin .rz-update { border: 1px solid var(--border); border-left: 3px solid var(--signal); border-radius: var(--rz-radius); background: var(--surface-1); padding: .7rem 1rem; }
-.rz-admin .rz-update--strip { margin: 0 0 1.25rem; }
-.rz-admin .rz-update__row { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
-.rz-admin .rz-update__title { font-weight: 600; color: var(--text-primary); }
+.rz-admin .rz-update { border: 1px solid color-mix(in srgb, var(--signal) 22%, var(--border)); border-radius: 8px; background: color-mix(in srgb, var(--signal) 5%, var(--surface-1)); padding: .75rem 1.1rem; }
+.rz-admin .rz-update--strip { margin: 0 0 1.5rem; }
+.rz-admin .rz-update__row { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.1rem; }
+.rz-admin .rz-update__title { display: inline-flex; align-items: center; gap: .55rem; font-weight: 600; color: var(--text-primary); }
+.rz-admin .rz-update__title::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 3px color-mix(in srgb, var(--signal) 18%, transparent); }
 .rz-admin .rz-update__link { display: inline-flex; align-items: center; gap: .3rem; background: none; border: 0; padding: 0; font: inherit; font-size: .875rem; color: var(--signal); cursor: pointer; text-decoration: none; }
 .rz-admin .rz-update__link:hover { color: var(--text-primary); }
 .rz-admin .rz-update__later { margin-left: auto; background: none; border: 0; padding: 0; font: inherit; font-size: .8rem; color: var(--text-muted); cursor: pointer; }
@@ -999,11 +1010,7 @@ function UpdateBody({ update, onLater, compact = false }) {
     ];
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rz-update${compact ? " rz-update--strip" : ""}`, role: "status", children: [
       /* @__PURE__ */ jsxRuntime.jsx(Steps, { steps }),
-      live && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-update__done", children: [
-        "Studio updated to ",
-        update.version,
-        ". Reload to see it."
-      ] })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-update__done", children: live ? `Studio ${update.version} is live. Reload and the version at the foot of the sidebar will change.` : "The version shown in Studio changes once the site has rebuilt." })
     ] });
   }
   const problem = outcome && outcome.state !== "pending" ? outcome.state === "stale" ? "The site changed since the checks ran. Try again in a minute." : outcome.state === "red" ? `The checks failed${outcome.failingCheck ? ` (${outcome.failingCheck})` : ""}. Your web team has been able to see this.` : outcome.state === "error" ? outcome.message : null : null;
@@ -1033,7 +1040,7 @@ function StudioShellFrame({ siteName, logoUrl, siteUrl = "/", user, role, nav, p
   }, [user]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("style", { children: STUDIO_CSS }),
-    /* @__PURE__ */ jsxRuntime.jsxs(AdminShell, { siteName, logoUrl: logoUrl ?? void 0, siteUrl, user, role, nav, pinnedNav, branding, accountHref: null, activeHref: pathname, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(AdminShell, { siteName, logoUrl: logoUrl ?? void 0, siteUrl, user, role, nav, pinnedNav, branding, accountHref: null, activeHref: pathname, version: ADMIN_VERSION, children: [
       /* @__PURE__ */ jsxRuntime.jsx(UpdateStrip, { update, role }),
       children
     ] })
@@ -5452,9 +5459,6 @@ function BackArrow() {
   ] });
 }
 
-// src/version.ts
-var ADMIN_VERSION = "0.15.0" ;
-
 // src/studio-ui/types.ts
 var ACTION_NAMES = [
   "updateStudio",