@solidxai/core-ui 0.1.7-beta.3 → 0.1.7-beta.5

package/dist/resources/shadcn-base.css

@@ -1024,6 +1024,53 @@ body {
   width: min(296px, calc(100vw - 32px));
 }
 
+.solid-field-delete-flow-dialog {
+  width: min(560px, calc(100vw - 32px));
+}
+
+.solid-field-delete-flow-head {
+  text-align: left;
+}
+
+.solid-field-delete-flow-body {
+  text-align: left;
+}
+
+.solid-field-delete-flow-intro {
+  margin-bottom: 12px;
+  font-size: 13px;
+  line-height: 1.55;
+  color: var(--foreground);
+}
+
+.solid-field-delete-flow-list {
+  margin: 0;
+  padding-left: 18px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  color: var(--foreground);
+}
+
+.solid-field-delete-flow-list li {
+  font-size: 13px;
+  line-height: 1.55;
+  font-weight: 500;
+}
+
+.solid-field-delete-flow-list li span {
+  display: block;
+  margin-top: 2px;
+  font-size: 12px;
+  line-height: 1.55;
+  font-weight: 400;
+  color: var(--muted-foreground);
+}
+
+.solid-field-delete-flow-actions {
+  justify-content: flex-end;
+}
+
 .solid-delete-confirm-dialog .solid-shadcn-dialog-head {
   padding: 9px 12px;
 }
@@ -1349,8 +1396,9 @@ body {
 .solid-autocomplete-trigger {
   position: absolute;
   right: 2px;
-  top: 2px;
-  height: calc(100% - 4px);
+  top: 50%;
+  transform: translateY(-50%);
+  height: 24px;
   width: 24px;
   min-width: 24px;
   border: 0;
@@ -1358,6 +1406,9 @@ body {
   background: transparent;
   color: color-mix(in srgb, var(--foreground) 65%, transparent);
   cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .solid-autocomplete-trigger:hover {
@@ -2228,7 +2279,11 @@ body {
 .solid-auth-brand.is-center {
   align-self: center;
 }
-
+.solid-auth-brand-logo img{
+  width:100%;
+  max-width: 125px;
+  align-items: center;
+}
 .solid-auth-brand-icon {
   width: 24px;
   height: 24px;
@@ -2909,15 +2964,15 @@ body {
   box-shadow: 0 0 0 2px color-mix(in srgb, var(--solid-focus-ring) 60%, transparent);
 }
 
-.solid-auth-theme-wrapper .solid-auth-otp-input .solid-otp-input-field:nth-child(3),
+/* .solid-auth-theme-wrapper .solid-auth-otp-input .solid-otp-input-field:nth-child(3),
 .solid-auth-theme-wrapper .solid-auth-otp-input.p-inputotp .p-inputotp-input:nth-child(3) {
   margin-right: 10px;
 }
 
 .solid-auth-theme-wrapper .solid-auth-otp-input .solid-otp-input-field:nth-child(4),
 .solid-auth-theme-wrapper .solid-auth-otp-input.p-inputotp .p-inputotp-input:nth-child(4) {
-  margin-left: 10px;
-}
+  margin-right: 10px;
+} */
 
 .solid-auth-theme-wrapper .solid-auth-otp-input.is-invalid .solid-otp-input-field,
 .solid-auth-theme-wrapper .solid-auth-otp-input.p-inputotp.p-invalid .p-inputotp-input {
@@ -3251,6 +3306,90 @@ body {
   padding: 0 !important;
 }
 
+html.dark .solid-list-page-wrapper,
+[data-theme="dark"] .solid-list-page-wrapper {
+  background:
+    radial-gradient(circle at top right, color-mix(in srgb, var(--primary) 10%, transparent), transparent 26%),
+    linear-gradient(180deg, color-mix(in srgb, var(--background) 98%, #020617 2%), color-mix(in srgb, var(--background) 94%, #020617 6%)) !important;
+}
+
+html.dark .solid-list-surface,
+[data-theme="dark"] .solid-list-surface {
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--card) 96%, #0b1220 4%), color-mix(in srgb, var(--card) 90%, #020617 10%));
+  border-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+  box-shadow:
+    0 18px 40px rgba(2, 6, 23, 0.42),
+    inset 0 1px 0 rgba(148, 163, 184, 0.04);
+}
+
+html.dark .solid-list-toolbar,
+[data-theme="dark"] .solid-list-toolbar {
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--card) 94%, #172554 6%), color-mix(in srgb, var(--card) 88%, #0b1220 12%));
+  border-bottom-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+  box-shadow:
+    inset 0 -1px 0 rgba(15, 23, 42, 0.55),
+    0 10px 20px rgba(2, 6, 23, 0.18);
+}
+
+html.dark .solid-list-toolbar .view-title,
+[data-theme="dark"] .solid-list-toolbar .view-title {
+  color: color-mix(in srgb, var(--foreground) 94%, white 6%);
+  letter-spacing: -0.01em;
+}
+
+html.dark .solid-list-toolbar .solid-global-search-element,
+html.dark .solid-kanban-toolbar .solid-global-search-element,
+[data-theme="dark"] .solid-list-toolbar .solid-global-search-element,
+[data-theme="dark"] .solid-kanban-toolbar .solid-global-search-element {
+  border-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+  background: color-mix(in srgb, var(--background) 76%, var(--card) 24%);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+html.dark .solid-list-toolbar .solid-global-search-element input::placeholder,
+html.dark .solid-kanban-toolbar .solid-global-search-element input::placeholder,
+[data-theme="dark"] .solid-list-toolbar .solid-global-search-element input::placeholder,
+[data-theme="dark"] .solid-kanban-toolbar .solid-global-search-element input::placeholder {
+  color: color-mix(in srgb, var(--muted-foreground) 64%, transparent);
+}
+
+html.dark .solid-list-toolbar .p-button.p-button-secondary,
+html.dark .solid-list-toolbar .p-button.p-button-outlined,
+html.dark .solid-list-toolbar .solid-btn--secondary,
+html.dark .solid-list-toolbar .solid-btn--outline,
+html.dark .solid-list-toolbar .solid-icon-button,
+html.dark .solid-icon-button,
+html.dark .solid-list-toolbar .solid-header-cog-trigger,
+html.dark .solid-header-cog-trigger,
+[data-theme="dark"] .solid-list-toolbar .p-button.p-button-secondary,
+[data-theme="dark"] .solid-list-toolbar .p-button.p-button-outlined,
+[data-theme="dark"] .solid-list-toolbar .solid-btn--secondary,
+[data-theme="dark"] .solid-list-toolbar .solid-btn--outline,
+[data-theme="dark"] .solid-list-toolbar .solid-icon-button,
+[data-theme="dark"] .solid-icon-button,
+[data-theme="dark"] .solid-list-toolbar .solid-header-cog-trigger,
+[data-theme="dark"] .solid-header-cog-trigger {
+  background: color-mix(in srgb, var(--background) 72%, var(--card) 28%);
+  border-color: color-mix(in srgb, var(--border) 70%, #334155 30%);
+  color: color-mix(in srgb, var(--foreground) 88%, transparent);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+html.dark .solid-list-toolbar .solid-icon-button:hover,
+html.dark .solid-icon-button:hover,
+html.dark .solid-list-toolbar .solid-header-cog-trigger:hover,
+html.dark .solid-header-cog-trigger:hover,
+[data-theme="dark"] .solid-list-toolbar .solid-icon-button:hover,
+[data-theme="dark"] .solid-icon-button:hover,
+[data-theme="dark"] .solid-list-toolbar .solid-header-cog-trigger:hover,
+[data-theme="dark"] .solid-header-cog-trigger:hover {
+  background: color-mix(in srgb, var(--accent) 48%, #172554 22%);
+  border-color: color-mix(in srgb, var(--primary) 26%, var(--border) 74%);
+  color: var(--foreground);
+}
+
 /* === Solid Notebook (Tabs 11 underline style) === */
 .solid-notebook-tablist {
   display: flex;
@@ -3259,6 +3398,10 @@ body {
   gap: 0;
 }
 
+.chatter-section .solid-locale-tabs-list {
+  padding-left: 2.7rem;
+}
+
 .solid-notebook-tab-trigger {
   position: relative;
   padding: 9px 14px;
@@ -3551,6 +3694,162 @@ body {
   cursor: not-allowed;
 }
 
+html.dark .solid-list-table-area,
+[data-theme="dark"] .solid-list-table-area {
+  padding: 0 10px 10px;
+}
+
+html.dark .solid-data-table-viewport,
+[data-theme="dark"] .solid-data-table-viewport {
+  border-radius: 0 0 12px 12px;
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--card) 90%, #0b1220 10%), color-mix(in srgb, var(--card) 84%, #020617 16%));
+}
+
+html.dark .solid-data-table-head,
+[data-theme="dark"] .solid-data-table-head {
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--card) 96%, #172554 4%), color-mix(in srgb, var(--card) 88%, #0b1220 12%));
+  backdrop-filter: blur(10px);
+  box-shadow:
+    inset 0 -1px 0 color-mix(in srgb, var(--border) 70%, #334155 30%),
+    0 8px 18px rgba(2, 6, 23, 0.2);
+}
+
+html.dark .solid-data-table-th,
+[data-theme="dark"] .solid-data-table-th {
+  color: color-mix(in srgb, var(--foreground) 85%, white 15%);
+  border-bottom-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+}
+
+html.dark .solid-table-header-button,
+[data-theme="dark"] .solid-table-header-button {
+  color: color-mix(in srgb, var(--foreground) 84%, transparent);
+}
+
+html.dark .solid-table-header-button.is-sortable:hover,
+[data-theme="dark"] .solid-table-header-button.is-sortable:hover {
+  color: color-mix(in srgb, var(--foreground) 96%, white 4%);
+}
+
+html.dark .solid-data-table-td,
+[data-theme="dark"] .solid-data-table-td {
+  color: color-mix(in srgb, var(--foreground) 90%, #dbeafe 10%);
+}
+
+html.dark .solid-data-table-row,
+[data-theme="dark"] .solid-data-table-row {
+  border-top-color: color-mix(in srgb, var(--border) 62%, #334155 38%);
+}
+
+html.dark .solid-data-table-row:nth-child(even),
+[data-theme="dark"] .solid-data-table-row:nth-child(even) {
+  background: color-mix(in srgb, var(--accent) 12%, transparent);
+}
+
+html.dark .solid-data-table-row:hover,
+[data-theme="dark"] .solid-data-table-row:hover {
+  background: color-mix(in srgb, var(--accent) 34%, #1e293b 18%);
+}
+
+html.dark .solid-data-table-row:has(input[type="checkbox"]:checked),
+[data-theme="dark"] .solid-data-table-row:has(input[type="checkbox"]:checked) {
+  background: color-mix(in srgb, var(--primary) 10%, var(--accent) 24%);
+  box-shadow: inset 2px 0 0 color-mix(in srgb, var(--primary) 86%, white 14%);
+}
+
+html.dark .solid-datatable-wrapper td a:not(.solid-inline-row-button):not(.solid-row-menu-trigger),
+[data-theme="dark"] .solid-datatable-wrapper td a:not(.solid-inline-row-button):not(.solid-row-menu-trigger) {
+  color: color-mix(in srgb, var(--primary) 68%, var(--foreground) 32%);
+  text-decoration: none;
+  transition: color 120ms ease, opacity 120ms ease;
+}
+
+html.dark .solid-datatable-wrapper td a:not(.solid-inline-row-button):not(.solid-row-menu-trigger):hover,
+[data-theme="dark"] .solid-datatable-wrapper td a:not(.solid-inline-row-button):not(.solid-row-menu-trigger):hover {
+  color: color-mix(in srgb, var(--primary) 82%, white 18%);
+}
+
+html.dark .solid-data-table-root input[type="checkbox"],
+[data-theme="dark"] .solid-data-table-root input[type="checkbox"] {
+  appearance: none;
+  border: 1px solid color-mix(in srgb, var(--border) 66%, #475569 34%);
+  border-radius: 4px;
+  background: color-mix(in srgb, var(--background) 70%, var(--card) 30%);
+  display: inline-grid;
+  place-items: center;
+  margin: 0;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
+  transition: background 120ms ease, border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
+}
+
+html.dark .solid-data-table-root input[type="checkbox"]::before,
+[data-theme="dark"] .solid-data-table-root input[type="checkbox"]::before {
+  content: "";
+  width: 8px;
+  height: 8px;
+  transform: scale(0);
+  transition: transform 120ms ease;
+  clip-path: polygon(14% 44%, 0 59%, 41% 100%, 100% 20%, 84% 6%, 38% 62%);
+  background: var(--primary-foreground);
+}
+
+html.dark .solid-data-table-root input[type="checkbox"]:hover,
+[data-theme="dark"] .solid-data-table-root input[type="checkbox"]:hover {
+  border-color: color-mix(in srgb, var(--primary) 34%, var(--border) 66%);
+}
+
+html.dark .solid-data-table-root input[type="checkbox"]:focus-visible,
+[data-theme="dark"] .solid-data-table-root input[type="checkbox"]:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ring) 34%, transparent);
+}
+
+html.dark .solid-data-table-root input[type="checkbox"]:checked,
+[data-theme="dark"] .solid-data-table-root input[type="checkbox"]:checked {
+  background: color-mix(in srgb, var(--primary) 88%, #93c5fd 12%);
+  border-color: color-mix(in srgb, var(--primary) 72%, white 28%);
+  box-shadow:
+    0 0 0 3px color-mix(in srgb, var(--ring) 26%, transparent),
+    inset 0 1px 0 rgba(255, 255, 255, 0.12);
+}
+
+html.dark .solid-data-table-root input[type="checkbox"]:checked::before,
+[data-theme="dark"] .solid-data-table-root input[type="checkbox"]:checked::before {
+  transform: scale(1);
+}
+
+html.dark .solid-table-paginator,
+[data-theme="dark"] .solid-table-paginator {
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--card) 90%, #0b1220 10%), color-mix(in srgb, var(--card) 84%, #020617 16%));
+  border-color: color-mix(in srgb, var(--border) 72%, #334155 28%) !important;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+html.dark .solid-paginator-label,
+html.dark .solid-paginator-report,
+[data-theme="dark"] .solid-paginator-label,
+[data-theme="dark"] .solid-paginator-report {
+  color: color-mix(in srgb, var(--foreground) 72%, transparent);
+}
+
+html.dark .solid-paginator-select,
+html.dark .solid-paginator-btn,
+[data-theme="dark"] .solid-paginator-select,
+[data-theme="dark"] .solid-paginator-btn {
+  background: color-mix(in srgb, var(--background) 74%, var(--card) 26%);
+  border-color: color-mix(in srgb, var(--border) 70%, #334155 30%);
+  color: color-mix(in srgb, var(--foreground) 88%, transparent);
+}
+
+html.dark .solid-paginator-btn:hover:not(:disabled),
+[data-theme="dark"] .solid-paginator-btn:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--accent) 46%, #172554 20%);
+  border-color: color-mix(in srgb, var(--primary) 26%, var(--border) 74%);
+  color: var(--foreground);
+}
+
 .solid-treetable-wrapper {
   position: relative;
   height: 100%;
@@ -5715,6 +6014,33 @@ body {
   padding: 12px;
 }
 
+.solid-form-layout-group,
+.solid-form-layout-row,
+.solid-form-layout-column {
+  min-width: 0;
+}
+
+.solid-form-layout-label {
+  margin: 0 0 0.9rem;
+  display: flex;
+  align-items: center;
+  gap: 0.8rem;
+  font-size: 14px;
+  line-height: 1.3;
+  font-weight: 650;
+  color: var(--solid-form-title, color-mix(in srgb, var(--foreground) 88%, var(--muted-foreground) 12%));
+  letter-spacing: -0.015em;
+}
+
+.solid-form-layout-label::after {
+  content: "";
+  flex: 1;
+  min-width: 1.5rem;
+  height: 1px;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--border) 82%, transparent);
+}
+
 .solid-message {
   display: inline-flex;
   align-items: center;
@@ -6017,4 +6343,4 @@ body {
 .solid-segmented-item.is-disabled {
   opacity: 0.5;
   cursor: not-allowed;
-}
+}

package/dist/resources/solid-responsive.css

@@ -76,13 +76,13 @@
 
     .chatter-section.open {
         position: absolute;
-        right: 0;
+        right: 12px;
         top: 0;
-        width: 380px !important;
+        width: 320px !important;
         height: 100%;
         z-index: 99;
-        background-color: #fff;
-        border-left: 1px solid var(--primary-light-color);
+        background-color: transparent;
+        border-left: none;
         max-width: calc(100% - 100px);
     }
 
@@ -185,7 +185,7 @@
     /* ===================== Chatter Section ===================== */
 
     .chatter-section.open {
-        width: 330px;
+        width: 320px;
     }
 
     .solid-common-dialog {
@@ -381,7 +381,7 @@
     }
 
     .chatter-section.collapsed {
-        width: 40px !important;
+        width: 32px !important;
     }
 
 

package/dist/resources/themes/solid-dark-purple/theme.css

@@ -50,7 +50,7 @@
   --solid-light-grey: #161616;
   --solid-stepper-border: rgba(216, 226, 234, 0.08);
   --solid-dark-title: #FFFFFF;
-  --solid-dropzone-bg: rgba(216, 226, 234, 0.08);
+  --solid-dropzone-bg: rgba(255, 255, 255, 0.03);
   --solid-file-wrapper: rgba(216, 226, 234, 0.08);
   --solid-chatter-dash: rgba(216, 226, 234, 0.08);
   --solid-chatter-date-border: rgba(216, 226, 234, 0.08);

package/dist/routes/pages/studio/StudioLandingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StudioLandingPage.js","sourceRoot":"","sources":["../../../../src/routes/pages/studio/StudioLandingPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { useSolidLayoutRegistry } from \"../../SolidLayoutRegistry\";\nimport type { SolidLayoutEntry } from \"../../SolidLayoutRegistry\";\nimport { ChatIcon } from \"@/components/layout/SolidAiStudioLayout\";\nimport { env } from \"../../../adapters/env\";\n\n// ── Icons ──────────────────────────────────────────────────────────────────────\n\nconst ArrowIcon = () => (\n  <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M2.5 7h9M8 3.5l3.5 3.5L8 10.5\" stroke=\"currentColor\" strokeWidth=\"1.4\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nconst LayoutPlaceholderIcon = () => (\n  <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"1\" y=\"1\" width=\"16\" height=\"16\" rx=\"2.5\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n    <path d=\"M1 6h16\" stroke=\"currentColor\" strokeWidth=\"1.1\" />\n    <path d=\"M6 6v11\" stroke=\"currentColor\" strokeWidth=\"1.1\" />\n  </svg>\n);\n\nconst NoLayoutIcon = () => (\n  <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"2\" y=\"2\" width=\"28\" height=\"28\" rx=\"4\" stroke=\"currentColor\" strokeWidth=\"1.5\" opacity=\"0.4\" strokeDasharray=\"4 3\" />\n    <path d=\"M11 16h10M16 11v10\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" opacity=\"0.5\" />\n  </svg>\n);\n\nconst GridViewIcon = () => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"1\" y=\"1\" width=\"5.5\" height=\"5.5\" rx=\"1.2\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n    <rect x=\"8.5\" y=\"1\" width=\"5.5\" height=\"5.5\" rx=\"1.2\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n    <rect x=\"1\" y=\"8.5\" width=\"5.5\" height=\"5.5\" rx=\"1.2\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n    <rect x=\"8.5\" y=\"8.5\" width=\"5.5\" height=\"5.5\" rx=\"1.2\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n  </svg>\n);\n\nconst ListViewIcon = () => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"1\" y=\"2.5\" width=\"13\" height=\"2.5\" rx=\"1.2\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n    <rect x=\"1\" y=\"6.25\" width=\"13\" height=\"2.5\" rx=\"1.2\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n    <rect x=\"1\" y=\"10\" width=\"13\" height=\"2.5\" rx=\"1.2\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n  </svg>\n);\n\n// ── Per-card accent colours (cycles by index) ──────────────────────────────────\n\nconst CARD_ACCENTS = [\n  { bg: \"hsl(224 70% 54%)\", cls: \"solid-studio-home-card-icon--backend\" },\n  { bg: \"hsl(158 64% 42%)\", cls: \"solid-studio-home-card-icon--list\" },\n  { bg: \"hsl(32  95% 48%)\", cls: \"solid-studio-home-card-icon--kanban\" },\n  { bg: \"hsl(270 65% 58%)\", cls: \"solid-studio-home-card-icon--form\" },\n  { bg: \"hsl(199 89% 48%)\", cls: \"solid-studio-home-card-icon--tree\" },\n  { bg: \"hsl(215 25% 52%)\", cls: \"solid-studio-home-card-icon--settings\" },\n];\n\n// ── Generic layout wireframe thumbnail ────────────────────────────────────────\n\nfunction LayoutThumb({ accentColor, title }: { accentColor: string; title: string }) {\n  const initials = title\n    .split(/\\s+/)\n    .slice(0, 2)\n    .map((w) => w[0]?.toUpperCase() ?? \"\")\n    .join(\"\");\n\n  return (\n    <svg\n      className=\"solid-studio-home-card-thumb\"\n      viewBox=\"0 0 280 122\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n    >\n      {/* background */}\n      <rect width=\"280\" height=\"122\" fill=\"var(--sidebar-background)\" />\n\n      {/* sidebar */}\n      <rect width=\"40\" height=\"122\" fill=\"var(--border)\" opacity=\"0.7\" />\n      <rect x=\"7\" y=\"14\" width=\"26\" height=\"4\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.45\" />\n      <rect x=\"7\" y=\"26\" width=\"26\" height=\"4\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.28\" />\n      <rect x=\"7\" y=\"38\" width=\"26\" height=\"4\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.28\" />\n      <rect x=\"7\" y=\"50\" width=\"26\" height=\"4\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.28\" />\n\n      {/* top bar */}\n      <rect x=\"40\" y=\"0\" width=\"240\" height=\"18\" fill=\"var(--border)\" opacity=\"0.5\" />\n\n      {/* accent header band */}\n      <rect x=\"48\" y=\"22\" width=\"224\" height=\"28\" rx=\"3\" fill={accentColor} opacity=\"0.12\" />\n      <rect x=\"56\" y=\"30\" width=\"80\" height=\"7\" rx=\"2\" fill={accentColor} opacity=\"0.45\" />\n      <rect x=\"56\" y=\"40\" width=\"50\" height=\"4\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.3\" />\n\n      {/* content blocks */}\n      <rect x=\"48\" y=\"58\" width=\"70\" height=\"58\" rx=\"3\" fill=\"var(--card)\" stroke=\"var(--border)\" strokeWidth=\"0.8\" />\n      <rect x=\"126\" y=\"58\" width=\"70\" height=\"58\" rx=\"3\" fill=\"var(--card)\" stroke=\"var(--border)\" strokeWidth=\"0.8\" />\n      <rect x=\"204\" y=\"58\" width=\"68\" height=\"26\" rx=\"3\" fill=\"var(--card)\" stroke=\"var(--border)\" strokeWidth=\"0.8\" />\n      <rect x=\"204\" y=\"90\" width=\"68\" height=\"26\" rx=\"3\" fill=\"var(--card)\" stroke=\"var(--border)\" strokeWidth=\"0.8\" />\n\n      {/* inner muted lines */}\n      <rect x=\"54\" y=\"65\" width=\"48\" height=\"4\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.28\" />\n      <rect x=\"54\" y=\"73\" width=\"36\" height=\"3\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.2\" />\n      <rect x=\"132\" y=\"65\" width=\"48\" height=\"4\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.28\" />\n      <rect x=\"132\" y=\"73\" width=\"36\" height=\"3\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.2\" />\n\n      {/* initials badge */}\n      <circle cx=\"60\" cy=\"98\" r=\"9\" fill={accentColor} opacity=\"0.18\" />\n      <text\n        x=\"60\"\n        y=\"102\"\n        textAnchor=\"middle\"\n        fontSize=\"7\"\n        fontWeight=\"700\"\n        fill={accentColor}\n        opacity=\"0.8\"\n        fontFamily=\"system-ui, sans-serif\"\n      >\n        {initials}\n      </text>\n    </svg>\n  );\n}\n\n// ── Card Components (shadcn-inspired) ────────────────────────────────────────\n\nfunction Card({ children, className = \"\" }: { children: React.ReactNode; className?: string }) {\n  return (\n    <div className={`solid-studio-card ${className}`}>\n      {children}\n    </div>\n  );\n}\n\nfunction CardHeader({ children, className = \"\" }: { children: React.ReactNode; className?: string }) {\n  return <div className={`solid-studio-card-header ${className}`}>{children}</div>;\n}\n\nfunction CardTitle({ children, className = \"\" }: { children: React.ReactNode; className?: string }) {\n  return <h3 className={`solid-studio-card-title ${className}`}>{children}</h3>;\n}\n\nfunction CardDescription({ children, className = \"\" }: { children: React.ReactNode; className?: string }) {\n  return <p className={`solid-studio-card-description ${className}`}>{children}</p>;\n}\n\nfunction CardContent({ children, className = \"\" }: { children: React.ReactNode; className?: string }) {\n  return <div className={`solid-studio-card-content ${className}`}>{children}</div>;\n}\n\nfunction CardFooter({ children, className = \"\" }: { children: React.ReactNode; className?: string }) {\n  return <div className={`solid-studio-card-footer ${className}`}>{children}</div>;\n}\n\n// ── Empty state ───────────────────────────────────────────────────────────────\n\nfunction EmptyState() {\n  return (\n    <div className=\"solid-studio-landing-empty-container\">\n      <Card className=\"solid-studio-landing-empty-card\">\n        <CardHeader className=\"solid-studio-landing-empty-header\">\n          <div className=\"solid-studio-home-badge\" style={{ marginBottom: '12px' }}>Frontend Studio</div>\n          <CardTitle>Frontend layout will appear here</CardTitle>\n          <CardDescription>\n            Register your app layouts to explore and customize them in the Studio.\n          </CardDescription>\n        </CardHeader>\n\n        <CardContent className=\"solid-studio-landing-empty-body\">\n          <div className=\"solid-studio-landing-empty-primary-action\">\n            <p>To get started, use the <strong>SolidX AI Agent</strong> to add a new custom layout.</p>\n            <button\n              type=\"button\"\n              className=\"solid-studio-empty-cta-button\"\n              onClick={() => {\n                const aiUrl = env(\"VITE_SOLIDX_AI_URL\");\n                if (aiUrl) window.open(aiUrl, \"_blank\");\n              }}\n            >\n              <ChatIcon />\n              <span>Open AI Chat</span>\n              {/* <ArrowIcon /> */}\n            </button>\n          </div>\n\n          <div className=\"solid-studio-landing-empty-divider\" />\n\n          <div className=\"solid-studio-landing-empty-details\">\n            <p className=\"solid-studio-landing-empty-instruction\">\n              Any route with a <code>path</code> and <code>children</code> passed to{\" \"}\n              <code>getSolidRoutes()</code> will automatically appear as a card.\n            </p>\n            <div className=\"solid-studio-landing-snippet\">\n              <pre>\n                <code>{`// AppRoutes.tsx\\nconst extraRoutes = [\\n  {\\n    path: \"/my-layout\",\\n    element: <MyLayout />,\\n    children: [{ index: true, element: <MyPage /> }],\\n  },\\n];\\n\\ngetSolidRoutes({ extraRoutes });`}</code>\n              </pre>\n            </div>\n            <p className=\"solid-studio-landing-hint\">\n              <strong>Pro Tip:</strong> Add <code>handle: {`{ title, description }`}</code> to a route to customize its appearance.\n            </p>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\n// ── Card ──────────────────────────────────────────────────────────────────────\n\nfunction LayoutCard({\n  entry,\n  index,\n  listView,\n}: {\n  entry: SolidLayoutEntry;\n  index: number;\n  listView: boolean;\n}) {\n  const navigate = useNavigate();\n  const accent = CARD_ACCENTS[index % CARD_ACCENTS.length];\n\n  return (\n    <button\n      type=\"button\"\n      className={`solid-studio-home-card${listView ? \" solid-studio-home-card--list\" : \"\"}`}\n      onClick={() => navigate(entry.to)}\n      aria-label={`Open ${entry.title}`}\n    >\n      {!listView && (\n        <div className=\"solid-studio-home-card-image-wrap\">\n          <LayoutThumb accentColor={accent.bg} title={entry.title} />\n          <div className=\"solid-studio-home-card-image-overlay\" />\n        </div>\n      )}\n      <div className=\"solid-studio-home-card-body\">\n        <div className={`solid-studio-home-card-icon ${accent.cls}`}>\n          <LayoutPlaceholderIcon />\n        </div>\n        <div className=\"solid-studio-home-card-content\">\n          <span className=\"solid-studio-home-card-title\">{entry.title}</span>\n          {entry.description && (\n            <span className=\"solid-studio-home-card-desc\">{entry.description}</span>\n          )}\n          <span className=\"solid-studio-home-card-desc\" style={{ opacity: 0.6, fontSize: 12 }}>\n            {entry.to}\n          </span>\n        </div>\n        <div className=\"solid-studio-home-card-cta\">\n          <span>Open</span>\n          <ArrowIcon />\n        </div>\n      </div>\n    </button>\n  );\n}\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function StudioLandingPage() {\n  const layouts = useSolidLayoutRegistry();\n  const [listView, setListView] = useState(false);\n\n  return (\n    <div className={`solid-studio-home ${layouts.length > 0 ? \"solid-studio-home--top\" : \"\"}`}>\n      <div className={`solid-studio-home-inner ${layouts.length > 0 ? \"solid-studio-home-inner--fluid\" : \"\"}`}>\n\n        {/* Toolbar: title left, view toggle right */}\n        <div className=\"solid-studio-home-toolbar\">\n          {/* <div className=\"solid-studio-home-toolbar-left\">\n            <div className=\"solid-studio-home-heading\">\n              <div className=\"solid-studio-home-badge\">Frontend Studio</div>\n              <h1>Frontend Layouts</h1>\n              <p>\n                {layouts.length > 0\n                  ? `${layouts.length} layout${layouts.length === 1 ? \"\" : \"s\"} registered in your app.`\n                  : \"Register your app layouts to explore them here.\"}\n              </p>\n            </div>\n          </div> */}\n          {layouts.length > 0 && (\n            <div className=\"solid-studio-home-toolbar-right\">\n              <button\n                type=\"button\"\n                className={`solid-studio-home-view-btn${!listView ? \" solid-studio-home-view-btn--active\" : \"\"}`}\n                onClick={() => setListView(false)}\n                aria-label=\"Grid view\"\n                title=\"Grid view\"\n              >\n                <GridViewIcon />\n              </button>\n              <button\n                type=\"button\"\n                className={`solid-studio-home-view-btn${listView ? \" solid-studio-home-view-btn--active\" : \"\"}`}\n                onClick={() => setListView(true)}\n                aria-label=\"List view\"\n                title=\"List view\"\n              >\n                <ListViewIcon />\n              </button>\n            </div>\n          )}\n        </div>\n\n        {layouts.length === 0 ? (\n          <EmptyState />\n        ) : listView ? (\n          <div className=\"solid-studio-home-cards--list\">\n            {layouts.map((entry, i) => (\n              <LayoutCard key={entry.path} entry={entry} index={i} listView />\n            ))}\n          </div>\n        ) : (\n          <div className=\"solid-studio-home-cards solid-studio-home-cards--fluid\">\n            {layouts.map((entry, i) => (\n              <LayoutCard key={entry.path} entry={entry} index={i} listView={false} />\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"StudioLandingPage.js","sourceRoot":"","sources":["../../../../src/routes/pages/studio/StudioLandingPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { useSolidLayoutRegistry } from \"../../SolidLayoutRegistry\";\nimport type { SolidLayoutEntry } from \"../../SolidLayoutRegistry\";\nimport { ChatIcon } from \"../../../components/layout/SolidAiStudioLayout\";\nimport { env } from \"../../../adapters/env\";\n\n// ── Icons ──────────────────────────────────────────────────────────────────────\n\nconst ArrowIcon = () => (\n  <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M2.5 7h9M8 3.5l3.5 3.5L8 10.5\" stroke=\"currentColor\" strokeWidth=\"1.4\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nconst LayoutPlaceholderIcon = () => (\n  <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"1\" y=\"1\" width=\"16\" height=\"16\" rx=\"2.5\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n    <path d=\"M1 6h16\" stroke=\"currentColor\" strokeWidth=\"1.1\" />\n    <path d=\"M6 6v11\" stroke=\"currentColor\" strokeWidth=\"1.1\" />\n  </svg>\n);\n\nconst NoLayoutIcon = () => (\n  <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"2\" y=\"2\" width=\"28\" height=\"28\" rx=\"4\" stroke=\"currentColor\" strokeWidth=\"1.5\" opacity=\"0.4\" strokeDasharray=\"4 3\" />\n    <path d=\"M11 16h10M16 11v10\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" opacity=\"0.5\" />\n  </svg>\n);\n\nconst GridViewIcon = () => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"1\" y=\"1\" width=\"5.5\" height=\"5.5\" rx=\"1.2\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n    <rect x=\"8.5\" y=\"1\" width=\"5.5\" height=\"5.5\" rx=\"1.2\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n    <rect x=\"1\" y=\"8.5\" width=\"5.5\" height=\"5.5\" rx=\"1.2\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n    <rect x=\"8.5\" y=\"8.5\" width=\"5.5\" height=\"5.5\" rx=\"1.2\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n  </svg>\n);\n\nconst ListViewIcon = () => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"1\" y=\"2.5\" width=\"13\" height=\"2.5\" rx=\"1.2\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n    <rect x=\"1\" y=\"6.25\" width=\"13\" height=\"2.5\" rx=\"1.2\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n    <rect x=\"1\" y=\"10\" width=\"13\" height=\"2.5\" rx=\"1.2\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n  </svg>\n);\n\n// ── Per-card accent colours (cycles by index) ──────────────────────────────────\n\nconst CARD_ACCENTS = [\n  { bg: \"hsl(224 70% 54%)\", cls: \"solid-studio-home-card-icon--backend\" },\n  { bg: \"hsl(158 64% 42%)\", cls: \"solid-studio-home-card-icon--list\" },\n  { bg: \"hsl(32  95% 48%)\", cls: \"solid-studio-home-card-icon--kanban\" },\n  { bg: \"hsl(270 65% 58%)\", cls: \"solid-studio-home-card-icon--form\" },\n  { bg: \"hsl(199 89% 48%)\", cls: \"solid-studio-home-card-icon--tree\" },\n  { bg: \"hsl(215 25% 52%)\", cls: \"solid-studio-home-card-icon--settings\" },\n];\n\n// ── Generic layout wireframe thumbnail ────────────────────────────────────────\n\nfunction LayoutThumb({ accentColor, title }: { accentColor: string; title: string }) {\n  const initials = title\n    .split(/\\s+/)\n    .slice(0, 2)\n    .map((w) => w[0]?.toUpperCase() ?? \"\")\n    .join(\"\");\n\n  return (\n    <svg\n      className=\"solid-studio-home-card-thumb\"\n      viewBox=\"0 0 280 122\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n    >\n      {/* background */}\n      <rect width=\"280\" height=\"122\" fill=\"var(--sidebar-background)\" />\n\n      {/* sidebar */}\n      <rect width=\"40\" height=\"122\" fill=\"var(--border)\" opacity=\"0.7\" />\n      <rect x=\"7\" y=\"14\" width=\"26\" height=\"4\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.45\" />\n      <rect x=\"7\" y=\"26\" width=\"26\" height=\"4\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.28\" />\n      <rect x=\"7\" y=\"38\" width=\"26\" height=\"4\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.28\" />\n      <rect x=\"7\" y=\"50\" width=\"26\" height=\"4\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.28\" />\n\n      {/* top bar */}\n      <rect x=\"40\" y=\"0\" width=\"240\" height=\"18\" fill=\"var(--border)\" opacity=\"0.5\" />\n\n      {/* accent header band */}\n      <rect x=\"48\" y=\"22\" width=\"224\" height=\"28\" rx=\"3\" fill={accentColor} opacity=\"0.12\" />\n      <rect x=\"56\" y=\"30\" width=\"80\" height=\"7\" rx=\"2\" fill={accentColor} opacity=\"0.45\" />\n      <rect x=\"56\" y=\"40\" width=\"50\" height=\"4\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.3\" />\n\n      {/* content blocks */}\n      <rect x=\"48\" y=\"58\" width=\"70\" height=\"58\" rx=\"3\" fill=\"var(--card)\" stroke=\"var(--border)\" strokeWidth=\"0.8\" />\n      <rect x=\"126\" y=\"58\" width=\"70\" height=\"58\" rx=\"3\" fill=\"var(--card)\" stroke=\"var(--border)\" strokeWidth=\"0.8\" />\n      <rect x=\"204\" y=\"58\" width=\"68\" height=\"26\" rx=\"3\" fill=\"var(--card)\" stroke=\"var(--border)\" strokeWidth=\"0.8\" />\n      <rect x=\"204\" y=\"90\" width=\"68\" height=\"26\" rx=\"3\" fill=\"var(--card)\" stroke=\"var(--border)\" strokeWidth=\"0.8\" />\n\n      {/* inner muted lines */}\n      <rect x=\"54\" y=\"65\" width=\"48\" height=\"4\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.28\" />\n      <rect x=\"54\" y=\"73\" width=\"36\" height=\"3\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.2\" />\n      <rect x=\"132\" y=\"65\" width=\"48\" height=\"4\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.28\" />\n      <rect x=\"132\" y=\"73\" width=\"36\" height=\"3\" rx=\"2\" fill=\"var(--muted)\" opacity=\"0.2\" />\n\n      {/* initials badge */}\n      <circle cx=\"60\" cy=\"98\" r=\"9\" fill={accentColor} opacity=\"0.18\" />\n      <text\n        x=\"60\"\n        y=\"102\"\n        textAnchor=\"middle\"\n        fontSize=\"7\"\n        fontWeight=\"700\"\n        fill={accentColor}\n        opacity=\"0.8\"\n        fontFamily=\"system-ui, sans-serif\"\n      >\n        {initials}\n      </text>\n    </svg>\n  );\n}\n\n// ── Card Components (shadcn-inspired) ────────────────────────────────────────\n\nfunction Card({ children, className = \"\" }: { children: React.ReactNode; className?: string }) {\n  return (\n    <div className={`solid-studio-card ${className}`}>\n      {children}\n    </div>\n  );\n}\n\nfunction CardHeader({ children, className = \"\" }: { children: React.ReactNode; className?: string }) {\n  return <div className={`solid-studio-card-header ${className}`}>{children}</div>;\n}\n\nfunction CardTitle({ children, className = \"\" }: { children: React.ReactNode; className?: string }) {\n  return <h3 className={`solid-studio-card-title ${className}`}>{children}</h3>;\n}\n\nfunction CardDescription({ children, className = \"\" }: { children: React.ReactNode; className?: string }) {\n  return <p className={`solid-studio-card-description ${className}`}>{children}</p>;\n}\n\nfunction CardContent({ children, className = \"\" }: { children: React.ReactNode; className?: string }) {\n  return <div className={`solid-studio-card-content ${className}`}>{children}</div>;\n}\n\nfunction CardFooter({ children, className = \"\" }: { children: React.ReactNode; className?: string }) {\n  return <div className={`solid-studio-card-footer ${className}`}>{children}</div>;\n}\n\n// ── Empty state ───────────────────────────────────────────────────────────────\n\nfunction EmptyState() {\n  return (\n    <div className=\"solid-studio-landing-empty-container\">\n      <Card className=\"solid-studio-landing-empty-card\">\n        <CardHeader className=\"solid-studio-landing-empty-header\">\n          <div className=\"solid-studio-home-badge\" style={{ marginBottom: '12px' }}>Frontend Studio</div>\n          <CardTitle>Frontend layout will appear here</CardTitle>\n          <CardDescription>\n            Register your app layouts to explore and customize them in the Studio.\n          </CardDescription>\n        </CardHeader>\n\n        <CardContent className=\"solid-studio-landing-empty-body\">\n          <div className=\"solid-studio-landing-empty-primary-action\">\n            <p>To get started, use the <strong>SolidX AI Agent</strong> to add a new custom layout.</p>\n            <button\n              type=\"button\"\n              className=\"solid-studio-empty-cta-button\"\n              onClick={() => {\n                const aiUrl = env(\"VITE_SOLIDX_AI_URL\");\n                if (aiUrl) window.open(aiUrl, \"_blank\");\n              }}\n            >\n              <ChatIcon />\n              <span>Open AI Chat</span>\n              {/* <ArrowIcon /> */}\n            </button>\n          </div>\n\n          <div className=\"solid-studio-landing-empty-divider\" />\n\n          <div className=\"solid-studio-landing-empty-details\">\n            <p className=\"solid-studio-landing-empty-instruction\">\n              Any route with a <code>path</code> and <code>children</code> passed to{\" \"}\n              <code>getSolidRoutes()</code> will automatically appear as a card.\n            </p>\n            <div className=\"solid-studio-landing-snippet\">\n              <pre>\n                <code>{`// AppRoutes.tsx\\nconst extraRoutes = [\\n  {\\n    path: \"/my-layout\",\\n    element: <MyLayout />,\\n    children: [{ index: true, element: <MyPage /> }],\\n  },\\n];\\n\\ngetSolidRoutes({ extraRoutes });`}</code>\n              </pre>\n            </div>\n            <p className=\"solid-studio-landing-hint\">\n              <strong>Pro Tip:</strong> Add <code>handle: {`{ title, description }`}</code> to a route to customize its appearance.\n            </p>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\n// ── Card ──────────────────────────────────────────────────────────────────────\n\nfunction LayoutCard({\n  entry,\n  index,\n  listView,\n}: {\n  entry: SolidLayoutEntry;\n  index: number;\n  listView: boolean;\n}) {\n  const navigate = useNavigate();\n  const accent = CARD_ACCENTS[index % CARD_ACCENTS.length];\n\n  return (\n    <button\n      type=\"button\"\n      className={`solid-studio-home-card${listView ? \" solid-studio-home-card--list\" : \"\"}`}\n      onClick={() => navigate(entry.to)}\n      aria-label={`Open ${entry.title}`}\n    >\n      {!listView && (\n        <div className=\"solid-studio-home-card-image-wrap\">\n          <LayoutThumb accentColor={accent.bg} title={entry.title} />\n          <div className=\"solid-studio-home-card-image-overlay\" />\n        </div>\n      )}\n      <div className=\"solid-studio-home-card-body\">\n        <div className={`solid-studio-home-card-icon ${accent.cls}`}>\n          <LayoutPlaceholderIcon />\n        </div>\n        <div className=\"solid-studio-home-card-content\">\n          <span className=\"solid-studio-home-card-title\">{entry.title}</span>\n          {entry.description && (\n            <span className=\"solid-studio-home-card-desc\">{entry.description}</span>\n          )}\n          <span className=\"solid-studio-home-card-desc\" style={{ opacity: 0.6, fontSize: 12 }}>\n            {entry.to}\n          </span>\n        </div>\n        <div className=\"solid-studio-home-card-cta\">\n          <span>Open</span>\n          <ArrowIcon />\n        </div>\n      </div>\n    </button>\n  );\n}\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function StudioLandingPage() {\n  const layouts = useSolidLayoutRegistry();\n  const [listView, setListView] = useState(false);\n\n  return (\n    <div className={`solid-studio-home ${layouts.length > 0 ? \"solid-studio-home--top\" : \"\"}`}>\n      <div className={`solid-studio-home-inner ${layouts.length > 0 ? \"solid-studio-home-inner--fluid\" : \"\"}`}>\n\n        {/* Toolbar: title left, view toggle right */}\n        <div className=\"solid-studio-home-toolbar\">\n          {/* <div className=\"solid-studio-home-toolbar-left\">\n            <div className=\"solid-studio-home-heading\">\n              <div className=\"solid-studio-home-badge\">Frontend Studio</div>\n              <h1>Frontend Layouts</h1>\n              <p>\n                {layouts.length > 0\n                  ? `${layouts.length} layout${layouts.length === 1 ? \"\" : \"s\"} registered in your app.`\n                  : \"Register your app layouts to explore them here.\"}\n              </p>\n            </div>\n          </div> */}\n          {layouts.length > 0 && (\n            <div className=\"solid-studio-home-toolbar-right\">\n              <button\n                type=\"button\"\n                className={`solid-studio-home-view-btn${!listView ? \" solid-studio-home-view-btn--active\" : \"\"}`}\n                onClick={() => setListView(false)}\n                aria-label=\"Grid view\"\n                title=\"Grid view\"\n              >\n                <GridViewIcon />\n              </button>\n              <button\n                type=\"button\"\n                className={`solid-studio-home-view-btn${listView ? \" solid-studio-home-view-btn--active\" : \"\"}`}\n                onClick={() => setListView(true)}\n                aria-label=\"List view\"\n                title=\"List view\"\n              >\n                <ListViewIcon />\n              </button>\n            </div>\n          )}\n        </div>\n\n        {layouts.length === 0 ? (\n          <EmptyState />\n        ) : listView ? (\n          <div className=\"solid-studio-home-cards--list\">\n            {layouts.map((entry, i) => (\n              <LayoutCard key={entry.path} entry={entry} index={i} listView />\n            ))}\n          </div>\n        ) : (\n          <div className=\"solid-studio-home-cards solid-studio-home-cards--fluid\">\n            {layouts.map((entry, i) => (\n              <LayoutCard key={entry.path} entry={entry} index={i} listView={false} />\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/routes/pages/studio/StudioLandingPage.tsx

@@ -2,7 +2,7 @@ import { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { useSolidLayoutRegistry } from "../../SolidLayoutRegistry";
 import type { SolidLayoutEntry } from "../../SolidLayoutRegistry";
-import { ChatIcon } from "@/components/layout/SolidAiStudioLayout";
+import { ChatIcon } from "../../../components/layout/SolidAiStudioLayout";
 import { env } from "../../../adapters/env";
 
 // ── Icons ──────────────────────────────────────────────────────────────────────

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidxai/core-ui",
-  "version": "0.1.7-beta.3",
+  "version": "0.1.7-beta.5",
   "scripts": {
     "prebuild": "npm run copy-resources && npm run copy-styles",
     "build": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json",
@@ -34,6 +34,7 @@
     "@types/lodash": "^4.17.23",
     "@types/pluralize": "^0.0.33",
     "@types/qs": "^6.14.0",
+    "@types/react-datepicker": "^4.11.2",
     "axios": "^1.7.2",
     "bcryptjs": "^2.4.3",
     "bootstrap": "^5.3.3",