@steedos/webapp 3.0.11-beta.5 → 3.0.12-beta.2

package/dist/assets/{browser-ponyfill-BUkx7XXC.js → browser-ponyfill-Qm615jFE.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./index-Di2dwtoU.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./index-D1UMGXOo.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/assets/{index-zA70UiNI.css → index-Cd9-p_c2.css}

@@ -1119,9 +1119,6 @@ video {
 .mb-8 {
   margin-bottom: 2rem;
 }
-.mb-\[-3px\] {
-  margin-bottom: -3px;
-}
 .ml-1 {
   margin-left: 0.25rem;
 }
@@ -1173,8 +1170,8 @@ video {
 .mt-6 {
   margin-top: 1.5rem;
 }
-.mt-\[50px\] {
-  margin-top: 50px;
+.mt-\[64px\] {
+  margin-top: 64px;
 }
 .mt-auto {
   margin-top: auto;
@@ -1245,6 +1242,9 @@ video {
 .h-20 {
   height: 5rem;
 }
+.h-3\.5 {
+  height: 0.875rem;
+}
 .h-4 {
   height: 1rem;
 }
@@ -1275,8 +1275,8 @@ video {
 .h-\[500px\] {
   height: 500px;
 }
-.h-\[50px\] {
-  height: 50px;
+.h-\[64px\] {
+  height: 64px;
 }
 .h-full {
   height: 100%;
@@ -1284,6 +1284,9 @@ video {
 .h-screen {
   height: 100vh;
 }
+.max-h-80 {
+  max-height: 20rem;
+}
 .max-h-96 {
   max-height: 24rem;
 }
@@ -1314,6 +1317,9 @@ video {
 .w-20 {
   width: 5rem;
 }
+.w-3\.5 {
+  width: 0.875rem;
+}
 .w-32 {
   width: 8rem;
 }
@@ -1428,10 +1434,6 @@ video {
 .origin-top-right {
   transform-origin: top right;
 }
-.-translate-x-0 {
-  --tw-translate-x: -0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
 .translate-y-full {
   --tw-translate-y: 100%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1524,10 +1526,6 @@ video {
 .gap-6 {
   gap: 1.5rem;
 }
-.gap-x-4 {
-  -moz-column-gap: 1rem;
-       column-gap: 1rem;
-}
 .gap-x-6 {
   -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
@@ -1535,11 +1533,21 @@ video {
 .gap-y-10 {
   row-gap: 2.5rem;
 }
+.space-x-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
 .space-x-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
+.space-x-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+}
 .space-x-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1rem * var(--tw-space-x-reverse));
@@ -1550,6 +1558,15 @@ video {
   margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
 }
+.divide-y > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+}
+.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
+}
 .justify-self-end {
   justify-self: end;
 }
@@ -1651,9 +1668,6 @@ video {
 .border-b-2 {
   border-bottom-width: 2px;
 }
-.border-b-\[3px\] {
-  border-bottom-width: 3px;
-}
 .border-l-2 {
   border-left-width: 2px;
 }
@@ -1675,6 +1689,10 @@ video {
 .border-none {
   border-style: none;
 }
+.border-blue-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
+}
 .border-blue-500 {
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
@@ -1695,13 +1713,13 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
 }
-.border-gray-500 {
+.border-gray-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
+  border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));
 }
-.border-sky-500 {
+.border-gray-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
+  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
 }
 .border-slate-200 {
   --tw-border-opacity: 1;
@@ -1992,6 +2010,10 @@ video {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
+.px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
 .px-10 {
   padding-left: 2.5rem;
   padding-right: 2.5rem;
@@ -2075,24 +2097,24 @@ video {
 .pb-20 {
   padding-bottom: 5rem;
 }
-.pb-4 {
-  padding-bottom: 1rem;
-}
 .pb-5 {
   padding-bottom: 1.25rem;
 }
+.pb-6 {
+  padding-bottom: 1.5rem;
+}
 .pl-0 {
   padding-left: 0px;
 }
 .pl-1\.5 {
   padding-left: 0.375rem;
 }
+.pl-2 {
+  padding-left: 0.5rem;
+}
 .pl-4 {
   padding-left: 1rem;
 }
-.pl-5 {
-  padding-left: 1.25rem;
-}
 .pl-9 {
   padding-left: 2.25rem;
 }
@@ -2132,6 +2154,13 @@ video {
 .align-middle {
   vertical-align: middle;
 }
+.font-mono {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+.\!text-lg {
+  font-size: 1.125rem !important;
+  line-height: 1.75rem !important;
+}
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
@@ -2217,6 +2246,9 @@ video {
 .tracking-tight {
   letter-spacing: -0.025em;
 }
+.tracking-wide {
+  letter-spacing: 0.025em;
+}
 .tracking-wider {
   letter-spacing: 0.05em;
 }
@@ -2348,6 +2380,9 @@ video {
 .opacity-25 {
   opacity: 0.25;
 }
+.opacity-50 {
+  opacity: 0.5;
+}
 .opacity-70 {
   opacity: 0.7;
 }
@@ -2456,10 +2491,6 @@ video {
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-.backdrop-blur {
-  --tw-backdrop-blur: blur(8px);
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
 .backdrop-blur-sm {
   --tw-backdrop-blur: blur(4px);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -2479,6 +2510,11 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-opacity {
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-transform {
   transition-property: transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2487,6 +2523,9 @@ video {
 .duration-150 {
   transition-duration: 150ms;
 }
+.duration-200 {
+  transition-duration: 200ms;
+}
 .duration-300 {
   transition-duration: 300ms;
 }
@@ -2508,18 +2547,29 @@ video {
   --color-black: #000000;
   --color-white: #ffffff;
 
-
-  --colors-brand-main: var(--color-sky-900);
-  --colors-brand-1: var(--color-sky-900);
-  --colors-brand-2: var(--color-sky-800);
-  --colors-brand-3: var(--color-sky-700);
-  --colors-brand-4: var(--color-sky-600);
-  --colors-brand-5: var(--color-sky-500);
-  --colors-brand-6: var(--color-sky-400);
-  --colors-brand-7: var(--color-sky-300);
-  --colors-brand-8: var(--color-sky-200);
-  --colors-brand-9: var(--color-sky-100);
-  --colors-brand-10: var(--color-sky-50);
+  --color-brand-main: var(--color-sky-900);
+  --color-brand-900: var(--color-sky-900);
+  --color-brand-800: var(--color-sky-800);
+  --color-brand-700: var(--color-sky-700);
+  --color-brand-600: var(--color-sky-600);
+  --color-brand-500: var(--color-sky-500);
+  --color-brand-400: var(--color-sky-400);
+  --color-brand-300: var(--color-sky-300);
+  --color-brand-200: var(--color-sky-200);
+  --color-brand-100: var(--color-sky-100);
+  --color-brand-50: var(--color-sky-50);
+
+  --colors-brand-main: var(--color-brand-main);
+  --colors-brand-1: var(--color-brand-900);
+  --colors-brand-2: var(--color-brand-800);
+  --colors-brand-3: var(--color-brand-700);
+  --colors-brand-4: var(--color-brand-600);
+  --colors-brand-5: var(--color-brand-500);
+  --colors-brand-6: var(--color-brand-400);
+  --colors-brand-7: var(--color-brand-300);
+  --colors-brand-8: var(--color-brand-200);
+  --colors-brand-9: var(--color-brand-100);
+  --colors-brand-10: var(--color-brand-50);
 
   --color-gray-25: #fcfcfd;
   --color-gray-50: #f9fafb;
@@ -2713,6 +2763,9 @@ video {
 .last\:mb-0:last-child {
   margin-bottom: 0px;
 }
+.last\:border-0:last-child {
+  border-width: 0px;
+}
 .hover\:-translate-y-1:hover {
   --tw-translate-y: -0.25rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2728,6 +2781,9 @@ video {
 .hover\:bg-\[\#1589EE1A\]:hover {
   background-color: #1589EE1A;
 }
+.hover\:bg-black\/5:hover {
+  background-color: rgb(0 0 0 / 0.05);
+}
 .hover\:bg-blue-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
@@ -2760,6 +2816,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-gray-50\/50:hover {
+  background-color: rgb(249 250 251 / 0.5);
+}
 .hover\:bg-gray-700:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
@@ -2803,6 +2862,14 @@ video {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
+.hover\:text-gray-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
+}
+.hover\:text-red-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
 .hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2810,6 +2877,9 @@ video {
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
+.hover\:opacity-80:hover {
+  opacity: 0.8;
+}
 .hover\:shadow-xl:hover {
   --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
@@ -2915,10 +2985,6 @@ video {
     margin-top: 0.75rem;
   }
 
-  .sm\:mt-\[90px\] {
-    margin-top: 90px;
-  }
-
   .sm\:grid {
     display: grid;
   }
@@ -3150,6 +3216,11 @@ video {
     padding: 0.5rem;
   }
 
+  .lg\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
   .lg\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;
@@ -3267,7 +3338,6 @@ a {
     color: var(--color-white);
 }
 
-
 /* 修正手机端字体小的问题 */
 @media (max-width: 767px) {
 
@@ -3305,6 +3375,116 @@ a {
     }
 }
 
+.sidebar-wrapper {
+    background-color: var(--color-gray-50);
+    border-right: 1px solid var(--color-gray-200);
+}
+
+
+.steedos {
+  --Menu-width--collapsed: 32px;
+  --Menu-light-fontColor: var(--Layout-light-fontColor);
+  --Menu-light-fontColor-onHover: var(--link-color);
+  --Menu-light-fontColor-onActive: var(--color-slate-900);
+  --Menu-light-active-backgroundColor: var(--color-brand-100)
+  --Menu-light-backgroundColor-onHover: var(--color-slate-50);
+  --Menu-light-selectedIndicator-color: transparent;
+  --Nav-Item-height: 44px;
+  /* --Nav-Item-height--horizontal: 2.5rem; */
+  --Nav-item-borderRadius: 0.5rem;
+  --Nav-item-onHover-bg: rgba(21,137,238,.1);
+  --Nav-item-onActive-bg: rgba(21,137,238,.1);
+  --Nav-item-onActive-color: var(--link-color);
+  --Nav-Item-maxWidth--tabs: 200px;
+}
+.antd-Nav-Menu.antd-Nav-Menu-horizontal {
+  --Menu-light-backgroundColor-onHover: rgba(151, 151, 151, 0.1);
+  --Menu-light-fontColor-onHover: var(--Layout-fontColor--onHover);
+}
+
+.antd-Nav-Menu-item {
+  border-radius: 0.375rem;
+  margin-top: 3px;
+  margin-left: 0rem;
+}
+
+.antd-Nav-Menu-collapsed 
+.antd-Nav-Menu-item {
+  border-radius: 0;
+  margin-top: 0;
+  margin-left: 0rem;
+}
+
+.antd-Nav-Menu-item-dragBar {
+  left: 0px;
+  height: 16px;
+}
+
+.antd-Nav-item.is-active {
+  box-shadow:var(--link-color) 4px 0 0 inset;
+}
+
+
+.antd-Nav-Menu-submenu-arrow > svg {
+  display: initial;
+}
+
+.antd-Nav-Menu-light .antd-Nav-Menu-item, .antd-Nav-Menu-light .antd-Nav-Menu-submenu-title {
+  padding-right: 4px;
+}
+
+/*  nav下配置itemBadge属性后item不会自动撑开 */ 
+.antd-Nav-Menu-item-wrap .antd-Badge{
+  width: -webkit-fill-available;
+}
+
+.antd-Nav-Menu-item-link{
+  display: flex;
+  align-items: center;
+  min-height:var(--Nav-Item-height);
+  font-weight: 600 !important;
+}
+
+
+.antd-Nav-Menu .antd-Nav-Menu-submenu > .antd-Nav-Menu-submenu-title .antd-Nav-Menu-item-label {
+  color: var(--color-slate-400);
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.antd-Nav .antd-Nav-dropIndicator {
+  position: absolute;
+  background: gray;
+  height: 0.125rem;
+}
+
+.antd-Nav-Menu-inline .antd-Nav-Menu-item-selected {
+    background-color: var(--color-brand-50);
+}
+
+.antd-Nav-Menu-item-active {
+  background-color: var(--color-slate-50);
+}
+
+.antd-Nav-Menu-inline .antd-Nav-Menu-item-selected::before {
+    border-right: 0;
+}
+
+.antd-Nav-Menu-item-active .antd-Nav-Menu-item-label, .antd-Nav-Menu-item-active .antd-Nav-Menu-item-icon, .antd-Nav-Menu-item-active .antd-Nav-Menu-item-icon-after, .antd-Nav-Menu-item-active .antd-Nav-Menu-submenu-arrow {
+    color: var(--color-slate-900);
+}
+
+.antd-Nav-Menu-item:active .antd-Nav-Menu-item-label, .antd-Nav-Menu-item:active .antd-Nav-Menu-item-icon, .antd-Nav-Menu-item:active .antd-Nav-Menu-item-icon-after, .antd-Nav-Menu-item:active .antd-Nav-Menu-submenu-arrow, .antd-Nav-Menu-submenu-title:active .antd-Nav-Menu-item-label, .antd-Nav-Menu-submenu-title:active .antd-Nav-Menu-item-icon, .antd-Nav-Menu-submenu-title:active .antd-Nav-Menu-item-icon-after, .antd-Nav-Menu-submenu-title:active .antd-Nav-Menu-submenu-arrow {
+    color: var(--color-slate-900);
+}
+
+.antd-Nav-Menu-item:active, .antd-Nav-Menu-submenu-title:active {
+    color: var(--color-slate-900);
+}
+
+.steedos-header-app-name {
+    color: var(--color-brand-700);
+}
 .steedos.dark {
     .steedos-header-container {
         background-color: var(--colors-brand-main);
@@ -3321,6 +3501,10 @@ a {
             color: var(--color-gray-200);
         }
     }
+
+    .steedos-header-app-name {
+        color: var(--color-white);
+    }
 }
 
 
@@ -3331,12 +3515,12 @@ a {
     right: 0;
     bottom: 0;
     left: 0;
-    margin-top: 50px;
+    margin-top: 64px;
 }
 
 @media (min-width: 767px) {
     .creator-content-wrapper {
-        height:calc(100% - 50px)
+        height:calc(100% - 64px)
     }
 
     .creator-content-wrapper>.builder-component{
@@ -3365,4 +3549,350 @@ a {
 
 .MuiSvgIcon-fontSizeSmall{
     font-size: 1rem !important;
-}
+}/* Apple Style Theme - Optimized for Steedos Platform */
+
+:root {
+  --font-family-apple: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  --color-apple-bg: #f5f5f7;
+  --color-apple-card: #ffffff;
+  --color-apple-text: #1d1d1f;
+  --color-apple-link: #0071e3;
+  --apple-radius-sm: 8px;
+  --apple-radius-md: 12px;
+  --apple-radius-lg: 18px;
+  --apple-shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
+  --apple-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.06), 0 2px 4px -1px rgba(0,0,0,0.03);
+  --apple-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.05), 0 4px 6px -2px rgba(0,0,0,0.025);
+  --apple-glass-bg: rgba(255, 255, 255, 0.75);
+  --apple-glass-border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+body {
+  font-family: var(--font-family-apple);
+  background-color: var(--color-apple-bg);
+  color: var(--color-apple-text);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* Typography Enhancements */
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 600;
+  letter-spacing: -0.01em;
+}
+
+/* Sidebar Glass Effect */
+.sidebar-wrapper, .steedos .skin-blue-light .main-sidebar {
+  background-color: var(--apple-glass-bg);
+  backdrop-filter: blur(20px);
+}
+
+/* Card Style Modernization */
+.slds-card, .ant-card, .panel, .amis-scope .cxd-Panel, .amis-scope .cxd-Page {
+  background: var(--color-apple-card);
+  border-radius: var(--apple-radius-md);
+  border: 1px solid rgba(0,0,0,0.04);
+  box-shadow: var(--apple-shadow-sm);
+  transition: box-shadow 0.3s ease;
+}
+
+.slds-card:hover, .ant-card:hover, .panel:hover {
+  box-shadow: var(--apple-shadow-md);
+}
+
+/* Cleaner Buttons */
+.slds-button, .ant-btn, .amis-scope .cxd-Button {
+  border-radius: 999px; /* Pill shape */
+  font-weight: 500;
+  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  box-shadow: none;
+}
+
+.slds-button_neutral, .ant-btn-default, .amis-scope .cxd-Button--default {
+  background: #ffffff;
+  border: 1px solid #d2d2d7;
+  color: #1d1d1f;
+}
+.slds-button_neutral:hover, .ant-btn-default:hover {
+  background: #f5f5f7;
+  border-color: #c7c7cc;
+}
+
+/* Action/Primary Buttons - Apple Blue */
+.slds-button_brand, .ant-btn-primary, .amis-scope .cxd-Button--primary {
+  background: var(--color-apple-link);
+  border-color: var(--color-apple-link);
+  color: #fff;
+}
+
+.slds-button_brand:hover, .ant-btn-primary:hover, .amis-scope .cxd-Button--primary:hover {
+  background: #0077ed;
+  border-color: #0077ed;
+  transform: translateY(-1px);
+  box-shadow: 0 4px 8px rgba(0, 113, 227, 0.2);
+}
+
+/* Form Inputs - Scoped to Login/Signup only to avoid breaking Amis/App layout */
+.steedos-auth-card input,
+.steedos-auth-card textarea,
+.steedos-auth-card select {
+  border-radius: var(--apple-radius-sm);
+  border: 1px solid #d2d2d7;
+  background: rgba(255,255,255,0.8);
+  box-shadow: none;
+  padding: 10px 12px;
+  min-height: 40px;
+  font-size: 15px;
+  transition: all 0.2s ease;
+}
+
+.steedos-auth-card input:focus,
+.steedos-auth-card textarea:focus,
+.steedos-auth-card select:focus {
+  border-color: var(--color-apple-link);
+  box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.15);
+  outline: none;
+  z-index: 10;
+}
+
+/* Fix for grouped inputs in Auth Card */
+.steedos-auth-card .rounded-md > div > input {
+    margin-bottom: 8px;
+    border-radius: var(--apple-radius-sm); 
+}
+.steedos-auth-card .rounded-md {
+    box-shadow: none;
+    background: transparent;
+}
+
+/* Material UI Overrides */
+.MuiPaper-elevation1, .MuiPaper-elevation2 {
+    box-shadow: var(--apple-shadow-sm);
+    border-radius: var(--apple-radius-md);
+}
+.MuiButton-root {
+    border-radius: 999px;
+    text-transform: none; /* Apple uses sentence case usually */
+    font-weight: 500;
+    letter-spacing: normal;
+}
+.MuiButton-containedPrimary {
+    background-color: var(--color-apple-link);
+    box-shadow: none;
+}
+.MuiButton-containedPrimary:hover {
+    background-color: #0077ed;
+    box-shadow: 0 4px 8px rgba(0, 113, 227, 0.2);
+}
+.MuiTabs-indicator {
+    background-color: var(--color-apple-link);
+}
+.MuiTab-textColorPrimary.Mui-selected {
+    color: var(--color-apple-link);
+}
+
+/* Avatars */
+.slds-avatar, .ant-avatar {
+  border-radius: 50%;
+  border: 2px solid #fff;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+/* Modals & Dialogs */
+.slds-modal__container, .ant-modal-content, .amis-scope .cxd-Modal-content {
+  border-radius: var(--apple-radius-lg);
+  box-shadow: var(--apple-shadow-lg);
+  overflow: hidden;
+  border: 1px solid rgba(0,0,0,0.05);
+}
+
+.slds-modal__header, .ant-modal-header, .amis-scope .cxd-Modal-header {
+  background: #fff;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.slds-modal__footer, .ant-modal-footer, .amis-scope .cxd-Modal-footer {
+  background: #fbfbfd;
+  border-top: 1px solid #f0f0f0;
+}
+
+/* Navigation Items */
+.slds-nav-vertical__action {
+  border-radius: var(--apple-radius-sm);
+  transition: all 0.2s ease;
+  margin: 2px 8px;
+  padding: 8px 12px;
+}
+
+.slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action {
+  background: rgba(0, 113, 227, 0.1);
+  color: var(--color-apple-link);
+  font-weight: 600;
+}
+
+.slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action:before {
+  display: none; /* Remove stick on left */
+}
+
+/* Icons */
+.slds-icon {
+  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1));
+}
+.fa, .fas, .fab {
+  font-size: 0.95em;
+  opacity: 0.85;
+}
+.fa:hover, .fas:hover, .fab:hover {
+  opacity: 1;
+}
+
+/* Scrollbars */
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 5px;
+  border: 2px solid transparent;
+  background-clip: content-box;
+}
+::-webkit-scrollbar-thumb:hover {
+  background-color: #a8a8a8;
+}
+
+/* Auth Card Overrides */
+.steedos-auth-card {
+  border-radius: var(--apple-radius-lg);
+  box-shadow: var(--apple-shadow-lg);
+  background: rgba(255, 255, 255, 0.8);
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+  border: 1px solid rgba(255, 255, 255, 0.4);
+}
+
+/* Ensure Login/Auth buttons are visible and styled correctly */
+.steedos-auth-card button[type="submit"],
+.steedos-auth-card button.bg-blue-600 {
+  background: var(--color-apple-link) !important; /* Keep important only for core brand colors */
+  color: #fff !important;
+  border-radius: 999px !important;
+  box-shadow: 0 4px 6px rgba(0, 113, 227, 0.3);
+  font-weight: 500;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  height: auto;
+  opacity: 1;
+  visibility: visible;
+  border: none;
+}
+
+.steedos-auth-card button[type="submit"]:hover,
+.steedos-auth-card button.bg-blue-600:hover {
+  background: #0077ed !important;
+  transform: translateY(-1px);
+  box-shadow: 0 6px 8px rgba(0, 113, 227, 0.4);
+}
+
+.steedos-auth-card button.text-blue-600 {
+    color: var(--color-apple-link) !important;
+}
+
+/* Signup Page Specifics & Verify Code Button */
+.steedos-auth-card .grid-cols-5 {
+    display: flex;
+    gap: 8px;
+    width: 100%;
+}
+
+.steedos-auth-card .grid-cols-5 > div:first-child,
+.steedos-auth-card .grid-cols-5 > .col-span-3 {
+    flex: 1;
+    width: auto;
+}
+
+.steedos-auth-card #reApplyCodeBtn {
+    width: auto;
+    min-width: 120px;
+    margin-left: 0;
+    border-radius: var(--apple-radius-sm);
+    border: 1px solid #d2d2d7;
+    background: #f5f5f7;
+    color: var(--color-apple-link);
+    font-weight: 500;
+    box-shadow: none;
+    margin-top: 0; 
+    height: 40px; /* Match input height */
+    padding: 0 16px;
+}
+
+.steedos-auth-card #reApplyCodeBtn:hover:not(:disabled) {
+    background: #e5e5e7;
+    border-color: #c7c7cc;
+}
+
+.steedos-auth-card #reApplyCodeBtn:disabled {
+    color: #98989d;
+    opacity: 0.7;
+    cursor: not-allowed;
+}
+
+/* Fix stacked inputs in signup/login to look like separated Apple inputs */
+.steedos-auth-card .rounded-md {
+    box-shadow: none;
+    background: transparent;
+}
+.steedos-auth-card .rounded-md > div, 
+.steedos-auth-card .rounded-md > .grid-cols-5 {
+    margin-bottom: 14px;
+    margin-top: 0; 
+}
+
+/* Ensure inputs themselves have proper radius even if class says rounded-none */
+.steedos-auth-card input {
+    border-radius: var(--apple-radius-sm) !important; /* Specific override needed for rounded-none utility class */
+}
+
+/* Normalize text links for switching auth modes */
+.steedos-auth-card button.font-medium.text-blue-600 {
+    font-weight: 400;
+    font-size: 14px;
+}
+
+/* Animations found in Apple UI */
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(10px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+.creator-content-wrapper {
+  animation: fadeIn 0.4s ease-out;
+}
+
+/* Steedos Specific Overrides */
+.steedos-header-container .slds-context-bar {
+  /* background: transparent; */
+}
+
+.steedos .content-wrapper, .steedos .right-side {
+  background-color: var(--color-apple-bg);
+}
+
+/* Amis specific fixes */
+.amis-scope .cxd-Page-content {
+  padding: 20px;
+}
+
+.amis-scope .cxd-Panel-heading {
+  background: transparent;
+  border-bottom: 1px solid #f0f0f0;
+  padding: 16px 20px;
+}
+
+.amis-scope .cxd-Panel-title {
+  font-weight: 600;
+  font-size: 16px;
+}

package/dist/assets/{index-Di2dwtoU.js → index-D1UMGXOo.js}

@@ -40474,8 +40474,8 @@ class Card extends reactExports.Component {
   render() {
     const { platform: platform2 = {} } = this.props.settings;
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex sm:items-center justify-center mx-auto overflow-auto md:p-10 h-full", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative rounded p-10 sm:shadow-md bg-white w-screen max-w-md", children: this.props.children }),
-      platform2.is_oem != true && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute bottom-0 left-0 right-0 text-center m-2 text-gray-500 text-sm", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative rounded p-10 sm:shadow-md bg-white w-screen max-w-md steedos-auth-card", children: this.props.children }),
+      platform2.is_oem != true && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute bottom-0 left-0 right-0 text-center pb-6 text-gray-400 text-xs tracking-wide", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           FormattedMessage,
           {
@@ -40483,11 +40483,11 @@ class Card extends reactExports.Component {
             defaultMessage: "© 2025 Steedos Inc."
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-1 mr-1", children: " | " }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-1 mr-1 opacity-50", children: " | " }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "a",
           {
-            className: "font-medium text-blue-600 hover:text-blue-500 focus:outline-none hover:underline transition ease-in-out duration-150",
+            className: "text-xs text-gray-400 hover:text-gray-600 hover:underline transition-colors duration-200",
             href: "javascript:void(0)",
             onClick: this.openPrivacyPage,
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -54485,15 +54485,15 @@ const getHeaderSchema = (props) => {
     body: [
       {
         "type": "wrapper",
-        "className": "sticky p-0 top-0 z-40 w-full flex-none backdrop-blur transition-colors duration-500 lg:z-[1000] steedos-header-container",
+        "className": "sticky p-0 top-0 z-40 w-full flex-none transition-colors duration-500 lg:z-[1000] steedos-header-container shadow-sm",
         body: [
           {
             "type": "wrapper",
-            "className": "flex w-full px-4 py-0 h-[50px] justify-between items-center steedos-header-container-line-one ",
+            "className": "flex w-full px-4 lg:px-5 py-0 h-[64px] justify-between items-center steedos-header-container-line-one",
             "body": [
               {
                 type: "service",
-                className: "p-0 flex flex-1 items-center",
+                className: "p-0 flex flex-1 items-center gap-2",
                 "onEvent": {
                   "@history_paths.changed": {
                     "actions": [
@@ -54508,7 +54508,7 @@ const getHeaderSchema = (props) => {
                 body: [
                   {
                     "type": "button",
-                    "className": "toggle-sidebar flex items-center pr-4",
+                    "className": "toggle-sidebar flex items-center justify-center w-9 h-9 rounded-full hover:bg-black/5 transition-colors mr-1",
                     "visibleOn": "${window:innerWidth < 768 && !!app && app.showSidebar}",
                     "onEvent": {
                       "click": {
@@ -54541,7 +54541,7 @@ const getHeaderSchema = (props) => {
                   {
                     "type": "button",
                     "visibleOn": "${window:innerWidth < 768 && (window:historyPaths.length > 1 || window:historyPaths[0].params.record_id)}",
-                    "className": "flex",
+                    "className": "flex items-center justify-center w-9 h-9 rounded-full hover:bg-black/5 transition-colors mr-1",
                     "onEvent": {
                       "click": {
                         "actions": [
@@ -54566,12 +54566,13 @@ const getHeaderSchema = (props) => {
                     "type": "steedos-app-launcher",
                     "showAppName": false,
                     // "hiddenOn": "${window:innerWidth < 768}",
-                    "appId": "${app.id}"
+                    "appId": "${app.id}",
+                    "className": "flex items-center"
                   },
                   {
-                    "className": "w-auto ml-4 inline-block align-middle",
+                    "className": "w-auto ml-3 flex items-center",
                     "type": "tpl",
-                    "tpl": `<a href='/app' class='flex items-center '><img class='block h-6 w-auto' src='${logoSrc}'></a>`,
+                    "tpl": `<a href='/app' class='flex items-center hover:opacity-80 transition-opacity'><img class='block h-7 w-auto' src='${logoSrc}'></a>`,
                     "visibleOn": `${!isMobile && !!logoSrc}`
                   },
                   // {
@@ -54580,7 +54581,7 @@ const getHeaderSchema = (props) => {
                   //     "tpl": '',
                   // },
                   {
-                    "className": "w-auto ml-4 font-bold text-lg inline-block align-middle",
+                    "className": "steedos-header-app-name w-auto ml-2 font-semibold !text-lg tracking-tight inline-block align-middle",
                     "type": "tpl",
                     "hiddenOn": "${window:innerWidth < 768}",
                     "tpl": "${app.name}"
@@ -54590,7 +54591,7 @@ const getHeaderSchema = (props) => {
               {
                 "type": "steedos-global-header-toolbar",
                 "label": "Global Header",
-                className: "flex flex-nowrap gap-x-4 items-center",
+                className: "flex flex-nowrap gap-x-6 items-center",
                 logoutScript: "window.signOut();",
                 customButtons
               }
@@ -54600,12 +54601,12 @@ const getHeaderSchema = (props) => {
       },
       {
         "type": "button",
-        "className": "p-0 absolute inset-0 mt-[50px]",
+        "className": "p-0 absolute inset-0 mt-[64px]",
         visibleOn: "${!!app && app.showSidebar}",
         body: [
           {
             type: "wrapper",
-            className: "sidebar-wrapper bg-white border-r px-2 pt-2 pb-16 fixed z-20 h-full h-fill flex flex-col overflow-y-auto block transition-all duration-300",
+            className: "sidebar-wrapper px-2 pt-4 pb-16 fixed z-20 h-full h-fill flex flex-col overflow-y-auto block transition-all duration-300",
             visibleOn: "${!!app}",
             body: [
               {
@@ -54680,17 +54681,17 @@ const AppHeader = () => {
             }
             const themeColor = appData.color || "sky";
             const linkColor = themeColor != "gray" ? themeColor : "sky";
-            document.documentElement.style.setProperty("--colors-brand-main", `var(--color-${themeColor}-900)`);
-            document.documentElement.style.setProperty("--colors-brand-1", `var(--color-${linkColor}-900)`);
-            document.documentElement.style.setProperty("--colors-brand-2", `var(--color-${linkColor}-900)`);
-            document.documentElement.style.setProperty("--colors-brand-3", `var(--color-${linkColor}-800)`);
-            document.documentElement.style.setProperty("--colors-brand-4", `var(--color-${linkColor}-700)`);
-            document.documentElement.style.setProperty("--colors-brand-5", `var(--color-${linkColor}-600)`);
-            document.documentElement.style.setProperty("--colors-brand-6", `var(--color-${linkColor}-500)`);
-            document.documentElement.style.setProperty("--colors-brand-7", `var(--color-${linkColor}-400)`);
-            document.documentElement.style.setProperty("--colors-brand-8", `var(--color-${linkColor}-300)`);
-            document.documentElement.style.setProperty("--colors-brand-9", `var(--color-${linkColor}-100)`);
-            document.documentElement.style.setProperty("--colors-brand-10", `var(--color-${linkColor}-50)`);
+            document.documentElement.style.setProperty("--color-brand-main", `var(--color-${themeColor}-900)`);
+            document.documentElement.style.setProperty("--color-brand-900", `var(--color-${linkColor}-900)`);
+            document.documentElement.style.setProperty("--color-brand-900", `var(--color-${linkColor}-900)`);
+            document.documentElement.style.setProperty("--color-brand-800", `var(--color-${linkColor}-800)`);
+            document.documentElement.style.setProperty("--color-brand-700", `var(--color-${linkColor}-700)`);
+            document.documentElement.style.setProperty("--color-brand-600", `var(--color-${linkColor}-600)`);
+            document.documentElement.style.setProperty("--color-brand-500", `var(--color-${linkColor}-500)`);
+            document.documentElement.style.setProperty("--color-brand-400", `var(--color-${linkColor}-400)`);
+            document.documentElement.style.setProperty("--color-brand-300", `var(--color-${linkColor}-300)`);
+            document.documentElement.style.setProperty("--color-brand-100", `var(--color-${linkColor}-100)`);
+            document.documentElement.style.setProperty("--color-brand-50", `var(--color-${linkColor}-50)`);
             document.documentElement.style.setProperty("--colors-other-5", `var(--color-${linkColor}-600)`);
             document.documentElement.style.setProperty("--colors-other-6", `var(--color-${linkColor}-500)`);
             document.documentElement.style.setProperty("--colors-other-7", `var(--color-${linkColor}-400)`);
@@ -81222,7 +81223,7 @@ if (typeof ActiveXObject === "function") {
 if (typeof fetchApi !== "function") fetchApi = void 0;
 if (!fetchApi && !XmlHttpRequestApi && !ActiveXObjectApi) {
   try {
-    __vitePreload(() => import("./browser-ponyfill-BUkx7XXC.js").then((n) => n.b), true ? [] : void 0).then(function(mod) {
+    __vitePreload(() => import("./browser-ponyfill-Qm615jFE.js").then((n) => n.b), true ? [] : void 0).then(function(mod) {
       fetchApi = mod.default;
     }).catch(function() {
     });

package/dist/index.html

@@ -65,8 +65,8 @@
     <link rel="stylesheet" href="https://unpkg.com/@steedos-widgets/amis@6.3.0-patch.8/lib/themes/antd.css">
     <link rel="stylesheet" href="https://unpkg.com/@steedos-widgets/amis@6.3.0-patch.8/lib/helper.css">
     <link rel="stylesheet" href="https://unpkg.com/@steedos-widgets/amis@6.3.0-patch.8/sdk/iconfont.css">
-    <script type="module" crossorigin src="/assets/index-Di2dwtoU.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-zA70UiNI.css">
+    <script type="module" crossorigin src="/assets/index-D1UMGXOo.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-Cd9-p_c2.css">
   </head>
   <body class="skin-blue-light fixed steedos sidebar-mini three-columns" >
     <div id="root" class="steedos skin-blue-light creator h-full flex flex-col relative overflow-hidden bg-slate-50"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steedos/webapp",
-  "version": "3.0.11-beta.5",
+  "version": "3.0.12-beta.2",
   "files": [
     "dist"
   ],
@@ -75,9 +75,9 @@
     "access": "public"
   },
   "repository": "https://github.com/steedos/app-builder/tree/master/apps/accounts",
-  "gitHead": "a7a4084925f55b61a266c7ddf1655275a9b52ea1",
+  "gitHead": "57a7558b76fbb28893463389d2a6d928f54e7538",
   "dependencies": {
-    "@steedos-widgets/amis-object": "^6.10.47",
+    "@steedos-widgets/amis-object": "^6.10.51",
     "autoprefixer": "^10.4.23"
   }
 }