@8wave/ai-elements 0.115.0-beta.52 → 0.115.0-beta.60

package/dist-vue/packages/auth/src/email-brand.d.ts

@@ -0,0 +1,11 @@
+import { EmailBrand } from 'email';
+import { ResolvedBranding } from '../../models/src';
+/**
+ * The deployment theme as the auth flows present it, read through the cache.
+ * A theme that cannot be read leaves the last one read or the neutral one, so
+ * a password reset, a sign-in code or an authenticator enrollment never fails
+ * over a name or a logo.
+ */
+export declare function deploymentBranding(): Promise<ResolvedBranding>;
+/** How the emails sent on the auth flows present the deployment. */
+export declare function deploymentEmailBrand(): Promise<EmailBrand>;

package/dist-vue/packages/components/src/PkEditorMarkdown.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, Compone
     label: string;
     readonly: boolean;
     modelValue: string;
-    language: "en-US" | "it-IT" | "es-ES" | "fr-FR" | "de-DE";
     height: string;
+    language: "en-US" | "it-IT" | "es-ES" | "fr-FR" | "de-DE";
     placeholder: string;
     minHeight: string;
     maxHeight: string;

package/dist-vue/packages/components/src/chat/PkChatbotMessages.d.ts

@@ -60,7 +60,7 @@ declare var __VLS_25: {
     part: TextUIPart;
     index: number;
     isLoading: boolean;
-}, __VLS_73: "custom" | "reasoning" | "text" | "dynamic-tool" | "source-url" | "source-document" | "reasoning-file" | "step-start" | `data-${string}` | `tool-${string}`, __VLS_74: {
+}, __VLS_73: "custom" | "text" | "reasoning" | "dynamic-tool" | "source-url" | "source-document" | "reasoning-file" | "step-start" | `data-${string}` | `tool-${string}`, __VLS_74: {
     message: UIChatMessage;
     part: TextUIPart | CustomContentUIPart | ReasoningUIPart | DynamicToolUIPart | SourceUrlUIPart | SourceDocumentUIPart | ReasoningFileUIPart | StepStartUIPart | ({
         type: `tool-${string}`;

package/dist-vue/packages/components/src/table/PkTableEmpty.d.ts

@@ -13,8 +13,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     icon: string;
-    title: string;
     description: string;
+    title: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist-vue/packages/composable/src/chatbot/useChatbotStore.d.ts

@@ -45,7 +45,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
     agentType: globalThis.Ref<"reasoning" | "chat" | undefined, "reasoning" | "chat" | undefined>;
     userId: globalThis.Ref<string | undefined, string | undefined>;
     agentInterface: globalThis.Ref<{
-        theme: "auto" | "light" | "dark";
+        theme: "light" | "dark" | "auto";
         mainColor: string;
         textColor: "auto" | "white" | "black";
         useColorsForAgentHeader: boolean;
@@ -139,7 +139,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
         maxMessageLength?: number | undefined;
         customCss?: string | undefined;
     } | undefined, {
-        theme: "auto" | "light" | "dark";
+        theme: "light" | "dark" | "auto";
         mainColor: string;
         textColor: "auto" | "white" | "black";
         useColorsForAgentHeader: boolean;
@@ -1795,7 +1795,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
     agentType: globalThis.Ref<"reasoning" | "chat" | undefined, "reasoning" | "chat" | undefined>;
     userId: globalThis.Ref<string | undefined, string | undefined>;
     agentInterface: globalThis.Ref<{
-        theme: "auto" | "light" | "dark";
+        theme: "light" | "dark" | "auto";
         mainColor: string;
         textColor: "auto" | "white" | "black";
         useColorsForAgentHeader: boolean;
@@ -1889,7 +1889,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
         maxMessageLength?: number | undefined;
         customCss?: string | undefined;
     } | undefined, {
-        theme: "auto" | "light" | "dark";
+        theme: "light" | "dark" | "auto";
         mainColor: string;
         textColor: "auto" | "white" | "black";
         useColorsForAgentHeader: boolean;
@@ -3545,7 +3545,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
     agentType: globalThis.Ref<"reasoning" | "chat" | undefined, "reasoning" | "chat" | undefined>;
     userId: globalThis.Ref<string | undefined, string | undefined>;
     agentInterface: globalThis.Ref<{
-        theme: "auto" | "light" | "dark";
+        theme: "light" | "dark" | "auto";
         mainColor: string;
         textColor: "auto" | "white" | "black";
         useColorsForAgentHeader: boolean;
@@ -3639,7 +3639,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
         maxMessageLength?: number | undefined;
         customCss?: string | undefined;
     } | undefined, {
-        theme: "auto" | "light" | "dark";
+        theme: "light" | "dark" | "auto";
         mainColor: string;
         textColor: "auto" | "white" | "black";
         useColorsForAgentHeader: boolean;

package/dist-vue/packages/composable/src/index.d.ts

@@ -1,4 +1,5 @@
 export * from './chatbot';
+export * from './useBranding';
 export * from './useChatbotError';
 export * from './useConnectivity';
 export * from './useDialog';

package/dist-vue/packages/composable/src/useBranding.d.ts

@@ -0,0 +1,89 @@
+import { BrandingMode, ResolvedBranding } from '../../models/src';
+/** Install a resolved theme and the backend origin of its images. */
+export declare function setBranding(branding: ResolvedBranding, backendUrl: string): void;
+/**
+ * The names, images and mode of the theme the app runs with, as computed
+ * values and selectors that follow it when a newer theme is installed.
+ */
+export declare const useBranding: () => {
+    branding: globalThis.ComputedRef<{
+        colors: {
+            light: {
+                brand: string;
+                accent: string;
+                info: string;
+            };
+            dark: {
+                brand: string;
+                accent: string;
+                info: string;
+            };
+        };
+        mode: BrandingMode;
+        assets: {
+            logoLight: {
+                checksum: string;
+                mimeType: "image/png" | "image/svg+xml" | "image/webp" | "image/jpeg";
+                width: number | null;
+                height: number | null;
+            } | null;
+            logoDark: {
+                checksum: string;
+                mimeType: "image/png" | "image/svg+xml" | "image/webp" | "image/jpeg";
+                width: number | null;
+                height: number | null;
+            } | null;
+            mark: {
+                checksum: string;
+                mimeType: "image/png" | "image/svg+xml" | "image/webp" | "image/jpeg";
+                width: number | null;
+                height: number | null;
+            } | null;
+            emailLogo: {
+                checksum: string;
+                mimeType: "image/png" | "image/svg+xml" | "image/webp" | "image/jpeg";
+                width: number | null;
+                height: number | null;
+            } | null;
+            emailBanner: {
+                checksum: string;
+                mimeType: "image/png" | "image/svg+xml" | "image/webp" | "image/jpeg";
+                width: number | null;
+                height: number | null;
+            } | null;
+        };
+        text: {
+            productName: string;
+            shortName: string;
+            description: string | null;
+            productTagline: string | null;
+            companyName: string | null;
+        };
+        version: string;
+        stylesheetVersion?: string | undefined;
+    }>;
+    productName: globalThis.ComputedRef<string>;
+    shortName: globalThis.ComputedRef<string>;
+    tagline: globalThis.ComputedRef<string | null>;
+    description: globalThis.ComputedRef<string | null>;
+    mode: globalThis.ComputedRef<BrandingMode>;
+    /** Whether the deployment sets a palette of its own for a theme. */
+    hasOwnPalette: (dark: boolean) => boolean;
+    /** Whether the user may pick light or dark: not when the deployment fixes one. */
+    canChooseTheme: globalThis.ComputedRef<boolean>;
+    /**
+     * The logo for a background with its stored size, or null for the
+     * bundled one.
+     */
+    logo: (dark: boolean) => {
+        url: string;
+        width: number | null;
+        height: number | null;
+    } | null;
+    /**
+     * The square mark for a background: the deployment's, else the
+     * neutral one when the theme may not show Eight Wave's, else null for
+     * the bundled one.
+     */
+    markUrl: (dark: boolean) => string | null;
+};

package/dist-vue/packages/composable/src/useDialogConfirm.d.ts

@@ -1,5 +1,5 @@
 export declare const useDialogConfirm: () => {
-    openDialogConfirm: ({ emitReject, confirmLabel, cancelLabel, questionLabel, descriptionLabel, onlyConfirm, passphrase, passphraseLabel, passphraseHint, title, }?: {
+    openDialogConfirm: ({ emitReject, confirmLabel, cancelLabel, questionLabel, descriptionLabel, onlyConfirm, passphrase, passphraseLabel, passphraseHint, title, danger, }?: {
         emitReject?: boolean;
         confirmLabel?: string;
         cancelLabel?: string;
@@ -10,5 +10,6 @@ export declare const useDialogConfirm: () => {
         passphraseLabel?: string;
         passphraseHint?: string;
         title?: string;
+        danger?: boolean;
     }) => Promise<boolean>;
 };

package/dist-vue/packages/composable/src/useSettingsStore.d.ts

@@ -1,12 +1,17 @@
-import { UseDarkReturn, RemovableRef } from '@vueuse/core';
+import { BrandingMode } from '../../models/src';
 import { SetupStoreDefinition } from 'pinia';
+import { RemovableRef } from '@vueuse/core';
+/** The scheme the deployment fixes, or null while the user chooses. */
+export declare const fixedSchemeOf: (mode: BrandingMode) => "light" | "dark" | null;
+/** Put the theme classes of a scheme on the document root. */
+export declare function applyThemeScheme(scheme: 'dark' | 'light'): void;
 export declare const useTheme: () => {
-    isDarkTheme: UseDarkReturn;
+    isDarkTheme: globalThis.WritableComputedRef<boolean, boolean>;
     toggleDarkTheme: (value?: boolean | undefined) => boolean;
     theme: globalThis.ComputedRef<"light" | "dark">;
 };
 export declare const useSettingsStore: SetupStoreDefinition<"settings", {
-    isDarkTheme: UseDarkReturn;
+    isDarkTheme: globalThis.WritableComputedRef<boolean, boolean>;
     toggleDarkTheme: (value?: boolean | undefined) => boolean;
     hasSidebar: globalThis.ComputedRef<boolean>;
     isSidebarOpen: RemovableRef<boolean>;

package/dist-vue/packages/models/src/schema/Agent.d.ts

@@ -1063,9 +1063,9 @@ export declare const AgentInterfaceSchema: z.ZodObject<{
     }, z.core.$strip>>;
     logo: z.ZodOptional<z.ZodString>;
     theme: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
-        auto: "auto";
         light: "light";
         dark: "dark";
+        auto: "auto";
     }>>>;
     mainColor: z.ZodDefault<z.ZodOptional<z.ZodString>>;
     textColor: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
@@ -1508,9 +1508,9 @@ export declare const AgentSettingsSchema: z.ZodObject<{
         }, z.core.$strip>>;
         logo: z.ZodOptional<z.ZodString>;
         theme: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
-            auto: "auto";
             light: "light";
             dark: "dark";
+            auto: "auto";
         }>>>;
         mainColor: z.ZodDefault<z.ZodOptional<z.ZodString>>;
         textColor: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
@@ -1904,9 +1904,9 @@ export declare const AgentDtoSchema: z.ZodObject<{
             }, z.core.$strip>>;
             logo: z.ZodOptional<z.ZodString>;
             theme: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
-                auto: "auto";
                 light: "light";
                 dark: "dark";
+                auto: "auto";
             }>>>;
             mainColor: z.ZodDefault<z.ZodOptional<z.ZodString>>;
             textColor: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
@@ -2301,9 +2301,9 @@ export declare const AgentSchema: z.ZodLazy<z.ZodObject<{
             }, z.core.$strip>>;
             logo: z.ZodOptional<z.ZodString>;
             theme: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
-                auto: "auto";
                 light: "light";
                 dark: "dark";
+                auto: "auto";
             }>>>;
             mainColor: z.ZodDefault<z.ZodOptional<z.ZodString>>;
             textColor: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
@@ -2567,9 +2567,9 @@ export declare const AgentPublicSchema: z.ZodObject<{
         }, z.core.$strip>>;
         logo: z.ZodOptional<z.ZodString>;
         theme: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
-            auto: "auto";
             light: "light";
             dark: "dark";
+            auto: "auto";
         }>>>;
         mainColor: z.ZodDefault<z.ZodOptional<z.ZodString>>;
         textColor: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
@@ -2626,9 +2626,9 @@ export declare const AgentPublicSchema: z.ZodObject<{
 export declare const AgentBrandingInterfaceSchema: z.ZodObject<{
     logo: z.ZodOptional<z.ZodString>;
     theme: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
-        auto: "auto";
         light: "light";
         dark: "dark";
+        auto: "auto";
     }>>>;
     mainColor: z.ZodDefault<z.ZodOptional<z.ZodString>>;
     textColor: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
@@ -2650,9 +2650,9 @@ export declare const AgentBrandingSchema: z.ZodObject<{
     interface: z.ZodObject<{
         logo: z.ZodOptional<z.ZodString>;
         theme: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
-            auto: "auto";
             light: "light";
             dark: "dark";
+            auto: "auto";
         }>>>;
         mainColor: z.ZodDefault<z.ZodOptional<z.ZodString>>;
         textColor: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
@@ -2788,9 +2788,9 @@ export declare const AgentAccessGrantedSchema: z.ZodObject<{
             }, z.core.$strip>>;
             logo: z.ZodOptional<z.ZodString>;
             theme: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
-                auto: "auto";
                 light: "light";
                 dark: "dark";
+                auto: "auto";
             }>>>;
             mainColor: z.ZodDefault<z.ZodOptional<z.ZodString>>;
             textColor: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
@@ -2848,9 +2848,9 @@ export declare const AgentAccessRequiresAuthSchema: z.ZodObject<{
         interface: z.ZodObject<{
             logo: z.ZodOptional<z.ZodString>;
             theme: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
-                auto: "auto";
                 light: "light";
                 dark: "dark";
+                auto: "auto";
             }>>>;
             mainColor: z.ZodDefault<z.ZodOptional<z.ZodString>>;
             textColor: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
@@ -2969,9 +2969,9 @@ export declare const AgentAccessDecisionSchema: z.ZodDiscriminatedUnion<[z.ZodOb
             }, z.core.$strip>>;
             logo: z.ZodOptional<z.ZodString>;
             theme: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
-                auto: "auto";
                 light: "light";
                 dark: "dark";
+                auto: "auto";
             }>>>;
             mainColor: z.ZodDefault<z.ZodOptional<z.ZodString>>;
             textColor: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
@@ -3028,9 +3028,9 @@ export declare const AgentAccessDecisionSchema: z.ZodDiscriminatedUnion<[z.ZodOb
         interface: z.ZodObject<{
             logo: z.ZodOptional<z.ZodString>;
             theme: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
-                auto: "auto";
                 light: "light";
                 dark: "dark";
+                auto: "auto";
             }>>>;
             mainColor: z.ZodDefault<z.ZodOptional<z.ZodString>>;
             textColor: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
@@ -3050,7 +3050,7 @@ export type AgentAccessDecision = z.infer<typeof AgentAccessDecisionSchema>;
 /**
  * Full payload returned by the public `/access` endpoint: the
  * {@link AgentAccessDecisionSchema} plus the auth methods the client may offer
- * on the login screen.
+ * on the login screen and the deployment theme.
  */
 export declare const AgentAccessSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
     requiresAuth: z.ZodLiteral<false>;
@@ -3155,9 +3155,9 @@ export declare const AgentAccessSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
             }, z.core.$strip>>;
             logo: z.ZodOptional<z.ZodString>;
             theme: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
-                auto: "auto";
                 light: "light";
                 dark: "dark";
+                auto: "auto";
             }>>>;
             mainColor: z.ZodDefault<z.ZodOptional<z.ZodString>>;
             textColor: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
@@ -3209,6 +3209,9 @@ export declare const AgentAccessSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
         google: z.ZodBoolean;
         microsoft: z.ZodBoolean;
     }, z.core.$strip>;
+    deploymentBranding: z.ZodOptional<z.ZodNullable<z.ZodObject<{
+        css: z.ZodString;
+    }, z.core.$strip>>>;
 }, z.core.$strip>, z.ZodObject<{
     requiresAuth: z.ZodLiteral<true>;
     agent: z.ZodNull;
@@ -3219,9 +3222,9 @@ export declare const AgentAccessSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
         interface: z.ZodObject<{
             logo: z.ZodOptional<z.ZodString>;
             theme: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
-                auto: "auto";
                 light: "light";
                 dark: "dark";
+                auto: "auto";
             }>>>;
             mainColor: z.ZodDefault<z.ZodOptional<z.ZodString>>;
             textColor: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
@@ -3241,6 +3244,9 @@ export declare const AgentAccessSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
         google: z.ZodBoolean;
         microsoft: z.ZodBoolean;
     }, z.core.$strip>;
+    deploymentBranding: z.ZodOptional<z.ZodNullable<z.ZodObject<{
+        css: z.ZodString;
+    }, z.core.$strip>>>;
 }, z.core.$strip>], "requiresAuth">;
 export type AgentAccess = z.infer<typeof AgentAccessSchema>;
 /**