@8wave/ai-elements 0.98.0 → 0.99.0-beta.2

package/dist-vue/locales.js

@@ -13,6 +13,8 @@ var e = {
 		remove: "Remove",
 		moveDown: "Move down",
 		reset: "Reset",
+		retry: "Retry",
+		update: "Update",
 		reorder: "Reorder",
 		addHint: "Press enter to add",
 		delete: "Delete",
@@ -196,7 +198,10 @@ var e = {
 		whatsapp: "WhatsApp",
 		teams: "Microsoft Teams",
 		formMaxSteps: "Maximum steps",
-		formMaxOptionsPerStep: "Max options per step",
+		formMaxOptionsPerStep: "Max options",
+		suggestedReplyMode: "Mode",
+		showSourcesMode: "Sources mode",
+		toolRequiresApproval: "Ask the user to confirm",
 		chatWidget: "Chat Widget",
 		widgetUrl: "Widget URL",
 		loadDelay: "Load Delay (ms)",
@@ -256,6 +261,7 @@ var e = {
 		includeThoughts: "View reasoning",
 		thinking: "Thinking",
 		enabled: "Enabled",
+		toolApprovalBadge: "User confirm",
 		calendarEvent: "Event",
 		comparison: "Comparison",
 		contactUs: "Contact us",
@@ -335,13 +341,13 @@ var e = {
 		dismissableNotice: "It will be hidden after the first message.",
 		privacyPolicyNotice: "Displayed at the bottom of the contact form. Supports Markdown.",
 		fileUploadEnabled: "Allow users to attach files to their messages.",
+		approvalChannels: "A tool can ask the user to confirm before it runs: expand a tool to turn it on. On API endpoints and scheduled runs the call is refused.",
 		platformSupported: "Renders natively on WhatsApp and Teams",
-		formMaxSteps: "Maximum number of steps the agent can generate in a single form (min. 1, max. 10).",
-		formMaxOptionsPerStep: "Maximum number of options for each choice step (min. 2, max. 10).",
 		tool: {
 			useAllUserKb: "Reads the memories the user shared with all their agents, not just this one. Writing stays scoped to this agent.",
 			useAllUserFiles: "Searches all the user's files, including those uploaded on other agents, not just this agent's."
 		},
+		toolRequiresApproval: "The assistant waits for approval in the chat before running.",
 		channelWidgetDisabled: "The Widget channel is disabled: the embed code and loader will not work.",
 		channelAppDisabled: "The App channel is disabled: the direct link and iframe will not work.",
 		embedCode: "Copy and paste this code to embed the agent in your website.",
@@ -380,6 +386,14 @@ var e = {
 			semantic: "Semantic (vector only)",
 			keyword: "Keyword (full-text only)"
 		},
+		suggestedReplyMode: {
+			optional: "Optional (the agent decides)",
+			required: "Required after every answer"
+		},
+		showSourcesMode: {
+			optional: "Optional (the agent decides)",
+			required: "Required after every answer"
+		},
 		tool: {
 			useAllUserKb: "Use the entire user KB",
 			useAllUserFiles: "Use all user files",
@@ -456,6 +470,10 @@ var e = {
 		reasoning: "Reasoning...",
 		streaming: "Loading..."
 	},
+	toolApproval: {
+		expired: "This request is no longer answerable: the action was not performed.",
+		prompt: "Your confirmation is needed to continue:"
+	},
 	validation: { invalidPhoneNumber: "The number entered is incorrect" },
 	showForm: {
 		step: "Step {current} of {total}",
@@ -482,6 +500,8 @@ var e = {
 		remove: "Rimuovi",
 		moveDown: "Sposta giù",
 		reset: "Reset",
+		retry: "Riprova",
+		update: "Aggiorna",
 		reorder: "Riordina",
 		addHint: "Premi invio per aggiungere",
 		delete: "Elimina",
@@ -664,8 +684,11 @@ var e = {
 		deprecated: "Deprecato",
 		whatsapp: "WhatsApp",
 		teams: "Microsoft Teams",
-		formMaxSteps: "Numero massimo di step",
-		formMaxOptionsPerStep: "Opzioni massime per step",
+		formMaxSteps: "Step massimi",
+		formMaxOptionsPerStep: "Opzioni massime",
+		suggestedReplyMode: "Modalità ",
+		showSourcesMode: "Modalità fonti",
+		toolRequiresApproval: "Chiedi conferma all'utente",
 		chatWidget: "Chat Widget",
 		widgetUrl: "URL widget",
 		loadDelay: "Ritardo caricamento (ms)",
@@ -725,6 +748,7 @@ var e = {
 		includeThoughts: "Visualizza ragionamento",
 		thinking: "Pensiero",
 		enabled: "Abilitato",
+		toolApprovalBadge: "Conferma utente",
 		calendarEvent: "Evento",
 		comparison: "Confronto",
 		contactUs: "Contattaci",
@@ -804,13 +828,13 @@ var e = {
 		dismissableNotice: "Verrà nascosto dopo il primo messaggio.",
 		privacyPolicyNotice: "Visibile del modulo di contatto.",
 		fileUploadEnabled: "Permetti agli utenti di allegare file ai messaggi.",
+		approvalChannels: "Un tool può chiedere conferma all'utente prima di eseguire: espandi il tool per attivarla. Via API o in esecuzioni schedulate la chiamata viene rifiutata.",
 		platformSupported: "Resa nativa su WhatsApp e Teams",
-		formMaxSteps: "Numero massimo di step che l'agente può generare in un singolo form (min. 1, max. 10).",
-		formMaxOptionsPerStep: "Numero massimo di opzioni per ciascuno step di scelta (min. 2, max. 10).",
 		tool: {
 			useAllUserKb: "Legge le memorie che l'utente ha condiviso con tutti i suoi agenti, non solo con questo. La scrittura resta legata a questo agente.",
 			useAllUserFiles: "Cerca in tutti i file dell'utente, anche quelli caricati su altri agenti, non solo in quelli di questo agente."
 		},
+		toolRequiresApproval: "Prima di eseguire, l'assistente attende l'approvazione in chat.",
 		channelWidgetDisabled: "Il canale Widget è disabilitato: il codice embed e il loader non funzioneranno.",
 		channelAppDisabled: "Il canale App è disabilitato: il link diretto e l'iframe non funzioneranno.",
 		embedCode: "Copia e incolla questo codice per incorporare l'agente nel tuo sito web.",
@@ -849,6 +873,14 @@ var e = {
 			semantic: "Semantico (solo vettoriale)",
 			keyword: "Parole chiave (solo full-text)"
 		},
+		suggestedReplyMode: {
+			optional: "Opzionali (decide l'agente)",
+			required: "Obbligatorie dopo ogni risposta"
+		},
+		showSourcesMode: {
+			optional: "Opzionali (decide l'agente)",
+			required: "Obbligatorie dopo ogni risposta"
+		},
 		tool: {
 			useAllUserKb: "Utilizza tutta la KB utente",
 			useAllUserFiles: "Utilizza tutti i file utente",
@@ -925,6 +957,10 @@ var e = {
 		reasoning: "Ragionamento...",
 		streaming: "Caricamento..."
 	},
+	toolApproval: {
+		expired: "Questa richiesta non è più confermabile: l'azione non è stata eseguita.",
+		prompt: "Per continuare serve la tua conferma:"
+	},
 	validation: { invalidPhoneNumber: "Il numero inserito non è corretto" },
 	showForm: {
 		step: "Domanda {current} di {total}",

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

@@ -0,0 +1,45 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    label: string;
+    hintLabel?: string;
+    /** Field name, unique within the form. */
+    name?: string;
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    /**
+         * A checkbox (or switch) with a bold label and an optional hint below it, the
+         * shape settings panels use for every boolean option. It exists because that
+         * markup was copied in ~30 places: same three elements, same utility classes,
+         * drifting one edit at a time.
+         *
+         * Layout only. Wording stays with the caller, so labels keep living next to
+         * the option they describe (and in the caller's i18n keys).
+         *
+         * Extra content under the hint (badges, a channel-support strip) goes in the
+         * default slot; options that need a whole custom body are better off with
+         * `VvCheckbox` directly.
+         *
+         * Anything else is forwarded to `VvCheckbox`, `switch` included: options that
+         * read as on/off rather than opt-in pass it as a plain attribute.
+         */
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -14,7 +14,7 @@ declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNull
         allowEmpty?: boolean;
         force?: boolean;
     } & {
-        "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: Partial<T>[]) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -34,7 +34,7 @@ declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNull
     } & {
         actions?: (props: {}) => any;
     };
-    emit: (evt: "update:modelValue", value: T[]) => void;
+    emit: (evt: "update:modelValue", value: Partial<T>[]) => void;
 }>) => VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist-vue/packages/components/src/{chat/PkToolRequestConfirm.d.ts → PkOfflineScreen.d.ts}

@@ -1,11 +1,18 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
-    part: unknown;
+    /**
+     * Confirmed offline, not just `navigator.onLine`: this state covers the
+     * whole app, so the caller must verify before switching it on (see
+     * `useConnectivity`).
+     */
+    offline?: boolean;
+    /** A connectivity check is in flight. */
+    checking?: boolean;
 };
 declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    confirm: (confirmed: boolean) => any;
+    retry: () => any;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onConfirm?: ((confirmed: boolean) => any) | undefined;
+    onRetry?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -0,0 +1,19 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    /**
+     * A new service worker is waiting: the app shell owns this state,
+     * because `virtual:pwa-register` only exists in the frontend build.
+     */
+    updateAvailable?: boolean;
+    /** The update is being applied and the page is about to reload. */
+    updating?: boolean;
+};
+declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    update: () => any;
+    dismissUpdate: () => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdate?: (() => any) | undefined;
+    onDismissUpdate?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,4 +1,4 @@
-import { AgentFormSettings, AgentReasoning, AgentWebSearch, LocalizedString, Media, AgentBuiltInTool, AgentChannel, AgentLoaderStrategy, AgentType, WebSearchProvider, StoragePolicy } from '../../../models/src';
+import { AgentFormSettings, AgentReasoning, ShowSourcesMode, SuggestedReplyMode, AgentWebSearch, LocalizedString, Media, AgentBuiltInTool, AgentChannel, AgentLoaderStrategy, AgentType, WebSearchProvider, StoragePolicy } from '../../../models/src';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
     organizationSlug?: string;
@@ -48,10 +48,19 @@ type __VLS_ModelProps = {
         origins?: string[];
     };
     'disabledTools'?: AgentBuiltInTool[];
+    /**
+         * Tools that ask the user to confirm before running
+         * (docs/specs/tool-approval-interface.md). Names are canonical tool-set
+         * keys, so built-ins go in verbatim; the MCP and API tool pages add their
+         * own prefixed entries to the same list.
+         */
+    'approvalTools'?: string[];
     'useAllUserKb'?: boolean;
     'useAllUserFiles'?: boolean;
     'formMaxSteps'?: AgentFormSettings['maxSteps'];
     'formMaxOptionsPerStep'?: AgentFormSettings['maxOptionsPerStep'];
+    'suggestedReplyMode'?: SuggestedReplyMode;
+    'showSourcesMode'?: ShowSourcesMode;
     'widgetUrl'?: string | undefined;
     'loadDelay'?: number | undefined;
     'loaderStrategy'?: AgentLoaderStrategy | undefined;
@@ -87,9 +96,9 @@ type __VLS_ModelProps = {
     };
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_589: {};
+declare var __VLS_602: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_589) => any;
+    default?: (props: typeof __VLS_602) => any;
 };
 declare const __VLS_base: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:reasoning": (value: {
@@ -262,10 +271,13 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Com
         origins?: string[];
     }) => any;
     "update:disabledTools": (value: AgentBuiltInTool[]) => any;
+    "update:approvalTools": (value: string[]) => any;
     "update:useAllUserKb": (value: boolean) => any;
     "update:useAllUserFiles": (value: boolean) => any;
     "update:formMaxSteps": (value: number) => any;
     "update:formMaxOptionsPerStep": (value: number) => any;
+    "update:suggestedReplyMode": (value: "required" | "optional") => any;
+    "update:showSourcesMode": (value: "required" | "optional") => any;
     "update:widgetUrl": (value: string | undefined) => any;
     "update:loadDelay": (value: number | undefined) => any;
     "update:loaderStrategy": (value: AgentLoaderStrategy | undefined) => any;
@@ -470,10 +482,13 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Com
         origins?: string[];
     }) => any) | undefined;
     "onUpdate:disabledTools"?: ((value: AgentBuiltInTool[]) => any) | undefined;
+    "onUpdate:approvalTools"?: ((value: string[]) => any) | undefined;
     "onUpdate:useAllUserKb"?: ((value: boolean) => any) | undefined;
     "onUpdate:useAllUserFiles"?: ((value: boolean) => any) | undefined;
     "onUpdate:formMaxSteps"?: ((value: number) => any) | undefined;
     "onUpdate:formMaxOptionsPerStep"?: ((value: number) => any) | undefined;
+    "onUpdate:suggestedReplyMode"?: ((value: "required" | "optional") => any) | undefined;
+    "onUpdate:showSourcesMode"?: ((value: "required" | "optional") => any) | undefined;
     "onUpdate:widgetUrl"?: ((value: string | undefined) => any) | undefined;
     "onUpdate:loadDelay"?: ((value: number | undefined) => any) | undefined;
     "onUpdate:loaderStrategy"?: ((value: AgentLoaderStrategy | undefined) => any) | undefined;

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

@@ -20,6 +20,12 @@ type __VLS_Props = {
     showMessageDateTime?: boolean;
     showMessageTokensCount?: boolean;
     showAllMessageParts?: boolean;
+    /**
+     * Lets the user answer the tool requests rendered in the feed (approval
+     * and confirm cards). Off by default: the log viewers render the same
+     * messages read-only and have nothing to answer with.
+     */
+    interactive?: boolean;
     showExtendedSteps?: boolean;
     isDark?: boolean;
     /** Show a floating "back to bottom" button when the user scrolls up (fullscreen layout) */
@@ -34,7 +40,7 @@ declare var __VLS_25: {
     part: TextUIPart;
     index: number;
     isLoading: boolean;
-}, __VLS_60: `tool-${string}`, __VLS_61: {
+}, __VLS_73: `tool-${string}`, __VLS_74: {
     message: UIChatMessage;
     part: {
         type: `tool-${string}`;
@@ -43,7 +49,7 @@ declare var __VLS_25: {
     isLoading: boolean;
 };
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_60>]?: (props: typeof __VLS_61) => any;
+    [K in NonNullable<typeof __VLS_73>]?: (props: typeof __VLS_74) => any;
 } & {
     text?: (props: typeof __VLS_25) => any;
 };
@@ -60,6 +66,14 @@ declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, Component
     "scroll-down": () => any;
     "auto-retry": () => any;
     "reset-chat": () => any;
+    "approval-respond": (payload: {
+        id: string;
+        approved: boolean;
+    }) => any;
+    "confirm-respond": (payload: {
+        toolCallId: string;
+        confirmed: boolean;
+    }) => any;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
     onUpvote?: ((message: UIChatMessage) => any) | undefined;
     onDownvote?: ((message: UIChatMessage) => any) | undefined;
@@ -73,6 +87,14 @@ declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, Component
     "onScroll-down"?: (() => any) | undefined;
     "onAuto-retry"?: (() => any) | undefined;
     "onReset-chat"?: (() => any) | undefined;
+    "onApproval-respond"?: ((payload: {
+        id: string;
+        approved: boolean;
+    }) => any) | undefined;
+    "onConfirm-respond"?: ((payload: {
+        toolCallId: string;
+        confirmed: boolean;
+    }) => any) | undefined;
 }>, {}, {}, {}, {}, 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/components/src/chat/PkToolApprovalBadge.d.ts

@@ -0,0 +1,4 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const __VLS_export: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,35 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+/**
+ * The single confirmation card of the chat. It renders two things that are
+ * the same question for the user:
+ *
+ * - **approval**: a tool call the backend suspended waiting for consent
+ *   (`approval-requested`), plus its resolved states so the decision stays
+ *   visible in the transcript;
+ * - **confirm**: a `requestConfirm` call, the client-side tool the model uses
+ *   to have an action it described approved. Same layout, its own wording
+ *   (Proceed / Cancel, as on the messaging channels).
+ *
+ * The body comes from `toolApprovalPreviews[toolName]` when the tool has a
+ * dedicated preview (localized, human copy: e.g. `sendEmail` will reuse the
+ * email renderer); tools without one show only the localized prompt, never
+ * a raw echo of the call input. Adding a preview never requires touching
+ * this component.
+ */
+type __VLS_Props = {
+    part: unknown;
+    /**
+     * Whether the user can still answer. False in read-only views (chat
+     * logs) and, for approvals, once the conversation has moved past the
+     * request: the backend closes an abandoned approval as denied, so
+     * answering it later would not run the tool.
+     */
+    actionable?: boolean;
+};
+declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    respond: (approved: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRespond?: ((approved: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,11 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+/**
+ * Preview for the tools whose input is already a sentence written for the
+ * user (`requestConfirm`): it is shown as-is, with no key/value framing.
+ */
+type __VLS_Props = {
+    input?: unknown;
+};
+declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -28,6 +28,7 @@ import { default as PkMessageDetail } from './PkMessageDetail';
 import { default as PkStreamingMarkdown } from './PkStreamingMarkdown';
 import { default as PkToolShowForm } from './PkToolShowForm';
 import { default as PkToolShowArtifact } from './PkToolShowArtifact';
+import { default as PkToolApprovalBadge } from './PkToolApprovalBadge';
 import { default as PkToolShowEmail } from './PkToolShowEmail';
 import { default as PkToolShowMessage } from './PkToolShowMessage';
 import { default as PkToolShowWebPages } from './PkToolShowWebPages';
@@ -46,4 +47,4 @@ import { default as PkWebSearchSettings } from './PkWebSearchSettings';
 import { default as PkStreamingMarkdownAutoscroll } from './PkStreamingMarkdownAutoscroll';
 import { default as PkWelcomePopup } from './PkWelcomePopup';
 import { default as PkChatbotAuth } from './PkChatbotAuth';
-export { PkAgentSelectorInline, PkAgentSettingsPanel, PkAuroraCanvas, PkAvatar, PkChatSidebar, PkChatSidebarConversationItem, PkChatbot, PkChatbotEmptyState, PkChatbotError, PkChatbotFeedbackForm, PkChatbotFilePreview, PkChatbotInput, PkChatbotMessages, PkChatbotSteps, PkChatbotStepToolDetail, PkChatbotViewChat, PkChunkPreview, PkChatbotViewConversations, PkChatbotViewProfile, PkCode, PkCopyBlock, PkDocumentHeader, PkLanguageModel, PkLanguageModelCombobox, PkMessageParts, PkMessageDetail, PkStreamingMarkdown, PkStreamingMarkdownAutoscroll, PkToolShowForm, PkToolShowArtifact, PkToolShowEmail, PkToolShowMessage, PkToolShowWebPages, PkToolShowProductList, PkToolShowContactForm, PkToolShowCalendarEvent, PkToolShowComparison, PkToolShowLocation, PkToolShowQrCode, PkToolShowImageGallery, PkToolShowSuggestedReply, PkToolShowSources, PkRetryCountdown, PkReasoningChat, PkReasoningSettings, PkWebSearchSettings, PkWelcomePopup, PkChatbotAuth, };
+export { PkAgentSelectorInline, PkAgentSettingsPanel, PkAuroraCanvas, PkAvatar, PkChatSidebar, PkChatSidebarConversationItem, PkChatbot, PkChatbotEmptyState, PkChatbotError, PkChatbotFeedbackForm, PkChatbotFilePreview, PkChatbotInput, PkChatbotMessages, PkChatbotSteps, PkChatbotStepToolDetail, PkChatbotViewChat, PkChunkPreview, PkChatbotViewConversations, PkChatbotViewProfile, PkCode, PkCopyBlock, PkDocumentHeader, PkLanguageModel, PkLanguageModelCombobox, PkMessageParts, PkMessageDetail, PkStreamingMarkdown, PkStreamingMarkdownAutoscroll, PkToolShowForm, PkToolShowArtifact, PkToolApprovalBadge, PkToolShowEmail, PkToolShowMessage, PkToolShowWebPages, PkToolShowProductList, PkToolShowContactForm, PkToolShowCalendarEvent, PkToolShowComparison, PkToolShowLocation, PkToolShowQrCode, PkToolShowImageGallery, PkToolShowSuggestedReply, PkToolShowSources, PkRetryCountdown, PkReasoningChat, PkReasoningSettings, PkWebSearchSettings, PkWelcomePopup, PkChatbotAuth, };

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

@@ -0,0 +1,12 @@
+import { Component } from 'vue';
+/**
+ * Maps a tool name to the component that renders a human-readable preview of
+ * its input inside `PkToolApprovalCard`. The preview receives the tool call
+ * input as its `input` prop.
+ *
+ * Registering a preview needs no change to the card: tools with no entry here
+ * show only the localized confirmation prompt (no raw echo of the call input).
+ * Reuse the component that already renders that kind of payload when there is
+ * one (e.g. `sendEmail` will reuse `PkToolShowEmail`).
+ */
+export declare const toolApprovalPreviews: Record<string, Component>;

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

@@ -2,8 +2,10 @@ import { defineAsyncComponent } from 'vue';
 /**
  * Maps tool `part.type` to the corresponding component for auto-rendering.
  * Only includes simple tools that accept only a `:part` prop.
- * Interactive tools (requestConfirm, showContactForm, showSuggestedReply,
- * showSources, showMultipleChoice) must be wired explicitly in the parent
- * with their required callbacks/events.
+ * Interactive tools (showContactForm, showSuggestedReply, showSources,
+ * showMultipleChoice) must be wired explicitly in the parent with their
+ * required callbacks/events. Consent requests (`requestConfirm` and the tool
+ * calls suspended for approval) are not here either: `PkChatbotMessages`
+ * renders them all with `PkToolApprovalCard`.
  */
 export declare const toolComponentMap: Record<string, ReturnType<typeof defineAsyncComponent>>;

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

@@ -10,6 +10,12 @@ interface UseChatScrollOptions {
      * child.
      */
     contentEl?: () => HTMLElement | null;
+    /**
+     * Awaited right before the new-exchange scroll. Lets the host apply the
+     * layout that changes the content height (the anchor spacer) first, so
+     * the scroll targets the final bottom instead of an intermediate one.
+     */
+    beforeNewMessageScroll?: () => void | Promise<void>;
     onScrollUp?: () => void;
     onScrollDown?: () => void;
 }

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

@@ -10,6 +10,19 @@ export declare function mergeConsecutiveTextParts(parts: UIMessage['parts']): UI
 export declare function isStreamingPart(part: UIMessage['parts'][number] | null | undefined): part is Extract<UIMessage['parts'][number], {
     streaming?: boolean;
 }>;
+export declare function isToolApprovalPart(part: UIMessage['parts'][number] | null | undefined): boolean;
+/**
+ * The client-side tool the model uses to have an action it described approved.
+ * It predates the SDK's approval gate and keeps its own round-trip (it resolves
+ * through `addToolOutput`), but it asks the user the very same question, so it
+ * shares `PkToolApprovalCard` instead of having a card of its own.
+ */
+export declare const CONFIRM_TOOL_NAME = "requestConfirm";
+export declare function isToolConfirmPart(part: UIMessage['parts'][number] | null | undefined): boolean;
+/** True for any part the confirmation card is responsible for. */
+export declare function isConfirmationCardPart(part: UIMessage['parts'][number] | null | undefined): boolean;
+/** The id of the pending approval request on a tool part, if any. */
+export declare function getToolApprovalId(part: UIMessage['parts'][number] | null | undefined): string | undefined;
 export declare function getPartState(part: UIMessage['parts'][number] | null | undefined): string | undefined;
 export declare function isLoadingState(state?: string): boolean;
 export declare function getContrast(hexcolor?: string): 'black' | 'white';

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

@@ -11,6 +11,7 @@ import { default as PkEditorRadioButtons } from './PkEditorRadioButtons';
 import { default as PkEditorCheckboxButtons } from './PkEditorCheckboxButtons';
 import { default as PkEditorRepeater } from './PkEditorRepeater';
 import { default as PkEditorWyswyg } from './PkEditorWyswyg';
+import { default as PkCheckboxField } from './PkCheckboxField';
 import { default as PkFieldset } from './PkFieldset';
 import { default as PkInfobox } from './PkInfobox';
 import { default as PkSchemaField } from './PkSchemaField';
@@ -19,6 +20,8 @@ import { default as PkLazyImg } from './PkLazyImg';
 import { default as PkLightbox } from './PkLightbox';
 import { default as PkLoader } from './PkLoader';
 import { default as PkMedia } from './PkMedia';
+import { default as PkOfflineScreen } from './PkOfflineScreen';
+import { default as PkPwaNotices } from './PkPwaNotices';
 import { default as PkRelativeTime } from './PkRelativeTime';
 import { default as PkSkeleton } from './PkSkeleton';
 import { default as PkSvgViewer } from './PkSvgViewer';
@@ -27,4 +30,4 @@ export * from './chat';
 export * from './input';
 export * from './table';
 export * from './types';
-export { PkBadge, PkEditorAgentType, PkEditorDocumentType, PkEditorNotificationType, PkEditorCode, PkEditorJsonSchema, PkEditorMarkdown, PkEditorMedia, PkEditorPrompt, PkEditorRadioButtons, PkEditorCheckboxButtons, PkEditorRepeater, PkEditorWyswyg, PkFieldset, PkInfobox, PkSchemaField, PkIntegrationProvider, PkLazyImg, PkLightbox, PkLoader, PkMedia, PkRelativeTime, PkSkeleton, PkSvgViewer, PkUrl, };
+export { PkBadge, PkEditorAgentType, PkEditorDocumentType, PkEditorNotificationType, PkEditorCode, PkEditorJsonSchema, PkEditorMarkdown, PkEditorMedia, PkEditorPrompt, PkEditorRadioButtons, PkEditorCheckboxButtons, PkEditorRepeater, PkEditorWyswyg, PkCheckboxField, PkFieldset, PkInfobox, PkSchemaField, PkIntegrationProvider, PkLazyImg, PkLightbox, PkLoader, PkMedia, PkOfflineScreen, PkPwaNotices, PkRelativeTime, PkSkeleton, PkSvgViewer, PkUrl, };