@vendure-platform/create 0.1.0 → 0.2.1-nightly.202605190703

package/README.md

@@ -8,12 +8,12 @@ Scaffold a Vendure Platform project with selected plugins, Docker infrastructure
 npx @vendure-platform/create my-project
 ```
 
-This starts an interactive setup. For non-interactive usage, provide all required flags:
+This starts an interactive setup. For non-interactive usage, provide both `--plugins` and `--company`:
 
 ```bash
 npx @vendure-platform/create my-project \
   --company "Acme Corp" \
-  --plugins org-hierarchy,approval-workflows,price-rules \
+  --plugins approval-workflows,price-rules \
   --no-storefront
 ```
 
@@ -21,42 +21,52 @@ npx @vendure-platform/create my-project \
 
 | Flag | Description | Default |
 |------|-------------|---------|
-| `--plugins <list>` | Comma-separated plugin keys | (interactive prompt) |
+| `--plugins <list>` | Comma-separated optional plugin keys | (interactive prompt) |
 | `--company <name>` | Company name for branding | (derived from project name) |
 | `--no-storefront` | Skip the Next.js storefront | included |
 | `--github` | Create a private GitHub repo via `gh` CLI | no |
-| `--github-org <org>` | GitHub organization for the repo | `vendurehq` |
+| `--github-org <org>` | GitHub organization for the repo (only used with `--github`) | `vendurehq` |
 | `--no-install` | Skip `npm install` after scaffolding | runs install |
 | `--no-git` | Skip `git init` | inits git |
 | `--dry-run` | Print what would be created without writing files | off |
 
 When `--plugins` and `--company` are both provided, the CLI runs in non-interactive mode.
 
-## Plugin Keys
-
-| Key | Plugin | Category |
-|-----|--------|----------|
-| `advanced-search` | Advanced Search | search |
-| `global-search` | Global Search | search |
-| `org-hierarchy` | Org Hierarchy | b2b |
-| `approval-workflows` | Approval Workflows | b2b |
-| `entity-access-control` | Entity Access Control | b2b |
-| `quote-management` | Quote Management | b2b |
-| `tax-id-management` | Tax ID Management | b2b |
-| `price-rules` | Price Rules | commerce |
-| `packaging-units` | Packaging Units | commerce |
-| `shopping-list` | Shopping List | commerce |
-| `store-credit` | Store Credit / Gift Cards | commerce |
-| `workflow-engine` | Workflow Engine | platform |
-| `audit-trail` | Audit Trail | platform |
-| `content-versioning` | Content Versioning | platform |
-| `sso` | SSO | platform |
-
-The B2B suite (`org-hierarchy`, `approval-workflows`, `workflow-engine`, `entity-access-control`, `quote-management`) is pre-selected in interactive mode.
+## Plugin Tiers
+
+Plugins fall into three tiers (mirroring `@vendure-platform/plugin-meta`):
+
+- **Core** — always active, can't be disabled. Hidden from the interactive prompt.
+- **Optional** — active by default. Pre-ticked in the prompt; deselect to emit `<key>: false` in the generated `vendure-config.ts`.
+- **Requires config** — inactive by default. Pick from the prompt to enable; the generated config carries the env-var-driven options block.
+
+| Key | Plugin | Category | Tier |
+|-----|--------|----------|------|
+| `license-guard` | License Guard | platform | core-requires-config |
+| `org-hierarchy` | Org Hierarchy | b2b | core |
+| `advanced-search` | Advanced Search | search | core |
+| `workflow-engine` | Workflow Engine | platform | core |
+| `approval-workflows` | Approval Workflows | b2b | optional |
+| `global-search` | Global Search | search | optional |
+| `entity-access-control` | Entity Access Control | b2b | optional |
+| `tax-id-management` | Tax ID Management | b2b | optional |
+| `shopping-list` | Shopping List | commerce | optional |
+| `quick-order` | Quick Order | commerce | optional |
+| `reorder-from-history` | Reorder from History | commerce | optional |
+| `store-credit` | Store Credit / Gift Cards | commerce | optional |
+| `quote-management` | Quote Management | b2b | optional |
+| `price-rules` | Price Rules | commerce | optional |
+| `packaging-units` | Packaging Units | commerce | optional |
+| `content-versioning` | Content Versioning | platform | optional |
+| `configurator` | Configurator | commerce | optional |
+| `sso` | SSO | platform | requires-config |
+| `audit-trail` | Audit Trail | platform | requires-config |
+
+The canonical list lives in `libs/plugin-meta/src/index.ts`; this table mirrors it.
 
 ## Dependencies
 
-Plugin dependencies are resolved automatically. Selecting `approval-workflows` pulls in `org-hierarchy`, `workflow-engine`, and the integration plugin. Selecting `global-search` pulls in `advanced-search`.
+Inter-plugin dependencies are resolved by `VendurePlatform.init()` at runtime — not by the scaffolder. Selecting `approval-workflows` will activate `org-hierarchy` and `workflow-engine` automatically (they're core anyway). Selecting `global-search` will activate `advanced-search` (also core). Integration sub-plugins between active pairs are wired automatically.
 
 ## After Scaffolding
 
@@ -67,4 +77,4 @@ npm run populate
 npm run dev
 ```
 
-See the [Quick Start](https://docs.vendure.io/vendure-ee/getting-started/quick-start) guide for the full walkthrough.
+See the [Quick Start](https://docs.vendure.io/vendure-platform/getting-started/quick-start) guide for the full walkthrough.

package/dist/assets/storefront/.env.example

@@ -1,14 +1,14 @@
-# Storefront environment variables are loaded from the monorepo root .env.local
-# See ../../.env.example for all available options
-#
-# The following variables are derived automatically from VENDURE_PORT and STOREFRONT_PORT:
-# - VENDURE_SHOP_API_URL (defaults to http://localhost:${VENDURE_PORT}/shop-api)
-# - NEXT_PUBLIC_SITE_URL (defaults to http://localhost:${STOREFRONT_PORT})
-#
-# Note: We use VENDURE_PORT instead of PORT because Next.js overwrites PORT with its own port.
-#
-# You can override them in the root .env.local if needed.
-#
-# Scenario branding (controls logo, colors, hero copy, metadata):
-# - NEXT_PUBLIC_SCENARIO (defaults to 'default', maps to apps/storefront/src/scenarios/<name>/)
-# - Baked at build time — switching requires rebuild
+# Vendure Shop API URL.
+# VENDURE_SHOP_API_URL=https://shop.example.com/shop-api
+
+# Public site URL (used for canonical URLs and metadata).
+# NEXT_PUBLIC_SITE_URL=https://www.example.com
+
+# Active scenario from src/scenarios/. Defaults to "customer".
+# NEXT_PUBLIC_SCENARIO=customer
+
+# Multi-channel: route the storefront to a specific Vendure channel.
+# VENDURE_CHANNEL_TOKEN=your-channel-token
+
+# Required: random secret used to authenticate revalidation webhooks.
+# REVALIDATION_SECRET=generate-a-long-random-string

package/dist/assets/storefront/messages/de.json

@@ -408,8 +408,7 @@
     "newPassword": "Neues Passwort",
     "confirmPassword": "Passwort bestätigen",
     "resetPassword": "Passwort zurücksetzen",
-    "resettingPassword": "Wird zurückgesetzt...",
-    "demoAccounts": "Demo-Konten"
+    "resettingPassword": "Wird zurückgesetzt..."
   },
   "Search": {
     "title": "Suche",
@@ -1193,4 +1192,4 @@
     "max": "Max. {value}",
     "range": "{min} – {max}"
   }
-}
+}

package/dist/assets/storefront/messages/en.json

@@ -408,8 +408,7 @@
     "newPassword": "New Password",
     "confirmPassword": "Confirm Password",
     "resetPassword": "Reset password",
-    "resettingPassword": "Resetting password...",
-    "demoAccounts": "Demo Accounts"
+    "resettingPassword": "Resetting password..."
   },
   "Search": {
     "title": "Search",
@@ -1193,4 +1192,4 @@
     "max": "Max {value}",
     "range": "{min} – {max}"
   }
-}
+}

package/dist/assets/storefront/next.config.ts

@@ -1,15 +1,20 @@
 import {NextConfig} from 'next';
-import {config} from 'dotenv';
-import * as path from 'path';
 import createNextIntlPlugin from 'next-intl/plugin';
 
-// Load env vars from monorepo root
-config({ path: path.resolve(__dirname, '../.env') });
-
 // Derive URLs from port variables if not explicitly set
 const vendurePort = process.env.VENDURE_PORT ?? '3500';
 const storefrontPort = process.env.STOREFRONT_PORT ?? '3001';
 
+const activeScenario = process.env.NEXT_PUBLIC_SCENARIO ?? 'default';
+
+// Build-time CSS swap: `@/styles/globals` resolves to the active scenario's
+// globals.css. Today only the `vendure-branded` scenario has its own (which
+// imports `@vendure-io/design-tokens`); every other scenario falls back to
+// the shared storefront globals.css.
+const scenarioGlobalsCss = activeScenario === 'vendure-branded'
+    ? path.resolve(__dirname, 'src/scenarios/vendure-branded/globals.css')
+    : path.resolve(__dirname, 'src/app/[locale]/globals.css');
+
 const withNextIntl = createNextIntlPlugin('./src/i18n/request.ts');
 
 const nextConfig: NextConfig = {
@@ -44,28 +49,24 @@ const nextConfig: NextConfig = {
         VENDURE_SHOP_API_URL: process.env.VENDURE_SHOP_API_URL ?? `http://localhost:${vendurePort}/shop-api`,
         NEXT_PUBLIC_SITE_URL: process.env.NEXT_PUBLIC_SITE_URL ?? `http://localhost:${storefrontPort}`,
         ...(process.env.VENDURE_CHANNEL_TOKEN ? { VENDURE_CHANNEL_TOKEN: process.env.VENDURE_CHANNEL_TOKEN } : {}),
-        REVALIDATION_SECRET: process.env.REVALIDATION_SECRET ?? 'dev-secret-change-in-production',
+        REVALIDATION_SECRET: process.env.REVALIDATION_SECRET,
         NEXT_PUBLIC_SCENARIO: process.env.NEXT_PUBLIC_SCENARIO ?? 'default',
     },
+    webpack: (config) => {
+        config.resolve = config.resolve ?? {};
+        config.resolve.alias = {
+            ...(config.resolve.alias ?? {}),
+            '@/styles/globals.css': scenarioGlobalsCss,
+        };
+        return config;
+    },
     images: {
         // This is necessary to display images from your local Vendure instance
         dangerouslyAllowLocalIP: true,
         remotePatterns: [
-            {
-                hostname: 'readonlydemo.vendure.io',
-            },
-            {
-                hostname: '**.platform.vendure.io'
-            },
-            {
-                hostname: 'demo.enterprise.vendure.io'
-            },
-            {
-                hostname: 'localhost'
-            },
-            {
-                hostname: '**.code.run'
-            }
+            { hostname: 'localhost' },
+            // Add hostnames here for any remote Vendure server you fetch images from, e.g.:
+            // { hostname: 'shop.example.com' },
         ],
     },
 };

package/dist/assets/storefront/package.json

@@ -1,77 +1,77 @@
 {
-  "name": "storefront",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev --port ${STOREFRONT_PORT:-3001}",
-    "build": "next build",
-    "start": "next start",
-    "lint": "eslint .",
-    "check-types": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@hookform/resolvers": "^5.2.2",
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-aspect-ratio": "^1.1.8",
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-context-menu": "^2.2.16",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-hover-card": "^1.1.15",
-    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-menubar": "^1.1.16",
-    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-progress": "^1.1.8",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toggle": "^1.1.10",
-    "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@vendure-platform/storefront-client": "nightly",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "date-fns": "^4.1.0",
-    "dotenv": "^17.2.3",
-    "embla-carousel-react": "^8.6.0",
-    "gql.tada": "^1.9.0",
-    "input-otp": "^1.4.2",
-    "lucide-react": "^0.544.0",
-    "next": "^16.0.10",
-    "next-intl": "^4.8.3",
-    "next-themes": "^0.4.6",
-    "react": " ^19.2.0",
-    "react-day-picker": "^9.11.3",
-    "react-dom": "^19.2.0",
-    "react-hook-form": "^7.68.0",
-    "react-resizable-panels": "^3.0.6",
-    "recharts": "^2.15.4",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.4.0",
-    "vaul": "^1.1.2",
-    "zod": "^4.1.13"
-  },
-  "devDependencies": {
-    "@eslint/eslintrc": "^3.3.3",
-    "@tailwindcss/postcss": "^4.1.17",
-    "@types/node": "^20.19.25",
-    "@types/react": "^19.2.7",
-    "@types/react-dom": "^19.2.3",
-    "baseline-browser-mapping": "^2.9.14",
-    "eslint": "^9.39.1",
-    "eslint-config-next": "16.0.0",
-    "tailwindcss": "^4.1.17",
-    "tw-animate-css": "^1.4.0",
-    "typescript": "^5.9.3"
-  }
+    "name": "storefront",
+    "version": "0.0.0",
+    "private": true,
+    "scripts": {
+        "dev": "next dev --webpack --port ${STOREFRONT_PORT:-3001}",
+        "build": "next build --webpack",
+        "start": "next start",
+        "lint": "eslint .",
+        "check-types": "tsc --noEmit"
+    },
+    "dependencies": {
+        "@hookform/resolvers": "^5.2.2",
+        "@radix-ui/react-accordion": "^1.2.12",
+        "@radix-ui/react-alert-dialog": "^1.1.15",
+        "@radix-ui/react-aspect-ratio": "^1.1.8",
+        "@radix-ui/react-avatar": "^1.1.11",
+        "@radix-ui/react-checkbox": "^1.3.3",
+        "@radix-ui/react-collapsible": "^1.1.12",
+        "@radix-ui/react-context-menu": "^2.2.16",
+        "@radix-ui/react-dialog": "^1.1.15",
+        "@radix-ui/react-dropdown-menu": "^2.1.16",
+        "@radix-ui/react-hover-card": "^1.1.15",
+        "@radix-ui/react-label": "^2.1.8",
+        "@radix-ui/react-menubar": "^1.1.16",
+        "@radix-ui/react-navigation-menu": "^1.2.14",
+        "@radix-ui/react-popover": "^1.1.15",
+        "@radix-ui/react-progress": "^1.1.8",
+        "@radix-ui/react-radio-group": "^1.3.8",
+        "@radix-ui/react-scroll-area": "^1.2.10",
+        "@radix-ui/react-select": "^2.2.6",
+        "@radix-ui/react-separator": "^1.1.8",
+        "@radix-ui/react-slider": "^1.3.6",
+        "@radix-ui/react-slot": "^1.2.4",
+        "@radix-ui/react-switch": "^1.2.6",
+        "@radix-ui/react-tabs": "^1.1.13",
+        "@radix-ui/react-toggle": "^1.1.10",
+        "@radix-ui/react-toggle-group": "^1.1.11",
+        "@radix-ui/react-tooltip": "^1.2.8",
+        "@vendure-io/design-tokens": "^1.1.2",
+        "@vendure-platform/storefront-client": "^0.2.0",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "cmdk": "^1.1.1",
+        "date-fns": "^4.1.0",
+        "embla-carousel-react": "^8.6.0",
+        "gql.tada": "^1.9.0",
+        "input-otp": "^1.4.2",
+        "lucide-react": "^0.544.0",
+        "next": "^16.0.10",
+        "next-intl": "^4.8.3",
+        "next-themes": "^0.4.6",
+        "react": " ^19.2.0",
+        "react-day-picker": "^9.11.3",
+        "react-dom": "^19.2.0",
+        "react-hook-form": "^7.68.0",
+        "react-resizable-panels": "^3.0.6",
+        "recharts": "^2.15.4",
+        "sonner": "^2.0.7",
+        "tailwind-merge": "^3.4.0",
+        "vaul": "^1.1.2",
+        "zod": "^4.1.13"
+    },
+    "devDependencies": {
+        "@eslint/eslintrc": "^3.3.3",
+        "@tailwindcss/postcss": "^4.1.17",
+        "@types/node": "^20.19.25",
+        "@types/react": "^19.2.7",
+        "@types/react-dom": "^19.2.3",
+        "baseline-browser-mapping": "^2.9.14",
+        "eslint": "^9.39.1",
+        "eslint-config-next": "16.0.0",
+        "tailwindcss": "^4.1.17",
+        "tw-animate-css": "^1.4.0",
+        "typescript": "^5.9.3"
+    }
 }

package/dist/assets/storefront/public/scenarios/customer/logo.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="7" fill="#0ea5e9"/>
+  <path d="M11 10 L17 16 L11 22 M17 10 L21 16 L17 22" stroke="#ffffff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/storefront/src/app/[locale]/layout.tsx

@@ -14,7 +14,6 @@ import {CartCountProvider} from "@/lib/cart-count-context";
 import {CartCountServer} from "@/components/providers/cart-count-server";
 import {CompanyContextGuard} from "@/components/providers/company-context-guard";
 import {CompanyPermissionsServer} from "@/components/providers/company-permissions-server";
-import {BackendHealthGate} from "@/components/shared/scenario-paused";
 import {getBranding, getBrandingStyleTag} from "@/config/branding";
 // next/root-params provides cache-safe locale resolution. The SWC transform
 // only runs in route files (layout/page), so this import cannot be moved to
@@ -191,9 +190,6 @@ export default async function LocaleLayout({children, params}: {children: React.
                                 </CompanyPermissionsServer>
                             </Suspense>
                         </CartCountProvider>
-                        <Suspense fallback={null}>
-                            <BackendHealthGate locale={locale} />
-                        </Suspense>
                     </ThemeProvider>
                 </NextIntlClientProvider>
             </body>

package/dist/assets/storefront/src/app/[locale]/sign-in/login-form.tsx

@@ -29,19 +29,11 @@ function useLoginSchema() {
 
 type LoginFormData = z.infer<ReturnType<typeof useLoginSchema>>;
 
-const DEFAULT_DEMO_ACCOUNTS = [
-    {email: 'buyer@acme-demo.com', label: 'Buyer', description: 'Acme · Places orders (needs approval)'},
-    {email: 'approver@acme-demo.com', label: 'Approver', description: 'Acme · Approves/rejects orders'},
-    {email: 'admin@acme-demo.com', label: 'Admin', description: 'Acme · Full company management'},
-    {email: 'admin@globex-demo.com', label: 'Admin', description: 'Globex · Different company'},
-];
-
 interface LoginFormProps {
     redirectTo?: string;
-    demoAccounts?: Array<{ email: string; label: string; description: string }>;
 }
 
-export function LoginForm({redirectTo, demoAccounts}: LoginFormProps) {
+export function LoginForm({redirectTo}: LoginFormProps) {
     const t = useTranslations('Auth');
     const [isPending, startTransition] = useTransition();
     const [serverError, setServerError] = useState<string | null>(null);
@@ -77,101 +69,77 @@ export function LoginForm({redirectTo, demoAccounts}: LoginFormProps) {
         ? `/register?redirectTo=${encodeURIComponent(redirectTo)}`
         : '/register';
 
-    const fillDemoAccount = (email: string) => {
-        form.setValue('username', email);
-        form.setValue('password', 'test');
-    };
-
     return (
-        <div className="space-y-4">
-            <Card>
-                <Form {...form}>
-                    <form onSubmit={form.handleSubmit(onSubmit)}>
-                        <CardContent className="space-y-4">
-                            <FormField
-                                control={form.control}
-                                name="username"
-                                render={({field}) => (
-                                    <FormItem>
-                                        <FormLabel>{t('email')}</FormLabel>
-                                        <FormControl>
-                                            <Input
-                                                type="email"
-                                                placeholder="you@example.com"
-                                                disabled={isPending}
-                                                {...field}
-                                            />
-                                        </FormControl>
-                                        <FormMessage/>
-                                    </FormItem>
-                                )}
-                            />
-
-                            <FormField
-                                control={form.control}
-                                name="password"
-                                render={({field}) => (
-                                    <FormItem>
-                                        <div className="flex items-center justify-between">
-                                            <FormLabel>{t('password')}</FormLabel>
-                                            <Link
-                                                href="/forgot-password"
-                                                className="text-muted-foreground hover:text-primary text-sm"
-                                            >
-                                                {t('forgotPassword')}
-                                            </Link>
-                                        </div>
-
-                                        <FormControl>
-                                            <Input
-                                                type="password"
-                                                placeholder="••••••••"
-                                                disabled={isPending}
-                                                {...field}
-                                            />
-                                        </FormControl>
-                                        <FormMessage/>
-                                    </FormItem>
-                                )}
-                            />
-
-                            {serverError && (
-                                <div className="text-sm text-destructive">
-                                    {serverError}
-                                </div>
+        <Card>
+            <Form {...form}>
+                <form onSubmit={form.handleSubmit(onSubmit)}>
+                    <CardContent className="space-y-4">
+                        <FormField
+                            control={form.control}
+                            name="username"
+                            render={({field}) => (
+                                <FormItem>
+                                    <FormLabel>{t('email')}</FormLabel>
+                                    <FormControl>
+                                        <Input
+                                            type="email"
+                                            placeholder="you@example.com"
+                                            disabled={isPending}
+                                            {...field}
+                                        />
+                                    </FormControl>
+                                    <FormMessage/>
+                                </FormItem>
                             )}
-                            <Button type="submit" className="w-full" disabled={isPending}>
-                                {isPending ? t('signingIn') : t('signIn')}
-                            </Button>
-                        </CardContent>
-                        <CardFooter className="flex flex-col space-y-4 mt-2">
-                            <div className="text-muted-foreground text-sm text-center">
-                                {t('noAccount')}{' '}
-                                <Link href={registerHref} className="hover:text-primary underline">
-                                    {t('register')}
-                                </Link>
-                            </div>
-                        </CardFooter>
-                    </form>
-                </Form>
-            </Card>
+                        />
+
+                        <FormField
+                            control={form.control}
+                            name="password"
+                            render={({field}) => (
+                                <FormItem>
+                                    <div className="flex items-center justify-between">
+                                        <FormLabel>{t('password')}</FormLabel>
+                                        <Link
+                                            href="/forgot-password"
+                                            className="text-muted-foreground hover:text-primary text-sm"
+                                        >
+                                            {t('forgotPassword')}
+                                        </Link>
+                                    </div>
+
+                                    <FormControl>
+                                        <Input
+                                            type="password"
+                                            placeholder="••••••••"
+                                            disabled={isPending}
+                                            {...field}
+                                        />
+                                    </FormControl>
+                                    <FormMessage/>
+                                </FormItem>
+                            )}
+                        />
 
-            <div className="space-y-2">
-                <p className="text-xs text-muted-foreground text-center">{t('demoAccounts')}</p>
-                <div className="grid grid-cols-2 gap-2">
-                    {(demoAccounts ?? DEFAULT_DEMO_ACCOUNTS).map((account) => (
-                        <button
-                            key={account.email}
-                            type="button"
-                            className="text-left rounded-lg border p-3 hover:bg-muted/50 transition-colors"
-                            onClick={() => fillDemoAccount(account.email)}
-                        >
-                            <div className="text-sm font-medium">{account.label}</div>
-                            <div className="text-xs text-muted-foreground">{account.description}</div>
-                        </button>
-                    ))}
-                </div>
-            </div>
-        </div>
+                        {serverError && (
+                            <div className="text-sm text-destructive">
+                                {serverError}
+                            </div>
+                        )}
+                        <Button type="submit" className="w-full" disabled={isPending}>
+                            {isPending ? t('signingIn') : t('signIn')}
+                        </Button>
+                    </CardContent>
+                    <CardFooter className="flex flex-col space-y-4 mt-2">
+                        <div className="text-muted-foreground text-sm text-center">
+                            {t('noAccount')}{' '}
+                            <Link href={registerHref} className="hover:text-primary underline">
+                                {t('register')}
+                            </Link>
+                        </div>
+                    </CardFooter>
+                </form>
+            </Form>
+        </Card>
     );
 }

package/dist/assets/storefront/src/app/[locale]/sign-in/page.tsx

@@ -6,7 +6,6 @@ import {LoginForm} from "./login-form";
 import {Card, CardContent, CardFooter} from "@/components/ui/card";
 import {Skeleton} from "@/components/ui/skeleton";
 import {getActiveCustomer} from "@/lib/vendure/actions";
-import {getBranding} from "@/config/branding";
 import {locale as rootLocale} from 'next/root-params';
 import {type Locale} from '@/i18n/routing';
 import {AuthPageShell} from '@/components/layout/auth-page-shell';
@@ -56,7 +55,7 @@ async function SignInContent({searchParams, locale}: { searchParams: Promise<Rec
         redirect(`/${locale}${safeRedirect}`);
     }
 
-    return <LoginForm redirectTo={redirectTo} demoAccounts={getBranding().demoAccounts} />;
+    return <LoginForm redirectTo={redirectTo} />;
 }
 
 export default async function SignInPage({searchParams}: {searchParams: Promise<Record<string, string | string[] | undefined>>}) {
@@ -78,4 +77,4 @@ export default async function SignInPage({searchParams}: {searchParams: Promise<
             </Suspense>
         </AuthPageShell>
     );
-}
+}