@orion-studios/payload-studio 0.6.0-beta.4 → 0.6.0-beta.41

package/dist/admin/index.mjs

@@ -1,5 +1,4 @@
 import {
-  AdminStudioDashboard,
   configureAdmin,
   createHeaderNavItemsField,
   createSocialMediaConnectionsField,
@@ -8,8 +7,8 @@ import {
   socialMediaConnectionsField,
   themePreferenceField,
   withTooltips
-} from "../chunk-DYXSAVUQ.mjs";
-import "../chunk-Z6L5K5MH.mjs";
+} from "../chunk-JC3UV74N.mjs";
+import "../chunk-W2UOCJDX.mjs";
 import {
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
   SOCIAL_MEDIA_ICON_OPTIONS,
@@ -18,7 +17,6 @@ import {
 } from "../chunk-ZTXJG4K5.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
-  AdminStudioDashboard,
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
   SOCIAL_MEDIA_ICON_OPTIONS,
   SOCIAL_MEDIA_PLATFORMS,

package/dist/admin-app/client.js

@@ -122,14 +122,21 @@ function AdminShellClient({
   onLogout,
   storageKey = "orion-admin-shell-collapsed"
 }) {
-  const [collapsed, setCollapsed] = (0, import_react.useState)(false);
+  const [collapsed, setCollapsed] = (0, import_react.useState)(() => {
+    if (typeof window === "undefined") {
+      return true;
+    }
+    try {
+      return window.localStorage.getItem(storageKey) === "1";
+    } catch {
+      return false;
+    }
+  });
   const [loggingOut, setLoggingOut] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
     try {
       const stored = window.localStorage.getItem(storageKey);
-      if (stored === "1") {
-        setCollapsed(true);
-      }
+      setCollapsed(stored === "1");
     } catch {
     }
   }, [storageKey]);

package/dist/admin-app/client.mjs

@@ -8,7 +8,7 @@ import {
   MediaUploadForm,
   SiteFooterPreview,
   SiteHeaderPreview
-} from "../chunk-KPIX7OSV.mjs";
+} from "../chunk-2XH7X34N.mjs";
 import "../chunk-ROTPP5CU.mjs";
 
 // src/admin-app/components/PageEditorFrame.tsx

package/dist/admin-app/index.d.mts

@@ -1,4 +1,4 @@
-export { A as AdminBreadcrumbs, a as AdminNavInput, b as AdminNavLinkItem, c as AdminPage, d as AdminPageLinkOption, e as AdminPageRecord, M as MediaDetailPanelProps, f as MediaListItemProps, N as NestedNavItem, g as NestedNavItemInput, h as NestedNavTree, j as buildAdminPageLinkOptions, k as buildNestedNavTree, l as getAdminNavRows, n as normalizeAdminNavInputs, m as normalizeNestedNavItems, p as parseAdminHeaderNavFromForm } from '../index-DEQC3Dwj.mjs';
-export { A as AdminBreadcrumbItem, a as AdminNavIcon, b as AdminNavItem, c as AdminRole, S as SiteFooterPreviewData, d as SiteHeaderPreviewData, e as SitePreviewLink, f as SitePreviewLocationSummary, g as SitePreviewSocialLink, n as navItemIsActive, r as roleCanAccessNav } from '../sitePreviewTypes-BkHCWxNW.mjs';
+export { A as AdminBreadcrumbs, a as AdminNavInput, b as AdminNavLinkItem, c as AdminPage, d as AdminPageLinkOption, e as AdminPageRecord, M as MediaDetailPanelProps, f as MediaListItemProps, N as NestedNavItem, g as NestedNavItemInput, h as NestedNavTree, j as buildAdminPageLinkOptions, k as buildNestedNavTree, l as getAdminNavRows, n as normalizeAdminNavInputs, m as normalizeNestedNavItems, p as parseAdminHeaderNavFromForm } from '../index-G_uTNffQ.mjs';
+export { A as AdminBreadcrumbItem, a as AdminNavIcon, b as AdminNavItem, c as AdminRole, S as SiteFooterPreviewData, d as SiteHeaderPreviewData, e as SitePreviewLink, f as SitePreviewLocationSummary, g as SitePreviewSocialLink, n as navItemIsActive, r as roleCanAccessNav } from '../sitePreviewTypes-BrJwGzJj.mjs';
 import 'react/jsx-runtime';
 import 'react';

package/dist/admin-app/index.d.ts

@@ -1,4 +1,4 @@
-export { A as AdminBreadcrumbs, a as AdminNavInput, b as AdminNavLinkItem, c as AdminPage, d as AdminPageLinkOption, e as AdminPageRecord, M as MediaDetailPanelProps, f as MediaListItemProps, N as NestedNavItem, g as NestedNavItemInput, h as NestedNavTree, j as buildAdminPageLinkOptions, k as buildNestedNavTree, l as getAdminNavRows, n as normalizeAdminNavInputs, m as normalizeNestedNavItems, p as parseAdminHeaderNavFromForm } from '../index-52HdVLQq.js';
-export { A as AdminBreadcrumbItem, a as AdminNavIcon, b as AdminNavItem, c as AdminRole, S as SiteFooterPreviewData, d as SiteHeaderPreviewData, e as SitePreviewLink, f as SitePreviewLocationSummary, g as SitePreviewSocialLink, n as navItemIsActive, r as roleCanAccessNav } from '../sitePreviewTypes-BkHCWxNW.js';
+export { A as AdminBreadcrumbs, a as AdminNavInput, b as AdminNavLinkItem, c as AdminPage, d as AdminPageLinkOption, e as AdminPageRecord, M as MediaDetailPanelProps, f as MediaListItemProps, N as NestedNavItem, g as NestedNavItemInput, h as NestedNavTree, j as buildAdminPageLinkOptions, k as buildNestedNavTree, l as getAdminNavRows, n as normalizeAdminNavInputs, m as normalizeNestedNavItems, p as parseAdminHeaderNavFromForm } from '../index-DAdN56fM.js';
+export { A as AdminBreadcrumbItem, a as AdminNavIcon, b as AdminNavItem, c as AdminRole, S as SiteFooterPreviewData, d as SiteHeaderPreviewData, e as SitePreviewLink, f as SitePreviewLocationSummary, g as SitePreviewSocialLink, n as navItemIsActive, r as roleCanAccessNav } from '../sitePreviewTypes-BrJwGzJj.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/admin-app/index.mjs

@@ -1,17 +1,17 @@
 import {
+  AdminBreadcrumbs,
+  AdminPage,
   buildAdminPageLinkOptions,
   buildNestedNavTree,
   getAdminNavRows,
   normalizeAdminNavInputs,
   normalizeNestedNavItems,
   parseAdminHeaderNavFromForm
-} from "../chunk-EHUE4LCT.mjs";
+} from "../chunk-RKTIFEUY.mjs";
 import {
-  AdminBreadcrumbs,
-  AdminPage,
   navItemIsActive,
   roleCanAccessNav
-} from "../chunk-Z6L5K5MH.mjs";
+} from "../chunk-W2UOCJDX.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   AdminBreadcrumbs,

package/dist/admin-app/styles.css

@@ -25,7 +25,17 @@
     --orion-cms-accent-border,
     var(--orion-cms-accent-border-resolved, color-mix(in srgb, var(--orion-admin-accent) 36%, transparent))
   );
-  --orion-admin-selection-bg: color-mix(in srgb, var(--orion-admin-accent) 18%, var(--orion-admin-main-bg));
+  --orion-admin-selection-bg: var(
+    --orion-cms-selection-bg,
+    var(
+      --orion-cms-selection-bg-resolved,
+      color-mix(in srgb, var(--orion-admin-accent) 18%, var(--orion-admin-main-bg))
+    )
+  );
+  --orion-admin-selection-text: var(
+    --orion-cms-selection-text,
+    var(--orion-cms-selection-text-resolved, var(--orion-admin-text))
+  );
   --orion-admin-radius-xs: var(--orion-cms-radius-xs, var(--orion-cms-radius-xs-resolved, 8px));
   --orion-admin-radius-sm: var(--orion-cms-radius-sm, var(--orion-cms-radius-sm-resolved, 12px));
   --orion-admin-radius-md: var(--orion-cms-radius-md, var(--orion-cms-radius-md-resolved, 16px));
@@ -35,6 +45,11 @@
     --orion-cms-logo-radius,
     var(--orion-cms-logo-radius-resolved, var(--orion-admin-radius-md))
   );
+  --orion-admin-logo-bg: var(--orion-cms-logo-bg, transparent);
+  --orion-admin-logo-border: var(--orion-cms-logo-border, transparent);
+  --orion-admin-logo-shadow: var(--orion-cms-logo-shadow, none);
+  --orion-admin-logo-padding: var(--orion-cms-logo-padding, 0px);
+  --orion-admin-logo-fit: var(--orion-cms-logo-fit, contain);
   --orion-admin-control-bg: var(--orion-cms-surface, var(--orion-cms-surface-resolved, #ffffff));
   --orion-admin-control-hover-bg: color-mix(in srgb, var(--orion-admin-control-bg) 78%, white);
   --orion-admin-input-bg: var(
@@ -111,6 +126,15 @@
 .orion-admin-page ::selection,
 .orion-admin-login-shell ::selection {
   background: var(--orion-admin-selection-bg);
+  color: var(--orion-admin-selection-text);
+}
+
+.orion-admin-shell ::-moz-selection,
+.orion-admin-main ::-moz-selection,
+.orion-admin-page ::-moz-selection,
+.orion-admin-login-shell ::-moz-selection {
+  background: var(--orion-admin-selection-bg);
+  color: var(--orion-admin-selection-text);
 }
 
 .orion-admin-shell {
@@ -164,19 +188,47 @@
 }
 
 .orion-admin-brand-logo {
+  align-items: center;
+  background: var(--orion-admin-logo-bg);
+  border: 1px solid var(--orion-admin-logo-border);
   border-radius: var(--orion-admin-logo-radius);
+  box-shadow: var(--orion-admin-logo-shadow);
+  box-sizing: border-box;
+  display: flex;
   flex: 0 0 auto;
   height: 48px;
+  justify-content: center;
   overflow: hidden;
+  padding: var(--orion-admin-logo-padding);
   width: 48px;
 }
 
 .orion-admin-brand-logo img {
   height: 100%;
-  object-fit: cover;
+  object-fit: var(--orion-admin-logo-fit);
   width: 100%;
 }
 
+.orion-admin-logo-mark {
+  background: var(--orion-admin-logo-bg);
+  border: 1px solid var(--orion-admin-logo-border);
+  border-radius: var(--orion-admin-logo-radius);
+  box-shadow: var(--orion-admin-logo-shadow);
+  box-sizing: border-box;
+  padding: var(--orion-admin-logo-padding);
+}
+
+.orion-admin-logo-image {
+  display: block;
+  height: 100%;
+  object-fit: var(--orion-admin-logo-fit);
+  width: 100%;
+}
+
+.orion-admin-logo-image--dark {
+  display: none;
+}
+
 .orion-admin-brand-text {
   min-width: 0;
 }
@@ -945,12 +997,34 @@
 }
 
 .template-minimal.login .login__brand .orion-admin-logo-mark {
+  --orion-admin-logo-bg: var(
+    --orion-cms-logo-dark-bg,
+    color-mix(in srgb, var(--orion-admin-login-panel-bg) 88%, white)
+  );
+  --orion-admin-logo-border: var(
+    --orion-cms-logo-dark-border,
+    color-mix(in srgb, var(--brand-secondary) 26%, rgba(255, 255, 255, 0.28))
+  );
+  --orion-admin-logo-fit: var(--orion-cms-logo-dark-fit, contain);
+  --orion-admin-logo-padding: var(--orion-cms-logo-dark-padding, clamp(0.32rem, 0.8vw, 0.48rem));
+  --orion-admin-logo-shadow: var(
+    --orion-cms-logo-dark-shadow,
+    0 18px 36px rgba(7, 13, 24, 0.18),
+    inset 0 1px 0 rgba(255, 255, 255, 0.72)
+  );
   border-radius: var(--orion-admin-logo-radius) !important;
-  box-shadow: var(--orion-admin-shadow-card);
   height: 58px !important;
   width: 58px !important;
 }
 
+.template-minimal.login .login__brand .orion-admin-logo-mark .orion-admin-logo-image--dark {
+  display: block;
+}
+
+.template-minimal.login .login__brand .orion-admin-logo-mark .orion-admin-logo-image--default:not(.is-only-logo) {
+  display: none;
+}
+
 .template-minimal.login .login__brand .orion-admin-logo-wordmark {
   color: var(--orion-admin-login-hero-text) !important;
   font-family: var(--orion-cms-font-heading, var(--orion-cms-font-heading-resolved, Georgia, 'Times New Roman', serif));
@@ -962,7 +1036,8 @@
 .orion-admin-login-intro {
   color: var(--orion-admin-login-hero-text);
   display: grid;
-  gap: 1.15rem;
+  align-content: end;
+  gap: 0.95rem;
   padding: clamp(1.6rem, 4vw, 2.75rem) clamp(2rem, 4vw, 3rem) clamp(2.2rem, 5vw, 3.25rem);
 }
 
@@ -984,45 +1059,29 @@
 .orion-admin-login-intro h1 {
   color: var(--orion-admin-login-hero-text);
   font-family: var(--orion-cms-font-heading, var(--orion-cms-font-heading-resolved, Georgia, 'Times New Roman', serif));
-  font-size: clamp(2.4rem, 3.8vw, 3.6rem);
-  letter-spacing: -0.05em;
-  line-height: 0.98;
+  font-size: clamp(2.35rem, 3.4vw, 3.25rem);
+  letter-spacing: -0.045em;
+  line-height: 1;
   margin: 0;
-  max-width: 10ch;
+  max-width: 11ch;
 }
 
 .orion-admin-login-intro > p {
   color: var(--orion-admin-login-hero-muted);
-  font-size: 1.02rem;
-  line-height: 1.75;
+  font-size: 0.98rem;
+  line-height: 1.7;
   margin: 0;
-  max-width: 34rem;
+  max-width: 28rem;
 }
 
-.orion-admin-login-note-grid {
-  display: grid;
-  gap: 0.85rem;
-  margin-top: 0.35rem;
-}
-
-.orion-admin-login-note {
-  background: color-mix(in srgb, var(--orion-admin-login-hero-text) 8%, transparent);
-  border: 1px solid color-mix(in srgb, var(--orion-admin-login-hero-text) 12%, transparent);
-  border-radius: var(--orion-admin-radius-md);
-  display: grid;
-  gap: 0.3rem;
-  padding: 1rem 1.05rem;
-}
-
-.orion-admin-login-note strong {
-  color: var(--orion-admin-login-hero-text);
-  font-size: 0.96rem;
-}
-
-.orion-admin-login-note span {
+.orion-admin-login-caption {
+  border-top: 1px solid color-mix(in srgb, var(--orion-admin-login-hero-text) 14%, transparent);
   color: var(--orion-admin-login-hero-muted);
   font-size: 0.9rem;
+  font-weight: 600;
   line-height: 1.55;
+  margin-top: 0.2rem !important;
+  padding-top: 1rem;
 }
 
 .template-minimal.login .login__form {
@@ -1042,8 +1101,8 @@
 
 .template-minimal.login .login__form::before {
   color: var(--brand-secondary);
-  content: 'Welcome back';
-  font-size: 0.76rem;
+  content: 'Sign in';
+  font-size: 0.78rem;
   font-weight: 800;
   letter-spacing: 0.18em;
   margin-bottom: -0.1rem;
@@ -1051,20 +1110,24 @@
 }
 
 .template-minimal.login .login__form::after {
-  color: var(--orion-admin-login-panel-text);
-  content: 'Sign in to continue into your studio workspace.';
-  font-family: var(--orion-cms-font-heading, var(--orion-cms-font-heading-resolved, Georgia, 'Times New Roman', serif));
-  font-size: clamp(1.6rem, 2.3vw, 2.15rem);
-  letter-spacing: -0.035em;
-  line-height: 1.1;
-  margin-bottom: 0.35rem;
+  content: none;
 }
 
 .template-minimal.login .login__form__inputWrap {
+  display: grid;
   gap: 1rem;
   margin-bottom: 0;
 }
 
+.template-minimal.login .login__form__inputWrap::before {
+  color: var(--orion-admin-login-panel-muted);
+  content: 'Use the email and password for your admin account.';
+  display: block;
+  font-size: 0.96rem;
+  line-height: 1.55;
+  margin-bottom: 0.15rem;
+}
+
 .template-minimal.login .login__form .field-type {
   display: grid;
   gap: 0.42rem;
@@ -1564,6 +1627,245 @@
   gap: 0.75rem;
 }
 
+.orion-admin-workflow-editor {
+  gap: 1rem;
+}
+
+.orion-admin-workflow-editor-header,
+.orion-admin-field-list-header {
+  align-items: flex-start;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.8rem;
+  justify-content: space-between;
+}
+
+.orion-admin-workflow-node {
+  align-items: center;
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--orion-admin-card-bg) 88%, white), var(--orion-admin-card-bg));
+  border: 1px solid color-mix(in srgb, var(--orion-admin-card-border) 80%, transparent);
+  border-radius: var(--orion-admin-radius-md);
+  display: grid;
+  gap: 0.75rem;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  padding: 0.85rem;
+  position: relative;
+}
+
+.orion-admin-step-editor:not(:last-child)::after {
+  background: color-mix(in srgb, var(--orion-admin-accent) 34%, var(--orion-admin-card-border));
+  bottom: -0.85rem;
+  content: '';
+  height: 0.85rem;
+  left: 1.42rem;
+  position: absolute;
+  width: 2px;
+}
+
+.orion-admin-workflow-node-number,
+.orion-admin-step-editor-index,
+.orion-admin-field-order {
+  align-items: center;
+  background: var(--orion-admin-accent-subtle);
+  border: 1px solid var(--orion-admin-accent-border);
+  border-radius: var(--orion-admin-radius-pill);
+  color: var(--orion-admin-accent);
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-size: 0.78rem;
+  font-variant-numeric: tabular-nums;
+  font-weight: 900;
+  justify-content: center;
+  line-height: 1;
+  text-align: center;
+}
+
+.orion-admin-workflow-node-number {
+  box-sizing: border-box;
+  height: 2rem;
+  padding-top: 5px;
+  width: 2rem;
+}
+
+.orion-admin-workflow-node-body {
+  display: grid;
+  gap: 0.18rem;
+  min-width: 0;
+}
+
+.orion-admin-workflow-node-body strong,
+.orion-admin-step-editor-title,
+.orion-admin-field-editor-title {
+  color: var(--orion-admin-text);
+  overflow-wrap: anywhere;
+}
+
+.orion-admin-workflow-node-body span,
+.orion-admin-workflow-node-destination,
+.orion-admin-step-editor-meta,
+.orion-admin-field-editor-meta,
+.orion-admin-field-list-header span {
+  color: var(--orion-admin-muted);
+  font-size: 0.86rem;
+}
+
+.orion-admin-workflow-node-destination {
+  background: color-mix(in srgb, var(--orion-admin-card-bg) 78%, white);
+  border: 1px solid color-mix(in srgb, var(--orion-admin-card-border) 72%, transparent);
+  border-radius: var(--orion-admin-radius-pill);
+  font-weight: 800;
+  padding: 0.35rem 0.65rem;
+  white-space: nowrap;
+}
+
+.orion-admin-step-editor-list,
+.orion-admin-field-editor-list {
+  display: grid;
+  gap: 0.85rem;
+}
+
+.orion-admin-step-editor,
+.orion-admin-field-editor {
+  background: color-mix(in srgb, var(--orion-admin-card-bg) 92%, white);
+  border: 1px solid color-mix(in srgb, var(--orion-admin-card-border) 84%, transparent);
+  border-radius: var(--orion-admin-radius-md);
+  overflow: hidden;
+  position: relative;
+}
+
+.orion-admin-step-editor {
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--orion-admin-card-bg) 97%, white), var(--orion-admin-card-bg));
+  box-shadow:
+    0 1px 0 color-mix(in srgb, var(--orion-admin-card-bg) 88%, white) inset,
+    0 10px 24px color-mix(in srgb, var(--orion-admin-text) 5%, transparent);
+}
+
+.orion-admin-step-editor[open] {
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--orion-admin-accent-subtle) 38%, var(--orion-admin-card-bg)), var(--orion-admin-card-bg));
+  border-color: color-mix(in srgb, var(--orion-admin-accent) 34%, var(--orion-admin-card-border));
+}
+
+.orion-admin-step-editor[open]::before {
+  background: linear-gradient(180deg, var(--orion-admin-accent), color-mix(in srgb, var(--orion-admin-accent) 46%, var(--brand-secondary)));
+  bottom: 0;
+  content: '';
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 4px;
+}
+
+.orion-admin-step-editor-summary,
+.orion-admin-field-editor-summary {
+  align-items: center;
+  cursor: pointer;
+  display: grid;
+  gap: 0.65rem;
+  grid-template-columns: auto minmax(0, 1fr) minmax(96px, auto) auto auto;
+  list-style: none;
+  min-height: 52px;
+  padding: 0.75rem 0.9rem;
+}
+
+.orion-admin-step-editor-summary {
+  padding-left: 1rem;
+}
+
+.orion-admin-step-editor-summary::-webkit-details-marker,
+.orion-admin-field-editor-summary::-webkit-details-marker {
+  display: none;
+}
+
+.orion-admin-step-editor-summary::after,
+.orion-admin-field-editor-summary::after {
+  color: var(--orion-admin-muted);
+  content: 'Edit';
+  font-size: 0.78rem;
+  font-weight: 900;
+  justify-self: end;
+  text-transform: uppercase;
+}
+
+.orion-admin-step-editor[open] > .orion-admin-step-editor-summary::after,
+.orion-admin-field-editor[open] > .orion-admin-field-editor-summary::after {
+  content: 'Hide';
+}
+
+.orion-admin-step-editor-index {
+  min-height: 1.8rem;
+  padding: 0 0.58rem;
+}
+
+.orion-admin-field-order {
+  box-sizing: border-box;
+  height: 1.75rem;
+  padding-top: 5px;
+  width: 1.75rem;
+}
+
+.orion-admin-step-editor-body,
+.orion-admin-field-editor-body {
+  border-top: 1px solid color-mix(in srgb, var(--orion-admin-card-border) 72%, transparent);
+  display: grid;
+  gap: 0.85rem;
+  padding: 0.95rem;
+}
+
+.orion-admin-step-editor-body {
+  background: color-mix(in srgb, var(--orion-admin-card-bg) 86%, var(--orion-admin-main-bg));
+  padding-left: 1.15rem;
+}
+
+.orion-admin-step-editor-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.55rem;
+}
+
+.orion-admin-step-settings-grid {
+  display: grid;
+  gap: 0.75rem;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+}
+
+.orion-admin-field-editor {
+  background: color-mix(in srgb, var(--orion-admin-main-bg) 72%, var(--orion-admin-card-bg));
+  border-color: color-mix(in srgb, var(--brand-secondary) 22%, var(--orion-admin-card-border));
+  border-radius: var(--orion-admin-radius-sm);
+  box-shadow: none;
+}
+
+.orion-admin-field-editor-summary {
+  grid-template-columns: auto minmax(0, 1fr) minmax(96px, auto) auto;
+  padding: 0.68rem 0.75rem;
+}
+
+.orion-admin-field-editor-list {
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--orion-admin-main-bg) 74%, var(--orion-admin-card-bg)), color-mix(in srgb, var(--orion-admin-main-bg) 88%, white));
+  border: 1px solid color-mix(in srgb, var(--brand-secondary) 18%, var(--orion-admin-card-border));
+  border-radius: var(--orion-admin-radius-md);
+  padding: 0.7rem;
+}
+
+.orion-admin-field-order {
+  background: color-mix(in srgb, var(--brand-secondary) 10%, var(--orion-admin-card-bg));
+  border-color: color-mix(in srgb, var(--brand-secondary) 32%, var(--orion-admin-card-border));
+  color: color-mix(in srgb, var(--brand-secondary) 74%, var(--orion-admin-text));
+}
+
+.orion-admin-field-editor-meta {
+  background: color-mix(in srgb, var(--brand-secondary) 8%, var(--orion-admin-card-bg));
+  border: 1px solid color-mix(in srgb, var(--brand-secondary) 18%, transparent);
+  border-radius: var(--orion-admin-radius-pill);
+  font-weight: 800;
+  justify-self: end;
+  padding: 0.28rem 0.55rem;
+}
+
 .orion-admin-response-stack.is-scrollable {
   mask-image: linear-gradient(180deg, #000 0%, #000 92%, transparent 100%);
   max-height: 34rem;

package/dist/admin.css

@@ -260,6 +260,8 @@ html[data-orion-brand]:not([data-theme='dark']) {
   --color-base-50: color-mix(in srgb, var(--brand-primary) 2%, rgb(245, 245, 245));
   --color-base-100: color-mix(in srgb, var(--brand-primary) 3%, rgb(235, 235, 235));
   --color-base-150: color-mix(in srgb, var(--brand-primary) 4%, rgb(221, 221, 221));
+  --orion-cms-selection-bg-resolved: color-mix(in srgb, var(--brand-primary) 16%, white);
+  --orion-cms-selection-text-resolved: var(--theme-text);
 }
 
 /* ============================================================
@@ -311,6 +313,8 @@ html[data-orion-brand][data-theme='dark'] {
   --color-base-900: color-mix(in srgb, var(--brand-primary) 4%, rgb(20, 20, 20));
   --color-base-850: color-mix(in srgb, var(--brand-primary) 3%, rgb(34, 34, 34));
   --color-base-800: color-mix(in srgb, var(--brand-primary) 2%, rgb(47, 47, 47));
+  --orion-cms-selection-bg-resolved: color-mix(in srgb, var(--brand-primary) 28%, var(--color-base-900));
+  --orion-cms-selection-text-resolved: var(--theme-text);
 }
 
 /* ============================================================
@@ -321,11 +325,23 @@ html {
 }
 
 html[data-orion-brand] ::selection {
-  background: color-mix(in srgb, var(--brand-primary) 18%, white);
+  background: var(--orion-cms-selection-bg, var(--orion-cms-selection-bg-resolved));
+  color: var(--orion-cms-selection-text, var(--orion-cms-selection-text-resolved));
 }
 
 html[data-orion-brand][data-theme='dark'] ::selection {
-  background: color-mix(in srgb, var(--brand-primary) 26%, black);
+  background: var(--orion-cms-selection-bg, var(--orion-cms-selection-bg-resolved));
+  color: var(--orion-cms-selection-text, var(--orion-cms-selection-text-resolved));
+}
+
+html[data-orion-brand] ::-moz-selection {
+  background: var(--orion-cms-selection-bg, var(--orion-cms-selection-bg-resolved));
+  color: var(--orion-cms-selection-text, var(--orion-cms-selection-text-resolved));
+}
+
+html[data-orion-brand][data-theme='dark'] ::-moz-selection {
+  background: var(--orion-cms-selection-bg, var(--orion-cms-selection-bg-resolved));
+  color: var(--orion-cms-selection-text, var(--orion-cms-selection-text-resolved));
 }
 
 /* ============================================================

package/dist/{chunk-KPIX7OSV.mjs → chunk-2XH7X34N.mjs}

@@ -103,14 +103,21 @@ function AdminShellClient({
   onLogout,
   storageKey = "orion-admin-shell-collapsed"
 }) {
-  const [collapsed, setCollapsed] = useState(false);
+  const [collapsed, setCollapsed] = useState(() => {
+    if (typeof window === "undefined") {
+      return true;
+    }
+    try {
+      return window.localStorage.getItem(storageKey) === "1";
+    } catch {
+      return false;
+    }
+  });
   const [loggingOut, setLoggingOut] = useState(false);
   useEffect(() => {
     try {
       const stored = window.localStorage.getItem(storageKey);
-      if (stored === "1") {
-        setCollapsed(true);
-      }
+      setCollapsed(stored === "1");
     } catch {
     }
   }, [storageKey]);