@vertesia/ui 1.5.0-dev.20260910.051115Z → 1.6.0-dev.20260912.110338Z

package/README.md

@@ -169,3 +169,128 @@ For detailed API documentation, visit [docs.vertesiahq.com](https://docs.vertesi
 ## License
 
 Apache-2.0
+
+## Color conventions
+
+Use `bg-background text-foreground` for pages, `bg-card text-card-foreground` for cards,
+and `bg-popover text-popover-foreground` for dialogs. Page and card surfaces are white in light
+mode. Reserve `bg-muted` for subdued areas; muted text is `text-muted-foreground`.
+
+Color names describe surfaces and `-foreground` names describe their text/icons. Status panels
+pair `bg-success text-success-foreground` (likewise info, attention, destructive, and done).
+Primary actions use `<Button>` with its default primary variant, which pairs a blue background
+with `text-primary-foreground`. Avoid overriding button label colors.
+
+All standard utilities use the named color token. `/50` changes opacity, never the selected token.
+The CSS compiler contract is checked by `src/__tests__/theme.test.ts`; contrast is checked by
+`src/__tests__/contrast.test.ts`. Verify rendered states in both themes as well.
+
+See [the migration guide](COLOR-MIGRATION.md) before updating an existing consumer to this theme.
+
+### Custom authentication screens
+
+`VertesiaShell` accepts optional `authScreens: AuthScreens` components:
+
+- `SignIn` receives `SignInScreenViewProps` from `@vertesia/ui/shell`: sign-in flow state and transitions,
+  `authError`, reusable default form `children` and `notice`, logo/positioning preferences, and
+  callbacks for account reset, sanitized-scope continuation, retry, and signup. It owns the whole
+  page layout; retain `children` for the shared tenant-resolution and authentication forms.
+  `flow.onProviderClicked` only changes presentation state; it does not initiate a provider redirect.
+  Use `flow.mode` to replace the provider-redirect pending screen. The shell retains loading,
+  signed-in, allowed-path, and error-suppression guards.
+- `Loading` receives `AuthLoadingScreenProps` from `@vertesia/ui/shell`. It owns the entire
+  authentication loading page without any imposed layout or animation. It disappears immediately
+  when authentication finishes or a token becomes available.
+- `Permissions` receives `PermissionLoadingScreenProps` from `@vertesia/ui/features`: the
+  `loading`/`retrying`/`error` status, localized title/description, optional error and loading icon,
+  and an appropriate recovery `actionLabel`/`onAction`. This is a presentation override only;
+  application children never render until permissions are available.
+
+Omitted entries retain existing screens and logo/loading-icon behavior. Define component functions
+outside render so state does not reset on parent renders. All screens are under the session, theme,
+and translation providers, but outside the permission context and application providers.
+
+See `templates/plugin-template/src/modules/app/ui/auth/` for editable application examples. These
+options customize app-owned pages; they neither enable Firebase mode nor theme external provider
+or central-auth pages.
+
+
+`@vertesia/ui/boot` supports the pre-React stage separately: pass app-authored `html` and `styles`
+to `createBootScreenVitePlugin()` or `injectBootScreenHtml()`. HTML replaces the default inner loader;
+CSS is inlined after the default boot styles. The outer `#loading-indicator` owns the handoff and
+supplies `.vboot` / `.vboot-dark`. The optional root CSS variable `--vertesia-boot-background` sets
+first-paint document color. These inputs must be trusted static developer content. Automatic startup
+also reveals the optional slow-notice/reload elements after 10/30 seconds and wires `data-boot-reload`
+buttons. Hosts with their own startup/error controller can continue using `autoStart: false`.
+
+### Shared branding configuration
+
+`defineAppBranding` and `AppBranding` from `@vertesia/ui/boot` define the data-only branding contract.
+Pass resolved configuration as `<VertesiaShell branding={branding}>` for shared branded login,
+authentication-loading, and permission screens. `authScreens` entries override individual defaults.
+Without `branding`, existing shell presentation remains unchanged.
+
+Branding reuses the existing sign-in, animated loading-icon, permission-recovery, and pre-React
+layouts. Configuration changes assets, theme values, and copy while preserving spacing and controls.
+The `loadingIcon` light/dark assets are separate from the sign-in `logo`. Omitted color and font
+settings retain the existing theme. Different layouts require explicit screen or boot HTML overrides.
+
+
+The Node-only `createAppBrandingPlugin(config, configModuleUrl)` from `@vertesia/ui/boot/vite` resolves
+relative image/font paths, exposes `virtual:vertesia-branding`, and generates the boot HTML/CSS, title,
+and favicon. Local assets are embedded for base-path independence; import this adapter only in Vite config.
+The `@vertesia/ui/boot` entry remains free of React, Node, and Vite dependencies.
+
+The plugin template README contains the full configuration example and custom HTML/CSS escape hatch.
+Copy overrides are scoped to the shell and preserve shared translation resources. Colors are scoped to
+each screen; decorative accent and button foreground/background are separate settings.
+
+
+Applications using Vite can pass `import.meta.env` as the second argument to `Env.init(props, import.meta.env)`
+to enable `VITE_AUTH_MODE` (`firebase` or `central`) and the `VITE_FIREBASE_API_KEY`,
+`VITE_FIREBASE_AUTH_DOMAIN`, `VITE_FIREBASE_PROJECT_ID`, and `VITE_FIREBASE_APP_ID` build settings.
+Complete Firebase settings select Firebase mode when the mode is omitted; partial settings fail at startup.
+Valid injected runtime configuration takes precedence, while explicit `props.firebase` and `window.AUTH_MODE`
+retain their existing priority. Set `props.endpoints.auth` separately for the central authentication URL.
+
+Loading-logo motion is configurable in `loadingIcon`, for both pre-React boot and authentication loading:
+
+```ts
+loadingIcon: {
+    light: './assets/icon.svg',
+    animation: 'my-app-dim 2s ease-in-out infinite',
+    keyframes: '@keyframes my-app-dim { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }',
+},
+```
+
+`animation` accepts a CSS animation shorthand; `keyframes` contains optional trusted app-authored CSS
+and is embedded before first paint. Use app-specific keyframe names to avoid collisions.
+Set `animation: 'none'` for a static logo. Omitting it preserves the default spin/pulse treatment;
+a custom animation replaces both. Reduced-motion preferences disable loading-logo animation.
+This changes logo motion only; permission/recovery layout and explicitly overridden screens remain app-controlled.
+
+### Auth screen previews
+
+In `pnpm dev`, open `/?__vertesia_auth=email`. The corner selector links to all shared login,
+redirect-pending, loading, and recovery states. Direct links use these values:
+
+- Before redirect: `email`, `providers`, `tenant`, `returning`, `pending`, `blocked`.
+- After redirect: `loading`, `signup`, `restricted`, `scope-project`, `scope-account`, `no-account`,
+  `credentials`, `service`, `auth-error`.
+- Permissions: `permissions`, `permission-retry`, `permission-error`, `permission-denied`,
+  `permission-session-expired`.
+
+`/?__vertesia_boot=slow` keeps the real pre-React loader visible through its slow/reload timers.
+Append `&__vertesia_boot_theme=light` or `dark` to select a theme. These are visual fixtures,
+not an authentication round-trip test: built-in preview forms are inert and no session provider is mounted.
+Branding and optional screen overrides are reused. Custom overrides should also avoid effects in preview.
+The template enables previews only in Vite development; production ignores these selectors.
+
+Other hosts can share the same fixtures using `mountAuthScreenPreview(container, screen, branding?, screens?)`
+from `@vertesia/ui/shell`, invoked from an `import.meta.env.DEV` branch before mounting their auth providers.
+
+`Env.init(props, import.meta.env)` also reads `VITE_VERTESIA_ACCOUNT_ID` and `VITE_VERTESIA_PROJECT_ID`
+as the default auth workspace. With a valid accessible project, sign-in initializes that project directly,
+so the application can open without manual account/project selection. Explicit URL `a`/`p` selection
+wins as a whole pair; configured defaults precede stored browser selection. Hosts may provide
+`props.defaultAuthSelection` instead. The setting chooses scope and does not bypass app permissions.

package/lib/boot/branding.d.ts

@@ -0,0 +1,58 @@
+/** Data-only branding shared by the build-time boot screen and the React shell. */
+export interface AppBranding {
+    name: string;
+    title?: string;
+    logo?: {
+        light: string;
+        dark?: string;
+        alt?: string;
+    };
+    favicon?: string;
+    /** Small icon used by the existing loading layouts. */
+    loadingIcon?: {
+        light: string;
+        dark?: string;
+        /** CSS animation shorthand for boot and auth loading. Use 'none' for a static logo. */
+        animation?: string;
+        /** Trusted app-authored @keyframes CSS, shared by boot and React. Use app-specific names. */
+        keyframes?: string;
+    };
+    font?: {
+        family: string;
+        regular: string;
+        bold?: string;
+    };
+    colors?: {
+        light?: BrandColors;
+        dark?: BrandColors;
+    };
+    copy?: {
+        welcome?: string;
+        emailPlaceholder?: string;
+        loading?: string;
+        slowLoading?: string;
+        reload?: string;
+        footer?: string;
+        /** Optional auth./signup. translation overrides, local to this shell. */
+        translations?: Record<string, string>;
+    };
+    /** File paths in source configuration; trusted HTML/CSS content after build-time resolution. */
+    boot?: {
+        html?: string;
+        styles?: string;
+    };
+}
+export interface BrandColors {
+    background?: string;
+    foreground?: string;
+    /** Decorative accents, focus indicators, and spinners; never used as body text. */
+    accent?: string;
+    button?: string;
+    buttonText?: string;
+}
+export declare function defineAppBranding(branding: AppBranding): AppBranding;
+export declare function escapeBrandHtml(value: string): string;
+/** Theme tokens only: branding must never replace the shared page layout. */
+export declare function renderBrandStyles(brand: AppBranding, selector?: string): string;
+export declare function brandedBootOptions(brand: AppBranding): import('./index.js').BootScreenOptions;
+//# sourceMappingURL=branding.d.ts.map

package/lib/boot/branding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"branding.d.ts","sourceRoot":"","sources":["../../src/boot/branding.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,MAAM,WAAW,WAAW;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,WAAW,CAAC,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,uFAAuF;QACvF,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,6FAA6F;QAC7F,SAAS,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1D,MAAM,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAC;QAAC,IAAI,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC;IACrD,IAAI,CAAC,EAAE;QACH,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,yEAAyE;QACzE,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KACzC,CAAC;IACF,gGAAgG;IAChG,IAAI,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7C;AAED,MAAM,WAAW,WAAW;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,WAAW,GAAG,WAAW,CAEpE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKrD;AAuBD,6EAA6E;AAC7E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,SAAY,GAAG,MAAM,CAmBlF;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,YAAY,EAAE,iBAAiB,CAa7F"}

package/lib/boot/branding.js

@@ -0,0 +1,62 @@
+export function defineAppBranding(branding) {
+    return branding;
+}
+export function escapeBrandHtml(value) {
+    return value.replace(/[&<>"']/g, (char) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[char] ?? char);
+}
+function cssString(value) {
+    return JSON.stringify(value).replace(/</g, '\\3c ');
+}
+function colorDeclarations(colors) {
+    const variables = {
+        background: ['--background', '--color-background', '--vb-bg'],
+        foreground: ['--foreground', '--color-foreground', '--vb-fg'],
+        accent: ['--info', '--info-foreground', '--color-info', '--color-info-foreground'],
+        button: ['--primary', '--color-primary', '--vb-primary', '--auth-button'],
+        buttonText: ['--primary-foreground', '--color-primary-foreground', '--vb-primary-fg', '--auth-button-text'],
+    };
+    return Object.entries(colors ?? {})
+        .map(([key, value]) => {
+        if (!Object.hasOwn(variables, key) || /[;{}<>]/.test(value))
+            throw new Error(`Invalid branding color: ${key}`);
+        return variables[key].map((name) => `${name}:${value};`).join('');
+    })
+        .join('');
+}
+/** Theme tokens only: branding must never replace the shared page layout. */
+export function renderBrandStyles(brand, selector = '.vbrand') {
+    const animation = brand.loadingIcon?.animation;
+    const keyframes = brand.loadingIcon?.keyframes ?? '';
+    if (animation !== undefined && /[;{}<>]/.test(animation))
+        throw new Error('Invalid loading icon animation');
+    if (/[<>]/.test(keyframes))
+        throw new Error('Invalid loading icon keyframes');
+    const motion = animation === undefined
+        ? ''
+        : `--vertesia-loading-animation:${animation};--vertesia-loading-pulse-animation:none;`;
+    const font = brand.font;
+    const faces = font
+        ? `@font-face { font-family:${cssString(font.family)};src:url(${cssString(font.regular)});font-weight:400;font-display:swap; }
+${font.bold ? `@font-face { font-family:${cssString(font.family)};src:url(${cssString(font.bold)});font-weight:700;font-display:swap; }` : ''}`
+        : '';
+    return `${faces}
+${keyframes}
+${selector} { ${motion}${colorDeclarations(brand.colors?.light)}${font ? `font-family:${cssString(font.family)};` : ''} }
+.dark ${selector},${selector}.vboot-dark { ${colorDeclarations(brand.colors?.dark)} }
+`;
+}
+export function brandedBootOptions(brand) {
+    return {
+        iconSrc: brand.loadingIcon?.light,
+        darkIconSrc: brand.loadingIcon?.dark,
+        loadingLabel: brand.copy?.loading,
+        slowLoadingLabel: brand.copy?.slowLoading,
+        reloadLabel: brand.copy?.reload,
+        html: brand.boot?.html,
+        styles: `${renderBrandStyles(brand, '#loading-indicator')}
+${brand.colors?.light?.background ? `:root{--vertesia-boot-background:${brand.colors.light.background}}` : ''}
+${brand.colors?.dark?.background ? `:root.dark{--vertesia-boot-background:${brand.colors.dark.background}}` : ''}
+${brand.boot?.styles ?? ''}`,
+    };
+}
+//# sourceMappingURL=branding.js.map

package/lib/boot/branding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"branding.js","sourceRoot":"","sources":["../../src/boot/branding.ts"],"names":[],"mappings":"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"}

package/lib/boot/index.d.ts

@@ -0,0 +1,27 @@
+export interface BootScreenOptions {
+    storageKey?: string;
+    iconSrc?: string;
+    darkIconSrc?: string;
+    slowLoadingLabel?: string;
+    reloadLabel?: string;
+    loadingLabel?: string;
+    autoStart?: boolean;
+    /** Trusted, app-authored HTML inside the loading container. Never pass user content. */
+    html?: string;
+    /** Inline CSS appended after the defaults; available before application styles load. */
+    styles?: string;
+}
+export interface BootScreenHtmlPlugin {
+    name: string;
+    transformIndexHtml: (html: string) => string;
+}
+export declare const BOOT_SCREEN_STYLES = "\n  .vboot {\n    --vb-bg: #ffffff;\n    --vb-fg: #0a0a0a;\n    --vb-muted: #636363;\n    --vb-muted-bg: #f5f5f5;\n    --vb-border: #e5e5e5;\n    --vb-primary: #0048bd;\n    --vb-primary-fg: #ffffff;\n    --vb-glow: rgba(50, 49, 189, 0.12);\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;\n    color: var(--vb-fg);\n  }\n  .vboot.vboot-dark {\n    --vb-bg: #0a0a0a;\n    --vb-fg: #fafafa;\n    --vb-muted: #a1a1a1;\n    --vb-muted-bg: #262626;\n    --vb-border: rgba(255, 255, 255, 0.1);\n    --vb-primary: #2b69d1;\n    --vb-primary-fg: #fafafa;\n    --vb-glow: rgba(79, 70, 229, 0.2);\n  }\n  @keyframes vboot-spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n  }\n  .vboot-overlay {\n    position: absolute !important;\n    inset: 0 !important;\n    box-sizing: border-box !important;\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 1.5rem !important;\n    transform: none !important;\n    background: var(--vb-bg) !important;\n  }\n  #loading-indicator {\n    position: fixed !important;\n    inset: 0 !important;\n    z-index: 2147483647 !important;\n    box-sizing: border-box !important;\n    width: 100vw !important;\n    height: 100vh !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    transform: none !important;\n  }\n  .vboot-spinner {\n    width: 2.5rem !important;\n    min-width: 2.5rem !important;\n    max-width: 2.5rem !important;\n    height: 2.5rem !important;\n    min-height: 2.5rem !important;\n    max-height: 2.5rem !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    object-fit: contain !important;\n    flex: none !important;\n    border-radius: 100% !important;\n    animation: var(--vertesia-loading-animation, vboot-spin 2s linear infinite) !important;\n  }\n  .vboot-icon-dark { display: none; }\n  .vboot-dark .vboot-icon-light { display: none; }\n  .vboot-dark .vboot-icon-dark { display: block; }\n  .vboot-slow {\n    text-align: center;\n  }\n  .vboot-slow p {\n    color: var(--vb-muted);\n    font-size: 0.875rem;\n    margin: 0 0 0.75rem;\n  }\n  .vboot-btn {\n    display: inline-block;\n    padding: 0.5rem 1rem;\n    background: var(--vb-primary);\n    color: var(--vb-primary-fg);\n    border: none;\n    border-radius: 0.375rem;\n    font: inherit;\n    font-size: 0.875rem;\n    font-weight: 500;\n    cursor: pointer;\n  }\n  .vboot-btn:hover {\n    opacity: 0.9;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .vboot-spinner { animation: none !important; }\n  }\n";
+/** Default markup shared by Studio and configurable applications. */
+export declare function renderDefaultBootContent(options?: BootScreenOptions): string;
+export declare function renderBootScreenRuntime(options?: BootScreenOptions): string;
+export declare function renderBootScreenHead(options?: BootScreenOptions): string;
+export declare function renderBootScreenInitializer(): string;
+export declare function injectBootScreenHtml(html: string, options?: BootScreenOptions): string;
+export declare function createBootScreenVitePlugin(options?: BootScreenOptions): BootScreenHtmlPlugin;
+export * from './branding.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/boot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/boot/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wFAAwF;IACxF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CAChD;AAMD,eAAO,MAAM,kBAAkB,+sFAiG9B,CAAC;AAiBF,qEAAqE;AACrE,wBAAgB,wBAAwB,CAAC,OAAO,GAAE,iBAAsB,GAAG,MAAM,CAahF;AAED,wBAAgB,uBAAuB,CAAC,OAAO,GAAE,iBAAsB,GAAG,MAAM,CAkI/E;AAED,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,iBAAsB,GAAG,MAAM,CAE5E;AAED,wBAAgB,2BAA2B,IAAI,MAAM,CAEpD;AA+CD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,iBAAsB,GAAG,MAAM,CAQ1F;AAED,wBAAgB,0BAA0B,CAAC,OAAO,GAAE,iBAAsB,GAAG,oBAAoB,CAKhG;AAED,cAAc,eAAe,CAAC"}

package/lib/boot/index.js

@@ -0,0 +1,325 @@
+const DEFAULT_STORAGE_KEY = 'vite-ui-theme';
+const DEFAULT_ICON_SRC = '/icon.svg';
+const DEFAULT_LOADING_LABEL = 'Loading';
+export const BOOT_SCREEN_STYLES = `
+  .vboot {
+    --vb-bg: #ffffff;
+    --vb-fg: #0a0a0a;
+    --vb-muted: #636363;
+    --vb-muted-bg: #f5f5f5;
+    --vb-border: #e5e5e5;
+    --vb-primary: #0048bd;
+    --vb-primary-fg: #ffffff;
+    --vb-glow: rgba(50, 49, 189, 0.12);
+    font-family: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
+    color: var(--vb-fg);
+  }
+  .vboot.vboot-dark {
+    --vb-bg: #0a0a0a;
+    --vb-fg: #fafafa;
+    --vb-muted: #a1a1a1;
+    --vb-muted-bg: #262626;
+    --vb-border: rgba(255, 255, 255, 0.1);
+    --vb-primary: #2b69d1;
+    --vb-primary-fg: #fafafa;
+    --vb-glow: rgba(79, 70, 229, 0.2);
+  }
+  @keyframes vboot-spin {
+    from { transform: rotate(0deg); }
+    to { transform: rotate(360deg); }
+  }
+  .vboot-overlay {
+    position: absolute !important;
+    inset: 0 !important;
+    box-sizing: border-box !important;
+    width: 100% !important;
+    height: 100% !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    display: flex !important;
+    flex-direction: column !important;
+    align-items: center !important;
+    justify-content: center !important;
+    gap: 1.5rem !important;
+    transform: none !important;
+    background: var(--vb-bg) !important;
+  }
+  #loading-indicator {
+    position: fixed !important;
+    inset: 0 !important;
+    z-index: 2147483647 !important;
+    box-sizing: border-box !important;
+    width: 100vw !important;
+    height: 100vh !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    transform: none !important;
+  }
+  .vboot-spinner {
+    width: 2.5rem !important;
+    min-width: 2.5rem !important;
+    max-width: 2.5rem !important;
+    height: 2.5rem !important;
+    min-height: 2.5rem !important;
+    max-height: 2.5rem !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    object-fit: contain !important;
+    flex: none !important;
+    border-radius: 100% !important;
+    animation: var(--vertesia-loading-animation, vboot-spin 2s linear infinite) !important;
+  }
+  .vboot-icon-dark { display: none; }
+  .vboot-dark .vboot-icon-light { display: none; }
+  .vboot-dark .vboot-icon-dark { display: block; }
+  .vboot-slow {
+    text-align: center;
+  }
+  .vboot-slow p {
+    color: var(--vb-muted);
+    font-size: 0.875rem;
+    margin: 0 0 0.75rem;
+  }
+  .vboot-btn {
+    display: inline-block;
+    padding: 0.5rem 1rem;
+    background: var(--vb-primary);
+    color: var(--vb-primary-fg);
+    border: none;
+    border-radius: 0.375rem;
+    font: inherit;
+    font-size: 0.875rem;
+    font-weight: 500;
+    cursor: pointer;
+  }
+  .vboot-btn:hover {
+    opacity: 0.9;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .vboot-spinner { animation: none !important; }
+  }
+`;
+function inlineJson(value) {
+    return JSON.stringify(value).replaceAll('<', '\\u003c');
+}
+function normalizedOptions(options) {
+    return {
+        storageKey: options.storageKey ?? DEFAULT_STORAGE_KEY,
+        iconSrc: options.iconSrc ?? DEFAULT_ICON_SRC,
+        loadingLabel: options.loadingLabel ?? DEFAULT_LOADING_LABEL,
+        autoStart: options.autoStart ?? true,
+        html: options.html,
+        styles: options.styles,
+    };
+}
+/** Default markup shared by Studio and configurable applications. */
+export function renderDefaultBootContent(options = {}) {
+    const escapeMarkup = (value) => value.replace(/[&<>"']/g, (char) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[char] ?? char);
+    const { iconSrc, loadingLabel } = normalizedOptions(options);
+    const icon = (src, className = '') => `<img class="vboot-spinner ${className}" width="40" height="40" src="${escapeMarkup(src)}" alt="${escapeMarkup(loadingLabel)}" />`;
+    return `<div class="vboot-overlay" role="status" aria-live="polite">${options.darkIconSrc ? icon(iconSrc, 'vboot-icon-light') + icon(options.darkIconSrc, 'vboot-icon-dark') : icon(iconSrc)}
+<div id="loading-slow-notice" class="vboot-slow" style="display: none;">
+<p>${escapeMarkup(options.slowLoadingLabel ?? 'Still loading — this is taking longer than usual.')}</p>
+<div id="loading-slow-reload" style="display: none;"><button type="button" class="vboot-btn" data-boot-reload>${escapeMarkup(options.reloadLabel ?? 'Reload page')}</button></div></div></div>`;
+}
+export function renderBootScreenRuntime(options = {}) {
+    const { storageKey, html } = normalizedOptions(options);
+    const defaultHtml = renderDefaultBootContent(options);
+    return `(() => {
+  const storageKey = ${inlineJson(storageKey)};
+
+  const customHtml = ${html === undefined ? 'undefined' : inlineJson(html)};
+  let slowNoticeTimer;
+  let slowReloadTimer;
+  const previewTheme = (() => {
+    try {
+      const value = new URL(window.location.href).searchParams.get('__vertesia_boot_theme');
+      return value === 'dark' || value === 'light' ? value : null;
+    } catch (_error) {
+      return null;
+    }
+  })();
+  const prefersDarkTheme = () => {
+    if (previewTheme) return previewTheme === 'dark';
+    try {
+      const stored = window.localStorage.getItem(storageKey);
+      if (stored === 'dark') return true;
+      if (stored === 'light') return false;
+    } catch (_error) {
+      // Storage can be unavailable in private or restricted browsing contexts.
+    }
+    try {
+      return typeof window.matchMedia === 'function' && window.matchMedia('(prefers-color-scheme: dark)').matches;
+    } catch (_error) {
+      return false;
+    }
+  };
+  const applyTheme = () => {
+    const dark = prefersDarkTheme();
+    const root = document.documentElement;
+    root.classList.remove('light', 'dark');
+    root.classList.add(dark ? 'dark' : 'light');
+    return dark;
+  };
+  const paintDocumentBackground = () => {
+    const dark = applyTheme();
+    const root = document.documentElement;
+    const background = window.getComputedStyle(root).getPropertyValue('--vertesia-boot-background').trim()
+      || (dark ? '#0a0a0a' : '#ffffff');
+    root.style.backgroundColor = background;
+    root.style.colorScheme = dark ? 'dark' : 'light';
+    if (document.body) document.body.style.backgroundColor = background;
+  };
+  const restoreDocumentBackground = () => {
+    applyTheme();
+    const root = document.documentElement;
+    root.style.removeProperty('background-color');
+    root.style.removeProperty('color-scheme');
+    if (document.body) document.body.style.removeProperty('background-color');
+  };
+  const bootThemeClass = () => prefersDarkTheme() ? 'vboot vboot-dark' : 'vboot';
+  const ensureLoadingIndicator = () => {
+    if (document.getElementById('loading-indicator') || !document.body) return;
+    paintDocumentBackground();
+    const loading = document.createElement('div');
+    loading.id = 'loading-indicator';
+    loading.className = bootThemeClass();
+    loading.innerHTML = customHtml ?? ${inlineJson(defaultHtml)};
+    loading.querySelectorAll('[data-boot-title]').forEach((heading) => {
+      if (document.title) heading.textContent = document.title;
+    });
+    loading.querySelectorAll('[data-boot-reload]').forEach((button) => {
+      button.addEventListener('click', () => window.location.reload());
+    });
+    // Custom landmarks and controls must stay in body to enter the accessibility tree.
+    const loadingParent = customHtml === undefined && typeof document.documentElement.appendChild === 'function'
+      ? document.documentElement
+      : document.body;
+    loadingParent.appendChild(loading);
+  };
+  const hideLoadingIndicator = () => {
+    clearTimeout(slowNoticeTimer);
+    clearTimeout(slowReloadTimer);
+    const loading = document.getElementById('loading-indicator');
+    if (loading) loading.style.display = 'none';
+  };
+  const hasAppRendered = (rootId = 'root') => {
+    const root = document.getElementById(rootId);
+    return Boolean(root && root.innerHTML && root.innerHTML.trim() !== '');
+  };
+  const hideLoadingIndicatorOnFirstRender = (rootId = 'root') => {
+    if (typeof MutationObserver !== 'function') return;
+    const root = document.getElementById(rootId);
+    if (!root) return;
+    if (hasAppRendered(rootId)) {
+      hideLoadingIndicator();
+      restoreDocumentBackground();
+      return;
+    }
+    const observer = new MutationObserver(() => {
+      if (!hasAppRendered(rootId)) return;
+      hideLoadingIndicator();
+      restoreDocumentBackground();
+      observer.disconnect();
+    });
+    observer.observe(root, { childList: true });
+  };
+  // Used by standalone apps. Hosts with their own error handler keep autoStart disabled.
+  const scheduleSlowLoadingNotice = () => {
+    clearTimeout(slowNoticeTimer);
+    clearTimeout(slowReloadTimer);
+    if (hasAppRendered()) return;
+    slowNoticeTimer = setTimeout(() => {
+      const notice = document.getElementById('loading-slow-notice');
+      if (notice) notice.style.display = '';
+    }, 10000);
+    slowReloadTimer = setTimeout(() => {
+      const reload = document.getElementById('loading-slow-reload');
+      if (reload) reload.style.display = '';
+    }, 30000);
+  };
+  window.__vertesiaBoot = {
+    scheduleSlowLoadingNotice,
+    applyTheme,
+    bootThemeClass,
+    ensureLoadingIndicator,
+    hasAppRendered,
+    hideLoadingIndicator,
+    hideLoadingIndicatorOnFirstRender,
+    paintDocumentBackground,
+    prefersDarkTheme,
+    restoreDocumentBackground,
+  };
+  paintDocumentBackground();
+})();`;
+}
+export function renderBootScreenHead(options = {}) {
+    return `<style id="vertesia-boot-styles">${BOOT_SCREEN_STYLES}\n${options.styles ?? ''}</style>\n<script>${renderBootScreenRuntime(options)}</script>`;
+}
+export function renderBootScreenInitializer() {
+    return `<script>window.__vertesiaBoot.ensureLoadingIndicator(); window.__vertesiaBoot.hideLoadingIndicatorOnFirstRender(); window.__vertesiaBoot.scheduleSlowLoadingNotice();</script>`;
+}
+function isHtmlWhitespace(character) {
+    return character === ' ' || character === '\t' || character === '\n' || character === '\r' || character === '\f';
+}
+function hasAttribute(openingTag, attributeName) {
+    const lowerTag = openingTag.toLowerCase();
+    let searchFrom = 0;
+    while (searchFrom < lowerTag.length) {
+        const attributeIndex = lowerTag.indexOf(attributeName, searchFrom);
+        if (attributeIndex === -1)
+            return false;
+        const before = lowerTag[attributeIndex - 1];
+        let afterIndex = attributeIndex + attributeName.length;
+        while (isHtmlWhitespace(lowerTag[afterIndex]))
+            afterIndex += 1;
+        if (isHtmlWhitespace(before) && lowerTag[afterIndex] === '=')
+            return true;
+        searchFrom = attributeIndex + attributeName.length;
+    }
+    return false;
+}
+function findOpeningTagEnd(html, tagName, attributeName) {
+    const lowerHtml = html.toLowerCase();
+    const tagStart = `<${tagName}`;
+    let searchFrom = 0;
+    while (searchFrom < lowerHtml.length) {
+        const start = lowerHtml.indexOf(tagStart, searchFrom);
+        if (start === -1)
+            return undefined;
+        const boundary = lowerHtml[start + tagStart.length];
+        if (boundary === '>' || isHtmlWhitespace(boundary)) {
+            const end = lowerHtml.indexOf('>', start + tagStart.length);
+            if (end === -1)
+                return undefined;
+            if (!attributeName || hasAttribute(lowerHtml.slice(start, end + 1), attributeName))
+                return end + 1;
+            searchFrom = end + 1;
+        }
+        else {
+            searchFrom = start + tagStart.length;
+        }
+    }
+    return undefined;
+}
+function insertAt(html, index, content) {
+    return `${html.slice(0, index)}${content}${html.slice(index)}`;
+}
+export function injectBootScreenHtml(html, options = {}) {
+    const normalized = normalizedOptions(options);
+    const head = renderBootScreenHead(normalized);
+    const insertionPoint = findOpeningTagEnd(html, 'meta', 'charset') ?? findOpeningTagEnd(html, 'head');
+    const withHead = insertionPoint === undefined ? html : insertAt(html, insertionPoint, `\n${head}`);
+    if (!normalized.autoStart)
+        return withHead;
+    const bodyEnd = withHead.toLowerCase().indexOf('</body>');
+    return bodyEnd === -1 ? withHead : insertAt(withHead, bodyEnd, `${renderBootScreenInitializer()}\n`);
+}
+export function createBootScreenVitePlugin(options = {}) {
+    return {
+        name: 'vertesia-boot-screen',
+        transformIndexHtml: (html) => injectBootScreenHtml(html, options),
+    };
+}
+export * from './branding.js';
+//# sourceMappingURL=index.js.map

package/lib/boot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/boot/index.ts"],"names":[],"mappings":"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"}