@progress/kendo-vue-conversational-ui 8.0.3-develop.1 → 8.0.3-develop.3

package/ai-prompt/AIPrompt.d.ts

@@ -0,0 +1,178 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { AIPromptToolbarItemInterface } from './AIPromptHeader';
+import { AIPromptCommandInterface } from './views/AIPromptCommandsView';
+import { AIPromptOutputRating } from './views/AIPromptOutputView';
+import { PropType } from 'vue';
+import { SuggestionsView } from '../chat/components/SuggestionGroup';
+/**
+ * The props of the AIPrompt component.
+ */
+export interface AIPromptProps {
+    /**
+     * Name of the active view.
+     */
+    activeView: string;
+    /**
+     * Collection with items that will override the default Toolbar items.
+     */
+    toolbarItems?: AIPromptToolbarItemInterface[];
+    /**
+     * The collection of generated prompt outputs that will be rendered in the Output view.
+     */
+    outputs?: AIPromptOutputInterface[];
+    /**
+     * The placeholder text for the Prompt view textarea.
+     */
+    promptPlaceholder?: string;
+    /**
+     * The direction of the Prompt.
+     */
+    dir?: string;
+    /**
+     * If true, the prompt is in a streaming state.
+     */
+    streaming?: boolean;
+    /**
+     * If true, the prompt is in a loading state.
+     */
+    loading?: boolean;
+    /**
+     * The onActiveViewChange event handler of the Kendo UI for Vue AIPrompt component.
+     * Fires when active view is changed. Exposes the name of the new active view as event data.
+     */
+    onActiveviewchange?: (name: string) => void;
+    /**
+     * The onCommandExecute event handler of the Kendo UI for Vue AIPrompt component.
+     * Fires each time the user clicks a command in the Command view. Exposes the selected command as event data.
+     */
+    onCommandexecute?: (command: AIPromptCommandInterface) => void;
+    /**
+     * The onPromptRequest event handler of the Kendo UI for Vue AIPrompt component.
+     * Fires when user clicks the `Generate` button in the Prompt view.
+     */
+    onPromptrequest?: (prompt?: string, outputItem?: AIPromptOutputInterface) => void;
+    /**
+     * Called when the prompt is cancelled.
+     */
+    onCancel?: () => void;
+    /**
+     * Optionally specifies the rendering for the suggestions displayed in the AI Prompt component.
+     * 'suggestionsView' can be either 'classic' or 'modern'.
+     * - 'classic': Uses a rectangular styling for suggestions.
+     * - 'modern': Uses a chip-like styling for suggestions.
+     */
+    suggestionsView?: SuggestionsView;
+}
+export interface AIPromptOutputInterface {
+    /**
+     * The unique identifier of the command.
+     */
+    id: string | number;
+    /**
+     * An optional custom title for the prompt output.
+     */
+    title?: string;
+    /**
+     * An optional custom sub title for the prompt output.
+     */
+    subTitle?: string;
+    /**
+     * The prompt that initiated the output generation.
+     */
+    prompt?: string;
+    /**
+     * The class of the prompt that is rendered on the output card.
+     */
+    class?: string;
+    /**
+     * The text content of the prompt output.
+     */
+    responseContent: string;
+    /**
+     * Specifies if the prompt generation was initiated via the retry button.
+     */
+    isRetry?: boolean;
+    /**
+     * The prompt output rating.
+     */
+    ratingType?: AIPromptOutputRating;
+    /**
+     * Optionally specifies a command, if the prompt generation was triggered via a command.
+     */
+    command?: AIPromptCommandInterface;
+}
+/**
+ * The AIPrompt context that is passed to the view.
+ */
+interface AIPromptContextInterface {
+    activeView?: string;
+    streaming?: boolean;
+    loading?: boolean;
+    suggestionsView?: SuggestionsView;
+    onCancel?: () => void;
+    onPromptRequest?: (prompt?: string, outputItem?: AIPromptOutputInterface) => void;
+    onCommandExecute?: (command: AIPromptCommandInterface) => void;
+    onActiveViewChange?: (view: string) => void;
+    onStateAction?: (action: StateActionInterface) => void;
+}
+/**
+ * @hidden
+ */
+interface StateActionInterface {
+    activeView: string;
+}
+/**
+ * @hidden
+ */
+declare const AIPrompt: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    activeView: {
+        type: PropType<string>;
+        required: true;
+    };
+    dir: PropType<string>;
+    toolbarItems: PropType<AIPromptToolbarItemInterface[]>;
+    outputs: PropType<AIPromptOutputInterface[]>;
+    promptPlaceholder: PropType<string>;
+    streaming: PropType<boolean>;
+    loading: PropType<boolean>;
+    suggestionsView: {
+        type: PropType<SuggestionsView>;
+        default: string;
+    };
+}>, {}, {
+    showLicenseWatermark: boolean;
+    licenseMessage: string;
+    contextState: AIPromptContextInterface;
+}, {}, {
+    onStateAction(action: StateActionInterface): void;
+    onActiveViewChange(event: string): void;
+    onPromptRequest(prompt?: string, outputItem?: AIPromptOutputInterface): void;
+    onCommandExecute(event: AIPromptCommandInterface): void;
+    onCancel(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    activeView: {
+        type: PropType<string>;
+        required: true;
+    };
+    dir: PropType<string>;
+    toolbarItems: PropType<AIPromptToolbarItemInterface[]>;
+    outputs: PropType<AIPromptOutputInterface[]>;
+    promptPlaceholder: PropType<string>;
+    streaming: PropType<boolean>;
+    loading: PropType<boolean>;
+    suggestionsView: {
+        type: PropType<SuggestionsView>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    suggestionsView: SuggestionsView;
+}, {}, {}, {}, string, () => {
+    kendoAIPrompt: any;
+}, true, {}, any>;
+export { AIPrompt };

package/ai-prompt/AIPromptContent.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+declare const AIPromptContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    onCancel: PropType<() => void>;
+    streaming: PropType<boolean>;
+}>, {}, {}, {
+    showFloatingButton(): boolean;
+}, {
+    handleKeyDown(event: KeyboardEvent): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onCancel: PropType<() => void>;
+    streaming: PropType<boolean>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { AIPromptContent };

package/ai-prompt/AIPromptExpander.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+export interface AIPromptExpanderProps {
+    title: string;
+}
+/**
+ * @hidden
+ */
+declare const AIPromptExpander: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: PropType<string>;
+}>, {}, {
+    expanded: boolean;
+}, {}, {
+    buttonClick(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: PropType<string>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { AIPromptExpander };

package/ai-prompt/AIPromptFooter.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+declare const AIPromptFooter: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { AIPromptFooter };

package/ai-prompt/AIPromptHeader.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { PropType } from 'vue';
+/**
+ * An interface for the AIPromptToolbarItem.
+ */
+export interface AIPromptToolbarItemInterface {
+    /**
+     * Defines the name of the view witch is related to.
+     */
+    name: string;
+    /**
+     * Defines the svgIcon used in the Toolbar button.
+     */
+    buttonIcon?: SVGIcon;
+    /**
+     * Defines the text used in the Toolbar button.
+     */
+    buttonText?: string;
+    /**
+     * Defines custom content for the item. It can be either a name of a named slot or a rendered function.
+     */
+    content?: string | Function | Object;
+}
+/**
+ * @hidden
+ */
+declare const AIPromptHeader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    activeView: PropType<string>;
+    toolbarItems: PropType<AIPromptToolbarItemInterface[]>;
+    onActiveviewchange: PropType<(event: any) => void>;
+}>, {}, {}, {}, {
+    handleClick(viewName: string): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    activeView: PropType<string>;
+    toolbarItems: PropType<AIPromptToolbarItemInterface[]>;
+    onActiveviewchange: PropType<(event: any) => void>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { AIPromptHeader };

package/ai-prompt/views/AIPromptCommandsView.d.ts

@@ -0,0 +1,57 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+import { SVGIcon } from '@progress/kendo-vue-common';
+/**
+ * The props of the AIPromptCommandsView component.
+ */
+export interface AIPromptCommandsViewProps {
+    /**
+     * The collection of commands that will be rendered in the Command view.
+     */
+    commands?: AIPromptCommandInterface[];
+    /**
+     * Fires each time the user clicks over a Command view command. Exposes the selected command as event data.
+     */
+    onCommandexecute?: (command: CommandItemInterface) => void;
+}
+/**
+ * An interface for the Command view command.
+ */
+export interface AIPromptCommandInterface extends CommandItemInterface {
+    /**
+     * Collection with nested commands.
+     */
+    children?: CommandItemInterface[];
+}
+/**
+ * @hidden
+ */
+interface CommandItemInterface {
+    /**
+     * The unique identifier of the command.
+     */
+    id: string;
+    /**
+     * Specifies the command text.
+     */
+    text: string;
+    /**
+     * Specifies the name of the SVG icon that will be rendered for the command.
+     */
+    svgIcon?: SVGIcon;
+}
+/**
+ * @hidden
+ */
+declare const AIPromptCommandsView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    commands: PropType<AIPromptCommandInterface[]>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    commands: PropType<AIPromptCommandInterface[]>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { AIPromptCommandsView };

package/ai-prompt/views/AIPromptOutputView.d.ts

@@ -0,0 +1,105 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { AIPromptOutputInterface } from '../AIPrompt';
+import { PropType } from 'vue';
+/**
+ * The fields of the AIPromptOutputView card prop.
+ */
+export interface AIPromptCardInterface {
+    /**
+     * Custom template for AIPromptCard header.
+     */
+    header?: (props: AIPromptOutputInterface) => any;
+    /**
+     * Custom template for AIPromptCard body.
+     */
+    body?: (props: AIPromptOutputInterface) => any;
+    /**
+     * Custom template for AIPromptCard actions.
+     */
+    actions?: (props: AIPromptOutputInterface) => any;
+}
+/**
+ * The props of the AIPromptOutputView component.
+ */
+export interface AIPromptOutputViewProps {
+    /**
+     * The collection of generated prompt outputs that will be rendered in the Output view.
+     */
+    outputs?: AIPromptOutputInterface[];
+    /**
+     * Represents a template that allows you to define custom Card fields for:
+     * header
+     * body
+     * actions
+     * The custom fields will override the default one.
+     */
+    outputCard?: AIPromptCardInterface;
+    /**
+     * Specifies if the rating buttons in each card will be rendered.
+     * By default, rating buttons are not rendered.
+     *
+     * @default false
+     */
+    showOutputRating?: boolean;
+    /**
+     * Fires each time the user clicks Retry button in the card.
+     */
+    onRetry?: (output: AIPromptOutputInterface) => void;
+    /**
+     * Fires each time the user clicks Copy button in the card.
+     */
+    onCopy?: (content: string) => void;
+    /**
+     * Fires each time the user clicks a rating button in the card.
+     */
+    onRating?: (output: AIPromptOutputInterface, ratingType: AIPromptOutputRating) => void;
+}
+/**
+ * Enum option for the output rating
+ */
+export declare enum AIPromptOutputRating {
+    /**
+     * Positive output rating
+     */
+    positive = "positive",
+    /**
+     * Negative output rating
+     */
+    negative = "negative"
+}
+/**
+ * @hidden
+ */
+declare const AIPromptOutputView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    outputs: PropType<AIPromptOutputInterface[]>;
+    outputCard: PropType<AIPromptCardInterface>;
+    showOutputRating: PropType<boolean>;
+}>, {}, {
+    copiedIndex: number;
+    copyButtonIcon: import('@progress/kendo-svg-icons').SVGIcon;
+    contentRef: any;
+}, {}, {
+    retryPrompt(output: AIPromptOutputInterface): void;
+    copyToClipboard(output: AIPromptOutputInterface, index: number): void;
+    outputRating(output: AIPromptOutputInterface, ratingType: AIPromptOutputRating): void;
+    scrollToTopOutput(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    copy: any;
+    retry: any;
+    rating: any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    outputs: PropType<AIPromptOutputInterface[]>;
+    outputCard: PropType<AIPromptCardInterface>;
+    showOutputRating: PropType<boolean>;
+}>> & Readonly<{
+    onCopy?: (...args: any[] | unknown[]) => any;
+    onRetry?: (...args: any[] | unknown[]) => any;
+    onRating?: (...args: any[] | unknown[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { AIPromptOutputView };

package/ai-prompt/views/AIPromptOutputView.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("../AIPromptContent.js"),c=require("../../messages/main.js"),g=require("./AIPromptViewRender.js"),N=require("./constants.js"),n=require("@progress/kendo-vue-layout"),l=require("@progress/kendo-svg-icons"),s=require("@progress/kendo-vue-buttons"),P=require("@progress/kendo-vue-intl");function b(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}let R=function(t){return t.positive="positive",t.negative="negative",t}({});const v=e.defineComponent({name:"KendoAIPromptOutputView",emits:{copy:null,retry:null,rating:null},props:{outputs:Array,outputCard:Object,showOutputRating:Boolean},inject:{kendoAIPrompt:{default:null},kendoLocalizationService:{default:null}},data(){return{copiedIndex:-1,copyButtonIcon:l.copyIcon,contentRef:null}},methods:{retryPrompt(t){this.$emit("retry",t),this.kendoAIPrompt.onPromptRequest&&this.kendoAIPrompt.onPromptRequest.call(null,t.prompt,{...t,isRetry:!0}),this.scrollToTopOutput()},copyToClipboard(t,r){t!=null&&t.responseContent&&navigator.clipboard.writeText(t.responseContent),this.copiedIndex=r,this.copyButtonIcon=l.checkIcon,this.$emit("copy",t==null?void 0:t.responseContent),setTimeout(()=>{this.copyButtonIcon=l.copyIcon,this.copiedIndex=-1},1e3)},outputRating(t,r){this.$emit("rating",t,r),this.kendoAIPrompt.onPromptRequest&&this.kendoAIPrompt.onPromptRequest.call(null,t.prompt,{...t,ratingType:r,isRetry:!1}),this.scrollToTopOutput()},scrollToTopOutput(){var t,r;(r=(t=this.contentRef)==null?void 0:t.scrollTo)==null||r.call(t,{top:0,behavior:"smooth"})}},render(){let t;const{outputs:r,showOutputRating:k,outputCard:y}=this.$props,f=P.provideLocalizationService(this),{header:u,body:p,actions:m}=y||{},I=e.createVNode(n.Card,null,{default:()=>[e.createVNode(n.CardHeader,null,{default:()=>[e.createVNode(n.CardTitle,null,{default:()=>[e.createVNode("span",{class:"k-skeleton k-skeleton-text k-skeleton-pulse",style:{width:"200px"}},null)]}),e.createVNode(n.CardSubtitle,null,{default:()=>[e.createVNode("span",{class:"k-skeleton k-skeleton-text k-skeleton-pulse",style:{width:"100%"}},null)]})]}),e.createVNode(n.CardBody,null,{default:()=>[e.createVNode("span",{class:"k-skeleton k-skeleton-rect k-skeleton-pulse",style:{height:"80px"}},null)]}),e.createVNode(n.CardActions,null,{default:()=>[e.createVNode("span",{class:"k-skeleton k-skeleton-text k-skeleton-pulse",style:{width:"100%"}},null)]})]}),d=r==null?void 0:r.map((o,a)=>e.createVNode(n.Card,{key:`${o.id}_${a}`,class:o.class},{default:()=>[e.createVNode(n.CardHeader,null,{default:()=>[u?u(o):e.createVNode(e.Fragment,null,[o.title&&e.createVNode(n.CardTitle,null,{default:()=>[o.title]}),o.subTitle&&e.createVNode(n.CardSubtitle,null,{default:()=>[o.subTitle]})])]}),e.createVNode(n.CardBody,null,{default:()=>[p?p(o):o.responseContent]}),e.createVNode(n.CardActions,null,{default:()=>[m?m(o):e.createVNode(e.Fragment,null,[e.createVNode(s.Button,{type:"button",size:"medium",themeColor:"primary",fillMode:"flat",rounded:"medium",title:"Copy",svgIcon:this.copiedIndex===a?this.copyButtonIcon:l.copyIcon,"aria-hidden":"true",onClick:()=>this.copyToClipboard(o,a)},{default:()=>["Copy"]}),e.createVNode(s.Button,{type:"button",size:"medium",themeColor:"base",fillMode:"flat",rounded:"medium",title:"Retry",svgIcon:l.arrowRotateCwIcon,"aria-hidden":"true",onClick:()=>this.retryPrompt(o)},{default:()=>["Retry"]}),k&&e.createVNode(e.Fragment,null,[e.createVNode("span",{class:"k-spacer"},null),e.createVNode(s.Button,{type:"button",size:"medium",themeColor:o.ratingType==="positive"?"primary":"base",fillMode:"flat",rounded:"medium",title:"Rate up",svgIcon:l.thumbUpOutlineIcon,"aria-hidden":"true",onClick:()=>this.outputRating(o,"positive")},null),e.createVNode(s.Button,{type:"button",size:"medium",themeColor:o.ratingType==="negative"?"primary":"base",fillMode:"flat",rounded:"medium",title:"Rate down",svgIcon:l.thumbDownOutlineIcon,"aria-hidden":"true",onClick:()=>this.outputRating(o,"negative")},null)])])]})]})),V=e.createVNode(n.Card,null,{default:()=>[e.createVNode(n.CardBody,null,b(t=f.toLanguageString(c.aIPromptNoOutputs,c.messages[c.aIPromptNoOutputs]))?t:{default:()=>[t]})]});return e.createVNode(g.AIPromptViewRender,{name:N.outputViewDefaults.name},{default:()=>{var o,a;return[e.createVNode(C.AIPromptContent,{ref:i=>this.contentRef=i,streaming:(o=this.kendoAIPrompt)==null?void 0:o.streaming,onCancel:(a=this.kendoAIPrompt)==null?void 0:a.onCancel},{default:()=>{var i,h;return[e.createVNode("div",{class:"k-card-list"},[((i=this.kendoAIPrompt)==null?void 0:i.loading)&&I,d,(!d||d.length===0)&&!((h=this.kendoAIPrompt)!=null&&h.loading)&&V])]}})]}})}});exports.AIPromptOutputRating=R;exports.AIPromptOutputView=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("../AIPromptContent.js"),c=require("../../messages/main.js"),g=require("./AIPromptViewRender.js"),N=require("./constants.js"),n=require("@progress/kendo-vue-layout"),l=require("@progress/kendo-svg-icons"),s=require("@progress/kendo-vue-buttons"),P=require("@progress/kendo-vue-intl");function b(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}let R=(function(t){return t.positive="positive",t.negative="negative",t})({});const v=e.defineComponent({name:"KendoAIPromptOutputView",emits:{copy:null,retry:null,rating:null},props:{outputs:Array,outputCard:Object,showOutputRating:Boolean},inject:{kendoAIPrompt:{default:null},kendoLocalizationService:{default:null}},data(){return{copiedIndex:-1,copyButtonIcon:l.copyIcon,contentRef:null}},methods:{retryPrompt(t){this.$emit("retry",t),this.kendoAIPrompt.onPromptRequest&&this.kendoAIPrompt.onPromptRequest.call(null,t.prompt,{...t,isRetry:!0}),this.scrollToTopOutput()},copyToClipboard(t,r){t!=null&&t.responseContent&&navigator.clipboard.writeText(t.responseContent),this.copiedIndex=r,this.copyButtonIcon=l.checkIcon,this.$emit("copy",t==null?void 0:t.responseContent),setTimeout(()=>{this.copyButtonIcon=l.copyIcon,this.copiedIndex=-1},1e3)},outputRating(t,r){this.$emit("rating",t,r),this.kendoAIPrompt.onPromptRequest&&this.kendoAIPrompt.onPromptRequest.call(null,t.prompt,{...t,ratingType:r,isRetry:!1}),this.scrollToTopOutput()},scrollToTopOutput(){var t,r;(r=(t=this.contentRef)==null?void 0:t.scrollTo)==null||r.call(t,{top:0,behavior:"smooth"})}},render(){let t;const{outputs:r,showOutputRating:k,outputCard:y}=this.$props,f=P.provideLocalizationService(this),{header:u,body:p,actions:m}=y||{},I=e.createVNode(n.Card,null,{default:()=>[e.createVNode(n.CardHeader,null,{default:()=>[e.createVNode(n.CardTitle,null,{default:()=>[e.createVNode("span",{class:"k-skeleton k-skeleton-text k-skeleton-pulse",style:{width:"200px"}},null)]}),e.createVNode(n.CardSubtitle,null,{default:()=>[e.createVNode("span",{class:"k-skeleton k-skeleton-text k-skeleton-pulse",style:{width:"100%"}},null)]})]}),e.createVNode(n.CardBody,null,{default:()=>[e.createVNode("span",{class:"k-skeleton k-skeleton-rect k-skeleton-pulse",style:{height:"80px"}},null)]}),e.createVNode(n.CardActions,null,{default:()=>[e.createVNode("span",{class:"k-skeleton k-skeleton-text k-skeleton-pulse",style:{width:"100%"}},null)]})]}),d=r==null?void 0:r.map((o,a)=>e.createVNode(n.Card,{key:`${o.id}_${a}`,class:o.class},{default:()=>[e.createVNode(n.CardHeader,null,{default:()=>[u?u(o):e.createVNode(e.Fragment,null,[o.title&&e.createVNode(n.CardTitle,null,{default:()=>[o.title]}),o.subTitle&&e.createVNode(n.CardSubtitle,null,{default:()=>[o.subTitle]})])]}),e.createVNode(n.CardBody,null,{default:()=>[p?p(o):o.responseContent]}),e.createVNode(n.CardActions,null,{default:()=>[m?m(o):e.createVNode(e.Fragment,null,[e.createVNode(s.Button,{type:"button",size:"medium",themeColor:"primary",fillMode:"flat",rounded:"medium",title:"Copy",svgIcon:this.copiedIndex===a?this.copyButtonIcon:l.copyIcon,"aria-hidden":"true",onClick:()=>this.copyToClipboard(o,a)},{default:()=>["Copy"]}),e.createVNode(s.Button,{type:"button",size:"medium",themeColor:"base",fillMode:"flat",rounded:"medium",title:"Retry",svgIcon:l.arrowRotateCwIcon,"aria-hidden":"true",onClick:()=>this.retryPrompt(o)},{default:()=>["Retry"]}),k&&e.createVNode(e.Fragment,null,[e.createVNode("span",{class:"k-spacer"},null),e.createVNode(s.Button,{type:"button",size:"medium",themeColor:o.ratingType==="positive"?"primary":"base",fillMode:"flat",rounded:"medium",title:"Rate up",svgIcon:l.thumbUpOutlineIcon,"aria-hidden":"true",onClick:()=>this.outputRating(o,"positive")},null),e.createVNode(s.Button,{type:"button",size:"medium",themeColor:o.ratingType==="negative"?"primary":"base",fillMode:"flat",rounded:"medium",title:"Rate down",svgIcon:l.thumbDownOutlineIcon,"aria-hidden":"true",onClick:()=>this.outputRating(o,"negative")},null)])])]})]})),V=e.createVNode(n.Card,null,{default:()=>[e.createVNode(n.CardBody,null,b(t=f.toLanguageString(c.aIPromptNoOutputs,c.messages[c.aIPromptNoOutputs]))?t:{default:()=>[t]})]});return e.createVNode(g.AIPromptViewRender,{name:N.outputViewDefaults.name},{default:()=>{var o,a;return[e.createVNode(C.AIPromptContent,{ref:i=>this.contentRef=i,streaming:(o=this.kendoAIPrompt)==null?void 0:o.streaming,onCancel:(a=this.kendoAIPrompt)==null?void 0:a.onCancel},{default:()=>{var i,h;return[e.createVNode("div",{class:"k-card-list"},[((i=this.kendoAIPrompt)==null?void 0:i.loading)&&I,d,(!d||d.length===0)&&!((h=this.kendoAIPrompt)!=null&&h.loading)&&V])]}})]}})}});exports.AIPromptOutputRating=R;exports.AIPromptOutputView=v;

package/ai-prompt/views/AIPromptOutputView.mjs

@@ -17,9 +17,9 @@ import { provideLocalizationService as q } from "@progress/kendo-vue-intl";
 function M(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !A(e);
 }
-let G = /* @__PURE__ */ function(e) {
+let G = /* @__PURE__ */ (function(e) {
   return e.positive = "positive", e.negative = "negative", e;
-}({});
+})({});
 const J = /* @__PURE__ */ w({
   name: "KendoAIPromptOutputView",
   emits: {

package/ai-prompt/views/AIPromptView.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+declare const AIPromptView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    promptInput: PropType<any>;
+    generateButton: PropType<any>;
+    promptValue: PropType<string>;
+    promptSuggestions: PropType<string[]>;
+    enableSpeechToText: PropType<boolean | object>;
+}>, {}, {
+    value: string;
+}, {
+    computedValue(): any;
+}, {
+    handleOnRequest(): void;
+    handleSuggestionSelect(suggestion: string): void;
+    onTextChange(event: any): void;
+    onSpeechResult(event: any): void;
+    onSpeechStart(): void;
+    onSpeechEnd(): void;
+    getButtonDisabledState(): boolean;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    promptInput: PropType<any>;
+    generateButton: PropType<any>;
+    promptValue: PropType<string>;
+    promptSuggestions: PropType<string[]>;
+    enableSpeechToText: PropType<boolean | object>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { AIPromptView };

package/ai-prompt/views/AIPromptViewRender.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * The props of the AIPromptViewRender component.
+ */
+export interface AIPromptViewRenderProps {
+    /**
+     * Specifies the name of the view.
+     */
+    name: string;
+}
+/**
+ * @hidden
+ */
+declare const AIPromptViewRender: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: PropType<string>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: PropType<string>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { AIPromptViewRender };

package/ai-prompt/views/constants.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { AIPromptToolbarItemInterface } from '../AIPromptHeader';
+/**
+ * Specifies the default values for Output view Toolbar.
+ */
+export declare const outputViewDefaults: AIPromptToolbarItemInterface;
+/**
+ * Specifies the default values for Commands view Toolbar.
+ */
+export declare const commandsViewDefaults: AIPromptToolbarItemInterface;
+/**
+ * Specifies the default values for Prompt view Toolbar.
+ */
+export declare const promptViewDefaults: AIPromptToolbarItemInterface;

package/ai-prompt/views/constants.mjs

@@ -5,14 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { commentIcon as t, moreHorizontalIcon as o, sparklesIcon as n } from "@progress/kendo-svg-icons";
+import { moreHorizontalIcon as t, commentIcon as o, sparklesIcon as n } from "@progress/kendo-svg-icons";
 const m = {
   name: "Output view",
   buttonText: "Output",
-  buttonIcon: t
+  buttonIcon: o
 }, u = {
   name: "Commands view",
-  buttonIcon: o
+  buttonIcon: t
 }, c = {
   name: "Prompt view",
   buttonText: "Ask AI",

package/chat/components/SuggestionGroup.d.ts

@@ -0,0 +1,67 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * Represents the rendering options for suggestions in the AI Prompt component.
+ * 'suggestionsView' can be either 'classic' or 'modern'.
+ * - 'classic': Uses a rectangular styling for suggestions.
+ * - 'modern': Uses a chip-like styling for suggestions.
+ */
+export type SuggestionsView = 'classic' | 'modern';
+/**
+ * Represents the structure of a chat suggestion item that can be displayed above the message input.
+ * @hidden
+ * @interface ChatSuggestion
+ */
+export interface ChatSuggestion {
+    id: string | number;
+    text: string;
+    description?: string;
+    disabled?: boolean;
+    suggestionsView?: SuggestionsView;
+}
+interface SuggestionGroupProps {
+    suggestions: ChatSuggestion[];
+    onSuggestionClick: (event: MouseEvent, suggestion: ChatSuggestion) => void;
+}
+/**
+ * @hidden
+ */
+declare const SuggestionGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    suggestions: {
+        type: PropType<ChatSuggestion[]>;
+        required: true;
+    };
+    onSuggestionClick: {
+        type: PropType<(event: MouseEvent, suggestion: ChatSuggestion) => void>;
+        required: true;
+    };
+    suggestionsView: {
+        type: PropType<SuggestionsView>;
+        default: string;
+    };
+}>, {}, {}, {}, {
+    handleSuggestionClick(event: MouseEvent, suggestion: ChatSuggestion): void;
+    handleKeyDown(event: KeyboardEvent, suggestion: ChatSuggestion): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    suggestions: {
+        type: PropType<ChatSuggestion[]>;
+        required: true;
+    };
+    onSuggestionClick: {
+        type: PropType<(event: MouseEvent, suggestion: ChatSuggestion) => void>;
+        required: true;
+    };
+    suggestionsView: {
+        type: PropType<SuggestionsView>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    suggestionsView: SuggestionsView;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { SuggestionGroup, type SuggestionGroupProps };