+
+
+
+
diff --git a/src/platform/cloud/onboarding/CloudForgotPasswordView.vue b/src/platform/cloud/onboarding/CloudForgotPasswordView.vue
new file mode 100644
index 0000000000..411d086fb8
--- /dev/null
+++ b/src/platform/cloud/onboarding/CloudForgotPasswordView.vue
@@ -0,0 +1,126 @@
+
+
+
+ + {{ $t('cloudOnboarding.authTimeout.title') }} +
++ {{ $t('cloudOnboarding.authTimeout.message') }} +
+ + +
+
+
+
+ + {{ $t('cloudOnboarding.authTimeout.troubleshooting') }} +
+-
+
- + • + {{ cause }} + +
+
+
+
+
+
+ {{ errorMessage }}
+
+ + {{ $t('cloudOnboarding.authTimeout.helpText') }} + + {{ $t('cloudOnboarding.authTimeout.supportLink') }}. +
+ +
+
+
+
+
+
+
+
+
diff --git a/src/platform/cloud/onboarding/CloudLoginView.vue b/src/platform/cloud/onboarding/CloudLoginView.vue
new file mode 100644
index 0000000000..64e50a3c94
--- /dev/null
+++ b/src/platform/cloud/onboarding/CloudLoginView.vue
@@ -0,0 +1,131 @@
+
+
+
+
+
+
+
+
+
+
+
+ + {{ t('cloudForgotPassword_title') }} +
++ {{ t('cloudForgotPassword_instructions') }} +
++ {{ t('cloudForgotPassword_didntReceiveEmail') }} +
+
+
+
+
+
diff --git a/src/platform/cloud/onboarding/CloudSignupView.vue b/src/platform/cloud/onboarding/CloudSignupView.vue
new file mode 100644
index 0000000000..bcd49a3884
--- /dev/null
+++ b/src/platform/cloud/onboarding/CloudSignupView.vue
@@ -0,0 +1,177 @@
+
+
+
+
+ {{ t('auth.login.insecureContextWarning') }}
+
+
+
+
+ {{ t('auth.login.orContinueWith') }}
+
+
+
+
+
+
+
+ + {{ t('auth.login.title') }} +
++ {{ t('auth.login.newUser') }} + {{ t('auth.login.signUp') }} +
+
+
+
+
+
+
+
+ + {{ t('auth.login.termsText') }} + + {{ t('auth.login.termsLink') }} + + {{ t('auth.login.andText') }} + + {{ t('auth.login.privacyLink') }} . +
+
+
+
+
+
+
diff --git a/src/platform/cloud/onboarding/CloudSorryContactSupportView.vue b/src/platform/cloud/onboarding/CloudSorryContactSupportView.vue
new file mode 100644
index 0000000000..b3ceba97d8
--- /dev/null
+++ b/src/platform/cloud/onboarding/CloudSorryContactSupportView.vue
@@ -0,0 +1,22 @@
+
+
+
+
+ {{ t('auth.login.insecureContextWarning') }}
+
+
+
+
+ {{ t('auth.signup.regionRestrictionChina') }}
+
+
+ {{ t('auth.login.orContinueWith') }}
+
+
+
+
+
+
+
+ + {{ t('auth.signup.title') }} +
++ {{ + t('auth.signup.alreadyHaveAccount') + }} + {{ t('auth.signup.signIn') }} +
+
+
+
+
+
+
+
+
+ {{ t('auth.login.termsText') }}
+
+ {{ t('auth.login.termsLink') }}
+
+ {{ t('auth.login.andText') }}
+
+ {{ t('auth.login.privacyLink') }} .
+
+ + {{ t('cloudWaitlist_questionsText') }} + + {{ t('cloudWaitlist_contactLink') }}. +
+
+
+
+
+
+
+
diff --git a/src/platform/cloud/onboarding/CloudSurveyView.vue b/src/platform/cloud/onboarding/CloudSurveyView.vue
new file mode 100644
index 0000000000..45fc0680fa
--- /dev/null
+++ b/src/platform/cloud/onboarding/CloudSurveyView.vue
@@ -0,0 +1,387 @@
+
+ {{ t('cloudSorryContactSupport_title') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/platform/cloud/onboarding/UserCheckView.vue b/src/platform/cloud/onboarding/UserCheckView.vue
new file mode 100644
index 0000000000..1260327280
--- /dev/null
+++ b/src/platform/cloud/onboarding/UserCheckView.vue
@@ -0,0 +1,102 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ errorMessage }}
+ +
+
+
+
+
diff --git a/src/platform/cloud/onboarding/assets/css/fonts.css b/src/platform/cloud/onboarding/assets/css/fonts.css
new file mode 100644
index 0000000000..a3464f5f2d
--- /dev/null
+++ b/src/platform/cloud/onboarding/assets/css/fonts.css
@@ -0,0 +1,33 @@
+/* ABC ROM Extended — full face mapping */
+@font-face {
+ font-family: 'ABC ROM Extended';
+ src:
+ local('ABC ROM Extended Black Italic'),
+ local('ABCRom BlackItalic'),
+ url('../fonts/ABCROMExtended-BlackItalic.woff2') format('woff2'),
+ url('../fonts/ABCROMExtended-BlackItalic.woff') format('woff');
+ font-weight: 900;
+ font-style: italic;
+ font-display: swap;
+}
+
+/* Prevent browser from synthesizing fake bold/italic which can cause mismatches */
+.hero-title,
+.font-abcrom {
+ font-family: 'ABC ROM Extended', sans-serif;
+ font-synthesis: none; /* no faux bold/italic */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ text-rendering: optimizeLegibility;
+}
+
+/* Figma-like hero style */
+.hero-title {
+ font-size: 32px;
+ font-weight: 900;
+ font-style: italic;
+ text-transform: uppercase;
+ text-shadow: 0 4px 4px rgb(0 0 0 / 0.25);
+ /* Figma has leading-trim/text-edge which CSS doesn't support; emulate with tight line-height */
+ line-height: 1.1;
+}
\ No newline at end of file
diff --git a/src/platform/cloud/onboarding/assets/fonts/ABCROMExtended-BlackItalic.woff b/src/platform/cloud/onboarding/assets/fonts/ABCROMExtended-BlackItalic.woff
new file mode 100644
index 0000000000..5d14e46a7e
Binary files /dev/null and b/src/platform/cloud/onboarding/assets/fonts/ABCROMExtended-BlackItalic.woff differ
diff --git a/src/platform/cloud/onboarding/assets/fonts/ABCROMExtended-BlackItalic.woff2 b/src/platform/cloud/onboarding/assets/fonts/ABCROMExtended-BlackItalic.woff2
new file mode 100644
index 0000000000..1e8bb595f8
Binary files /dev/null and b/src/platform/cloud/onboarding/assets/fonts/ABCROMExtended-BlackItalic.woff2 differ
diff --git a/src/platform/cloud/onboarding/assets/videos/thumbnail.png b/src/platform/cloud/onboarding/assets/videos/thumbnail.png
new file mode 100644
index 0000000000..e5266b6a6c
Binary files /dev/null and b/src/platform/cloud/onboarding/assets/videos/thumbnail.png differ
diff --git a/src/platform/cloud/onboarding/assets/videos/video.mp4 b/src/platform/cloud/onboarding/assets/videos/video.mp4
new file mode 100644
index 0000000000..b179abb18d
Binary files /dev/null and b/src/platform/cloud/onboarding/assets/videos/video.mp4 differ
diff --git a/src/platform/cloud/onboarding/auth.ts b/src/platform/cloud/onboarding/auth.ts
new file mode 100644
index 0000000000..75d183dc66
--- /dev/null
+++ b/src/platform/cloud/onboarding/auth.ts
@@ -0,0 +1,235 @@
+import * as Sentry from '@sentry/vue'
+import { isEmpty } from 'es-toolkit/compat'
+
+import { api } from '@/scripts/api'
+
+interface UserCloudStatus {
+ status: 'active'
+}
+
+const ONBOARDING_SURVEY_KEY = 'onboarding_survey'
+
+/**
+ * Helper function to capture API errors with Sentry
+ */
+function captureApiError(
+ error: Error,
+ endpoint: string,
+ errorType: 'http_error' | 'network_error',
+ httpStatus?: number,
+ operation?: string,
+ extraContext?: Record
+ 
+
+
diff --git a/src/platform/cloud/onboarding/components/CloudSignInForm.vue b/src/platform/cloud/onboarding/components/CloudSignInForm.vue
new file mode 100644
index 0000000000..a7c85971de
--- /dev/null
+++ b/src/platform/cloud/onboarding/components/CloudSignInForm.vue
@@ -0,0 +1,128 @@
+
+
+
+
+
+
diff --git a/src/platform/cloud/onboarding/components/CloudTemplate.vue b/src/platform/cloud/onboarding/components/CloudTemplate.vue
new file mode 100644
index 0000000000..9185725f07
--- /dev/null
+++ b/src/platform/cloud/onboarding/components/CloudTemplate.vue
@@ -0,0 +1,80 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/platform/cloud/onboarding/components/CloudTemplateFooter.vue b/src/platform/cloud/onboarding/components/CloudTemplateFooter.vue
new file mode 100644
index 0000000000..38c3b77225
--- /dev/null
+++ b/src/platform/cloud/onboarding/components/CloudTemplateFooter.vue
@@ -0,0 +1,32 @@
+
+
+
+
+
diff --git a/src/platform/cloud/onboarding/onboardingCloudRoutes.ts b/src/platform/cloud/onboarding/onboardingCloudRoutes.ts
new file mode 100644
index 0000000000..83fed65e8a
--- /dev/null
+++ b/src/platform/cloud/onboarding/onboardingCloudRoutes.ts
@@ -0,0 +1,72 @@
+import type { RouteRecordRaw } from 'vue-router'
+
+export const cloudOnboardingRoutes: RouteRecordRaw[] = [
+ {
+ path: '/cloud',
+ component: () =>
+ import('@/platform/cloud/onboarding/components/CloudLayoutView.vue'),
+ children: [
+ {
+ path: 'login',
+ name: 'cloud-login',
+ component: () =>
+ import('@/platform/cloud/onboarding/CloudLoginView.vue'),
+ beforeEnter: async (to, _from, next) => {
+ // Only redirect if not explicitly switching accounts
+ if (!to.query.switchAccount) {
+ const { useCurrentUser } = await import(
+ '@/composables/auth/useCurrentUser'
+ )
+ const { isLoggedIn } = useCurrentUser()
+
+ if (isLoggedIn.value) {
+ // User is already logged in, redirect to user-check
+ // user-check will handle survey, or main page routing
+ return next({ name: 'cloud-user-check' })
+ }
+ }
+ next()
+ }
+ },
+ {
+ path: 'signup',
+ name: 'cloud-signup',
+ component: () =>
+ import('@/platform/cloud/onboarding/CloudSignupView.vue')
+ },
+ {
+ path: 'forgot-password',
+ name: 'cloud-forgot-password',
+ component: () =>
+ import('@/platform/cloud/onboarding/CloudForgotPasswordView.vue')
+ },
+ {
+ path: 'survey',
+ name: 'cloud-survey',
+ component: () =>
+ import('@/platform/cloud/onboarding/CloudSurveyView.vue'),
+ meta: { requiresAuth: true }
+ },
+ {
+ path: 'user-check',
+ name: 'cloud-user-check',
+ component: () =>
+ import('@/platform/cloud/onboarding/UserCheckView.vue'),
+ meta: { requiresAuth: true }
+ },
+ {
+ path: 'sorry-contact-support',
+ name: 'cloud-sorry-contact-support',
+ component: () =>
+ import('@/platform/cloud/onboarding/CloudSorryContactSupportView.vue')
+ },
+ {
+ path: 'auth-timeout',
+ name: 'cloud-auth-timeout',
+ component: () =>
+ import('@/platform/cloud/onboarding/CloudAuthTimeoutView.vue'),
+ props: true
+ }
+ ]
+ }
+]
diff --git a/src/platform/cloud/onboarding/skeletons/CloudLoginViewSkeleton.vue b/src/platform/cloud/onboarding/skeletons/CloudLoginViewSkeleton.vue
new file mode 100644
index 0000000000..9727cb6bbf
--- /dev/null
+++ b/src/platform/cloud/onboarding/skeletons/CloudLoginViewSkeleton.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
diff --git a/src/platform/cloud/onboarding/skeletons/CloudSurveyViewSkeleton.vue b/src/platform/cloud/onboarding/skeletons/CloudSurveyViewSkeleton.vue
new file mode 100644
index 0000000000..1632ecfbc5
--- /dev/null
+++ b/src/platform/cloud/onboarding/skeletons/CloudSurveyViewSkeleton.vue
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/platform/remoteConfig/types.ts b/src/platform/remoteConfig/types.ts
index 010c00ad26..939c6bbf18 100644
--- a/src/platform/remoteConfig/types.ts
+++ b/src/platform/remoteConfig/types.ts
@@ -14,7 +14,6 @@ type ServerHealthAlert = {
*/
export type RemoteConfig = {
mixpanel_token?: string
- require_whitelist?: boolean
subscription_required?: boolean
server_health_alert?: ServerHealthAlert
}
diff --git a/src/platform/telemetry/providers/cloud/MixpanelTelemetryProvider.ts b/src/platform/telemetry/providers/cloud/MixpanelTelemetryProvider.ts
index 419ab6329d..d11c884544 100644
--- a/src/platform/telemetry/providers/cloud/MixpanelTelemetryProvider.ts
+++ b/src/platform/telemetry/providers/cloud/MixpanelTelemetryProvider.ts
@@ -146,6 +146,10 @@ export class MixpanelTelemetryProvider implements TelemetryProvider {
}
}
+ trackSignupOpened(): void {
+ this.trackEvent(TelemetryEvents.USER_SIGN_UP_OPENED)
+ }
+
trackAuth(metadata: AuthMetadata): void {
this.trackEvent(TelemetryEvents.USER_AUTH_COMPLETED, metadata)
}
diff --git a/src/platform/telemetry/types.ts b/src/platform/telemetry/types.ts
index f16304e7c8..d089c886a9 100644
--- a/src/platform/telemetry/types.ts
+++ b/src/platform/telemetry/types.ts
@@ -258,6 +258,7 @@ export interface WorkflowCreatedMetadata {
*/
export interface TelemetryProvider {
// Authentication flow events
+ trackSignupOpened(): void
trackAuth(metadata: AuthMetadata): void
trackUserLoggedIn(): void
@@ -334,6 +335,7 @@ export interface TelemetryProvider {
*/
export const TelemetryEvents = {
// Authentication Flow
+ USER_SIGN_UP_OPENED: 'app:user_sign_up_opened',
USER_AUTH_COMPLETED: 'app:user_auth_completed',
USER_LOGGED_IN: 'app:user_logged_in',
diff --git a/src/renderer/extensions/vueNodes/components/LGraphNode.vue b/src/renderer/extensions/vueNodes/components/LGraphNode.vue
index ead65d2ccd..13979f6651 100644
--- a/src/renderer/extensions/vueNodes/components/LGraphNode.vue
+++ b/src/renderer/extensions/vueNodes/components/LGraphNode.vue
@@ -8,10 +8,10 @@
:data-node-id="nodeData.id"
:class="
cn(
- 'bg-node-component-surface lg-node absolute',
+ 'bg-component-node-background lg-node absolute',
'h-min w-min contain-style contain-layout min-h-(--node-height) min-w-(--node-width)',
'rounded-2xl touch-none flex flex-col',
- 'border-1 border-solid border-node-component-border',
+ 'border-1 border-solid border-component-node-border',
// hover (only when node should handle events)
shouldHandleNodePointerEvents &&
'hover:ring-7 ring-node-component-ring',
@@ -23,7 +23,8 @@
bypassed,
'before:rounded-2xl before:pointer-events-none before:absolute before:inset-0':
muted,
- 'will-change-transform': isDragging
+ 'will-change-transform': isDragging,
+ 'ring-4 ring-primary-500 bg-primary-500/10': isDraggingOver
},
shouldHandleNodePointerEvents
@@ -36,13 +37,16 @@
transform: `translate(${position.x ?? 0}px, ${(position.y ?? 0) - LiteGraph.NODE_TITLE_HEIGHT}px)`,
zIndex: zIndex,
opacity: nodeOpacity,
- '--node-component-surface': nodeBodyBackgroundColor
+ '--component-node-background': nodeBodyBackgroundColor
},
dragStyle
]"
v-bind="pointerHandlers"
@wheel="handleWheel"
@contextmenu="handleContextMenu"
+ @dragover.prevent="handleDragOver"
+ @dragleave="handleDragLeave"
+ @drop="handleDrop"
>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -132,7 +136,7 @@
diff --git a/src/renderer/extensions/vueNodes/components/NodeHeader.vue b/src/renderer/extensions/vueNodes/components/NodeHeader.vue
index 5758fed622..da3b5a9f0e 100644
--- a/src/renderer/extensions/vueNodes/components/NodeHeader.vue
+++ b/src/renderer/extensions/vueNodes/components/NodeHeader.vue
@@ -7,7 +7,7 @@
:class="
cn(
'lg-node-header p-4 rounded-t-2xl w-full min-w-50',
- 'bg-node-component-header-surface text-node-component-header',
+ 'text-node-component-header',
collapsed && 'rounded-2xl'
)
"
diff --git a/src/renderer/extensions/vueNodes/widgets/components/WidgetFileUpload.vue b/src/renderer/extensions/vueNodes/widgets/components/WidgetFileUpload.vue
index 60b9aeb288..912bfb2f93 100644
--- a/src/renderer/extensions/vueNodes/widgets/components/WidgetFileUpload.vue
+++ b/src/renderer/extensions/vueNodes/widgets/components/WidgetFileUpload.vue
@@ -26,7 +26,7 @@
size="small"
:pt="{
option: 'text-xs',
- dropdownIcon: 'text-button-icon'
+ dropdownIcon: 'text-component-node-foreground-secondary'
}"
/>
@@ -116,7 +120,7 @@ const inputNumberPt = useNumberWidgetButtonPt({