@steedos/webapp 3.0.11-beta.4 → 3.0.11

package/dist/assets/{browser-ponyfill-BUkx7XXC.js → browser-ponyfill-DK9iFs-5.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-BJZiVewG.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/assets/{index-Di2dwtoU.js → index-BJZiVewG.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-DK9iFs-5.js").then((n) => n.b), true ? [] : void 0).then(function(mod) {
       fetchApi = mod.default;
     }).catch(function() {
     });

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

@@ -1176,6 +1176,9 @@ video {
 .mt-\[50px\] {
   margin-top: 50px;
 }
+.mt-\[64px\] {
+  margin-top: 64px;
+}
 .mt-auto {
   margin-top: auto;
 }
@@ -1278,6 +1281,9 @@ video {
 .h-\[50px\] {
   height: 50px;
 }
+.h-\[64px\] {
+  height: 64px;
+}
 .h-full {
   height: 100%;
 }
@@ -2081,6 +2087,9 @@ video {
 .pb-5 {
   padding-bottom: 1.25rem;
 }
+.pb-6 {
+  padding-bottom: 1.5rem;
+}
 .pl-0 {
   padding-left: 0px;
 }
@@ -2132,6 +2141,10 @@ video {
 .align-middle {
   vertical-align: middle;
 }
+.\!text-lg {
+  font-size: 1.125rem !important;
+  line-height: 1.75rem !important;
+}
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
@@ -2217,6 +2230,9 @@ video {
 .tracking-tight {
   letter-spacing: -0.025em;
 }
+.tracking-wide {
+  letter-spacing: 0.025em;
+}
 .tracking-wider {
   letter-spacing: 0.05em;
 }
@@ -2348,6 +2364,9 @@ video {
 .opacity-25 {
   opacity: 0.25;
 }
+.opacity-50 {
+  opacity: 0.5;
+}
 .opacity-70 {
   opacity: 0.7;
 }
@@ -2479,6 +2498,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 +2511,9 @@ video {
 .duration-150 {
   transition-duration: 150ms;
 }
+.duration-200 {
+  transition-duration: 200ms;
+}
 .duration-300 {
   transition-duration: 300ms;
 }
@@ -2508,18 +2535,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;
@@ -2728,6 +2766,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));
@@ -2803,6 +2844,10 @@ 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-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2810,6 +2855,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);
@@ -3150,6 +3198,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 +3320,6 @@ a {
     color: var(--color-white);
 }
 
-
 /* 修正手机端字体小的问题 */
 @media (max-width: 767px) {
 
@@ -3305,6 +3357,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 +3483,10 @@ a {
             color: var(--color-gray-200);
         }
     }
+
+    .steedos-header-app-name {
+        color: var(--color-white);
+    }
 }
 
 
@@ -3331,12 +3497,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 +3531,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/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-BJZiVewG.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CyX9zDx5.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.4",
+  "version": "3.0.11",
   "files": [
     "dist"
   ],
@@ -75,7 +75,7 @@
     "access": "public"
   },
   "repository": "https://github.com/steedos/app-builder/tree/master/apps/accounts",
-  "gitHead": "d4f3389a25e50279f0c32791fde352decf2ccce1",
+  "gitHead": "e7573652f9afbc29664e27865e308c67ab05aa92",
   "dependencies": {
     "@steedos-widgets/amis-object": "^6.10.47",
     "autoprefixer": "^10.4.23"