@8wave/ai-elements 0.84.0 → 0.85.0

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

@@ -1,6 +1,7 @@
 import { default as PkBadge } from './PkBadge';
 import { default as PkEditorAgentType } from './PkEditorAgentType';
 import { default as PkEditorCode } from './PkEditorCode';
+import { default as PkEditorJsonSchema } from './PkEditorJsonSchema';
 import { default as PkEditorMarkdown } from './PkEditorMarkdown';
 import { default as PkEditorMedia } from './PkEditorMedia';
 import { default as PkEditorPrompt } from './PkEditorPrompt';
@@ -9,6 +10,7 @@ import { default as PkEditorRepeater } from './PkEditorRepeater';
 import { default as PkEditorWyswyg } from './PkEditorWyswyg';
 import { default as PkFieldset } from './PkFieldset';
 import { default as PkInfobox } from './PkInfobox';
+import { default as PkSchemaField } from './PkSchemaField';
 import { default as PkIntegrationProvider } from './PkIntegrationProvider';
 import { default as PkLazyImg } from './PkLazyImg';
 import { default as PkLightbox } from './PkLightbox';
@@ -16,9 +18,10 @@ import { default as PkLoader } from './PkLoader';
 import { default as PkMedia } from './PkMedia';
 import { default as PkRelativeTime } from './PkRelativeTime';
 import { default as PkSkeleton } from './PkSkeleton';
+import { default as PkSvgViewer } from './PkSvgViewer';
 import { default as PkUrl } from './PkUrl';
 export * from './chat';
 export * from './input';
 export * from './table';
 export * from './types';
-export { PkBadge, PkEditorAgentType, PkEditorCode, PkEditorMarkdown, PkEditorMedia, PkEditorPrompt, PkEditorRadioButtons, PkEditorRepeater, PkEditorWyswyg, PkFieldset, PkInfobox, PkIntegrationProvider, PkLazyImg, PkLightbox, PkLoader, PkMedia, PkRelativeTime, PkSkeleton, PkUrl, };
+export { PkBadge, PkEditorAgentType, PkEditorCode, PkEditorJsonSchema, PkEditorMarkdown, PkEditorMedia, PkEditorPrompt, PkEditorRadioButtons, PkEditorRepeater, PkEditorWyswyg, PkFieldset, PkInfobox, PkSchemaField, PkIntegrationProvider, PkLazyImg, PkLightbox, PkLoader, PkMedia, PkRelativeTime, PkSkeleton, PkSvgViewer, PkUrl, };

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

@@ -419,6 +419,9 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
         disallowPromptTraining: boolean;
         providerTimeoutMs?: number | undefined;
     }> | undefined>;
+    externalContext: globalThis.Ref<Record<string, unknown> | undefined, Record<string, unknown> | undefined>;
+    systemTheme: globalThis.Ref<"light" | "dark" | undefined, "light" | "dark" | undefined>;
+    isDark: globalThis.ComputedRef<boolean>;
     chat: globalThis.ComputedRef<Chat<UIChatMessage>>;
     messages: globalThis.ComputedRef<UIChatMessage[]>;
     conversations: globalThis.Ref<{
@@ -463,6 +466,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
                     geolocationAccuracy?: number | undefined;
                     geolocationCity?: string | undefined;
                 } | undefined;
+                externalContext?: Record<string, unknown> | undefined;
                 resolvedProvider?: string | undefined;
                 resolvedModelId?: string | undefined;
                 cost?: string | undefined;
@@ -872,6 +876,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
                     geolocationAccuracy?: number | undefined;
                     geolocationCity?: string | undefined;
                 } | undefined;
+                externalContext?: Record<string, unknown> | undefined;
                 resolvedProvider?: string | undefined;
                 resolvedModelId?: string | undefined;
                 cost?: string | undefined;
@@ -1335,6 +1340,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
     initialize: (id: string, chatId: string) => Promise<void>;
     loadConversations: (id: string) => Promise<void>;
     handleSubmit: () => Promise<void>;
+    sendMessage: (text: string) => void;
     stopGeneration: () => Promise<void>;
     startNewChat: () => Promise<string>;
     regenerate: (options?: Parameters<({ messageId, ...options }?: {
@@ -1355,7 +1361,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
     navigate: (view: ChatbotView) => void;
     renameChatTitle: (chatId: string, title: string) => Promise<void>;
     deleteChat: (chatId: string) => Promise<void>;
-}, "name" | "input" | "model" | "gatewayOptions" | "fallbackModels" | "agentId" | "headers" | "conversations" | "userId" | "agentModel" | "agentType" | "basePath" | "baseUrl" | "agentInterface" | "agentTools" | "revisedAnswers" | "actionsInput" | "agentFileUpload" | "pendingAttachments" | "isConversationBlocked" | "chatError" | "activeView" | "messageFeedbacks" | "feedbackDialogMessage" | "isFeedbackSubmitting" | "isFeedbackSubmitted" | "feedbackSubmitError" | "isLeadSubmitted" | "isLoadingSubmitLead" | "submitLeadError">, Pick<{
+}, "name" | "input" | "model" | "gatewayOptions" | "fallbackModels" | "agentId" | "headers" | "conversations" | "externalContext" | "userId" | "agentModel" | "agentType" | "basePath" | "baseUrl" | "agentInterface" | "agentTools" | "revisedAnswers" | "actionsInput" | "agentFileUpload" | "systemTheme" | "pendingAttachments" | "isConversationBlocked" | "chatError" | "activeView" | "messageFeedbacks" | "feedbackDialogMessage" | "isFeedbackSubmitting" | "isFeedbackSubmitted" | "feedbackSubmitError" | "isLeadSubmitted" | "isLoadingSubmitLead" | "submitLeadError">, Pick<{
     apiClient: globalThis.ComputedRef< ChatbotApiClient>;
     baseUrl: globalThis.Ref<string, string>;
     basePath: globalThis.Ref<string | undefined, string | undefined>;
@@ -1768,6 +1774,9 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
         disallowPromptTraining: boolean;
         providerTimeoutMs?: number | undefined;
     }> | undefined>;
+    externalContext: globalThis.Ref<Record<string, unknown> | undefined, Record<string, unknown> | undefined>;
+    systemTheme: globalThis.Ref<"light" | "dark" | undefined, "light" | "dark" | undefined>;
+    isDark: globalThis.ComputedRef<boolean>;
     chat: globalThis.ComputedRef<Chat<UIChatMessage>>;
     messages: globalThis.ComputedRef<UIChatMessage[]>;
     conversations: globalThis.Ref<{
@@ -1812,6 +1821,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
                     geolocationAccuracy?: number | undefined;
                     geolocationCity?: string | undefined;
                 } | undefined;
+                externalContext?: Record<string, unknown> | undefined;
                 resolvedProvider?: string | undefined;
                 resolvedModelId?: string | undefined;
                 cost?: string | undefined;
@@ -2221,6 +2231,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
                     geolocationAccuracy?: number | undefined;
                     geolocationCity?: string | undefined;
                 } | undefined;
+                externalContext?: Record<string, unknown> | undefined;
                 resolvedProvider?: string | undefined;
                 resolvedModelId?: string | undefined;
                 cost?: string | undefined;
@@ -2684,6 +2695,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
     initialize: (id: string, chatId: string) => Promise<void>;
     loadConversations: (id: string) => Promise<void>;
     handleSubmit: () => Promise<void>;
+    sendMessage: (text: string) => void;
     stopGeneration: () => Promise<void>;
     startNewChat: () => Promise<string>;
     regenerate: (options?: Parameters<({ messageId, ...options }?: {
@@ -2704,7 +2716,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
     navigate: (view: ChatbotView) => void;
     renameChatTitle: (chatId: string, title: string) => Promise<void>;
     deleteChat: (chatId: string) => Promise<void>;
-}, "messages" | "chat" | "actions" | "apiClient" | "localChatId" | "inputMessagePlaceholder">, Pick<{
+}, "messages" | "chat" | "actions" | "apiClient" | "isDark" | "localChatId" | "inputMessagePlaceholder">, Pick<{
     apiClient: globalThis.ComputedRef< ChatbotApiClient>;
     baseUrl: globalThis.Ref<string, string>;
     basePath: globalThis.Ref<string | undefined, string | undefined>;
@@ -3117,6 +3129,9 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
         disallowPromptTraining: boolean;
         providerTimeoutMs?: number | undefined;
     }> | undefined>;
+    externalContext: globalThis.Ref<Record<string, unknown> | undefined, Record<string, unknown> | undefined>;
+    systemTheme: globalThis.Ref<"light" | "dark" | undefined, "light" | "dark" | undefined>;
+    isDark: globalThis.ComputedRef<boolean>;
     chat: globalThis.ComputedRef<Chat<UIChatMessage>>;
     messages: globalThis.ComputedRef<UIChatMessage[]>;
     conversations: globalThis.Ref<{
@@ -3161,6 +3176,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
                     geolocationAccuracy?: number | undefined;
                     geolocationCity?: string | undefined;
                 } | undefined;
+                externalContext?: Record<string, unknown> | undefined;
                 resolvedProvider?: string | undefined;
                 resolvedModelId?: string | undefined;
                 cost?: string | undefined;
@@ -3570,6 +3586,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
                     geolocationAccuracy?: number | undefined;
                     geolocationCity?: string | undefined;
                 } | undefined;
+                externalContext?: Record<string, unknown> | undefined;
                 resolvedProvider?: string | undefined;
                 resolvedModelId?: string | undefined;
                 cost?: string | undefined;
@@ -4033,6 +4050,7 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
     initialize: (id: string, chatId: string) => Promise<void>;
     loadConversations: (id: string) => Promise<void>;
     handleSubmit: () => Promise<void>;
+    sendMessage: (text: string) => void;
     stopGeneration: () => Promise<void>;
     startNewChat: () => Promise<string>;
     regenerate: (options?: Parameters<({ messageId, ...options }?: {
@@ -4053,5 +4071,5 @@ export declare function useChatbotStore(agentId: string): Store<`chatbot-${strin
     navigate: (view: ChatbotView) => void;
     renameChatTitle: (chatId: string, title: string) => Promise<void>;
     deleteChat: (chatId: string) => Promise<void>;
-}, "regenerate" | "initialize" | "loadConversations" | "handleSubmit" | "stopGeneration" | "startNewChat" | "addToolOutput" | "handleFileSelect" | "clearPendingAttachments" | "onUpvote" | "onDownvote" | "onFeedback" | "onFeedbackSubmit" | "onLeadSubmit" | "navigate" | "renameChatTitle" | "deleteChat">>;
+}, "regenerate" | "initialize" | "loadConversations" | "handleSubmit" | "sendMessage" | "stopGeneration" | "startNewChat" | "addToolOutput" | "handleFileSelect" | "clearPendingAttachments" | "onUpvote" | "onDownvote" | "onFeedback" | "onFeedbackSubmit" | "onLeadSubmit" | "navigate" | "renameChatTitle" | "deleteChat">>;
 export {};

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

@@ -3,6 +3,7 @@ export * from './useChatbotError';
 export * from './useDialog';
 export * from './useDialogConfirm';
 export * from './useJsonDiff';
+export * from './useJsonSchemaEditor';
 export * from './useLocalizedString';
 export * from './useMediaStore';
 export * from './useModifiers';

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

@@ -0,0 +1,45 @@
+import { Ref } from 'vue';
+export type SchemaFieldType = 'string' | 'number' | 'integer' | 'boolean' | 'object' | 'array/string' | 'array/number' | 'array/boolean' | 'array/integer' | 'array/object';
+export interface SchemaField {
+    id: string;
+    key: string;
+    type: SchemaFieldType;
+    description: string;
+    constValue?: string;
+    required: boolean;
+    children: SchemaField[];
+}
+export type JsonSchema = Record<string, unknown>;
+export declare const FIELD_TYPE_OPTIONS: SchemaFieldType[];
+export declare function isNestedType(type: SchemaFieldType): boolean;
+export declare function createField(): SchemaField;
+export declare function detectRootType(schema: JsonSchema): 'object' | 'array';
+export declare function schemaToFields(schema: JsonSchema): SchemaField[];
+export declare function fieldsToSchema(fields: SchemaField[], rootType?: 'object' | 'array'): JsonSchema;
+export declare function useJsonSchemaEditor(modelValue: Ref<JsonSchema | null | undefined>): {
+    fields: Ref<{
+        id: string;
+        key: string;
+        type: SchemaFieldType;
+        description: string;
+        constValue?: string | undefined;
+        required: boolean;
+        children: /*elided*/ any[];
+    }[], SchemaField[] | {
+        id: string;
+        key: string;
+        type: SchemaFieldType;
+        description: string;
+        constValue?: string | undefined;
+        required: boolean;
+        children: /*elided*/ any[];
+    }[]>;
+    codeValue: Ref<string, string>;
+    rootType: Ref<"object" | "array", "object" | "array">;
+    syncAll: (schema: JsonSchema | null) => void;
+    updateFromCode: (val: string | undefined) => void;
+    setRootType: (newType: "object" | "array") => void;
+    addField: () => void;
+    updateField: (index: number, updated: SchemaField) => void;
+    removeField: (index: number) => void;
+};

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

@@ -148,6 +148,7 @@ export declare enum AgentBuiltInTool {
     ShowCalendarEvent = "showCalendarEvent",
     ShowComparison = "showComparison",
     ShowContactForm = "showContactForm",
+    ShowDiagram = "showDiagram",
     ShowEmail = "showEmail",
     ShowImageGallery = "showImageGallery",
     ShowLocation = "showLocation",
@@ -822,6 +823,7 @@ export declare const AgentSettingsSchema: z.ZodObject<{
         providerTimeoutMs: z.ZodOptional<z.ZodNumber>;
     }, z.core.$strip>>>;
     channels: z.ZodDefault<z.ZodOptional<z.ZodArray<z.ZodEnum<typeof AgentChannel>>>>;
+    externalContextSchema: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
 }, z.core.$strip>;
 export type AgentSettings = z.infer<typeof AgentSettingsSchema>;
 export declare const AgentSecuritySchema: z.ZodObject<{
@@ -1103,6 +1105,7 @@ export declare const AgentDtoSchema: z.ZodObject<{
             providerTimeoutMs: z.ZodOptional<z.ZodNumber>;
         }, z.core.$strip>>>;
         channels: z.ZodDefault<z.ZodOptional<z.ZodArray<z.ZodEnum<typeof AgentChannel>>>>;
+        externalContextSchema: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
     }, z.core.$strip>;
     security: z.ZodOptional<z.ZodNullable<z.ZodObject<{
         rateLimits: z.ZodObject<{
@@ -1385,6 +1388,7 @@ export declare const AgentSchema: z.ZodLazy<z.ZodObject<{
             providerTimeoutMs: z.ZodOptional<z.ZodNumber>;
         }, z.core.$strip>>>;
         channels: z.ZodDefault<z.ZodOptional<z.ZodArray<z.ZodEnum<typeof AgentChannel>>>>;
+        externalContextSchema: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
     }, z.core.$strip>;
     security: z.ZodNullable<z.ZodObject<{
         rateLimits: z.ZodObject<{

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

@@ -206,6 +206,7 @@ export declare const ChatRequestSchema: z.ZodObject<{
         geolocationAccuracy: z.ZodOptional<z.ZodNumber>;
         geolocationCity: z.ZodOptional<z.ZodString>;
     }, z.core.$strip>>;
+    externalContext: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
     smoothStream: z.ZodOptional<z.ZodBoolean>;
 }, z.core.$strip>;
 export type ChatRequest = z.infer<typeof ChatRequestSchema>;
@@ -236,6 +237,8 @@ export type UIChatMessageMetadata = {
     partTimings?: Record<string, number>;
     /** Client device context sent with the request */
     deviceContext?: UIChatMessageDeviceContext;
+    /** External context provided by the host application and validated server-side */
+    externalContext?: Record<string, unknown>;
     /** Provider that ultimately served the request (e.g. `vertex`, `openai`) */
     resolvedProvider?: string;
     /** Actual model ID as exposed by the resolved provider (e.g. `gemini-3-flash-preview`) */

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

@@ -23,6 +23,7 @@ export declare const NotificationSchema: z.ZodObject<{
     metadata: z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
     scheduledAt: z.ZodNullable<z.ZodCoercedDate<unknown>>;
     readAt: z.ZodNullable<z.ZodCoercedDate<unknown>>;
+    deletedAt: z.ZodNullable<z.ZodCoercedDate<unknown>>;
     createdAt: z.ZodCoercedDate<unknown>;
     updatedAt: z.ZodCoercedDate<unknown>;
 }, z.core.$strip>;
@@ -47,6 +48,9 @@ export declare const NotificationMarkReadSchema: z.ZodObject<{
     organizationId: z.ZodNullable<z.ZodString>;
     userId: z.ZodNullable<z.ZodString>;
 }, z.core.$strip>;
+export declare const NotificationDeleteSchema: z.ZodObject<{
+    id: z.ZodString;
+}, z.core.$strip>;
 export declare const NotificationCreateDtoSchema: z.ZodObject<{
     organizationId: z.ZodOptional<z.ZodNullable<z.ZodUUID>>;
     userId: z.ZodOptional<z.ZodNullable<z.ZodUUID>>;
@@ -80,6 +84,7 @@ export declare const UserNotificationSchema: z.ZodObject<{
     notificationId: z.ZodString;
     userId: z.ZodString;
     readAt: z.ZodNullable<z.ZodCoercedDate<unknown>>;
+    deletedAt: z.ZodNullable<z.ZodCoercedDate<unknown>>;
     createdAt: z.ZodCoercedDate<unknown>;
 }, z.core.$strip>;
 export type Notification = z.infer<typeof NotificationSchema>;
@@ -88,3 +93,4 @@ export type NotificationMarkRead = z.infer<typeof NotificationMarkReadSchema>;
 export type NotificationCreateDto = z.infer<typeof NotificationCreateDtoSchema>;
 export type NotificationUnreadCount = z.infer<typeof NotificationUnreadCountSchema>;
 export type UserNotification = z.infer<typeof UserNotificationSchema>;
+export type NotificationDelete = z.infer<typeof NotificationDeleteSchema>;

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

@@ -286,6 +286,7 @@ export declare const ReasoningChatSchema: z.ZodObject<{
                 providerTimeoutMs: z.ZodOptional<z.ZodNumber>;
             }, z.core.$strip>>>;
             channels: z.ZodDefault<z.ZodOptional<z.ZodArray<z.ZodEnum< AgentChannel>>>>;
+            externalContextSchema: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
         }, z.core.$strip>;
         security: z.ZodNullable<z.ZodObject<{
             rateLimits: z.ZodObject<{
@@ -619,6 +620,7 @@ export declare const ReasoningChatSchema: z.ZodObject<{
                     providerTimeoutMs: z.ZodOptional<z.ZodNumber>;
                 }, z.core.$strip>>>;
                 channels: z.ZodDefault<z.ZodOptional<z.ZodArray<z.ZodEnum< AgentChannel>>>>;
+                externalContextSchema: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
             }, z.core.$strip>;
             security: z.ZodNullable<z.ZodObject<{
                 rateLimits: z.ZodObject<{

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

@@ -286,6 +286,7 @@ export declare const SubAgentSchema: z.ZodObject<{
                 providerTimeoutMs: z.ZodOptional<z.ZodNumber>;
             }, z.core.$strip>>>;
             channels: z.ZodDefault<z.ZodOptional<z.ZodArray<z.ZodEnum< AgentChannel>>>>;
+            externalContextSchema: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
         }, z.core.$strip>;
         security: z.ZodNullable<z.ZodObject<{
             rateLimits: z.ZodObject<{
@@ -577,6 +578,7 @@ export declare const SubAgentSchema: z.ZodObject<{
                 providerTimeoutMs: z.ZodOptional<z.ZodNumber>;
             }, z.core.$strip>>>;
             channels: z.ZodDefault<z.ZodOptional<z.ZodArray<z.ZodEnum< AgentChannel>>>>;
+            externalContextSchema: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
         }, z.core.$strip>;
         security: z.ZodNullable<z.ZodObject<{
             rateLimits: z.ZodObject<{

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

@@ -25,6 +25,8 @@ export declare enum LanguageModel {
     claudeSonnet45 = "anthropic/claude-sonnet-4.5",
     claudeSonnet46 = "anthropic/claude-sonnet-4.6",
     claudeOpus46 = "anthropic/claude-opus-4.6",
+    claudeOpus47 = "anthropic/claude-opus-4.7",
+    claudeOpus48 = "anthropic/claude-opus-4.8",
     deepseek32 = "deepseek/deepseek-v3.2",
     deepseek32Thinking = "deepseek/deepseek-v3.2-thinking",
     deepseek4pro = "deepseek/deepseek-v4-pro",

package/dist-vue/packages/models/src/utils.d.ts

@@ -1,4 +1,6 @@
 import * as z from 'zod';
+/** Reusable Zod field for JSON Schema objects with a 50 KB size limit. */
+export declare const jsonSchemaField: z.ZodRecord<z.ZodString, z.ZodUnknown>;
 export type QueryStringFilter<T extends string = string> = `filter[${T}]`;
 export type Querystring = {
     'page[number]'?: number | string;