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

package/dist/admin/index.mjs

@@ -1,4 +1,5 @@
 import {
+  AdminStudioDashboard,
   configureAdmin,
   createHeaderNavItemsField,
   createSocialMediaConnectionsField,
@@ -7,8 +8,8 @@ import {
   socialMediaConnectionsField,
   themePreferenceField,
   withTooltips
-} from "../chunk-QJAWO6K3.mjs";
-import "../chunk-W2UOCJDX.mjs";
+} from "../chunk-DYXSAVUQ.mjs";
+import "../chunk-Z6L5K5MH.mjs";
 import {
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
   SOCIAL_MEDIA_ICON_OPTIONS,
@@ -17,6 +18,7 @@ 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/index.mjs

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

package/dist/admin-app/styles.css

@@ -360,6 +360,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;