@realiizlabs/admin 0.14.0 → 0.15.0

package/LICENSE

@@ -0,0 +1,21 @@
+Realiiz Studio License (source-available)
+
+Copyright (c) 2026 Realiiz Labs LLC. All rights reserved.
+
+This package (@realiizlabs/admin, "Studio") is published so that websites built
+from the Realiiz site-starter-pro template can install and update it without
+credentials. It is not open source.
+
+You may install, run and modify this package as part of a website that you or
+your organization built from a licensed copy of site-starter-pro, or that
+Realiiz built for you. You may keep it installed for as long as that website
+exists, including after your relationship with Realiiz ends.
+
+You may not redistribute this package, sell it, offer it as part of another
+template, product or service, or remove this notice.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND. In no event
+shall Realiiz Labs LLC be liable for any claim, damages or other liability
+arising from the use of the software.
+
+Questions: hello@realiiz.com

package/dist/{Sidebar-Dvrc9_xR.d.cts → Sidebar-Dz_qJOSx.d.cts}

@@ -23,7 +23,7 @@ interface ShellUser {
 }
 declare function firstNameOf(user: ShellUser): string;
 declare function initialsOf(user: ShellUser): string;
-declare function AccountMenu({ user, role, theme, onTheme, signOutPath, accountHref, helpHref }: {
+declare function AccountMenu({ user, role, theme, onTheme, signOutPath, accountHref, helpHref, siteUrl }: {
     user: ShellUser;
     role: string;
     theme: Theme;
@@ -33,6 +33,8 @@ declare function AccountMenu({ user, role, theme, onTheme, signOutPath, accountH
     accountHref?: string;
     /** The Help center. Omit to hide the item. */
     helpHref?: string;
+    /** The live website — a "View website" item that opens in a new tab. Omit to hide it. */
+    siteUrl?: string | null;
 }): react.JSX.Element;
 
 /**

package/dist/{Sidebar-Dvrc9_xR.d.ts → Sidebar-Dz_qJOSx.d.ts}

@@ -23,7 +23,7 @@ interface ShellUser {
 }
 declare function firstNameOf(user: ShellUser): string;
 declare function initialsOf(user: ShellUser): string;
-declare function AccountMenu({ user, role, theme, onTheme, signOutPath, accountHref, helpHref }: {
+declare function AccountMenu({ user, role, theme, onTheme, signOutPath, accountHref, helpHref, siteUrl }: {
     user: ShellUser;
     role: string;
     theme: Theme;
@@ -33,6 +33,8 @@ declare function AccountMenu({ user, role, theme, onTheme, signOutPath, accountH
     accountHref?: string;
     /** The Help center. Omit to hide the item. */
     helpHref?: string;
+    /** The live website — a "View website" item that opens in a new tab. Omit to hide it. */
+    siteUrl?: string | null;
 }): react.JSX.Element;
 
 /**

package/dist/bar/index.cjs

@@ -0,0 +1,82 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/bar/StudioBar.tsx
+var STUDIO_MARKER_COOKIE = "rz-studio";
+var HIDE_KEY = "rz-bar-hidden";
+function hasStudioMarker(cookie = typeof document === "undefined" ? "" : document.cookie) {
+  return cookie.split(";").some((c) => c.trim().startsWith(`${STUDIO_MARKER_COOKIE}=1`));
+}
+function editHrefFor(pathname, routes, adminPath = "/admin") {
+  for (const [prefix, typeId] of Object.entries(routes)) {
+    if (!pathname.startsWith(prefix)) continue;
+    const rest = pathname.slice(prefix.length).replace(/\/+$/, "");
+    if (!rest || rest.includes("/")) continue;
+    if (!/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(rest)) continue;
+    return `${adminPath}/${typeId}/${rest}`;
+  }
+  return null;
+}
+function StudioBar({ routes = {}, adminPath = "/admin", label = "Studio" }) {
+  const [state, setState] = react.useState({ show: false, path: "" });
+  react.useEffect(() => {
+    const path = window.location.pathname;
+    if (path === adminPath || path.startsWith(`${adminPath}/`)) return;
+    let hidden = false;
+    try {
+      hidden = sessionStorage.getItem(HIDE_KEY) === "1";
+    } catch {
+    }
+    if (!hidden && hasStudioMarker()) setState({ show: true, path });
+  }, [adminPath]);
+  if (!state.show) return null;
+  const edit = editHrefFor(state.path, routes, adminPath);
+  const close = () => {
+    try {
+      sessionStorage.setItem(HIDE_KEY, "1");
+    } catch {
+    }
+    setState({ show: false, path: "" });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: S.wrap, role: "region", "aria-label": "Studio", "data-studio-bar": true, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { style: S.brand, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6z" }) }),
+      label
+    ] }),
+    edit && /* @__PURE__ */ jsxRuntime.jsx("a", { href: edit, style: S.link, children: "Edit this page" }),
+    /* @__PURE__ */ jsxRuntime.jsx("a", { href: adminPath, style: S.link, children: "Dashboard" }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: close, style: S.close, "aria-label": "Hide the Studio bar for this tab", children: "\xD7" })
+  ] });
+}
+var S = {
+  wrap: {
+    position: "fixed",
+    left: 16,
+    bottom: 16,
+    zIndex: 2147483e3,
+    display: "flex",
+    alignItems: "center",
+    gap: 2,
+    padding: "4px 6px 4px 10px",
+    borderRadius: 999,
+    background: "#0b1220",
+    color: "#e5e7eb",
+    boxShadow: "0 6px 24px rgba(0,0,0,.28)",
+    font: "500 13px/1 system-ui, -apple-system, Segoe UI, Roboto, sans-serif",
+    letterSpacing: ".01em",
+    WebkitFontSmoothing: "antialiased"
+  },
+  brand: { display: "inline-flex", alignItems: "center", gap: 6, paddingRight: 8, marginRight: 4, borderRight: "1px solid rgba(255,255,255,.18)", color: "#a5b4fc", fontWeight: 600 },
+  link: { color: "#e5e7eb", textDecoration: "none", padding: "6px 8px", borderRadius: 999 },
+  close: { marginLeft: 2, width: 26, height: 26, border: 0, borderRadius: 999, background: "transparent", color: "#9ca3af", fontSize: 16, lineHeight: 1, cursor: "pointer" }
+};
+
+exports.STUDIO_MARKER_COOKIE = STUDIO_MARKER_COOKIE;
+exports.StudioBar = StudioBar;
+exports.editHrefFor = editHrefFor;
+exports.hasStudioMarker = hasStudioMarker;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/bar/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/bar/StudioBar.tsx"],"names":["useState","useEffect","jsxs","jsx"],"mappings":"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","file":"index.cjs","sourcesContent":["\"use client\";\n\nimport { useEffect, useState, type CSSProperties } from \"react\";\n\nexport const STUDIO_MARKER_COOKIE = \"rz-studio\";\nconst HIDE_KEY = \"rz-bar-hidden\";\n\nexport interface StudioBarProps {\n  /** Public URL prefix → content type id, e.g. { \"/blog/\": \"posts\", \"/events/\": \"events\" }. */\n  routes?: Record<string, string>;\n  /** Where Studio lives. Default \"/admin\". */\n  adminPath?: string;\n  /** Shown on the pill. Default \"Studio\". */\n  label?: string;\n}\n\n/** True when Studio's marker cookie is present (someone signed in to Studio in this browser). */\nexport function hasStudioMarker(cookie: string = typeof document === \"undefined\" ? \"\" : document.cookie): boolean {\n  return cookie.split(\";\").some((c) => c.trim().startsWith(`${STUDIO_MARKER_COOKIE}=1`));\n}\n\n/** The Studio edit page for a public path, or null when the path isn't an item Studio manages. */\nexport function editHrefFor(pathname: string, routes: Record<string, string>, adminPath = \"/admin\"): string | null {\n  for (const [prefix, typeId] of Object.entries(routes)) {\n    if (!pathname.startsWith(prefix)) continue;\n    const rest = pathname.slice(prefix.length).replace(/\\/+$/, \"\");\n    if (!rest || rest.includes(\"/\")) continue; // the index page, or something nested — not an item\n    if (!/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(rest)) continue;\n    return `${adminPath}/${typeId}/${rest}`;\n  }\n  return null;\n}\n\nexport function StudioBar({ routes = {}, adminPath = \"/admin\", label = \"Studio\" }: StudioBarProps) {\n  const [state, setState] = useState<{ show: boolean; path: string }>({ show: false, path: \"\" });\n\n  useEffect(() => {\n    const path = window.location.pathname;\n    if (path === adminPath || path.startsWith(`${adminPath}/`)) return;\n    let hidden = false;\n    try { hidden = sessionStorage.getItem(HIDE_KEY) === \"1\"; } catch { /* private mode */ }\n    if (!hidden && hasStudioMarker()) setState({ show: true, path });\n  }, [adminPath]);\n\n  if (!state.show) return null;\n  const edit = editHrefFor(state.path, routes, adminPath);\n  const close = () => { try { sessionStorage.setItem(HIDE_KEY, \"1\"); } catch { /* private mode */ } setState({ show: false, path: \"\" }); };\n\n  return (\n    <div style={S.wrap} role=\"region\" aria-label=\"Studio\" data-studio-bar>\n      <span style={S.brand}>\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.4\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6z\" /></svg>\n        {label}\n      </span>\n      {edit && <a href={edit} style={S.link}>Edit this page</a>}\n      <a href={adminPath} style={S.link}>Dashboard</a>\n      <button type=\"button\" onClick={close} style={S.close} aria-label=\"Hide the Studio bar for this tab\">×</button>\n    </div>\n  );\n}\n\n/* Self-contained styles: no dependency on the site's CSS, fonts or theme. */\nconst S: Record<string, CSSProperties> = {\n  wrap: {\n    position: \"fixed\", left: 16, bottom: 16, zIndex: 2147483000,\n    display: \"flex\", alignItems: \"center\", gap: 2,\n    padding: \"4px 6px 4px 10px\", borderRadius: 999,\n    background: \"#0b1220\", color: \"#e5e7eb\", boxShadow: \"0 6px 24px rgba(0,0,0,.28)\",\n    font: \"500 13px/1 system-ui, -apple-system, Segoe UI, Roboto, sans-serif\", letterSpacing: \".01em\",\n    WebkitFontSmoothing: \"antialiased\",\n  },\n  brand: { display: \"inline-flex\", alignItems: \"center\", gap: 6, paddingRight: 8, marginRight: 4, borderRight: \"1px solid rgba(255,255,255,.18)\", color: \"#a5b4fc\", fontWeight: 600 },\n  link: { color: \"#e5e7eb\", textDecoration: \"none\", padding: \"6px 8px\", borderRadius: 999 },\n  close: { marginLeft: 2, width: 26, height: 26, border: 0, borderRadius: 999, background: \"transparent\", color: \"#9ca3af\", fontSize: 16, lineHeight: 1, cursor: \"pointer\" },\n};\n"]}

package/dist/bar/index.d.cts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+
+declare const STUDIO_MARKER_COOKIE = "rz-studio";
+interface StudioBarProps {
+    /** Public URL prefix → content type id, e.g. { "/blog/": "posts", "/events/": "events" }. */
+    routes?: Record<string, string>;
+    /** Where Studio lives. Default "/admin". */
+    adminPath?: string;
+    /** Shown on the pill. Default "Studio". */
+    label?: string;
+}
+/** True when Studio's marker cookie is present (someone signed in to Studio in this browser). */
+declare function hasStudioMarker(cookie?: string): boolean;
+/** The Studio edit page for a public path, or null when the path isn't an item Studio manages. */
+declare function editHrefFor(pathname: string, routes: Record<string, string>, adminPath?: string): string | null;
+declare function StudioBar({ routes, adminPath, label }: StudioBarProps): react.JSX.Element | null;
+
+export { STUDIO_MARKER_COOKIE, StudioBar, type StudioBarProps, editHrefFor, hasStudioMarker };

package/dist/bar/index.d.ts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+
+declare const STUDIO_MARKER_COOKIE = "rz-studio";
+interface StudioBarProps {
+    /** Public URL prefix → content type id, e.g. { "/blog/": "posts", "/events/": "events" }. */
+    routes?: Record<string, string>;
+    /** Where Studio lives. Default "/admin". */
+    adminPath?: string;
+    /** Shown on the pill. Default "Studio". */
+    label?: string;
+}
+/** True when Studio's marker cookie is present (someone signed in to Studio in this browser). */
+declare function hasStudioMarker(cookie?: string): boolean;
+/** The Studio edit page for a public path, or null when the path isn't an item Studio manages. */
+declare function editHrefFor(pathname: string, routes: Record<string, string>, adminPath?: string): string | null;
+declare function StudioBar({ routes, adminPath, label }: StudioBarProps): react.JSX.Element | null;
+
+export { STUDIO_MARKER_COOKIE, StudioBar, type StudioBarProps, editHrefFor, hasStudioMarker };

package/dist/bar/index.js

@@ -0,0 +1,77 @@
+"use client";
+import { useState, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/bar/StudioBar.tsx
+var STUDIO_MARKER_COOKIE = "rz-studio";
+var HIDE_KEY = "rz-bar-hidden";
+function hasStudioMarker(cookie = typeof document === "undefined" ? "" : document.cookie) {
+  return cookie.split(";").some((c) => c.trim().startsWith(`${STUDIO_MARKER_COOKIE}=1`));
+}
+function editHrefFor(pathname, routes, adminPath = "/admin") {
+  for (const [prefix, typeId] of Object.entries(routes)) {
+    if (!pathname.startsWith(prefix)) continue;
+    const rest = pathname.slice(prefix.length).replace(/\/+$/, "");
+    if (!rest || rest.includes("/")) continue;
+    if (!/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(rest)) continue;
+    return `${adminPath}/${typeId}/${rest}`;
+  }
+  return null;
+}
+function StudioBar({ routes = {}, adminPath = "/admin", label = "Studio" }) {
+  const [state, setState] = useState({ show: false, path: "" });
+  useEffect(() => {
+    const path = window.location.pathname;
+    if (path === adminPath || path.startsWith(`${adminPath}/`)) return;
+    let hidden = false;
+    try {
+      hidden = sessionStorage.getItem(HIDE_KEY) === "1";
+    } catch {
+    }
+    if (!hidden && hasStudioMarker()) setState({ show: true, path });
+  }, [adminPath]);
+  if (!state.show) return null;
+  const edit = editHrefFor(state.path, routes, adminPath);
+  const close = () => {
+    try {
+      sessionStorage.setItem(HIDE_KEY, "1");
+    } catch {
+    }
+    setState({ show: false, path: "" });
+  };
+  return /* @__PURE__ */ jsxs("div", { style: S.wrap, role: "region", "aria-label": "Studio", "data-studio-bar": true, children: [
+    /* @__PURE__ */ jsxs("span", { style: S.brand, children: [
+      /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6z" }) }),
+      label
+    ] }),
+    edit && /* @__PURE__ */ jsx("a", { href: edit, style: S.link, children: "Edit this page" }),
+    /* @__PURE__ */ jsx("a", { href: adminPath, style: S.link, children: "Dashboard" }),
+    /* @__PURE__ */ jsx("button", { type: "button", onClick: close, style: S.close, "aria-label": "Hide the Studio bar for this tab", children: "\xD7" })
+  ] });
+}
+var S = {
+  wrap: {
+    position: "fixed",
+    left: 16,
+    bottom: 16,
+    zIndex: 2147483e3,
+    display: "flex",
+    alignItems: "center",
+    gap: 2,
+    padding: "4px 6px 4px 10px",
+    borderRadius: 999,
+    background: "#0b1220",
+    color: "#e5e7eb",
+    boxShadow: "0 6px 24px rgba(0,0,0,.28)",
+    font: "500 13px/1 system-ui, -apple-system, Segoe UI, Roboto, sans-serif",
+    letterSpacing: ".01em",
+    WebkitFontSmoothing: "antialiased"
+  },
+  brand: { display: "inline-flex", alignItems: "center", gap: 6, paddingRight: 8, marginRight: 4, borderRight: "1px solid rgba(255,255,255,.18)", color: "#a5b4fc", fontWeight: 600 },
+  link: { color: "#e5e7eb", textDecoration: "none", padding: "6px 8px", borderRadius: 999 },
+  close: { marginLeft: 2, width: 26, height: 26, border: 0, borderRadius: 999, background: "transparent", color: "#9ca3af", fontSize: 16, lineHeight: 1, cursor: "pointer" }
+};
+
+export { STUDIO_MARKER_COOKIE, StudioBar, editHrefFor, hasStudioMarker };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/bar/StudioBar.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["\"use client\";\n\nimport { useEffect, useState, type CSSProperties } from \"react\";\n\nexport const STUDIO_MARKER_COOKIE = \"rz-studio\";\nconst HIDE_KEY = \"rz-bar-hidden\";\n\nexport interface StudioBarProps {\n  /** Public URL prefix → content type id, e.g. { \"/blog/\": \"posts\", \"/events/\": \"events\" }. */\n  routes?: Record<string, string>;\n  /** Where Studio lives. Default \"/admin\". */\n  adminPath?: string;\n  /** Shown on the pill. Default \"Studio\". */\n  label?: string;\n}\n\n/** True when Studio's marker cookie is present (someone signed in to Studio in this browser). */\nexport function hasStudioMarker(cookie: string = typeof document === \"undefined\" ? \"\" : document.cookie): boolean {\n  return cookie.split(\";\").some((c) => c.trim().startsWith(`${STUDIO_MARKER_COOKIE}=1`));\n}\n\n/** The Studio edit page for a public path, or null when the path isn't an item Studio manages. */\nexport function editHrefFor(pathname: string, routes: Record<string, string>, adminPath = \"/admin\"): string | null {\n  for (const [prefix, typeId] of Object.entries(routes)) {\n    if (!pathname.startsWith(prefix)) continue;\n    const rest = pathname.slice(prefix.length).replace(/\\/+$/, \"\");\n    if (!rest || rest.includes(\"/\")) continue; // the index page, or something nested — not an item\n    if (!/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(rest)) continue;\n    return `${adminPath}/${typeId}/${rest}`;\n  }\n  return null;\n}\n\nexport function StudioBar({ routes = {}, adminPath = \"/admin\", label = \"Studio\" }: StudioBarProps) {\n  const [state, setState] = useState<{ show: boolean; path: string }>({ show: false, path: \"\" });\n\n  useEffect(() => {\n    const path = window.location.pathname;\n    if (path === adminPath || path.startsWith(`${adminPath}/`)) return;\n    let hidden = false;\n    try { hidden = sessionStorage.getItem(HIDE_KEY) === \"1\"; } catch { /* private mode */ }\n    if (!hidden && hasStudioMarker()) setState({ show: true, path });\n  }, [adminPath]);\n\n  if (!state.show) return null;\n  const edit = editHrefFor(state.path, routes, adminPath);\n  const close = () => { try { sessionStorage.setItem(HIDE_KEY, \"1\"); } catch { /* private mode */ } setState({ show: false, path: \"\" }); };\n\n  return (\n    <div style={S.wrap} role=\"region\" aria-label=\"Studio\" data-studio-bar>\n      <span style={S.brand}>\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.4\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6z\" /></svg>\n        {label}\n      </span>\n      {edit && <a href={edit} style={S.link}>Edit this page</a>}\n      <a href={adminPath} style={S.link}>Dashboard</a>\n      <button type=\"button\" onClick={close} style={S.close} aria-label=\"Hide the Studio bar for this tab\">×</button>\n    </div>\n  );\n}\n\n/* Self-contained styles: no dependency on the site's CSS, fonts or theme. */\nconst S: Record<string, CSSProperties> = {\n  wrap: {\n    position: \"fixed\", left: 16, bottom: 16, zIndex: 2147483000,\n    display: \"flex\", alignItems: \"center\", gap: 2,\n    padding: \"4px 6px 4px 10px\", borderRadius: 999,\n    background: \"#0b1220\", color: \"#e5e7eb\", boxShadow: \"0 6px 24px rgba(0,0,0,.28)\",\n    font: \"500 13px/1 system-ui, -apple-system, Segoe UI, Roboto, sans-serif\", letterSpacing: \".01em\",\n    WebkitFontSmoothing: \"antialiased\",\n  },\n  brand: { display: \"inline-flex\", alignItems: \"center\", gap: 6, paddingRight: 8, marginRight: 4, borderRight: \"1px solid rgba(255,255,255,.18)\", color: \"#a5b4fc\", fontWeight: 600 },\n  link: { color: \"#e5e7eb\", textDecoration: \"none\", padding: \"6px 8px\", borderRadius: 999 },\n  close: { marginLeft: 2, width: 26, height: 26, border: 0, borderRadius: 999, background: \"transparent\", color: \"#9ca3af\", fontSize: 16, lineHeight: 1, cursor: \"pointer\" },\n};\n"]}

package/dist/shell/index.cjs

@@ -138,6 +138,35 @@ function Sidebar({ items, pinned = [], activeHref, basePath }) {
     )
   ] });
 }
+function buttonClass(variant = "secondary", size = "md", extra) {
+  return ["rz-btn", `rz-btn--${variant}`, `rz-btn--${size}`, extra].filter(Boolean).join(" ");
+}
+function buttonStyle(variant = "secondary", size = "md") {
+  return { className: buttonClass(variant, size) };
+}
+function Button({ variant = "secondary", size = "md", className, type = "button", ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("button", { type, className: buttonClass(variant, size, className), ...rest });
+}
+function LinkButton({ variant = "secondary", size = "md", className, external, forward, children, ...rest }) {
+  const extra = external ? { target: "_blank", rel: "noreferrer", ...rest } : rest;
+  return /* @__PURE__ */ jsxRuntime.jsxs("a", { className: buttonClass(variant, size, className), ...extra, children: [
+    children,
+    external && /* @__PURE__ */ jsxRuntime.jsx(OutboundArrow, {}),
+    forward && !external && /* @__PURE__ */ jsxRuntime.jsx(ForwardArrow, {})
+  ] });
+}
+function ForwardArrow() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "rz-arrow rz-arrow--fwd", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m13 6 6 6-6 6" })
+  ] });
+}
+function OutboundArrow() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "rz-arrow", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 17 17 7" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 7h10v10" })
+  ] });
+}
 var THEME_KEY = "rz-admin-theme";
 function useTheme(defaultTheme = "light") {
   const [theme, setTheme] = react.useState(defaultTheme);
@@ -189,12 +218,16 @@ var HelpIcon = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...ico, children:
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 4h6a4 4 0 0 1 4 4v12a3 3 0 0 0-3-3H2z" }),
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 4h-6a4 4 0 0 0-4 4v12a3 3 0 0 1 3-3h7z" })
 ] });
+var GlobeIcon = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...ico, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" })
+] });
 var OutIcon = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...ico, children: [
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 17l5-5-5-5" }),
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12H9" })
 ] });
-function AccountMenu({ user, role, theme, onTheme, signOutPath, accountHref, helpHref }) {
+function AccountMenu({ user, role, theme, onTheme, signOutPath, accountHref, helpHref, siteUrl }) {
   const [open, setOpen] = react.useState(false);
   const wrap = react.useRef(null);
   react.useEffect(() => {
@@ -229,7 +262,12 @@ function AccountMenu({ user, role, theme, onTheme, signOutPath, accountHref, hel
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Theme" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-menu__end", children: /* @__PURE__ */ jsxRuntime.jsx(ThemeToggle, { theme, onChange: onTheme }) })
       ] }),
-      (accountHref || helpHref) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-menu__sep" }),
+      (siteUrl || accountHref || helpHref) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-menu__sep" }),
+      siteUrl && /* @__PURE__ */ jsxRuntime.jsxs("a", { href: siteUrl, target: "_blank", rel: "noreferrer", role: "menuitem", className: "rz-menu__item", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(GlobeIcon, {}),
+        "View website",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-menu__end", children: /* @__PURE__ */ jsxRuntime.jsx(OutboundArrow, {}) })
+      ] }),
       accountHref && /* @__PURE__ */ jsxRuntime.jsxs("a", { href: accountHref, role: "menuitem", className: "rz-menu__item", children: [
         /* @__PURE__ */ jsxRuntime.jsx(UserIcon, {}),
         "Account"
@@ -246,19 +284,28 @@ function AccountMenu({ user, role, theme, onTheme, signOutPath, accountHref, hel
     ] })
   ] });
 }
-function TopBar({ siteName, productName, logoUrl, homeHref, user, role, theme, onTheme, signOutPath, accountHref, helpHref }) {
+function TopBar({ siteName, productName, logoUrl, homeHref, siteUrl, user, role, theme, onTheme, signOutPath, accountHref, helpHref }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "rz-topbar", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("a", { href: homeHref, className: "rz-topbar__brand", children: [
-      logoUrl && /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoUrl, alt: "", className: "rz-topbar__logo" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: siteName }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-topbar__product", children: productName })
-    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "a",
+      {
+        href: siteUrl || homeHref,
+        className: "rz-topbar__brand",
+        ...siteUrl ? { target: "_blank", rel: "noreferrer", title: "Open the live website in a new tab" } : {},
+        children: [
+          logoUrl && /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoUrl, alt: "", className: "rz-topbar__logo" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: siteName }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-topbar__product", children: productName }),
+          siteUrl && /* @__PURE__ */ jsxRuntime.jsx(OutboundArrow, {})
+        ]
+      }
+    ),
     user && role && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-topbar__right", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-topbar__greeting", "data-testid": "rz-greeting", children: [
         "Welcome back, ",
         firstNameOf(user)
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(AccountMenu, { user, role, theme, onTheme, signOutPath, accountHref, helpHref })
+      /* @__PURE__ */ jsxRuntime.jsx(AccountMenu, { user, role, theme, onTheme, signOutPath, accountHref, helpHref, siteUrl })
     ] })
   ] });
 }
@@ -318,6 +365,8 @@ var SHELL_CSS = `
 .rz-topbar__brand { display: flex; align-items: center; gap: .6rem; font-weight: 600; font-size: .9375rem; text-decoration: none; }
 .rz-topbar__logo { height: 22px; width: auto; display: block; }
 .rz-topbar__product { font-weight: 400; color: var(--text-secondary); }
+.rz-topbar__brand .rz-arrow { color: var(--text-muted); opacity: 0; transition: opacity .15s, transform .15s; }
+.rz-topbar__brand:hover .rz-arrow { opacity: 1; }
 .rz-topbar__right { margin-left: auto; display: flex; align-items: center; gap: 1rem; }
 .rz-topbar__greeting { color: var(--text-secondary); font-size: .8rem; }
 .rz-body { display: flex; flex: 1; min-height: 0; }
@@ -529,6 +578,7 @@ function AdminShell({
   signOutPath,
   accountHref,
   helpHref,
+  siteUrl,
   branding,
   defaultTheme = "light",
   children
@@ -545,6 +595,7 @@ function AdminShell({
         siteName: shownName,
         productName,
         logoUrl: shownLogo,
+        siteUrl,
         homeHref: basePath,
         user,
         role,
@@ -561,35 +612,6 @@ function AdminShell({
     ] })
   ] });
 }
-function buttonClass(variant = "secondary", size = "md", extra) {
-  return ["rz-btn", `rz-btn--${variant}`, `rz-btn--${size}`, extra].filter(Boolean).join(" ");
-}
-function buttonStyle(variant = "secondary", size = "md") {
-  return { className: buttonClass(variant, size) };
-}
-function Button({ variant = "secondary", size = "md", className, type = "button", ...rest }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("button", { type, className: buttonClass(variant, size, className), ...rest });
-}
-function LinkButton({ variant = "secondary", size = "md", className, external, forward, children, ...rest }) {
-  const extra = external ? { target: "_blank", rel: "noreferrer", ...rest } : rest;
-  return /* @__PURE__ */ jsxRuntime.jsxs("a", { className: buttonClass(variant, size, className), ...extra, children: [
-    children,
-    external && /* @__PURE__ */ jsxRuntime.jsx(OutboundArrow, {}),
-    forward && !external && /* @__PURE__ */ jsxRuntime.jsx(ForwardArrow, {})
-  ] });
-}
-function ForwardArrow() {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "rz-arrow rz-arrow--fwd", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m13 6 6 6-6 6" })
-  ] });
-}
-function OutboundArrow() {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "rz-arrow", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 17 17 7" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 7h10v10" })
-  ] });
-}
 function Card({ title, meta, note, children, actions, className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ["rz-card", className].filter(Boolean).join(" "), children: [
     title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-card__title", children: title }),