@orion-studios/payload-studio 0.6.0-beta.1 → 0.6.0-beta.11

package/dist/admin-app/styles.css

@@ -35,6 +35,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(
@@ -164,19 +169,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;
 }
@@ -360,6 +393,368 @@
   margin-top: 0.25rem;
 }
 
+.orion-dashboard-layout {
+  align-items: start;
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.95fr);
+  width: 100%;
+}
+
+.orion-dashboard-panel {
+  background:
+    radial-gradient(circle at top right, color-mix(in srgb, var(--orion-admin-accent) 8%, transparent), transparent 38%),
+    linear-gradient(
+      180deg,
+      color-mix(in srgb, var(--orion-admin-card-bg) 96%, white),
+      color-mix(in srgb, var(--orion-admin-main-bg) 98%, var(--orion-admin-card-bg))
+    );
+  border: 1px solid var(--orion-admin-card-border);
+  border-radius: calc(var(--orion-admin-radius-lg) - 4px);
+  box-shadow: var(--orion-admin-shadow-card);
+  display: grid;
+  gap: 1rem;
+  min-width: 0;
+  overflow: hidden;
+  padding: 1.15rem;
+  position: relative;
+}
+
+.orion-dashboard-panel::before {
+  background: linear-gradient(90deg, color-mix(in srgb, var(--orion-admin-accent) 26%, transparent), transparent 72%);
+  content: '';
+  height: 1px;
+  inset: 0 auto auto 0;
+  position: absolute;
+  width: 100%;
+}
+
+.orion-dashboard-panel--activity,
+.orion-dashboard-panel--snapshot {
+  min-height: 100%;
+}
+
+.orion-dashboard-panel-header {
+  align-items: start;
+  display: flex;
+  gap: 0.8rem;
+  justify-content: space-between;
+}
+
+.orion-dashboard-panel-header h2 {
+  color: var(--orion-admin-text);
+  font-family: var(--orion-cms-font-heading, var(--orion-cms-font-heading-resolved, Georgia, 'Times New Roman', serif));
+  font-size: 1.12rem;
+  line-height: 1.2;
+  margin: 0.25rem 0 0;
+}
+
+.orion-dashboard-panel-kicker,
+.orion-dashboard-snapshot-kicker {
+  color: color-mix(in srgb, var(--orion-admin-muted) 92%, var(--orion-admin-accent));
+  display: inline-flex;
+  font-size: 0.72rem;
+  font-weight: 800;
+  letter-spacing: 0.16em;
+  text-transform: uppercase;
+}
+
+.orion-dashboard-panel-meta {
+  background: color-mix(in srgb, var(--orion-admin-accent) 10%, transparent);
+  border: 1px solid color-mix(in srgb, var(--orion-admin-accent) 18%, transparent);
+  border-radius: var(--orion-admin-radius-pill);
+  color: var(--orion-admin-accent);
+  font-size: 0.78rem;
+  font-weight: 700;
+  padding: 0.35rem 0.7rem;
+  white-space: nowrap;
+}
+
+.orion-dashboard-attention-list,
+.orion-dashboard-action-list,
+.orion-dashboard-activity-list {
+  display: grid;
+  gap: 0.7rem;
+}
+
+.orion-dashboard-attention-item,
+.orion-dashboard-action,
+.orion-dashboard-activity-item {
+  background: color-mix(in srgb, var(--orion-admin-card-bg) 82%, white);
+  border: 1px solid color-mix(in srgb, var(--orion-admin-card-border) 84%, transparent);
+  border-radius: var(--orion-admin-radius-md);
+  color: inherit;
+  min-width: 0;
+  text-decoration: none;
+}
+
+.orion-dashboard-attention-item {
+  align-items: center;
+  display: flex;
+  gap: 1rem;
+  justify-content: space-between;
+  padding: 0.9rem 1rem;
+}
+
+.orion-dashboard-attention-item strong {
+  font-size: 0.94rem;
+  line-height: 1.4;
+}
+
+.orion-dashboard-attention-item span {
+  color: var(--orion-admin-accent);
+  font-size: 0.84rem;
+  font-weight: 800;
+  white-space: nowrap;
+}
+
+.orion-dashboard-attention-item.is-accent {
+  background: color-mix(in srgb, var(--orion-admin-accent-subtle) 56%, var(--orion-admin-card-bg));
+  border-color: color-mix(in srgb, var(--orion-admin-accent) 22%, transparent);
+}
+
+.orion-dashboard-attention-item.is-muted {
+  background: color-mix(in srgb, var(--orion-admin-card-bg) 92%, var(--orion-admin-main-bg));
+}
+
+.orion-dashboard-action-list {
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+}
+
+.orion-dashboard-action {
+  display: grid;
+  gap: 0.35rem;
+  padding: 0.95rem 1rem;
+  transition:
+    border-color 0.18s ease,
+    box-shadow 0.18s ease,
+    transform 0.18s ease;
+}
+
+.orion-dashboard-action strong {
+  color: var(--orion-admin-text);
+  font-size: 0.96rem;
+}
+
+.orion-dashboard-action span {
+  color: var(--orion-admin-muted);
+  font-size: 0.88rem;
+  line-height: 1.45;
+}
+
+.orion-dashboard-action:hover,
+.orion-dashboard-activity-item:hover,
+.orion-dashboard-workspace-pill:hover,
+.orion-dashboard-attention-item:hover {
+  border-color: color-mix(in srgb, var(--orion-admin-accent) 22%, transparent);
+  box-shadow: 0 14px 28px color-mix(in srgb, var(--orion-admin-accent) 10%, transparent);
+  transform: translateY(-1px);
+}
+
+.orion-dashboard-action.is-soft {
+  background: color-mix(in srgb, var(--orion-admin-accent-subtle) 54%, var(--orion-admin-card-bg));
+}
+
+.orion-dashboard-action.is-ghost {
+  background: color-mix(in srgb, var(--orion-admin-card-bg) 78%, white);
+}
+
+.orion-dashboard-workspace-strip {
+  border-top: 1px solid color-mix(in srgb, var(--orion-admin-card-border) 72%, transparent);
+  display: grid;
+  gap: 0.75rem;
+  padding-top: 0.95rem;
+}
+
+.orion-dashboard-workspace-label {
+  color: var(--orion-admin-muted);
+  font-size: 0.8rem;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
+.orion-dashboard-workspace-pills {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.55rem;
+}
+
+.orion-dashboard-workspace-pill {
+  background: color-mix(in srgb, var(--orion-admin-main-bg) 82%, white);
+  border: 1px solid color-mix(in srgb, var(--orion-admin-card-border) 74%, transparent);
+  border-radius: var(--orion-admin-radius-pill);
+  color: var(--orion-admin-text);
+  font-size: 0.84rem;
+  font-weight: 700;
+  padding: 0.45rem 0.8rem;
+  text-decoration: none;
+  transition:
+    border-color 0.18s ease,
+    box-shadow 0.18s ease,
+    transform 0.18s ease;
+}
+
+.orion-dashboard-activity-list {
+  align-content: start;
+}
+
+.orion-dashboard-activity-item {
+  align-items: center;
+  display: grid;
+  gap: 0.9rem;
+  grid-template-columns: minmax(0, 1fr) auto;
+  padding: 0.95rem 1rem;
+}
+
+.orion-dashboard-activity-item.is-page {
+  border-left: 3px solid color-mix(in srgb, var(--orion-admin-accent) 72%, transparent);
+}
+
+.orion-dashboard-activity-item.is-submission {
+  border-left: 3px solid color-mix(in srgb, var(--brand-secondary, var(--orion-admin-accent)) 68%, transparent);
+}
+
+.orion-dashboard-activity-item.is-media {
+  border-left: 3px solid color-mix(in srgb, var(--orion-admin-muted) 46%, transparent);
+}
+
+.orion-dashboard-activity-copy {
+  min-width: 0;
+}
+
+.orion-dashboard-activity-topline {
+  align-items: center;
+  display: flex;
+  gap: 0.75rem;
+  justify-content: space-between;
+}
+
+.orion-dashboard-activity-topline strong {
+  font-size: 0.95rem;
+}
+
+.orion-dashboard-activity-topline span,
+.orion-dashboard-activity-copy p {
+  color: var(--orion-admin-muted);
+  font-size: 0.84rem;
+}
+
+.orion-dashboard-activity-copy p {
+  margin: 0.25rem 0 0;
+}
+
+.orion-dashboard-activity-pill {
+  align-self: start;
+  background: color-mix(in srgb, var(--orion-admin-accent) 10%, transparent);
+  border: 1px solid color-mix(in srgb, var(--orion-admin-accent) 18%, transparent);
+  border-radius: var(--orion-admin-radius-pill);
+  color: var(--orion-admin-accent);
+  font-size: 0.78rem;
+  font-weight: 800;
+  padding: 0.35rem 0.65rem;
+  text-transform: capitalize;
+}
+
+.orion-dashboard-snapshot-grid {
+  display: grid;
+  gap: 0.8rem;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.orion-dashboard-snapshot-card,
+.orion-dashboard-extension-panel,
+.orion-dashboard-extension-fallback {
+  background:
+    linear-gradient(
+      180deg,
+      color-mix(in srgb, var(--orion-admin-card-bg) 96%, white),
+      color-mix(in srgb, var(--orion-admin-main-bg) 98%, var(--orion-admin-card-bg))
+    );
+  border: 1px solid color-mix(in srgb, var(--orion-admin-card-border) 84%, transparent);
+  border-radius: var(--orion-admin-radius-md);
+  min-width: 0;
+  padding: 0.95rem 1rem;
+}
+
+.orion-dashboard-snapshot-card strong {
+  color: var(--orion-admin-text);
+  display: block;
+  font-family: var(--orion-cms-font-heading, var(--orion-cms-font-heading-resolved, Georgia, 'Times New Roman', serif));
+  font-size: clamp(1.45rem, 2vw, 2rem);
+  line-height: 1;
+  margin-top: 0.45rem;
+}
+
+.orion-dashboard-snapshot-card p,
+.orion-dashboard-extension-fallback p {
+  color: var(--orion-admin-muted);
+  font-size: 0.86rem;
+  line-height: 1.45;
+  margin: 0.45rem 0 0;
+}
+
+.orion-dashboard-extension-panel.is-full {
+  grid-column: 1 / -1;
+}
+
+.orion-dashboard-extension-fallback strong {
+  display: block;
+  font-size: 1rem;
+  margin-top: 0.35rem;
+}
+
+.orion-dashboard-empty-state,
+.orion-dashboard-inline-note {
+  background: color-mix(in srgb, var(--orion-admin-main-bg) 66%, white);
+  border: 1px dashed color-mix(in srgb, var(--orion-admin-card-border) 72%, transparent);
+  border-radius: var(--orion-admin-radius-md);
+  color: var(--orion-admin-muted);
+  font-size: 0.9rem;
+  padding: 1rem;
+}
+
+.orion-dashboard-empty-state strong {
+  color: var(--orion-admin-text);
+  display: block;
+  font-size: 0.98rem;
+  margin-bottom: 0.35rem;
+}
+
+@media (max-width: 1320px) {
+  .orion-dashboard-layout {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .orion-dashboard-panel {
+    min-height: 0;
+  }
+}
+
+@media (max-width: 820px) {
+  .orion-dashboard-snapshot-grid,
+  .orion-dashboard-action-list {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .orion-dashboard-panel-header,
+  .orion-dashboard-activity-item,
+  .orion-dashboard-attention-item,
+  .orion-dashboard-activity-topline {
+    grid-template-columns: none;
+  }
+
+  .orion-dashboard-panel-header,
+  .orion-dashboard-activity-topline {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .orion-dashboard-attention-item,
+  .orion-dashboard-activity-item {
+    align-items: flex-start;
+  }
+}
+
 .orion-admin-list {
   display: grid;
   gap: 0.65rem;
@@ -583,12 +978,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));
@@ -600,7 +1017,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);
 }
 
@@ -622,45 +1040,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;
-}
-
-.orion-admin-login-note-grid {
-  display: grid;
-  gap: 0.85rem;
-  margin-top: 0.35rem;
+  max-width: 28rem;
 }
 
-.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 {
@@ -680,8 +1082,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;
@@ -689,20 +1091,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;
@@ -725,6 +1131,10 @@
   display: grid;
 }
 
+.template-minimal.login .login__form .field-type.password .field-type__wrap > div {
+  position: relative;
+}
+
 .template-minimal.login .login__form input {
   background: var(--orion-admin-input-bg);
   border: 1px solid var(--orion-admin-input-border);
@@ -742,6 +1152,61 @@
     transform 0.18s ease;
 }
 
+.template-minimal.login .login__form .field-type.password input {
+  padding-right: 4rem;
+}
+
+.orion-admin-password-toggle-slot {
+  align-items: center;
+  display: flex;
+  inset: 0.5rem 0.7rem 0.5rem auto;
+  position: absolute;
+  z-index: 2;
+}
+
+.orion-admin-password-toggle {
+  align-items: center;
+  appearance: none;
+  background: color-mix(in srgb, var(--orion-admin-input-bg) 92%, white);
+  border: 1px solid color-mix(in srgb, var(--orion-admin-input-border) 82%, var(--brand-secondary) 18%);
+  border-radius: var(--orion-admin-radius-pill);
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.7),
+    0 8px 18px rgba(62, 42, 24, 0.08);
+  color: color-mix(in srgb, var(--orion-admin-login-panel-text) 86%, var(--brand-secondary) 14%);
+  cursor: pointer;
+  display: inline-flex;
+  height: 40px;
+  justify-content: center;
+  padding: 0;
+  transition:
+    background 0.18s ease,
+    border-color 0.18s ease,
+    box-shadow 0.18s ease,
+    color 0.18s ease,
+    transform 0.18s ease;
+  width: 40px;
+}
+
+.orion-admin-password-toggle:hover {
+  border-color: color-mix(in srgb, var(--brand-secondary) 34%, transparent);
+  color: var(--orion-admin-accent);
+  transform: translateY(-1px);
+}
+
+.orion-admin-password-toggle[data-visible='true'] {
+  background: color-mix(in srgb, var(--orion-admin-accent-soft) 72%, white);
+  border-color: color-mix(in srgb, var(--orion-admin-accent) 28%, transparent);
+  color: var(--orion-admin-accent);
+}
+
+.orion-admin-password-toggle:focus-visible {
+  box-shadow:
+    0 0 0 4px color-mix(in srgb, var(--orion-admin-accent) 12%, white),
+    0 14px 30px color-mix(in srgb, var(--orion-admin-accent) 18%, transparent);
+  outline: none;
+}
+
 .template-minimal.login .login__form input::placeholder {
   color: var(--orion-admin-input-placeholder);
 }

package/dist/{chunk-Q2HGC67S.mjs → chunk-T4OH6KI6.mjs}

@@ -186,8 +186,10 @@ function configureAdmin(config) {
     brandPrimary = "#3b82f6",
     brandSecondary = "#8b5cf6",
     defaultTheme = "brand-light",
+    logoOnDarkUrl,
     logoUrl,
-    allowThemePreference = false
+    allowThemePreference = false,
+    userSessionDurationSeconds = 60 * 60 * 24
   } = config;
   const studioEnabled = config.studio?.enabled ?? true;
   const formsEnabled = config.studio?.forms?.enabled ?? false;
@@ -309,6 +311,7 @@ function configureAdmin(config) {
             path: clientPath,
             clientProps: {
               brandName,
+              logoOnDarkUrl,
               logoUrl
             }
           },
@@ -317,6 +320,7 @@ function configureAdmin(config) {
             path: clientPath,
             clientProps: {
               brandName,
+              logoOnDarkUrl,
               logoUrl
             }
           }
@@ -469,10 +473,17 @@ function configureAdmin(config) {
             path: clientPath,
             clientProps: {
               brandName,
+              logoOnDarkUrl,
               logoUrl
             }
           }
         ],
+        afterLogin: [
+          {
+            exportName: "AdminLoginPasswordToggle",
+            path: clientPath
+          }
+        ],
         ...allowThemePreference ? {
           afterNavLinks: [
             {
@@ -499,8 +510,17 @@ function configureAdmin(config) {
       const hasThemePreference = existingFields.some(
         (field) => typeof field === "object" && field !== null && "name" in field && field.name === "themePreference"
       );
+      const normalizedAuth = usersCollection.auth === true ? {
+        tokenExpiration: userSessionDurationSeconds,
+        useSessions: true
+      } : usersCollection.auth && typeof usersCollection.auth === "object" ? {
+        ...usersCollection.auth,
+        tokenExpiration: usersCollection.auth.tokenExpiration ?? userSessionDurationSeconds,
+        useSessions: usersCollection.auth.useSessions ?? true
+      } : usersCollection.auth;
       const nextCollection = {
         ...usersCollection,
+        auth: normalizedAuth,
         fields: !allowThemePreference || hasThemePreference ? existingFields : [...existingFields, createThemePreferenceField(defaultTheme)]
       };
       return attachStudioBackBreadcrumbToCollection(nextCollection);