@gravity-ui/aikit 1.15.1 → 1.15.2-beta.12d894e43bcc0b7b911e62db16634e4e418ff48a.0

package/build/cjs/components/organisms/ThinkingMessage/index.d.ts

@@ -1,3 +1,4 @@
+import { OptionsType } from '@diplodoc/transform/lib/typings';
 import { DOMProps, QAProps } from '@gravity-ui/uikit';
 import type { ThinkingMessageContentData } from "../../../types/messages.js";
 import "./ThinkingMessage.css";
@@ -5,7 +6,18 @@ import "./ThinkingMessage.css";
  * Props for the ThinkingMessage component.
  * Combines DOM props, QA props, and thinking message data.
  */
-export type ThinkingMessageProps = DOMProps & QAProps & ThinkingMessageContentData;
+export type ThinkingMessageProps = DOMProps & QAProps & ThinkingMessageContentData & {
+    /**
+     * How thinking content strings are rendered.
+     * @default 'plain'
+     */
+    format?: 'plain' | 'markdown';
+    /**
+     * Options for @diplodoc/transform when `format` is `'markdown'`.
+     * Shallow-merged with the component defaults (`disableCommonAnchors: true`).
+     */
+    transformOptions?: OptionsType;
+};
 /**
  * ThinkingMessage component displays AI model's internal reasoning process.
  * Shows a collapsible block with thinking content and a copy button.

package/build/cjs/components/organisms/ThinkingMessage/index.js

@@ -9,9 +9,13 @@ const uikit_1 = require("@gravity-ui/uikit");
 const cn_1 = require("../../../utils/cn.js");
 const ActionButton_1 = require("../../atoms/ActionButton/index.js");
 const Loader_1 = require("../../atoms/Loader/index.js");
+const MarkdownRenderer_1 = require("../../atoms/MarkdownRenderer/index.js");
 const useThinkingMessage_1 = require("./useThinkingMessage.js");
 require("./ThinkingMessage.css");
 const b = (0, cn_1.block)('thinking-message');
+const defaultTransformOptions = {
+    disableCommonAnchors: true,
+};
 /**
  * ThinkingMessage component displays AI model's internal reasoning process.
  * Shows a collapsible block with thinking content and a copy button.
@@ -21,9 +25,10 @@ const b = (0, cn_1.block)('thinking-message');
  * @returns Rendered thinking message component
  */
 const ThinkingMessage = (props) => {
-    const { className, qa, style } = props, data = tslib_1.__rest(props, ["className", "qa", "style"]);
+    const { className, qa, style, format = 'plain', transformOptions } = props, data = tslib_1.__rest(props, ["className", "qa", "style", "format", "transformOptions"]);
+    const markdownTransformOptions = Object.assign(Object.assign({}, defaultTransformOptions), transformOptions);
     const { isExpanded, toggleExpanded, buttonTitle, content, showLoader, handleCopy, showCopyButton, } = (0, useThinkingMessage_1.useThinkingMessage)(data);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), "data-qa": qa, style: style, children: [(0, jsx_runtime_1.jsxs)("div", { className: b('buttons'), children: [(0, jsx_runtime_1.jsxs)(uikit_1.Button, { size: "s", onClick: toggleExpanded, children: [buttonTitle, (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: isExpanded ? icons_1.ChevronUp : icons_1.ChevronDown })] }), showLoader ? ((0, jsx_runtime_1.jsx)(Loader_1.Loader, { view: "loading", size: "xs" })) : (showCopyButton && ((0, jsx_runtime_1.jsx)(ActionButton_1.ActionButton, { size: "s", onClick: handleCopy, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Copy, size: 16 }) })))] }), isExpanded && ((0, jsx_runtime_1.jsx)("div", { className: b('container'), children: content.map((item, index) => ((0, jsx_runtime_1.jsx)(uikit_1.Text, { className: b('content'), children: item }, index))) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), "data-qa": qa, style: style, children: [(0, jsx_runtime_1.jsxs)("div", { className: b('buttons'), children: [(0, jsx_runtime_1.jsxs)(uikit_1.Button, { size: "s", onClick: toggleExpanded, children: [buttonTitle, (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: isExpanded ? icons_1.ChevronUp : icons_1.ChevronDown })] }), showLoader ? ((0, jsx_runtime_1.jsx)(Loader_1.Loader, { view: "loading", size: "xs" })) : (showCopyButton && ((0, jsx_runtime_1.jsx)(ActionButton_1.ActionButton, { size: "s", onClick: handleCopy, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Copy, size: 16 }) })))] }), isExpanded && ((0, jsx_runtime_1.jsx)("div", { className: b('container'), children: content.map((item, index) => format === 'markdown' ? ((0, jsx_runtime_1.jsx)(MarkdownRenderer_1.MarkdownRenderer, { className: b('content'), content: item, transformOptions: markdownTransformOptions }, index)) : ((0, jsx_runtime_1.jsx)(uikit_1.Text, { className: b('content'), children: item }, index))) }))] }));
 };
 exports.ThinkingMessage = ThinkingMessage;
 //# sourceMappingURL=index.js.map

package/build/cjs/components/organisms/ThinkingMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/organisms/ThinkingMessage/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;AAEb,6CAA+D;AAC/D,6CAAwE;AAGxE,6CAAwC;AACxC,oEAAsD;AACtD,wDAA0C;AAE1C,gEAAwD;AAExD,iCAAgC;AAEhC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,kBAAkB,CAAC,CAAC;AAQpC;;;;;;;GAOG;AACI,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC3D,MAAM,EAAC,SAAS,EAAE,EAAE,EAAE,KAAK,KAAa,KAAK,EAAb,IAAI,kBAAI,KAAK,EAAvC,4BAA+B,CAAQ,CAAC;IAE9C,MAAM,EACF,UAAU,EACV,cAAc,EACd,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,cAAc,GACjB,GAAG,IAAA,uCAAkB,EAAC,IAAI,CAAC,CAAC;IAE7B,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAAW,EAAE,EAAE,KAAK,EAAE,KAAK,aACzD,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,wBAAC,cAAM,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,cAAc,aACnC,WAAW,EACZ,uBAAC,YAAI,IAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,iBAAS,CAAC,CAAC,CAAC,mBAAW,GAAI,IAC/C,EACR,UAAU,CAAC,CAAC,CAAC,CACV,uBAAC,eAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,GAAG,CACtC,CAAC,CAAC,CAAC,CACA,cAAc,IAAI,CACd,uBAAC,2BAAY,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,UAAU,YACtC,uBAAC,YAAI,IAAC,IAAI,EAAE,YAAI,EAAE,IAAI,EAAE,EAAE,GAAI,GACnB,CAClB,CACJ,IACC,EACL,UAAU,IAAI,CACX,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YACzB,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACxB,IAAI,IAD2B,KAAK,CAElC,CACV,CAAC,GACA,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAzCW,QAAA,eAAe,mBAyC1B","sourcesContent":["'use client';\n\nimport {ChevronDown, ChevronUp, Copy} from '@gravity-ui/icons';\nimport {Button, DOMProps, Icon, QAProps, Text} from '@gravity-ui/uikit';\n\nimport type {ThinkingMessageContentData} from '../../../types/messages';\nimport {block} from '../../../utils/cn';\nimport {ActionButton} from '../../atoms/ActionButton';\nimport {Loader} from '../../atoms/Loader';\n\nimport {useThinkingMessage} from './useThinkingMessage';\n\nimport './ThinkingMessage.scss';\n\nconst b = block('thinking-message');\n\n/**\n * Props for the ThinkingMessage component.\n * Combines DOM props, QA props, and thinking message data.\n */\nexport type ThinkingMessageProps = DOMProps & QAProps & ThinkingMessageContentData;\n\n/**\n * ThinkingMessage component displays AI model's internal reasoning process.\n * Shows a collapsible block with thinking content and a copy button.\n * Displays a loader when the thinking process is still in progress.\n *\n * @param props - Component props\n * @returns Rendered thinking message component\n */\nexport const ThinkingMessage = (props: ThinkingMessageProps) => {\n    const {className, qa, style, ...data} = props;\n\n    const {\n        isExpanded,\n        toggleExpanded,\n        buttonTitle,\n        content,\n        showLoader,\n        handleCopy,\n        showCopyButton,\n    } = useThinkingMessage(data);\n\n    return (\n        <div className={b(null, className)} data-qa={qa} style={style}>\n            <div className={b('buttons')}>\n                <Button size=\"s\" onClick={toggleExpanded}>\n                    {buttonTitle}\n                    <Icon data={isExpanded ? ChevronUp : ChevronDown} />\n                </Button>\n                {showLoader ? (\n                    <Loader view=\"loading\" size=\"xs\" />\n                ) : (\n                    showCopyButton && (\n                        <ActionButton size=\"s\" onClick={handleCopy}>\n                            <Icon data={Copy} size={16} />\n                        </ActionButton>\n                    )\n                )}\n            </div>\n            {isExpanded && (\n                <div className={b('container')}>\n                    {content.map((item, index) => (\n                        <Text className={b('content')} key={index}>\n                            {item}\n                        </Text>\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/organisms/ThinkingMessage/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;AAGb,6CAA+D;AAC/D,6CAAwE;AAGxE,6CAAwC;AACxC,oEAAsD;AACtD,wDAA0C;AAC1C,4EAA8D;AAE9D,gEAAwD;AAExD,iCAAgC;AAEhC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,kBAAkB,CAAC,CAAC;AAqBpC,MAAM,uBAAuB,GAAgB;IACzC,oBAAoB,EAAE,IAAI;CAC7B,CAAC;AAEF;;;;;;;GAOG;AACI,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC3D,MAAM,EAAC,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,gBAAgB,KAAa,KAAK,EAAb,IAAI,kBAAI,KAAK,EAA3E,0DAAmE,CAAQ,CAAC;IAElF,MAAM,wBAAwB,mCACvB,uBAAuB,GACvB,gBAAgB,CACtB,CAAC;IAEF,MAAM,EACF,UAAU,EACV,cAAc,EACd,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,cAAc,GACjB,GAAG,IAAA,uCAAkB,EAAC,IAAI,CAAC,CAAC;IAE7B,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAAW,EAAE,EAAE,KAAK,EAAE,KAAK,aACzD,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,wBAAC,cAAM,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,cAAc,aACnC,WAAW,EACZ,uBAAC,YAAI,IAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,iBAAS,CAAC,CAAC,CAAC,mBAAW,GAAI,IAC/C,EACR,UAAU,CAAC,CAAC,CAAC,CACV,uBAAC,eAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,GAAG,CACtC,CAAC,CAAC,CAAC,CACA,cAAc,IAAI,CACd,uBAAC,2BAAY,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,UAAU,YACtC,uBAAC,YAAI,IAAC,IAAI,EAAE,YAAI,EAAE,IAAI,EAAE,EAAE,GAAI,GACnB,CAClB,CACJ,IACC,EACL,UAAU,IAAI,CACX,gCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YACzB,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACzB,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CACpB,uBAAC,mCAAgB,IACb,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAEvB,OAAO,EAAE,IAAI,EACb,gBAAgB,EAAE,wBAAwB,IAFrC,KAAK,CAGZ,CACL,CAAC,CAAC,CAAC,CACA,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACxB,IAAI,IAD2B,KAAK,CAElC,CACV,CACJ,GACC,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAvDW,QAAA,eAAe,mBAuD1B","sourcesContent":["'use client';\n\nimport {OptionsType} from '@diplodoc/transform/lib/typings';\nimport {ChevronDown, ChevronUp, Copy} from '@gravity-ui/icons';\nimport {Button, DOMProps, Icon, QAProps, Text} from '@gravity-ui/uikit';\n\nimport type {ThinkingMessageContentData} from '../../../types/messages';\nimport {block} from '../../../utils/cn';\nimport {ActionButton} from '../../atoms/ActionButton';\nimport {Loader} from '../../atoms/Loader';\nimport {MarkdownRenderer} from '../../atoms/MarkdownRenderer';\n\nimport {useThinkingMessage} from './useThinkingMessage';\n\nimport './ThinkingMessage.scss';\n\nconst b = block('thinking-message');\n\n/**\n * Props for the ThinkingMessage component.\n * Combines DOM props, QA props, and thinking message data.\n */\nexport type ThinkingMessageProps = DOMProps &\n    QAProps &\n    ThinkingMessageContentData & {\n        /**\n         * How thinking content strings are rendered.\n         * @default 'plain'\n         */\n        format?: 'plain' | 'markdown';\n        /**\n         * Options for @diplodoc/transform when `format` is `'markdown'`.\n         * Shallow-merged with the component defaults (`disableCommonAnchors: true`).\n         */\n        transformOptions?: OptionsType;\n    };\n\nconst defaultTransformOptions: OptionsType = {\n    disableCommonAnchors: true,\n};\n\n/**\n * ThinkingMessage component displays AI model's internal reasoning process.\n * Shows a collapsible block with thinking content and a copy button.\n * Displays a loader when the thinking process is still in progress.\n *\n * @param props - Component props\n * @returns Rendered thinking message component\n */\nexport const ThinkingMessage = (props: ThinkingMessageProps) => {\n    const {className, qa, style, format = 'plain', transformOptions, ...data} = props;\n\n    const markdownTransformOptions: OptionsType = {\n        ...defaultTransformOptions,\n        ...transformOptions,\n    };\n\n    const {\n        isExpanded,\n        toggleExpanded,\n        buttonTitle,\n        content,\n        showLoader,\n        handleCopy,\n        showCopyButton,\n    } = useThinkingMessage(data);\n\n    return (\n        <div className={b(null, className)} data-qa={qa} style={style}>\n            <div className={b('buttons')}>\n                <Button size=\"s\" onClick={toggleExpanded}>\n                    {buttonTitle}\n                    <Icon data={isExpanded ? ChevronUp : ChevronDown} />\n                </Button>\n                {showLoader ? (\n                    <Loader view=\"loading\" size=\"xs\" />\n                ) : (\n                    showCopyButton && (\n                        <ActionButton size=\"s\" onClick={handleCopy}>\n                            <Icon data={Copy} size={16} />\n                        </ActionButton>\n                    )\n                )}\n            </div>\n            {isExpanded && (\n                <div className={b('container')}>\n                    {content.map((item, index) =>\n                        format === 'markdown' ? (\n                            <MarkdownRenderer\n                                className={b('content')}\n                                key={index}\n                                content={item}\n                                transformOptions={markdownTransformOptions}\n                            />\n                        ) : (\n                            <Text className={b('content')} key={index}>\n                                {item}\n                            </Text>\n                        ),\n                    )}\n                </div>\n            )}\n        </div>\n    );\n};\n"]}

package/build/cjs/components/pages/AIStudioChat/AIStudioChat.d.ts

@@ -0,0 +1,11 @@
+import type { AIStudioChatProps } from "./types.js";
+/**
+ * AIStudioChat - a ready-to-use chat component with built-in OpenAI streaming support.
+ *
+ * Wraps ChatContainer and handles all state internally: streaming, message history,
+ * multi-chat management, and cancellation. Requires only an `apiUrl` to start working.
+ *
+ * @param props - component props
+ * @returns React component
+ */
+export declare function AIStudioChat(props: AIStudioChatProps): import("react/jsx-runtime").JSX.Element;

package/build/cjs/components/pages/AIStudioChat/AIStudioChat.js

@@ -0,0 +1,216 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AIStudioChat = AIStudioChat;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const openai_1 = require("../../../adapters/openai/index.js");
+const ChatContainer_1 = require("../ChatContainer/index.js");
+/**
+ * Extracts plain text content from any TChatMessage variant.
+ */
+function getMessageTextContent(message) {
+    var _a;
+    if (message.role === 'user') {
+        return typeof message.content === 'string' ? message.content : '';
+    }
+    const { content } = message;
+    if (typeof content === 'string') {
+        return content;
+    }
+    if (Array.isArray(content)) {
+        return content
+            .map((item) => {
+            var _a;
+            if (typeof item === 'string')
+                return item;
+            if (item.type === 'text' && ((_a = item.data) === null || _a === void 0 ? void 0 : _a.text))
+                return item.data.text;
+            return '';
+        })
+            .join('\n');
+    }
+    if (content && typeof content === 'object' && 'type' in content) {
+        if (content.type === 'text' && ((_a = content.data) === null || _a === void 0 ? void 0 : _a.text)) {
+            return content.data.text;
+        }
+    }
+    return '';
+}
+/**
+ * Derives a human-readable chat name from the first user message.
+ */
+function deriveChatName(content) {
+    const trimmed = content.trim();
+    return trimmed.length > 40 ? `${trimmed.slice(0, 40)}...` : trimmed || 'New chat';
+}
+/**
+ * AIStudioChat - a ready-to-use chat component with built-in OpenAI streaming support.
+ *
+ * Wraps ChatContainer and handles all state internally: streaming, message history,
+ * multi-chat management, and cancellation. Requires only an `apiUrl` to start working.
+ *
+ * @param props - component props
+ * @returns React component
+ */
+function AIStudioChat(props) {
+    var _a, _b;
+    const { apiUrl, initialMessages = [], showHistory = false, showNewChat = showHistory, systemPrompt, requestInit } = props, chatContainerProps = tslib_1.__rest(props, ["apiUrl", "initialMessages", "showHistory", "showNewChat", "systemPrompt", "requestInit"]);
+    // Current chat messages
+    const [messages, setMessages] = (0, react_1.useState)(initialMessages);
+    // Multi-chat state (used when showHistory=true)
+    const [chats, setChats] = (0, react_1.useState)([]);
+    const [activeChat, setActiveChat] = (0, react_1.useState)(null);
+    // Per-chat message store (ref to avoid unnecessary re-renders on switch)
+    const chatMessagesRef = (0, react_1.useRef)({});
+    // Always-current reference to activeChat for use inside async callbacks
+    const activeChatRef = (0, react_1.useRef)(null);
+    activeChatRef.current = activeChat;
+    // Streaming state
+    const [controller, setController] = (0, react_1.useState)(null);
+    const [isFetching, setIsFetching] = (0, react_1.useState)(false);
+    const [streamResponse, setStreamResponse] = (0, react_1.useState)(null);
+    const [streamOptions, setStreamOptions] = (0, react_1.useState)(null);
+    const handleStreamEnd = (0, react_1.useCallback)((finalMessages) => {
+        const committed = finalMessages.filter((msg) => msg.role !== 'assistant' || getMessageTextContent(msg) !== '');
+        setMessages(committed);
+        setStreamResponse(null);
+        setStreamOptions(null);
+        // Persist messages and update the last message preview in history
+        const chat = activeChatRef.current;
+        if (chat) {
+            chatMessagesRef.current[chat.id] = committed;
+            const lastMsg = committed[committed.length - 1];
+            if (lastMsg) {
+                setChats((prev) => prev.map((c) => c.id === chat.id ? Object.assign(Object.assign({}, c), { lastMessage: getMessageTextContent(lastMsg) }) : c));
+            }
+        }
+    }, []);
+    const streamResult = (0, openai_1.useOpenAIStreamAdapter)(streamResponse, {
+        initialMessages: (_a = streamOptions === null || streamOptions === void 0 ? void 0 : streamOptions.initialMessages) !== null && _a !== void 0 ? _a : [],
+        assistantMessageId: (_b = streamOptions === null || streamOptions === void 0 ? void 0 : streamOptions.assistantMessageId) !== null && _b !== void 0 ? _b : 'assistant-idle',
+        onStreamEnd: handleStreamEnd,
+    });
+    const hasResponse = Boolean(streamResponse);
+    const displayMessages = hasResponse && streamResult.messages.length > 0 ? streamResult.messages : messages;
+    const status = (0, react_1.useMemo)(() => {
+        if (!hasResponse) {
+            return isFetching ? 'submitted' : 'ready';
+        }
+        if (streamResult.status === 'streaming')
+            return 'streaming';
+        if (streamResult.status === 'error')
+            return 'error';
+        return 'ready';
+    }, [hasResponse, isFetching, streamResult.status]);
+    const handleSendMessage = (0, react_1.useCallback)(async (data) => {
+        // Auto-create a chat when history is enabled and no chat is active yet
+        if (showHistory && !activeChatRef.current) {
+            const newChat = {
+                id: Date.now().toString(),
+                name: deriveChatName(data.content),
+                createTime: new Date().toISOString(),
+            };
+            chatMessagesRef.current[newChat.id] = [];
+            activeChatRef.current = newChat;
+            setActiveChat(newChat);
+            setChats((prev) => [newChat, ...prev]);
+        }
+        const userMessage = {
+            id: Date.now().toString(),
+            role: 'user',
+            content: data.content,
+        };
+        const messagesWithUser = [...messages, userMessage];
+        const assistantMessageId = (Date.now() + 1).toString();
+        setMessages(messagesWithUser);
+        setIsFetching(true);
+        const abortController = new AbortController();
+        setController(abortController);
+        try {
+            const apiMessages = [
+                ...(systemPrompt ? [{ role: 'system', content: systemPrompt }] : []),
+                ...messages
+                    .filter((msg) => msg.role !== 'assistant' || getMessageTextContent(msg) !== '')
+                    .map((msg) => ({
+                    role: msg.role,
+                    content: getMessageTextContent(msg),
+                })),
+                { role: 'user', content: data.content },
+            ];
+            const response = await fetch(apiUrl, Object.assign(Object.assign({}, requestInit), { method: 'POST', headers: Object.assign({ 'Content-Type': 'application/json', Accept: 'text/event-stream' }, requestInit === null || requestInit === void 0 ? void 0 : requestInit.headers), body: JSON.stringify({ messages: apiMessages }), signal: abortController.signal }));
+            if (!response.ok) {
+                throw new Error(`API error: ${response.status} ${response.statusText}`);
+            }
+            setStreamResponse(response);
+            setStreamOptions({ initialMessages: messagesWithUser, assistantMessageId });
+        }
+        catch (error) {
+            if (error.name !== 'AbortError') {
+                const errorMessage = {
+                    id: (Date.now() + 2).toString(),
+                    role: 'assistant',
+                    content: error.message,
+                };
+                setMessages((prev) => {
+                    const filtered = prev.filter((msg) => msg.role !== 'assistant' || getMessageTextContent(msg) !== '');
+                    return [...filtered, errorMessage];
+                });
+            }
+            setStreamResponse(null);
+            setStreamOptions(null);
+        }
+        finally {
+            setIsFetching(false);
+            setController(null);
+        }
+    }, [messages, apiUrl, systemPrompt, requestInit, showHistory]);
+    const handleCancel = (0, react_1.useCallback)(async () => {
+        controller === null || controller === void 0 ? void 0 : controller.abort();
+        setStreamResponse(null);
+        setStreamOptions(null);
+    }, [controller]);
+    const handleRetry = (0, react_1.useCallback)(async () => {
+        const lastUserMsg = [...messages].reverse().find((m) => m.role === 'user');
+        if (!lastUserMsg)
+            return;
+        const lastUserIndex = messages.lastIndexOf(lastUserMsg);
+        setMessages(messages.slice(0, lastUserIndex));
+        await handleSendMessage({ content: lastUserMsg.content });
+    }, [messages, handleSendMessage]);
+    const handleCreateChat = (0, react_1.useCallback)(() => {
+        const current = activeChatRef.current;
+        if (current) {
+            chatMessagesRef.current[current.id] = messages;
+        }
+        const newChat = {
+            id: Date.now().toString(),
+            name: 'New chat',
+            createTime: new Date().toISOString(),
+        };
+        chatMessagesRef.current[newChat.id] = [];
+        setChats((prev) => [newChat, ...prev]);
+        setActiveChat(newChat);
+        setMessages([]);
+    }, [messages]);
+    const handleSelectChat = (0, react_1.useCallback)((chat) => {
+        var _a;
+        const current = activeChatRef.current;
+        if (current) {
+            chatMessagesRef.current[current.id] = messages;
+        }
+        setActiveChat(chat);
+        setMessages((_a = chatMessagesRef.current[chat.id]) !== null && _a !== void 0 ? _a : []);
+    }, [messages]);
+    const handleDeleteChat = (0, react_1.useCallback)((chat) => {
+        var _a;
+        delete chatMessagesRef.current[chat.id];
+        setChats((prev) => prev.filter((c) => c.id !== chat.id));
+        if (((_a = activeChatRef.current) === null || _a === void 0 ? void 0 : _a.id) === chat.id) {
+            setActiveChat(null);
+            setMessages([]);
+        }
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(ChatContainer_1.ChatContainer, Object.assign({}, chatContainerProps, { messages: displayMessages, status: status, error: streamResult.error, onSendMessage: handleSendMessage, onCancel: handleCancel, onRetry: handleRetry, chats: showHistory ? chats : undefined, activeChat: showHistory ? activeChat : undefined, onSelectChat: showHistory ? handleSelectChat : undefined, onCreateChat: showHistory ? handleCreateChat : undefined, onDeleteChat: showHistory ? handleDeleteChat : undefined, showHistory: showHistory, showNewChat: showNewChat })));
+}
+//# sourceMappingURL=AIStudioChat.js.map

package/build/cjs/components/pages/AIStudioChat/AIStudioChat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIStudioChat.js","sourceRoot":"../../../../../src","sources":["components/pages/AIStudioChat/AIStudioChat.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useMemo, useRef, useState} from 'react';\n\nimport {useOpenAIStreamAdapter} from '../../../adapters/openai';\nimport type {\n    ChatStatus,\n    ChatType,\n    TAssistantMessage,\n    TChatMessage,\n    TSubmitData,\n    TUserMessage,\n} from '../../../types';\nimport {ChatContainer} from '../ChatContainer';\n\nimport type {AIStudioChatProps} from './types';\n\ntype ApiMessage = {\n    role: 'user' | 'assistant' | 'system';\n    content: string;\n};\n\ntype StreamOptions = {\n    initialMessages: TChatMessage[];\n    assistantMessageId: string;\n};\n\n/**\n * Extracts plain text content from any TChatMessage variant.\n */\nfunction getMessageTextContent(message: TChatMessage): string {\n    if (message.role === 'user') {\n        return typeof message.content === 'string' ? message.content : '';\n    }\n\n    const {content} = message as TAssistantMessage;\n\n    if (typeof content === 'string') {\n        return content;\n    }\n\n    if (Array.isArray(content)) {\n        return content\n            .map((item) => {\n                if (typeof item === 'string') return item;\n                if (item.type === 'text' && item.data?.text) return item.data.text;\n                return '';\n            })\n            .join('\\n');\n    }\n\n    if (content && typeof content === 'object' && 'type' in content) {\n        if (content.type === 'text' && content.data?.text) {\n            return content.data.text;\n        }\n    }\n\n    return '';\n}\n\n/**\n * Derives a human-readable chat name from the first user message.\n */\nfunction deriveChatName(content: string): string {\n    const trimmed = content.trim();\n    return trimmed.length > 40 ? `${trimmed.slice(0, 40)}...` : trimmed || 'New chat';\n}\n\n/**\n * AIStudioChat - a ready-to-use chat component with built-in OpenAI streaming support.\n *\n * Wraps ChatContainer and handles all state internally: streaming, message history,\n * multi-chat management, and cancellation. Requires only an `apiUrl` to start working.\n *\n * @param props - component props\n * @returns React component\n */\nexport function AIStudioChat(props: AIStudioChatProps) {\n    const {\n        apiUrl,\n        initialMessages = [],\n        showHistory = false,\n        showNewChat = showHistory,\n        systemPrompt,\n        requestInit,\n        ...chatContainerProps\n    } = props;\n\n    // Current chat messages\n    const [messages, setMessages] = useState<TChatMessage[]>(initialMessages);\n\n    // Multi-chat state (used when showHistory=true)\n    const [chats, setChats] = useState<ChatType[]>([]);\n    const [activeChat, setActiveChat] = useState<ChatType | null>(null);\n\n    // Per-chat message store (ref to avoid unnecessary re-renders on switch)\n    const chatMessagesRef = useRef<Record<string, TChatMessage[]>>({});\n\n    // Always-current reference to activeChat for use inside async callbacks\n    const activeChatRef = useRef<ChatType | null>(null);\n    activeChatRef.current = activeChat;\n\n    // Streaming state\n    const [controller, setController] = useState<AbortController | null>(null);\n    const [isFetching, setIsFetching] = useState(false);\n    const [streamResponse, setStreamResponse] = useState<Response | null>(null);\n    const [streamOptions, setStreamOptions] = useState<StreamOptions | null>(null);\n\n    const handleStreamEnd = useCallback((finalMessages: TChatMessage[]) => {\n        const committed = finalMessages.filter(\n            (msg) => msg.role !== 'assistant' || getMessageTextContent(msg) !== '',\n        );\n\n        setMessages(committed);\n        setStreamResponse(null);\n        setStreamOptions(null);\n\n        // Persist messages and update the last message preview in history\n        const chat = activeChatRef.current;\n        if (chat) {\n            chatMessagesRef.current[chat.id] = committed;\n\n            const lastMsg = committed[committed.length - 1];\n            if (lastMsg) {\n                setChats((prev) =>\n                    prev.map((c) =>\n                        c.id === chat.id ? {...c, lastMessage: getMessageTextContent(lastMsg)} : c,\n                    ),\n                );\n            }\n        }\n    }, []);\n\n    const streamResult = useOpenAIStreamAdapter(streamResponse, {\n        initialMessages: streamOptions?.initialMessages ?? [],\n        assistantMessageId: streamOptions?.assistantMessageId ?? 'assistant-idle',\n        onStreamEnd: handleStreamEnd,\n    });\n\n    const hasResponse = Boolean(streamResponse);\n\n    const displayMessages =\n        hasResponse && streamResult.messages.length > 0 ? streamResult.messages : messages;\n\n    const status = useMemo((): ChatStatus => {\n        if (!hasResponse) {\n            return isFetching ? 'submitted' : 'ready';\n        }\n        if (streamResult.status === 'streaming') return 'streaming';\n        if (streamResult.status === 'error') return 'error';\n        return 'ready';\n    }, [hasResponse, isFetching, streamResult.status]);\n\n    const handleSendMessage = useCallback(\n        async (data: TSubmitData) => {\n            // Auto-create a chat when history is enabled and no chat is active yet\n            if (showHistory && !activeChatRef.current) {\n                const newChat: ChatType = {\n                    id: Date.now().toString(),\n                    name: deriveChatName(data.content),\n                    createTime: new Date().toISOString(),\n                };\n                chatMessagesRef.current[newChat.id] = [];\n                activeChatRef.current = newChat;\n                setActiveChat(newChat);\n                setChats((prev) => [newChat, ...prev]);\n            }\n\n            const userMessage: TUserMessage = {\n                id: Date.now().toString(),\n                role: 'user',\n                content: data.content,\n            };\n            const messagesWithUser: TChatMessage[] = [...messages, userMessage];\n            const assistantMessageId = (Date.now() + 1).toString();\n\n            setMessages(messagesWithUser);\n            setIsFetching(true);\n\n            const abortController = new AbortController();\n            setController(abortController);\n\n            try {\n                const apiMessages: ApiMessage[] = [\n                    ...(systemPrompt ? [{role: 'system' as const, content: systemPrompt}] : []),\n                    ...messages\n                        .filter(\n                            (msg) => msg.role !== 'assistant' || getMessageTextContent(msg) !== '',\n                        )\n                        .map((msg) => ({\n                            role: msg.role as 'user' | 'assistant',\n                            content: getMessageTextContent(msg),\n                        })),\n                    {role: 'user' as const, content: data.content},\n                ];\n\n                const response = await fetch(apiUrl, {\n                    ...requestInit,\n                    method: 'POST',\n                    headers: {\n                        'Content-Type': 'application/json',\n                        Accept: 'text/event-stream',\n                        ...requestInit?.headers,\n                    },\n                    body: JSON.stringify({messages: apiMessages}),\n                    signal: abortController.signal,\n                });\n\n                if (!response.ok) {\n                    throw new Error(`API error: ${response.status} ${response.statusText}`);\n                }\n\n                setStreamResponse(response);\n                setStreamOptions({initialMessages: messagesWithUser, assistantMessageId});\n            } catch (error) {\n                if ((error as Error).name !== 'AbortError') {\n                    const errorMessage: TAssistantMessage = {\n                        id: (Date.now() + 2).toString(),\n                        role: 'assistant',\n                        content: (error as Error).message,\n                    };\n                    setMessages((prev) => {\n                        const filtered = prev.filter(\n                            (msg) => msg.role !== 'assistant' || getMessageTextContent(msg) !== '',\n                        );\n                        return [...filtered, errorMessage];\n                    });\n                }\n                setStreamResponse(null);\n                setStreamOptions(null);\n            } finally {\n                setIsFetching(false);\n                setController(null);\n            }\n        },\n        [messages, apiUrl, systemPrompt, requestInit, showHistory],\n    );\n\n    const handleCancel = useCallback(async () => {\n        controller?.abort();\n        setStreamResponse(null);\n        setStreamOptions(null);\n    }, [controller]);\n\n    const handleRetry = useCallback(async () => {\n        const lastUserMsg = [...messages].reverse().find((m) => m.role === 'user');\n        if (!lastUserMsg) return;\n\n        const lastUserIndex = messages.lastIndexOf(lastUserMsg);\n        setMessages(messages.slice(0, lastUserIndex));\n\n        await handleSendMessage({content: lastUserMsg.content as string});\n    }, [messages, handleSendMessage]);\n\n    const handleCreateChat = useCallback(() => {\n        const current = activeChatRef.current;\n        if (current) {\n            chatMessagesRef.current[current.id] = messages;\n        }\n\n        const newChat: ChatType = {\n            id: Date.now().toString(),\n            name: 'New chat',\n            createTime: new Date().toISOString(),\n        };\n        chatMessagesRef.current[newChat.id] = [];\n        setChats((prev) => [newChat, ...prev]);\n        setActiveChat(newChat);\n        setMessages([]);\n    }, [messages]);\n\n    const handleSelectChat = useCallback(\n        (chat: ChatType) => {\n            const current = activeChatRef.current;\n            if (current) {\n                chatMessagesRef.current[current.id] = messages;\n            }\n\n            setActiveChat(chat);\n            setMessages(chatMessagesRef.current[chat.id] ?? []);\n        },\n        [messages],\n    );\n\n    const handleDeleteChat = useCallback((chat: ChatType) => {\n        delete chatMessagesRef.current[chat.id];\n        setChats((prev) => prev.filter((c) => c.id !== chat.id));\n\n        if (activeChatRef.current?.id === chat.id) {\n            setActiveChat(null);\n            setMessages([]);\n        }\n    }, []);\n\n    return (\n        <ChatContainer\n            {...chatContainerProps}\n            messages={displayMessages}\n            status={status}\n            error={streamResult.error}\n            onSendMessage={handleSendMessage}\n            onCancel={handleCancel}\n            onRetry={handleRetry}\n            chats={showHistory ? chats : undefined}\n            activeChat={showHistory ? activeChat : undefined}\n            onSelectChat={showHistory ? handleSelectChat : undefined}\n            onCreateChat={showHistory ? handleCreateChat : undefined}\n            onDeleteChat={showHistory ? handleDeleteChat : undefined}\n            showHistory={showHistory}\n            showNewChat={showNewChat}\n        />\n    );\n}\n"]}

package/build/cjs/components/pages/AIStudioChat/index.d.ts

@@ -0,0 +1,2 @@
+export { AIStudioChat } from "./AIStudioChat.js";
+export type { AIStudioChatProps } from "./types.js";

package/build/cjs/components/pages/AIStudioChat/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AIStudioChat = void 0;
+var AIStudioChat_1 = require("./AIStudioChat.js");
+Object.defineProperty(exports, "AIStudioChat", { enumerable: true, get: function () { return AIStudioChat_1.AIStudioChat; } });
+//# sourceMappingURL=index.js.map

package/build/cjs/components/pages/AIStudioChat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/pages/AIStudioChat/index.ts"],"names":[],"mappings":";;;AAAA,kDAA4C;AAApC,4GAAA,YAAY,OAAA","sourcesContent":["export {AIStudioChat} from './AIStudioChat';\nexport type {AIStudioChatProps} from './types';\n"]}

package/build/cjs/components/pages/AIStudioChat/types.d.ts

@@ -0,0 +1,24 @@
+import type { TChatMessage } from "../../../types/index.js";
+import type { ChatContainerProps } from "../ChatContainer/index.js";
+/**
+ * Props managed internally by AIStudioChat that are omitted from ChatContainerProps
+ */
+type ManagedChatContainerProps = 'messages' | 'status' | 'error' | 'onSendMessage' | 'onCancel' | 'onRetry' | 'chats' | 'activeChat' | 'onSelectChat' | 'onCreateChat' | 'onDeleteChat' | 'onDeleteAllChats' | 'showHistory' | 'showNewChat';
+/**
+ * Props for AIStudioChat component
+ */
+export interface AIStudioChatProps extends Omit<ChatContainerProps, ManagedChatContainerProps> {
+    /** URL of the OpenAI-compatible streaming API endpoint */
+    apiUrl: string;
+    /** Initial messages to pre-populate the chat (e.g., for restoring a session) */
+    initialMessages?: TChatMessage[];
+    /** Enable multi-chat history panel (default: false) */
+    showHistory?: boolean;
+    /** Show new chat button in header (defaults to the value of showHistory) */
+    showNewChat?: boolean;
+    /** System prompt sent with every request */
+    systemPrompt?: string;
+    /** Additional fetch options applied to every API request (e.g., auth headers) */
+    requestInit?: Omit<RequestInit, 'body' | 'method' | 'signal'>;
+}
+export {};

package/build/cjs/components/pages/AIStudioChat/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/build/cjs/components/pages/AIStudioChat/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["components/pages/AIStudioChat/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {TChatMessage} from '../../../types';\nimport type {ChatContainerProps} from '../ChatContainer';\n\n/**\n * Props managed internally by AIStudioChat that are omitted from ChatContainerProps\n */\ntype ManagedChatContainerProps =\n    | 'messages'\n    | 'status'\n    | 'error'\n    | 'onSendMessage'\n    | 'onCancel'\n    | 'onRetry'\n    | 'chats'\n    | 'activeChat'\n    | 'onSelectChat'\n    | 'onCreateChat'\n    | 'onDeleteChat'\n    | 'onDeleteAllChats'\n    | 'showHistory'\n    | 'showNewChat';\n\n/**\n * Props for AIStudioChat component\n */\nexport interface AIStudioChatProps extends Omit<ChatContainerProps, ManagedChatContainerProps> {\n    /** URL of the OpenAI-compatible streaming API endpoint */\n    apiUrl: string;\n\n    /** Initial messages to pre-populate the chat (e.g., for restoring a session) */\n    initialMessages?: TChatMessage[];\n\n    /** Enable multi-chat history panel (default: false) */\n    showHistory?: boolean;\n\n    /** Show new chat button in header (defaults to the value of showHistory) */\n    showNewChat?: boolean;\n\n    /** System prompt sent with every request */\n    systemPrompt?: string;\n\n    /** Additional fetch options applied to every API request (e.g., auth headers) */\n    requestInit?: Omit<RequestInit, 'body' | 'method' | 'signal'>;\n}\n"]}

package/build/cjs/components/pages/index.d.ts

@@ -1 +1,2 @@
+export * from "./AIStudioChat/index.js";
 export * from "./ChatContainer/index.js";

package/build/cjs/components/pages/index.js

@@ -2,5 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 // Export all pages
+tslib_1.__exportStar(require("./AIStudioChat/index.js"), exports);
 tslib_1.__exportStar(require("./ChatContainer/index.js"), exports);
 //# sourceMappingURL=index.js.map

package/build/cjs/components/pages/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/pages/index.ts"],"names":[],"mappings":";;;AAAA,mBAAmB;AACnB,mEAAgC","sourcesContent":["// Export all pages\nexport * from './ChatContainer';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/pages/index.ts"],"names":[],"mappings":";;;AAAA,mBAAmB;AACnB,kEAA+B;AAC/B,mEAAgC","sourcesContent":["// Export all pages\nexport * from './AIStudioChat';\nexport * from './ChatContainer';\n"]}

package/build/cjs/package.json

@@ -1 +1 @@
-{"version":"1.15.1","type":"commonjs","sideEffects":["*.css","*.scss"]}
+{"version":"1.15.2-beta.12d894e43bcc0b7b911e62db16634e4e418ff48a.0","type":"commonjs","sideEffects":["*.css","*.scss"]}

package/build/esm/components/organisms/ThinkingMessage/index.d.ts

@@ -1,3 +1,4 @@
+import { OptionsType } from '@diplodoc/transform/lib/typings';
 import { DOMProps, QAProps } from '@gravity-ui/uikit';
 import type { ThinkingMessageContentData } from "../../../types/messages.js";
 import "./ThinkingMessage.css";
@@ -5,7 +6,18 @@ import "./ThinkingMessage.css";
  * Props for the ThinkingMessage component.
  * Combines DOM props, QA props, and thinking message data.
  */
-export type ThinkingMessageProps = DOMProps & QAProps & ThinkingMessageContentData;
+export type ThinkingMessageProps = DOMProps & QAProps & ThinkingMessageContentData & {
+    /**
+     * How thinking content strings are rendered.
+     * @default 'plain'
+     */
+    format?: 'plain' | 'markdown';
+    /**
+     * Options for @diplodoc/transform when `format` is `'markdown'`.
+     * Shallow-merged with the component defaults (`disableCommonAnchors: true`).
+     */
+    transformOptions?: OptionsType;
+};
 /**
  * ThinkingMessage component displays AI model's internal reasoning process.
  * Shows a collapsible block with thinking content and a copy button.

package/build/esm/components/organisms/ThinkingMessage/index.js

@@ -6,9 +6,13 @@ import { Button, Icon, Text } from '@gravity-ui/uikit';
 import { block } from "../../../utils/cn.js";
 import { ActionButton } from "../../atoms/ActionButton/index.js";
 import { Loader } from "../../atoms/Loader/index.js";
+import { MarkdownRenderer } from "../../atoms/MarkdownRenderer/index.js";
 import { useThinkingMessage } from "./useThinkingMessage.js";
 import "./ThinkingMessage.css";
 const b = block('thinking-message');
+const defaultTransformOptions = {
+    disableCommonAnchors: true,
+};
 /**
  * ThinkingMessage component displays AI model's internal reasoning process.
  * Shows a collapsible block with thinking content and a copy button.
@@ -18,8 +22,9 @@ const b = block('thinking-message');
  * @returns Rendered thinking message component
  */
 export const ThinkingMessage = (props) => {
-    const { className, qa, style } = props, data = __rest(props, ["className", "qa", "style"]);
+    const { className, qa, style, format = 'plain', transformOptions } = props, data = __rest(props, ["className", "qa", "style", "format", "transformOptions"]);
+    const markdownTransformOptions = Object.assign(Object.assign({}, defaultTransformOptions), transformOptions);
     const { isExpanded, toggleExpanded, buttonTitle, content, showLoader, handleCopy, showCopyButton, } = useThinkingMessage(data);
-    return (_jsxs("div", { className: b(null, className), "data-qa": qa, style: style, children: [_jsxs("div", { className: b('buttons'), children: [_jsxs(Button, { size: "s", onClick: toggleExpanded, children: [buttonTitle, _jsx(Icon, { data: isExpanded ? ChevronUp : ChevronDown })] }), showLoader ? (_jsx(Loader, { view: "loading", size: "xs" })) : (showCopyButton && (_jsx(ActionButton, { size: "s", onClick: handleCopy, children: _jsx(Icon, { data: Copy, size: 16 }) })))] }), isExpanded && (_jsx("div", { className: b('container'), children: content.map((item, index) => (_jsx(Text, { className: b('content'), children: item }, index))) }))] }));
+    return (_jsxs("div", { className: b(null, className), "data-qa": qa, style: style, children: [_jsxs("div", { className: b('buttons'), children: [_jsxs(Button, { size: "s", onClick: toggleExpanded, children: [buttonTitle, _jsx(Icon, { data: isExpanded ? ChevronUp : ChevronDown })] }), showLoader ? (_jsx(Loader, { view: "loading", size: "xs" })) : (showCopyButton && (_jsx(ActionButton, { size: "s", onClick: handleCopy, children: _jsx(Icon, { data: Copy, size: 16 }) })))] }), isExpanded && (_jsx("div", { className: b('container'), children: content.map((item, index) => format === 'markdown' ? (_jsx(MarkdownRenderer, { className: b('content'), content: item, transformOptions: markdownTransformOptions }, index)) : (_jsx(Text, { className: b('content'), children: item }, index))) }))] }));
 };
 //# sourceMappingURL=index.js.map

package/build/esm/components/organisms/ThinkingMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/organisms/ThinkingMessage/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AAEb,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAC,MAAM,EAAY,IAAI,EAAW,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAGxE,OAAO,EAAC,KAAK,EAAC,6BAA0B;AACxC,OAAO,EAAC,YAAY,EAAC,0CAAiC;AACtD,OAAO,EAAC,MAAM,EAAC,oCAA2B;AAE1C,OAAO,EAAC,kBAAkB,EAAC,gCAA6B;AAExD,+BAAgC;AAEhC,MAAM,CAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;AAQpC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC3D,MAAM,EAAC,SAAS,EAAE,EAAE,EAAE,KAAK,KAAa,KAAK,EAAb,IAAI,UAAI,KAAK,EAAvC,4BAA+B,CAAQ,CAAC;IAE9C,MAAM,EACF,UAAU,EACV,cAAc,EACd,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,cAAc,GACjB,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAE7B,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAAW,EAAE,EAAE,KAAK,EAAE,KAAK,aACzD,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,MAAC,MAAM,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,cAAc,aACnC,WAAW,EACZ,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,GAAI,IAC/C,EACR,UAAU,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,GAAG,CACtC,CAAC,CAAC,CAAC,CACA,cAAc,IAAI,CACd,KAAC,YAAY,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,UAAU,YACtC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,GACnB,CAClB,CACJ,IACC,EACL,UAAU,IAAI,CACX,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YACzB,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACxB,IAAI,IAD2B,KAAK,CAElC,CACV,CAAC,GACA,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["'use client';\n\nimport {ChevronDown, ChevronUp, Copy} from '@gravity-ui/icons';\nimport {Button, DOMProps, Icon, QAProps, Text} from '@gravity-ui/uikit';\n\nimport type {ThinkingMessageContentData} from '../../../types/messages';\nimport {block} from '../../../utils/cn';\nimport {ActionButton} from '../../atoms/ActionButton';\nimport {Loader} from '../../atoms/Loader';\n\nimport {useThinkingMessage} from './useThinkingMessage';\n\nimport './ThinkingMessage.scss';\n\nconst b = block('thinking-message');\n\n/**\n * Props for the ThinkingMessage component.\n * Combines DOM props, QA props, and thinking message data.\n */\nexport type ThinkingMessageProps = DOMProps & QAProps & ThinkingMessageContentData;\n\n/**\n * ThinkingMessage component displays AI model's internal reasoning process.\n * Shows a collapsible block with thinking content and a copy button.\n * Displays a loader when the thinking process is still in progress.\n *\n * @param props - Component props\n * @returns Rendered thinking message component\n */\nexport const ThinkingMessage = (props: ThinkingMessageProps) => {\n    const {className, qa, style, ...data} = props;\n\n    const {\n        isExpanded,\n        toggleExpanded,\n        buttonTitle,\n        content,\n        showLoader,\n        handleCopy,\n        showCopyButton,\n    } = useThinkingMessage(data);\n\n    return (\n        <div className={b(null, className)} data-qa={qa} style={style}>\n            <div className={b('buttons')}>\n                <Button size=\"s\" onClick={toggleExpanded}>\n                    {buttonTitle}\n                    <Icon data={isExpanded ? ChevronUp : ChevronDown} />\n                </Button>\n                {showLoader ? (\n                    <Loader view=\"loading\" size=\"xs\" />\n                ) : (\n                    showCopyButton && (\n                        <ActionButton size=\"s\" onClick={handleCopy}>\n                            <Icon data={Copy} size={16} />\n                        </ActionButton>\n                    )\n                )}\n            </div>\n            {isExpanded && (\n                <div className={b('container')}>\n                    {content.map((item, index) => (\n                        <Text className={b('content')} key={index}>\n                            {item}\n                        </Text>\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/organisms/ThinkingMessage/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AAGb,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAC,MAAM,EAAY,IAAI,EAAW,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAGxE,OAAO,EAAC,KAAK,EAAC,6BAA0B;AACxC,OAAO,EAAC,YAAY,EAAC,0CAAiC;AACtD,OAAO,EAAC,MAAM,EAAC,oCAA2B;AAC1C,OAAO,EAAC,gBAAgB,EAAC,8CAAqC;AAE9D,OAAO,EAAC,kBAAkB,EAAC,gCAA6B;AAExD,+BAAgC;AAEhC,MAAM,CAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;AAqBpC,MAAM,uBAAuB,GAAgB;IACzC,oBAAoB,EAAE,IAAI;CAC7B,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC3D,MAAM,EAAC,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,gBAAgB,KAAa,KAAK,EAAb,IAAI,UAAI,KAAK,EAA3E,0DAAmE,CAAQ,CAAC;IAElF,MAAM,wBAAwB,mCACvB,uBAAuB,GACvB,gBAAgB,CACtB,CAAC;IAEF,MAAM,EACF,UAAU,EACV,cAAc,EACd,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,cAAc,GACjB,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAE7B,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAAW,EAAE,EAAE,KAAK,EAAE,KAAK,aACzD,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,MAAC,MAAM,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,cAAc,aACnC,WAAW,EACZ,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,GAAI,IAC/C,EACR,UAAU,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,GAAG,CACtC,CAAC,CAAC,CAAC,CACA,cAAc,IAAI,CACd,KAAC,YAAY,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,UAAU,YACtC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,GACnB,CAClB,CACJ,IACC,EACL,UAAU,IAAI,CACX,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,YACzB,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACzB,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CACpB,KAAC,gBAAgB,IACb,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAEvB,OAAO,EAAE,IAAI,EACb,gBAAgB,EAAE,wBAAwB,IAFrC,KAAK,CAGZ,CACL,CAAC,CAAC,CAAC,CACA,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACxB,IAAI,IAD2B,KAAK,CAElC,CACV,CACJ,GACC,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["'use client';\n\nimport {OptionsType} from '@diplodoc/transform/lib/typings';\nimport {ChevronDown, ChevronUp, Copy} from '@gravity-ui/icons';\nimport {Button, DOMProps, Icon, QAProps, Text} from '@gravity-ui/uikit';\n\nimport type {ThinkingMessageContentData} from '../../../types/messages';\nimport {block} from '../../../utils/cn';\nimport {ActionButton} from '../../atoms/ActionButton';\nimport {Loader} from '../../atoms/Loader';\nimport {MarkdownRenderer} from '../../atoms/MarkdownRenderer';\n\nimport {useThinkingMessage} from './useThinkingMessage';\n\nimport './ThinkingMessage.scss';\n\nconst b = block('thinking-message');\n\n/**\n * Props for the ThinkingMessage component.\n * Combines DOM props, QA props, and thinking message data.\n */\nexport type ThinkingMessageProps = DOMProps &\n    QAProps &\n    ThinkingMessageContentData & {\n        /**\n         * How thinking content strings are rendered.\n         * @default 'plain'\n         */\n        format?: 'plain' | 'markdown';\n        /**\n         * Options for @diplodoc/transform when `format` is `'markdown'`.\n         * Shallow-merged with the component defaults (`disableCommonAnchors: true`).\n         */\n        transformOptions?: OptionsType;\n    };\n\nconst defaultTransformOptions: OptionsType = {\n    disableCommonAnchors: true,\n};\n\n/**\n * ThinkingMessage component displays AI model's internal reasoning process.\n * Shows a collapsible block with thinking content and a copy button.\n * Displays a loader when the thinking process is still in progress.\n *\n * @param props - Component props\n * @returns Rendered thinking message component\n */\nexport const ThinkingMessage = (props: ThinkingMessageProps) => {\n    const {className, qa, style, format = 'plain', transformOptions, ...data} = props;\n\n    const markdownTransformOptions: OptionsType = {\n        ...defaultTransformOptions,\n        ...transformOptions,\n    };\n\n    const {\n        isExpanded,\n        toggleExpanded,\n        buttonTitle,\n        content,\n        showLoader,\n        handleCopy,\n        showCopyButton,\n    } = useThinkingMessage(data);\n\n    return (\n        <div className={b(null, className)} data-qa={qa} style={style}>\n            <div className={b('buttons')}>\n                <Button size=\"s\" onClick={toggleExpanded}>\n                    {buttonTitle}\n                    <Icon data={isExpanded ? ChevronUp : ChevronDown} />\n                </Button>\n                {showLoader ? (\n                    <Loader view=\"loading\" size=\"xs\" />\n                ) : (\n                    showCopyButton && (\n                        <ActionButton size=\"s\" onClick={handleCopy}>\n                            <Icon data={Copy} size={16} />\n                        </ActionButton>\n                    )\n                )}\n            </div>\n            {isExpanded && (\n                <div className={b('container')}>\n                    {content.map((item, index) =>\n                        format === 'markdown' ? (\n                            <MarkdownRenderer\n                                className={b('content')}\n                                key={index}\n                                content={item}\n                                transformOptions={markdownTransformOptions}\n                            />\n                        ) : (\n                            <Text className={b('content')} key={index}>\n                                {item}\n                            </Text>\n                        ),\n                    )}\n                </div>\n            )}\n        </div>\n    );\n};\n"]}

package/build/esm/components/pages/AIStudioChat/AIStudioChat.d.ts

@@ -0,0 +1,11 @@
+import type { AIStudioChatProps } from "./types.js";
+/**
+ * AIStudioChat - a ready-to-use chat component with built-in OpenAI streaming support.
+ *
+ * Wraps ChatContainer and handles all state internally: streaming, message history,
+ * multi-chat management, and cancellation. Requires only an `apiUrl` to start working.
+ *
+ * @param props - component props
+ * @returns React component
+ */
+export declare function AIStudioChat(props: AIStudioChatProps): import("react/jsx-runtime").JSX.Element;

package/build/esm/components/pages/AIStudioChat/AIStudioChat.js

@@ -0,0 +1,213 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useMemo, useRef, useState } from 'react';
+import { useOpenAIStreamAdapter } from "../../../adapters/openai/index.js";
+import { ChatContainer } from "../ChatContainer/index.js";
+/**
+ * Extracts plain text content from any TChatMessage variant.
+ */
+function getMessageTextContent(message) {
+    var _a;
+    if (message.role === 'user') {
+        return typeof message.content === 'string' ? message.content : '';
+    }
+    const { content } = message;
+    if (typeof content === 'string') {
+        return content;
+    }
+    if (Array.isArray(content)) {
+        return content
+            .map((item) => {
+            var _a;
+            if (typeof item === 'string')
+                return item;
+            if (item.type === 'text' && ((_a = item.data) === null || _a === void 0 ? void 0 : _a.text))
+                return item.data.text;
+            return '';
+        })
+            .join('\n');
+    }
+    if (content && typeof content === 'object' && 'type' in content) {
+        if (content.type === 'text' && ((_a = content.data) === null || _a === void 0 ? void 0 : _a.text)) {
+            return content.data.text;
+        }
+    }
+    return '';
+}
+/**
+ * Derives a human-readable chat name from the first user message.
+ */
+function deriveChatName(content) {
+    const trimmed = content.trim();
+    return trimmed.length > 40 ? `${trimmed.slice(0, 40)}...` : trimmed || 'New chat';
+}
+/**
+ * AIStudioChat - a ready-to-use chat component with built-in OpenAI streaming support.
+ *
+ * Wraps ChatContainer and handles all state internally: streaming, message history,
+ * multi-chat management, and cancellation. Requires only an `apiUrl` to start working.
+ *
+ * @param props - component props
+ * @returns React component
+ */
+export function AIStudioChat(props) {
+    var _a, _b;
+    const { apiUrl, initialMessages = [], showHistory = false, showNewChat = showHistory, systemPrompt, requestInit } = props, chatContainerProps = __rest(props, ["apiUrl", "initialMessages", "showHistory", "showNewChat", "systemPrompt", "requestInit"]);
+    // Current chat messages
+    const [messages, setMessages] = useState(initialMessages);
+    // Multi-chat state (used when showHistory=true)
+    const [chats, setChats] = useState([]);
+    const [activeChat, setActiveChat] = useState(null);
+    // Per-chat message store (ref to avoid unnecessary re-renders on switch)
+    const chatMessagesRef = useRef({});
+    // Always-current reference to activeChat for use inside async callbacks
+    const activeChatRef = useRef(null);
+    activeChatRef.current = activeChat;
+    // Streaming state
+    const [controller, setController] = useState(null);
+    const [isFetching, setIsFetching] = useState(false);
+    const [streamResponse, setStreamResponse] = useState(null);
+    const [streamOptions, setStreamOptions] = useState(null);
+    const handleStreamEnd = useCallback((finalMessages) => {
+        const committed = finalMessages.filter((msg) => msg.role !== 'assistant' || getMessageTextContent(msg) !== '');
+        setMessages(committed);
+        setStreamResponse(null);
+        setStreamOptions(null);
+        // Persist messages and update the last message preview in history
+        const chat = activeChatRef.current;
+        if (chat) {
+            chatMessagesRef.current[chat.id] = committed;
+            const lastMsg = committed[committed.length - 1];
+            if (lastMsg) {
+                setChats((prev) => prev.map((c) => c.id === chat.id ? Object.assign(Object.assign({}, c), { lastMessage: getMessageTextContent(lastMsg) }) : c));
+            }
+        }
+    }, []);
+    const streamResult = useOpenAIStreamAdapter(streamResponse, {
+        initialMessages: (_a = streamOptions === null || streamOptions === void 0 ? void 0 : streamOptions.initialMessages) !== null && _a !== void 0 ? _a : [],
+        assistantMessageId: (_b = streamOptions === null || streamOptions === void 0 ? void 0 : streamOptions.assistantMessageId) !== null && _b !== void 0 ? _b : 'assistant-idle',
+        onStreamEnd: handleStreamEnd,
+    });
+    const hasResponse = Boolean(streamResponse);
+    const displayMessages = hasResponse && streamResult.messages.length > 0 ? streamResult.messages : messages;
+    const status = useMemo(() => {
+        if (!hasResponse) {
+            return isFetching ? 'submitted' : 'ready';
+        }
+        if (streamResult.status === 'streaming')
+            return 'streaming';
+        if (streamResult.status === 'error')
+            return 'error';
+        return 'ready';
+    }, [hasResponse, isFetching, streamResult.status]);
+    const handleSendMessage = useCallback(async (data) => {
+        // Auto-create a chat when history is enabled and no chat is active yet
+        if (showHistory && !activeChatRef.current) {
+            const newChat = {
+                id: Date.now().toString(),
+                name: deriveChatName(data.content),
+                createTime: new Date().toISOString(),
+            };
+            chatMessagesRef.current[newChat.id] = [];
+            activeChatRef.current = newChat;
+            setActiveChat(newChat);
+            setChats((prev) => [newChat, ...prev]);
+        }
+        const userMessage = {
+            id: Date.now().toString(),
+            role: 'user',
+            content: data.content,
+        };
+        const messagesWithUser = [...messages, userMessage];
+        const assistantMessageId = (Date.now() + 1).toString();
+        setMessages(messagesWithUser);
+        setIsFetching(true);
+        const abortController = new AbortController();
+        setController(abortController);
+        try {
+            const apiMessages = [
+                ...(systemPrompt ? [{ role: 'system', content: systemPrompt }] : []),
+                ...messages
+                    .filter((msg) => msg.role !== 'assistant' || getMessageTextContent(msg) !== '')
+                    .map((msg) => ({
+                    role: msg.role,
+                    content: getMessageTextContent(msg),
+                })),
+                { role: 'user', content: data.content },
+            ];
+            const response = await fetch(apiUrl, Object.assign(Object.assign({}, requestInit), { method: 'POST', headers: Object.assign({ 'Content-Type': 'application/json', Accept: 'text/event-stream' }, requestInit === null || requestInit === void 0 ? void 0 : requestInit.headers), body: JSON.stringify({ messages: apiMessages }), signal: abortController.signal }));
+            if (!response.ok) {
+                throw new Error(`API error: ${response.status} ${response.statusText}`);
+            }
+            setStreamResponse(response);
+            setStreamOptions({ initialMessages: messagesWithUser, assistantMessageId });
+        }
+        catch (error) {
+            if (error.name !== 'AbortError') {
+                const errorMessage = {
+                    id: (Date.now() + 2).toString(),
+                    role: 'assistant',
+                    content: error.message,
+                };
+                setMessages((prev) => {
+                    const filtered = prev.filter((msg) => msg.role !== 'assistant' || getMessageTextContent(msg) !== '');
+                    return [...filtered, errorMessage];
+                });
+            }
+            setStreamResponse(null);
+            setStreamOptions(null);
+        }
+        finally {
+            setIsFetching(false);
+            setController(null);
+        }
+    }, [messages, apiUrl, systemPrompt, requestInit, showHistory]);
+    const handleCancel = useCallback(async () => {
+        controller === null || controller === void 0 ? void 0 : controller.abort();
+        setStreamResponse(null);
+        setStreamOptions(null);
+    }, [controller]);
+    const handleRetry = useCallback(async () => {
+        const lastUserMsg = [...messages].reverse().find((m) => m.role === 'user');
+        if (!lastUserMsg)
+            return;
+        const lastUserIndex = messages.lastIndexOf(lastUserMsg);
+        setMessages(messages.slice(0, lastUserIndex));
+        await handleSendMessage({ content: lastUserMsg.content });
+    }, [messages, handleSendMessage]);
+    const handleCreateChat = useCallback(() => {
+        const current = activeChatRef.current;
+        if (current) {
+            chatMessagesRef.current[current.id] = messages;
+        }
+        const newChat = {
+            id: Date.now().toString(),
+            name: 'New chat',
+            createTime: new Date().toISOString(),
+        };
+        chatMessagesRef.current[newChat.id] = [];
+        setChats((prev) => [newChat, ...prev]);
+        setActiveChat(newChat);
+        setMessages([]);
+    }, [messages]);
+    const handleSelectChat = useCallback((chat) => {
+        var _a;
+        const current = activeChatRef.current;
+        if (current) {
+            chatMessagesRef.current[current.id] = messages;
+        }
+        setActiveChat(chat);
+        setMessages((_a = chatMessagesRef.current[chat.id]) !== null && _a !== void 0 ? _a : []);
+    }, [messages]);
+    const handleDeleteChat = useCallback((chat) => {
+        var _a;
+        delete chatMessagesRef.current[chat.id];
+        setChats((prev) => prev.filter((c) => c.id !== chat.id));
+        if (((_a = activeChatRef.current) === null || _a === void 0 ? void 0 : _a.id) === chat.id) {
+            setActiveChat(null);
+            setMessages([]);
+        }
+    }, []);
+    return (_jsx(ChatContainer, Object.assign({}, chatContainerProps, { messages: displayMessages, status: status, error: streamResult.error, onSendMessage: handleSendMessage, onCancel: handleCancel, onRetry: handleRetry, chats: showHistory ? chats : undefined, activeChat: showHistory ? activeChat : undefined, onSelectChat: showHistory ? handleSelectChat : undefined, onCreateChat: showHistory ? handleCreateChat : undefined, onDeleteChat: showHistory ? handleDeleteChat : undefined, showHistory: showHistory, showNewChat: showNewChat })));
+}
+//# sourceMappingURL=AIStudioChat.js.map

package/build/esm/components/pages/AIStudioChat/AIStudioChat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIStudioChat.js","sourceRoot":"../../../../../src","sources":["components/pages/AIStudioChat/AIStudioChat.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useMemo, useRef, useState} from 'react';\n\nimport {useOpenAIStreamAdapter} from '../../../adapters/openai';\nimport type {\n    ChatStatus,\n    ChatType,\n    TAssistantMessage,\n    TChatMessage,\n    TSubmitData,\n    TUserMessage,\n} from '../../../types';\nimport {ChatContainer} from '../ChatContainer';\n\nimport type {AIStudioChatProps} from './types';\n\ntype ApiMessage = {\n    role: 'user' | 'assistant' | 'system';\n    content: string;\n};\n\ntype StreamOptions = {\n    initialMessages: TChatMessage[];\n    assistantMessageId: string;\n};\n\n/**\n * Extracts plain text content from any TChatMessage variant.\n */\nfunction getMessageTextContent(message: TChatMessage): string {\n    if (message.role === 'user') {\n        return typeof message.content === 'string' ? message.content : '';\n    }\n\n    const {content} = message as TAssistantMessage;\n\n    if (typeof content === 'string') {\n        return content;\n    }\n\n    if (Array.isArray(content)) {\n        return content\n            .map((item) => {\n                if (typeof item === 'string') return item;\n                if (item.type === 'text' && item.data?.text) return item.data.text;\n                return '';\n            })\n            .join('\\n');\n    }\n\n    if (content && typeof content === 'object' && 'type' in content) {\n        if (content.type === 'text' && content.data?.text) {\n            return content.data.text;\n        }\n    }\n\n    return '';\n}\n\n/**\n * Derives a human-readable chat name from the first user message.\n */\nfunction deriveChatName(content: string): string {\n    const trimmed = content.trim();\n    return trimmed.length > 40 ? `${trimmed.slice(0, 40)}...` : trimmed || 'New chat';\n}\n\n/**\n * AIStudioChat - a ready-to-use chat component with built-in OpenAI streaming support.\n *\n * Wraps ChatContainer and handles all state internally: streaming, message history,\n * multi-chat management, and cancellation. Requires only an `apiUrl` to start working.\n *\n * @param props - component props\n * @returns React component\n */\nexport function AIStudioChat(props: AIStudioChatProps) {\n    const {\n        apiUrl,\n        initialMessages = [],\n        showHistory = false,\n        showNewChat = showHistory,\n        systemPrompt,\n        requestInit,\n        ...chatContainerProps\n    } = props;\n\n    // Current chat messages\n    const [messages, setMessages] = useState<TChatMessage[]>(initialMessages);\n\n    // Multi-chat state (used when showHistory=true)\n    const [chats, setChats] = useState<ChatType[]>([]);\n    const [activeChat, setActiveChat] = useState<ChatType | null>(null);\n\n    // Per-chat message store (ref to avoid unnecessary re-renders on switch)\n    const chatMessagesRef = useRef<Record<string, TChatMessage[]>>({});\n\n    // Always-current reference to activeChat for use inside async callbacks\n    const activeChatRef = useRef<ChatType | null>(null);\n    activeChatRef.current = activeChat;\n\n    // Streaming state\n    const [controller, setController] = useState<AbortController | null>(null);\n    const [isFetching, setIsFetching] = useState(false);\n    const [streamResponse, setStreamResponse] = useState<Response | null>(null);\n    const [streamOptions, setStreamOptions] = useState<StreamOptions | null>(null);\n\n    const handleStreamEnd = useCallback((finalMessages: TChatMessage[]) => {\n        const committed = finalMessages.filter(\n            (msg) => msg.role !== 'assistant' || getMessageTextContent(msg) !== '',\n        );\n\n        setMessages(committed);\n        setStreamResponse(null);\n        setStreamOptions(null);\n\n        // Persist messages and update the last message preview in history\n        const chat = activeChatRef.current;\n        if (chat) {\n            chatMessagesRef.current[chat.id] = committed;\n\n            const lastMsg = committed[committed.length - 1];\n            if (lastMsg) {\n                setChats((prev) =>\n                    prev.map((c) =>\n                        c.id === chat.id ? {...c, lastMessage: getMessageTextContent(lastMsg)} : c,\n                    ),\n                );\n            }\n        }\n    }, []);\n\n    const streamResult = useOpenAIStreamAdapter(streamResponse, {\n        initialMessages: streamOptions?.initialMessages ?? [],\n        assistantMessageId: streamOptions?.assistantMessageId ?? 'assistant-idle',\n        onStreamEnd: handleStreamEnd,\n    });\n\n    const hasResponse = Boolean(streamResponse);\n\n    const displayMessages =\n        hasResponse && streamResult.messages.length > 0 ? streamResult.messages : messages;\n\n    const status = useMemo((): ChatStatus => {\n        if (!hasResponse) {\n            return isFetching ? 'submitted' : 'ready';\n        }\n        if (streamResult.status === 'streaming') return 'streaming';\n        if (streamResult.status === 'error') return 'error';\n        return 'ready';\n    }, [hasResponse, isFetching, streamResult.status]);\n\n    const handleSendMessage = useCallback(\n        async (data: TSubmitData) => {\n            // Auto-create a chat when history is enabled and no chat is active yet\n            if (showHistory && !activeChatRef.current) {\n                const newChat: ChatType = {\n                    id: Date.now().toString(),\n                    name: deriveChatName(data.content),\n                    createTime: new Date().toISOString(),\n                };\n                chatMessagesRef.current[newChat.id] = [];\n                activeChatRef.current = newChat;\n                setActiveChat(newChat);\n                setChats((prev) => [newChat, ...prev]);\n            }\n\n            const userMessage: TUserMessage = {\n                id: Date.now().toString(),\n                role: 'user',\n                content: data.content,\n            };\n            const messagesWithUser: TChatMessage[] = [...messages, userMessage];\n            const assistantMessageId = (Date.now() + 1).toString();\n\n            setMessages(messagesWithUser);\n            setIsFetching(true);\n\n            const abortController = new AbortController();\n            setController(abortController);\n\n            try {\n                const apiMessages: ApiMessage[] = [\n                    ...(systemPrompt ? [{role: 'system' as const, content: systemPrompt}] : []),\n                    ...messages\n                        .filter(\n                            (msg) => msg.role !== 'assistant' || getMessageTextContent(msg) !== '',\n                        )\n                        .map((msg) => ({\n                            role: msg.role as 'user' | 'assistant',\n                            content: getMessageTextContent(msg),\n                        })),\n                    {role: 'user' as const, content: data.content},\n                ];\n\n                const response = await fetch(apiUrl, {\n                    ...requestInit,\n                    method: 'POST',\n                    headers: {\n                        'Content-Type': 'application/json',\n                        Accept: 'text/event-stream',\n                        ...requestInit?.headers,\n                    },\n                    body: JSON.stringify({messages: apiMessages}),\n                    signal: abortController.signal,\n                });\n\n                if (!response.ok) {\n                    throw new Error(`API error: ${response.status} ${response.statusText}`);\n                }\n\n                setStreamResponse(response);\n                setStreamOptions({initialMessages: messagesWithUser, assistantMessageId});\n            } catch (error) {\n                if ((error as Error).name !== 'AbortError') {\n                    const errorMessage: TAssistantMessage = {\n                        id: (Date.now() + 2).toString(),\n                        role: 'assistant',\n                        content: (error as Error).message,\n                    };\n                    setMessages((prev) => {\n                        const filtered = prev.filter(\n                            (msg) => msg.role !== 'assistant' || getMessageTextContent(msg) !== '',\n                        );\n                        return [...filtered, errorMessage];\n                    });\n                }\n                setStreamResponse(null);\n                setStreamOptions(null);\n            } finally {\n                setIsFetching(false);\n                setController(null);\n            }\n        },\n        [messages, apiUrl, systemPrompt, requestInit, showHistory],\n    );\n\n    const handleCancel = useCallback(async () => {\n        controller?.abort();\n        setStreamResponse(null);\n        setStreamOptions(null);\n    }, [controller]);\n\n    const handleRetry = useCallback(async () => {\n        const lastUserMsg = [...messages].reverse().find((m) => m.role === 'user');\n        if (!lastUserMsg) return;\n\n        const lastUserIndex = messages.lastIndexOf(lastUserMsg);\n        setMessages(messages.slice(0, lastUserIndex));\n\n        await handleSendMessage({content: lastUserMsg.content as string});\n    }, [messages, handleSendMessage]);\n\n    const handleCreateChat = useCallback(() => {\n        const current = activeChatRef.current;\n        if (current) {\n            chatMessagesRef.current[current.id] = messages;\n        }\n\n        const newChat: ChatType = {\n            id: Date.now().toString(),\n            name: 'New chat',\n            createTime: new Date().toISOString(),\n        };\n        chatMessagesRef.current[newChat.id] = [];\n        setChats((prev) => [newChat, ...prev]);\n        setActiveChat(newChat);\n        setMessages([]);\n    }, [messages]);\n\n    const handleSelectChat = useCallback(\n        (chat: ChatType) => {\n            const current = activeChatRef.current;\n            if (current) {\n                chatMessagesRef.current[current.id] = messages;\n            }\n\n            setActiveChat(chat);\n            setMessages(chatMessagesRef.current[chat.id] ?? []);\n        },\n        [messages],\n    );\n\n    const handleDeleteChat = useCallback((chat: ChatType) => {\n        delete chatMessagesRef.current[chat.id];\n        setChats((prev) => prev.filter((c) => c.id !== chat.id));\n\n        if (activeChatRef.current?.id === chat.id) {\n            setActiveChat(null);\n            setMessages([]);\n        }\n    }, []);\n\n    return (\n        <ChatContainer\n            {...chatContainerProps}\n            messages={displayMessages}\n            status={status}\n            error={streamResult.error}\n            onSendMessage={handleSendMessage}\n            onCancel={handleCancel}\n            onRetry={handleRetry}\n            chats={showHistory ? chats : undefined}\n            activeChat={showHistory ? activeChat : undefined}\n            onSelectChat={showHistory ? handleSelectChat : undefined}\n            onCreateChat={showHistory ? handleCreateChat : undefined}\n            onDeleteChat={showHistory ? handleDeleteChat : undefined}\n            showHistory={showHistory}\n            showNewChat={showNewChat}\n        />\n    );\n}\n"]}

package/build/esm/components/pages/AIStudioChat/index.d.ts

@@ -0,0 +1,2 @@
+export { AIStudioChat } from "./AIStudioChat.js";
+export type { AIStudioChatProps } from "./types.js";

package/build/esm/components/pages/AIStudioChat/index.js

@@ -0,0 +1,2 @@
+export { AIStudioChat } from "./AIStudioChat.js";
+//# sourceMappingURL=index.js.map

package/build/esm/components/pages/AIStudioChat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/pages/AIStudioChat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,0BAAuB","sourcesContent":["export {AIStudioChat} from './AIStudioChat';\nexport type {AIStudioChatProps} from './types';\n"]}

package/build/esm/components/pages/AIStudioChat/types.d.ts

@@ -0,0 +1,24 @@
+import type { TChatMessage } from "../../../types/index.js";
+import type { ChatContainerProps } from "../ChatContainer/index.js";
+/**
+ * Props managed internally by AIStudioChat that are omitted from ChatContainerProps
+ */
+type ManagedChatContainerProps = 'messages' | 'status' | 'error' | 'onSendMessage' | 'onCancel' | 'onRetry' | 'chats' | 'activeChat' | 'onSelectChat' | 'onCreateChat' | 'onDeleteChat' | 'onDeleteAllChats' | 'showHistory' | 'showNewChat';
+/**
+ * Props for AIStudioChat component
+ */
+export interface AIStudioChatProps extends Omit<ChatContainerProps, ManagedChatContainerProps> {
+    /** URL of the OpenAI-compatible streaming API endpoint */
+    apiUrl: string;
+    /** Initial messages to pre-populate the chat (e.g., for restoring a session) */
+    initialMessages?: TChatMessage[];
+    /** Enable multi-chat history panel (default: false) */
+    showHistory?: boolean;
+    /** Show new chat button in header (defaults to the value of showHistory) */
+    showNewChat?: boolean;
+    /** System prompt sent with every request */
+    systemPrompt?: string;
+    /** Additional fetch options applied to every API request (e.g., auth headers) */
+    requestInit?: Omit<RequestInit, 'body' | 'method' | 'signal'>;
+}
+export {};

package/build/esm/components/pages/AIStudioChat/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/esm/components/pages/AIStudioChat/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["components/pages/AIStudioChat/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {TChatMessage} from '../../../types';\nimport type {ChatContainerProps} from '../ChatContainer';\n\n/**\n * Props managed internally by AIStudioChat that are omitted from ChatContainerProps\n */\ntype ManagedChatContainerProps =\n    | 'messages'\n    | 'status'\n    | 'error'\n    | 'onSendMessage'\n    | 'onCancel'\n    | 'onRetry'\n    | 'chats'\n    | 'activeChat'\n    | 'onSelectChat'\n    | 'onCreateChat'\n    | 'onDeleteChat'\n    | 'onDeleteAllChats'\n    | 'showHistory'\n    | 'showNewChat';\n\n/**\n * Props for AIStudioChat component\n */\nexport interface AIStudioChatProps extends Omit<ChatContainerProps, ManagedChatContainerProps> {\n    /** URL of the OpenAI-compatible streaming API endpoint */\n    apiUrl: string;\n\n    /** Initial messages to pre-populate the chat (e.g., for restoring a session) */\n    initialMessages?: TChatMessage[];\n\n    /** Enable multi-chat history panel (default: false) */\n    showHistory?: boolean;\n\n    /** Show new chat button in header (defaults to the value of showHistory) */\n    showNewChat?: boolean;\n\n    /** System prompt sent with every request */\n    systemPrompt?: string;\n\n    /** Additional fetch options applied to every API request (e.g., auth headers) */\n    requestInit?: Omit<RequestInit, 'body' | 'method' | 'signal'>;\n}\n"]}

package/build/esm/components/pages/index.d.ts

@@ -1 +1,2 @@
+export * from "./AIStudioChat/index.js";
 export * from "./ChatContainer/index.js";

package/build/esm/components/pages/index.js

@@ -1,3 +1,4 @@
 // Export all pages
+export * from "./AIStudioChat/index.js";
 export * from "./ChatContainer/index.js";
 //# sourceMappingURL=index.js.map

package/build/esm/components/pages/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/pages/index.ts"],"names":[],"mappings":"AAAA,mBAAmB;AACnB,yCAAgC","sourcesContent":["// Export all pages\nexport * from './ChatContainer';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/pages/index.ts"],"names":[],"mappings":"AAAA,mBAAmB;AACnB,wCAA+B;AAC/B,yCAAgC","sourcesContent":["// Export all pages\nexport * from './AIStudioChat';\nexport * from './ChatContainer';\n"]}

package/build/esm/package.json

@@ -1 +1 @@
-{"version":"1.15.1","type":"module","sideEffects":["*.css","*.scss"]}
+{"version":"1.15.2-beta.12d894e43bcc0b7b911e62db16634e4e418ff48a.0","type":"module","sideEffects":["*.css","*.scss"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/aikit",
-  "version": "1.15.1",
+  "version": "1.15.2-beta.12d894e43bcc0b7b911e62db16634e4e418ff48a.0",
   "description": "Gravity UI base kit for building ai assistant chats",
   "license": "MIT",
   "type": "commonjs",
@@ -671,6 +671,7 @@
     "@types/jest": "^29.5.14",
     "@types/react": "^18.2.64",
     "@types/react-dom": "^18.2.21",
+    "@types/sanitize-html": "^2.16.1",
     "@types/uuid": "^11.0.0",
     "eslint": "^8.57.0",
     "eslint-plugin-storybook": "^9.0.5",