@gravity-ui/aikit 2.24.1-beta.883c85d04b93d8521b2733baa3e86da20249b4e7.0 → 2.25.0

package/build/esm/components/organisms/PromptInput/PromptInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptInput.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/PromptInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,eAAe,EAAC,6BAA0B;AAClD,OAAO,EAAC,iBAAiB,EAAC,+BAA4B;AACtD,OAAO,EAAC,qBAAqB,EAAC,mCAAgC;AAC9D,OAAO,EAAC,0BAA0B,EAAC,wCAAqC;AAQxE,OAAO,EAAC,cAAc,EAAC,4BAAyB;AAEhD,2BAA4B;AAwC5B;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IAC/C,MAAM,EACF,IAAI,GAAG,QAAQ,EACf,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,OAAO,EAChB,SAAS,EACT,aAAa,EACb,WAAW,EACX,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,SAAS,EACT,EAAE,GACL,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,cAAc,CAAC;QAC7B,MAAM;QACN,QAAQ;QACR,YAAY;QACZ,QAAQ;QACR,MAAM;QACN,SAAS;QACT,aAAa;KAChB,CAAC,CAAC;IAEH,yEAAyE;IACzE,MAAM,qBAAqB,GAAG,CAC1B,OAAe,EACf,EAAW,EACX,IAA8B,EAChC,EAAE;QACA,IAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,iBAAiB,EAAE,CAAC;YACtC,gBAAgB,CAAC,iBAAiB,CAAC,OAAO,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;QAC1D,CAAC;aAAM,CAAC;YACJ,SAAS,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,IAAI,KAAK,MAAM,CAAC;IAEnC,iDAAiD;IACjD,MAAM,uBAAuB,GAAG,gBAAgB;QAC5C,CAAC,iCACQ,gBAAgB,KACnB,iBAAiB,EAAE,qBAAqB,IAE9C,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACH,KAAC,0BAA0B,IAAC,gBAAgB,EAAE,uBAAuB,YACjE,KAAC,qBAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,YAC9D,UAAU,CAAC,CAAC,CAAC,CACV,KAAC,eAAe,IACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,GACR,CACL,CAAC,CAAC,CAAC,CACA,KAAC,iBAAiB,IACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,GACR,CACL,GACmB,GACC,CAChC,CAAC;AACN,CAAC","sourcesContent":["import {ChatStatus, TSubmitData} from '../../../types';\n\nimport {PromptInputFull} from './PromptInputFull';\nimport {PromptInputSimple} from './PromptInputSimple';\nimport {PromptInputWithPanels} from './PromptInputWithPanels';\nimport {PromptInputWithSuggestions} from './PromptInputWithSuggestions';\nimport {\n    PromptInputBodyConfig,\n    PromptInputFooterConfig,\n    PromptInputHeaderConfig,\n    PromptInputPanelConfig,\n    PromptInputSuggestionsConfig,\n} from './types';\nimport {usePromptInput} from './usePromptInput';\n\nimport './PromptInput.scss';\n\n/**\n * Props for the PromptInput component\n */\nexport type PromptInputProps = {\n    /** View variant: 'full' with all features, 'simple' with minimal UI */\n    view?: 'full' | 'simple';\n    /** Callback when message is sent */\n    onSend: (data: TSubmitData) => Promise<void>;\n    /** Callback when sending is cancelled */\n    onCancel?: () => Promise<void>;\n    /** Initial value */\n    initialValue?: string;\n    /** Disabled state */\n    disabled?: boolean;\n    /** Chat status to determine input behavior */\n    status?: ChatStatus;\n    /** Maximum length of input */\n    maxLength?: number;\n    /** Called whenever PromptInput changes its internal value. */\n    onValueChange?: (value: string) => void;\n    /** Header-related props */\n    headerProps?: PromptInputHeaderConfig;\n    /** Body/textarea-related props */\n    bodyProps?: PromptInputBodyConfig;\n    /** Footer-related props */\n    footerProps?: PromptInputFooterConfig;\n    /** Suggestions-related props */\n    suggestionsProps?: PromptInputSuggestionsConfig;\n    /** Top panel configuration */\n    topPanel?: PromptInputPanelConfig;\n    /** Bottom panel configuration */\n    bottomPanel?: PromptInputPanelConfig;\n    /** Additional CSS class */\n    className?: string;\n    /** QA/test identifier */\n    qa?: string;\n};\n\n/**\n * PromptInput component - a flexible input component for chat interfaces\n * with support for simple and full views, attachments, suggestions, and expandable panels\n *\n * @param props - Component props\n * @returns React component\n */\nexport function PromptInput(props: PromptInputProps) {\n    const {\n        view = 'simple',\n        onSend,\n        onCancel,\n        initialValue,\n        disabled = false,\n        status = 'ready',\n        maxLength,\n        onValueChange,\n        headerProps,\n        bodyProps,\n        footerProps,\n        suggestionsProps,\n        topPanel,\n        bottomPanel,\n        className,\n        qa,\n    } = props;\n\n    const hookState = usePromptInput({\n        onSend,\n        onCancel,\n        initialValue,\n        disabled,\n        status,\n        maxLength,\n        onValueChange,\n    });\n\n    // Handle suggestion click with custom handler or default to input change\n    const handleSuggestionClick = (\n        content: string,\n        id?: string,\n        data?: Record<string, unknown>,\n    ) => {\n        if (suggestionsProps?.onSuggestionClick) {\n            suggestionsProps.onSuggestionClick(content, id, data);\n        } else {\n            hookState.handleChange(content);\n        }\n    };\n\n    const isFullView = view === 'full';\n\n    // Prepare suggestions props with wrapped handler\n    const wrappedSuggestionsProps = suggestionsProps\n        ? {\n              ...suggestionsProps,\n              onSuggestionClick: handleSuggestionClick,\n          }\n        : undefined;\n\n    return (\n        <PromptInputWithSuggestions suggestionsProps={wrappedSuggestionsProps}>\n            <PromptInputWithPanels topPanel={topPanel} bottomPanel={bottomPanel}>\n                {isFullView ? (\n                    <PromptInputFull\n                        hookState={hookState}\n                        headerProps={headerProps}\n                        bodyProps={bodyProps}\n                        footerProps={footerProps}\n                        className={className}\n                        qa={qa}\n                    />\n                ) : (\n                    <PromptInputSimple\n                        hookState={hookState}\n                        bodyProps={bodyProps}\n                        footerProps={footerProps}\n                        className={className}\n                        qa={qa}\n                    />\n                )}\n            </PromptInputWithPanels>\n        </PromptInputWithSuggestions>\n    );\n}\n"]}
+{"version":3,"file":"PromptInput.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/PromptInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import {type Ref, useImperativeHandle, useRef} from 'react';\n\nimport {useForkRef} from '@gravity-ui/uikit';\n\nimport {ChatStatus, type PromptCommandsConfig, TSubmitData} from '../../../types';\n\nimport {PromptInputCommands} from './PromptInputCommands';\nimport {PromptInputFull} from './PromptInputFull';\nimport {PromptInputSimple} from './PromptInputSimple';\nimport {PromptInputWithPanels} from './PromptInputWithPanels';\nimport {PromptInputWithSuggestions} from './PromptInputWithSuggestions';\nimport {i18n} from './i18n';\nimport {\n    PromptInputBodyConfig,\n    PromptInputFooterConfig,\n    PromptInputHeaderConfig,\n    PromptInputPanelConfig,\n    PromptInputSuggestionsConfig,\n} from './types';\nimport {usePromptCommands} from './usePromptCommands';\nimport {usePromptInput} from './usePromptInput';\n\nimport './PromptInput.scss';\n\n/**\n * Props for the PromptInput component\n */\nexport type PromptInputHandle = {\n    submit: (data?: TSubmitData) => Promise<void>;\n    clearFailedDraft: () => boolean;\n};\n\nexport type PromptInputProps = {\n    /** Programmatic submission uses the same draft lifecycle as the send button. */\n    apiRef?: Ref<PromptInputHandle>;\n    /** Application-defined commands and context sources. */\n    commands?: PromptCommandsConfig;\n    /** Resets uncontrolled command selections and search without changing focus. */\n    commandsResetKey?: string | number;\n    /** View variant: 'full' with all features, 'simple' with minimal UI */\n    view?: 'full' | 'simple';\n    /** Callback when message is sent */\n    onSend: (data: TSubmitData) => Promise<void | false>;\n    /** Callback when sending is cancelled */\n    onCancel?: () => Promise<void>;\n    /** Initial value */\n    initialValue?: string;\n    /** Disabled state */\n    disabled?: boolean;\n    /** Chat status to determine input behavior */\n    status?: ChatStatus;\n    /** Maximum length of input */\n    maxLength?: number;\n    /** Called whenever PromptInput changes its internal value. */\n    onValueChange?: (value: string) => void;\n    /** Header-related props */\n    headerProps?: PromptInputHeaderConfig;\n    /** Body/textarea-related props */\n    bodyProps?: PromptInputBodyConfig;\n    /** Footer-related props */\n    footerProps?: PromptInputFooterConfig;\n    /** Suggestions-related props */\n    suggestionsProps?: PromptInputSuggestionsConfig;\n    /** Top panel configuration */\n    topPanel?: PromptInputPanelConfig;\n    /** Bottom panel configuration */\n    bottomPanel?: PromptInputPanelConfig;\n    /** Additional CSS class */\n    className?: string;\n    /** QA/test identifier */\n    qa?: string;\n};\n\n/**\n * PromptInput component - a flexible input component for chat interfaces\n * with support for simple and full views, attachments, suggestions, and expandable panels\n *\n * @param props - Component props\n * @returns React component\n */\nexport function PromptInput(props: PromptInputProps) {\n    const {\n        apiRef,\n        commands: commandsConfig,\n        commandsResetKey,\n        view = 'simple',\n        onSend,\n        onCancel,\n        initialValue,\n        disabled = false,\n        status = 'ready',\n        maxLength,\n        onValueChange,\n        headerProps,\n        bodyProps,\n        footerProps,\n        suggestionsProps,\n        topPanel,\n        bottomPanel,\n        className,\n        qa,\n    } = props;\n\n    const inputRef = useRef<HTMLTextAreaElement>(null);\n    const mergedInputRef = useForkRef(inputRef, bodyProps?.inputRef);\n    const commandsRef = useRef<ReturnType<typeof usePromptCommands> | null>(null);\n    const submittedSelections = useRef<ReturnType<typeof usePromptCommands>['selections']>([]);\n    const hookState = usePromptInput({\n        resetKey: commandsResetKey,\n        captureSubmission: () => {\n            const snapshot = commandsRef.current?.captureSubmission();\n            submittedSelections.current = snapshot?.selections ?? [];\n            return snapshot ?? {restore: () => {}, clear: () => {}, hasChanged: () => false};\n        },\n        onSend: (data) =>\n            onSend({\n                ...data,\n                ...(submittedSelections.current.length && {\n                    selections: [...submittedSelections.current],\n                }),\n            }),\n        onCancel,\n        initialValue,\n        disabled,\n        status,\n        maxLength,\n        onValueChange,\n    });\n\n    useImperativeHandle(apiRef, () => ({\n        submit: hookState.submit,\n        clearFailedDraft: hookState.clearFailedDraft,\n    }));\n\n    const commandsDisabled =\n        disabled || hookState.isInputDisabled || Boolean(bodyProps?.disabledInput);\n    const commands = usePromptCommands({\n        config: commandsConfig,\n        resetKey: commandsResetKey,\n        value: hookState.value,\n        onChange: hookState.handleChange,\n        inputRef,\n        disabled: commandsDisabled,\n        maxLength,\n    });\n    commandsRef.current = commands;\n    const inputBodyProps = {\n        ...bodyProps,\n        inputRef: mergedInputRef,\n        controlProps: {\n            ...bodyProps?.controlProps,\n            ...(commandsConfig && {\n                role: 'combobox',\n                'aria-expanded': commands.open && commands.session?.origin === 'input',\n                'aria-controls': commands.open ? commands.listId : undefined,\n                'aria-autocomplete': 'list' as const,\n                'aria-activedescendant':\n                    commands.open && commands.items[commands.activeIndex]\n                        ? `${commands.listId}-${commands.activeIndex}`\n                        : undefined,\n                onSelect: (event: React.SyntheticEvent<HTMLTextAreaElement>) => {\n                    bodyProps?.controlProps?.onSelect?.(event);\n                    const input = event.currentTarget;\n                    commands.detect(input.value, input.selectionStart, input.selectionEnd);\n                },\n            }),\n        },\n    };\n    const commandHookState = {\n        ...hookState,\n        isInputDisabled: commandsDisabled,\n        handleChange: (value: string) => {\n            if (maxLength !== undefined && value.length > maxLength) return;\n            hookState.handleChange(value);\n            const input = inputRef.current;\n            if (input) commands.detect(value, input.selectionStart, input.selectionEnd, true);\n        },\n        handleKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n            if (!commands.handleKeyDown(event)) hookState.handleKeyDown(event);\n        },\n    };\n    const commandsContent = (\n        <>\n            {commandsConfig && (\n                <PromptInputCommands\n                    commands={commands}\n                    config={commandsConfig}\n                    inputRef={inputRef}\n                    disabled={commandsDisabled}\n                />\n            )}\n            {hookState.sendError && <div role=\"alert\">{i18n('send-error')}</div>}\n        </>\n    );\n\n    // Handle suggestion click with custom handler or default to input change\n    const handleSuggestionClick = (\n        content: string,\n        id?: string,\n        data?: Record<string, unknown>,\n    ) => {\n        if (suggestionsProps?.onSuggestionClick) {\n            suggestionsProps.onSuggestionClick(content, id, data);\n        } else {\n            hookState.handleChange(content);\n        }\n    };\n\n    const isFullView = view === 'full';\n\n    // Prepare suggestions props with wrapped handler\n    const wrappedSuggestionsProps = suggestionsProps\n        ? {\n              ...suggestionsProps,\n              onSuggestionClick: handleSuggestionClick,\n          }\n        : undefined;\n\n    return (\n        <PromptInputWithSuggestions suggestionsProps={wrappedSuggestionsProps}>\n            <PromptInputWithPanels topPanel={topPanel} bottomPanel={bottomPanel}>\n                {isFullView ? (\n                    <PromptInputFull\n                        hookState={commandHookState}\n                        commandsContent={commandsContent}\n                        headerProps={headerProps}\n                        bodyProps={inputBodyProps}\n                        footerProps={footerProps}\n                        className={className}\n                        qa={qa}\n                    />\n                ) : (\n                    <PromptInputSimple\n                        hookState={commandHookState}\n                        commandsContent={commandsContent}\n                        bodyProps={inputBodyProps}\n                        footerProps={footerProps}\n                        className={className}\n                        qa={qa}\n                    />\n                )}\n            </PromptInputWithPanels>\n        </PromptInputWithSuggestions>\n    );\n}\n"]}

package/build/esm/components/organisms/PromptInput/PromptInputCommands.d.ts

@@ -0,0 +1,9 @@
+import type { RefObject } from 'react';
+import type { PromptCommandsConfig } from "../../../types/index.js";
+import type { usePromptCommands } from "./usePromptCommands.js";
+export declare function PromptInputCommands({ commands, config, inputRef, disabled, }: {
+    commands: ReturnType<typeof usePromptCommands>;
+    config: PromptCommandsConfig;
+    inputRef: RefObject<HTMLTextAreaElement>;
+    disabled: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/build/esm/components/organisms/PromptInput/PromptInputCommands.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { Button, Popup, TextInput } from '@gravity-ui/uikit';
+import { block } from "../../../utils/cn.js";
+import { PromptInputHeader } from "../../molecules/PromptInputHeader/index.js";
+import { i18n } from "./i18n/index.js";
+const b = block('prompt-input');
+export function PromptInputCommands({ commands, config, inputRef, disabled, }) {
+    var _a, _b, _c, _d;
+    const listRef = useRef(null);
+    useEffect(() => {
+        var _a, _b;
+        (_b = (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('[aria-selected="true"]')) === null || _b === void 0 ? void 0 : _b.scrollIntoView({ block: 'nearest' });
+    }, [commands.activeIndex]);
+    const optionId = (index) => `${commands.listId}-${index}`;
+    return (_jsxs(_Fragment, { children: [commands.selections.length > 0 && (_jsx(PromptInputHeader, { contextItems: commands.selections.map((item) => ({
+                    id: JSON.stringify([item.sourceId, item.id]),
+                    content: item.title,
+                    onRemove: disabled ? undefined : () => commands.remove(item),
+                })) })), config.sources.some((source) => source.buttonLabel) && (_jsx("div", { className: b('command-buttons'), children: config.sources
+                    .filter((source) => source.buttonLabel)
+                    .map((source) => (_jsx(Button, { size: "s", view: "flat", disabled: disabled, onClick: () => commands.openSource(source.id), children: source.buttonLabel }, source.id))) })), _jsx(Popup, { open: commands.open, anchorRef: inputRef, placement: ['top-start', 'bottom-start'], onClose: commands.close, children: _jsxs("div", { className: b('commands'), children: [_jsx("div", { className: b('commands-title'), children: (_a = commands.source) === null || _a === void 0 ? void 0 : _a.title }), ((_b = commands.session) === null || _b === void 0 ? void 0 : _b.origin) === 'button' && (_jsx(TextInput, { autoFocus: true, value: commands.session.query, onUpdate: commands.search, placeholder: i18n('search'), onKeyDown: commands.handleKeyDown, controlProps: {
+                                role: 'combobox',
+                                'aria-label': (_c = commands.source) === null || _c === void 0 ? void 0 : _c.title,
+                                'aria-expanded': true,
+                                'aria-controls': commands.listId,
+                                'aria-autocomplete': 'list',
+                                'aria-activedescendant': commands.items[commands.activeIndex]
+                                    ? optionId(commands.activeIndex)
+                                    : undefined,
+                            } })), commands.loading && _jsx("div", { role: "status", children: i18n('loading') }), commands.error && (_jsxs("div", { role: "alert", children: [i18n('error'), ' ', _jsx(Button, { size: "s", onClick: commands.retry, children: i18n('retry') })] })), !commands.loading && !commands.error && commands.items.length === 0 && (_jsx("div", { role: "status", children: i18n('empty') })), _jsx("div", { ref: listRef, id: commands.listId, role: "listbox", "aria-label": (_d = commands.source) === null || _d === void 0 ? void 0 : _d.title, className: b('command-list'), children: commands.items.map((item, index) => (_jsxs("div", { id: optionId(index), role: "option", "aria-selected": index === commands.activeIndex, "aria-disabled": item.disabled, className: b('command', {
+                                    active: index === commands.activeIndex,
+                                    disabled: item.disabled,
+                                }), onMouseDown: (event) => event.preventDefault(), onClick: () => commands.select(item), children: [item.icon && _jsx("span", { children: item.icon }), _jsxs("div", { children: [_jsx("div", { children: item.title }), item.description && (_jsx("div", { className: b('command-description'), children: item.description }))] })] }, item.id))) })] }) })] }));
+}
+//# sourceMappingURL=PromptInputCommands.js.map

package/build/esm/components/organisms/PromptInput/PromptInputCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptInputCommands.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/PromptInputCommands.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useEffect, useRef} from 'react';\nimport type {RefObject} from 'react';\n\nimport {Button, Popup, TextInput} from '@gravity-ui/uikit';\n\nimport type {PromptCommandsConfig} from '../../../types';\nimport {block} from '../../../utils/cn';\nimport {PromptInputHeader} from '../../molecules/PromptInputHeader';\n\nimport {i18n} from './i18n';\nimport type {usePromptCommands} from './usePromptCommands';\n\nconst b = block('prompt-input');\n\nexport function PromptInputCommands({\n    commands,\n    config,\n    inputRef,\n    disabled,\n}: {\n    commands: ReturnType<typeof usePromptCommands>;\n    config: PromptCommandsConfig;\n    inputRef: RefObject<HTMLTextAreaElement>;\n    disabled: boolean;\n}) {\n    const listRef = useRef<HTMLDivElement>(null);\n    useEffect(() => {\n        listRef.current\n            ?.querySelector('[aria-selected=\"true\"]')\n            ?.scrollIntoView({block: 'nearest'});\n    }, [commands.activeIndex]);\n    const optionId = (index: number) => `${commands.listId}-${index}`;\n    return (\n        <>\n            {commands.selections.length > 0 && (\n                <PromptInputHeader\n                    contextItems={commands.selections.map((item) => ({\n                        id: JSON.stringify([item.sourceId, item.id]),\n                        content: item.title,\n                        onRemove: disabled ? undefined : () => commands.remove(item),\n                    }))}\n                />\n            )}\n            {config.sources.some((source) => source.buttonLabel) && (\n                <div className={b('command-buttons')}>\n                    {config.sources\n                        .filter((source) => source.buttonLabel)\n                        .map((source) => (\n                            <Button\n                                key={source.id}\n                                size=\"s\"\n                                view=\"flat\"\n                                disabled={disabled}\n                                onClick={() => commands.openSource(source.id)}\n                            >\n                                {source.buttonLabel}\n                            </Button>\n                        ))}\n                </div>\n            )}\n            <Popup\n                open={commands.open}\n                anchorRef={inputRef}\n                placement={['top-start', 'bottom-start']}\n                onClose={commands.close}\n            >\n                <div className={b('commands')}>\n                    <div className={b('commands-title')}>{commands.source?.title}</div>\n                    {commands.session?.origin === 'button' && (\n                        <TextInput\n                            autoFocus\n                            value={commands.session.query}\n                            onUpdate={commands.search}\n                            placeholder={i18n('search')}\n                            onKeyDown={commands.handleKeyDown}\n                            controlProps={{\n                                role: 'combobox',\n                                'aria-label': commands.source?.title,\n                                'aria-expanded': true,\n                                'aria-controls': commands.listId,\n                                'aria-autocomplete': 'list',\n                                'aria-activedescendant': commands.items[commands.activeIndex]\n                                    ? optionId(commands.activeIndex)\n                                    : undefined,\n                            }}\n                        />\n                    )}\n                    {commands.loading && <div role=\"status\">{i18n('loading')}</div>}\n                    {commands.error && (\n                        <div role=\"alert\">\n                            {i18n('error')}{' '}\n                            <Button size=\"s\" onClick={commands.retry}>\n                                {i18n('retry')}\n                            </Button>\n                        </div>\n                    )}\n                    {!commands.loading && !commands.error && commands.items.length === 0 && (\n                        <div role=\"status\">{i18n('empty')}</div>\n                    )}\n                    <div\n                        ref={listRef}\n                        id={commands.listId}\n                        role=\"listbox\"\n                        aria-label={commands.source?.title}\n                        className={b('command-list')}\n                    >\n                        {commands.items.map((item, index) => (\n                            <div\n                                key={item.id}\n                                id={optionId(index)}\n                                role=\"option\"\n                                aria-selected={index === commands.activeIndex}\n                                aria-disabled={item.disabled}\n                                className={b('command', {\n                                    active: index === commands.activeIndex,\n                                    disabled: item.disabled,\n                                })}\n                                onMouseDown={(event) => event.preventDefault()}\n                                onClick={() => commands.select(item)}\n                            >\n                                {item.icon && <span>{item.icon}</span>}\n                                <div>\n                                    <div>{item.title}</div>\n                                    {item.description && (\n                                        <div className={b('command-description')}>\n                                            {item.description}\n                                        </div>\n                                    )}\n                                </div>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </Popup>\n        </>\n    );\n}\n"]}

package/build/esm/components/organisms/PromptInput/PromptInputFull.d.ts

@@ -1,9 +1,11 @@
+import type { ReactNode } from 'react';
 import { PromptInputBodyConfig, PromptInputFooterConfig, PromptInputHeaderConfig } from "./types.js";
 import { UsePromptInputReturn } from "./usePromptInput.js";
 /**
  * Props for the PromptInputFull component
  */
 export type PromptInputFullProps = {
+    commandsContent?: ReactNode;
     /** Hook return value with state and handlers */
     hookState: UsePromptInputReturn;
     /** Header-related props */

package/build/esm/components/organisms/PromptInput/PromptInputFull.js

@@ -12,13 +12,13 @@ const b = block('prompt-input');
  */
 export function PromptInputFull(props) {
     var _a, _b, _c, _d, _e;
-    const { hookState, headerProps = {}, bodyProps = {}, footerProps = {}, className, qa } = props;
+    const { commandsContent, hookState, headerProps = {}, bodyProps = {}, footerProps = {}, className, qa, } = props;
     const { topContent, contextItems = [], showContextIndicator = false, contextIndicatorProps, qa: headerQa, } = headerProps;
-    const { placeholder = 'Plan, code, build and test anything', size: bodySize, minRows = 1, maxRows = 15, autoFocus = false, disabledInput = false, inputRef, qa: bodyQa, } = bodyProps;
+    const { placeholder = 'Plan, code, build and test anything', size: bodySize, minRows = 1, maxRows = 15, autoFocus = false, disabledInput = false, inputRef, controlProps, qa: bodyQa, } = bodyProps;
     const { bottomContent, className: footerClassName, contentClassName, buttonSize, submitButtonProps, showSettings = false, onSettingsClick, attachmentContent, showAttachment, onAttachmentClick, showMicrophone = false, onMicrophoneClick, submitButtonTooltipSend, submitButtonTooltipCancel, submitButtonCancelableText, submitButtonQa, qa: footerQa, } = footerProps;
     const { value, submitButtonState, isInputDisabled, handleChange, handleKeyDown, handleSubmit } = hookState;
     const shouldShowHeader = topContent || contextItems.length > 0 || showContextIndicator;
-    return (_jsxs("div", { className: b({ view: 'full' }, className), "data-qa": qa, children: [shouldShowHeader &&
-                (topContent ? (_jsx(PromptInputHeader, { qa: headerQa, children: topContent })) : (_jsx(PromptInputHeader, { contextItems: contextItems, showContextIndicator: showContextIndicator, contextIndicatorProps: contextIndicatorProps, qa: headerQa }))), _jsx(PromptInputBody, { value: value, placeholder: placeholder, size: bodySize, minRows: minRows, maxRows: maxRows, autoFocus: autoFocus, disabledInput: isInputDisabled || disabledInput, ref: inputRef, onChange: handleChange, onKeyDown: handleKeyDown, inputClassName: b('textarea'), qa: bodyQa }), _jsx(PromptInputFooter, { qa: footerQa, className: footerClassName, contentClassName: contentClassName, buttonSize: buttonSize, submitButton: Object.assign(Object.assign({}, submitButtonProps), { onClick: handleSubmit, state: submitButtonState, tooltipSend: (_a = submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.tooltipSend) !== null && _a !== void 0 ? _a : submitButtonTooltipSend, tooltipCancel: (_b = submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.tooltipCancel) !== null && _b !== void 0 ? _b : submitButtonTooltipCancel, cancelableText: (_c = submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.cancelableText) !== null && _c !== void 0 ? _c : submitButtonCancelableText, qa: (_e = (_d = submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.qa) !== null && _d !== void 0 ? _d : submitButtonQa) !== null && _e !== void 0 ? _e : 'submit-button-full' }), showSettings: showSettings, onSettingsClick: onSettingsClick, showAttachment: showAttachment, onAttachmentClick: onAttachmentClick, attachmentContent: attachmentContent, showMicrophone: showMicrophone, onMicrophoneClick: onMicrophoneClick, children: bottomContent })] }));
+    return (_jsxs("div", { className: b({ view: 'full' }, className), "data-qa": qa, children: [commandsContent, shouldShowHeader &&
+                (topContent ? (_jsx(PromptInputHeader, { qa: headerQa, children: topContent })) : (_jsx(PromptInputHeader, { contextItems: contextItems, showContextIndicator: showContextIndicator, contextIndicatorProps: contextIndicatorProps, qa: headerQa }))), _jsx(PromptInputBody, { value: value, placeholder: placeholder, size: bodySize, minRows: minRows, maxRows: maxRows, autoFocus: autoFocus, disabledInput: isInputDisabled || disabledInput, ref: inputRef, controlProps: controlProps, onChange: handleChange, onKeyDown: handleKeyDown, inputClassName: b('textarea'), qa: bodyQa }), _jsx(PromptInputFooter, { qa: footerQa, className: footerClassName, contentClassName: contentClassName, buttonSize: buttonSize, submitButton: Object.assign(Object.assign({}, submitButtonProps), { onClick: handleSubmit, state: submitButtonState, tooltipSend: (_a = submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.tooltipSend) !== null && _a !== void 0 ? _a : submitButtonTooltipSend, tooltipCancel: (_b = submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.tooltipCancel) !== null && _b !== void 0 ? _b : submitButtonTooltipCancel, cancelableText: (_c = submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.cancelableText) !== null && _c !== void 0 ? _c : submitButtonCancelableText, qa: (_e = (_d = submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.qa) !== null && _d !== void 0 ? _d : submitButtonQa) !== null && _e !== void 0 ? _e : 'submit-button-full' }), showSettings: showSettings, onSettingsClick: onSettingsClick, showAttachment: showAttachment, onAttachmentClick: onAttachmentClick, attachmentContent: attachmentContent, showMicrophone: showMicrophone, onMicrophoneClick: onMicrophoneClick, children: bottomContent })] }));
 }
 //# sourceMappingURL=PromptInputFull.js.map

package/build/esm/components/organisms/PromptInput/PromptInputFull.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptInputFull.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/PromptInputFull.tsx"],"names":[],"mappings":"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","sourcesContent":["import {block} from '../../../utils/cn';\nimport {PromptInputBody} from '../../molecules/PromptInputBody';\nimport {PromptInputFooter} from '../../molecules/PromptInputFooter';\nimport {PromptInputHeader} from '../../molecules/PromptInputHeader';\n\nimport {PromptInputBodyConfig, PromptInputFooterConfig, PromptInputHeaderConfig} from './types';\nimport {UsePromptInputReturn} from './usePromptInput';\n\nconst b = block('prompt-input');\n\n/**\n * Props for the PromptInputFull component\n */\nexport type PromptInputFullProps = {\n    /** Hook return value with state and handlers */\n    hookState: UsePromptInputReturn;\n    /** Header-related props */\n    headerProps?: PromptInputHeaderConfig;\n    /** Body/textarea-related props */\n    bodyProps?: PromptInputBodyConfig;\n    /** Footer-related props */\n    footerProps?: PromptInputFooterConfig;\n    /** Additional CSS class */\n    className?: string;\n    /** QA/test identifier */\n    qa?: string;\n};\n\n/**\n * PromptInputFull component - full view with header, body, and footer\n *\n * @param props - Component props\n * @returns React component\n */\nexport function PromptInputFull(props: PromptInputFullProps) {\n    const {hookState, headerProps = {}, bodyProps = {}, footerProps = {}, className, qa} = props;\n\n    const {\n        topContent,\n        contextItems = [],\n        showContextIndicator = false,\n        contextIndicatorProps,\n        qa: headerQa,\n    } = headerProps;\n\n    const {\n        placeholder = 'Plan, code, build and test anything',\n        size: bodySize,\n        minRows = 1,\n        maxRows = 15,\n        autoFocus = false,\n        disabledInput = false,\n        inputRef,\n        qa: bodyQa,\n    } = bodyProps;\n\n    const {\n        bottomContent,\n        className: footerClassName,\n        contentClassName,\n        buttonSize,\n        submitButtonProps,\n        showSettings = false,\n        onSettingsClick,\n        attachmentContent,\n        showAttachment,\n        onAttachmentClick,\n        showMicrophone = false,\n        onMicrophoneClick,\n        submitButtonTooltipSend,\n        submitButtonTooltipCancel,\n        submitButtonCancelableText,\n        submitButtonQa,\n        qa: footerQa,\n    } = footerProps;\n\n    const {value, submitButtonState, isInputDisabled, handleChange, handleKeyDown, handleSubmit} =\n        hookState;\n\n    const shouldShowHeader = topContent || contextItems.length > 0 || showContextIndicator;\n\n    return (\n        <div className={b({view: 'full'}, className)} data-qa={qa}>\n            {shouldShowHeader &&\n                (topContent ? (\n                    <PromptInputHeader qa={headerQa}>{topContent}</PromptInputHeader>\n                ) : (\n                    <PromptInputHeader\n                        contextItems={contextItems}\n                        showContextIndicator={showContextIndicator}\n                        contextIndicatorProps={contextIndicatorProps}\n                        qa={headerQa}\n                    />\n                ))}\n\n            <PromptInputBody\n                value={value}\n                placeholder={placeholder}\n                size={bodySize}\n                minRows={minRows}\n                maxRows={maxRows}\n                autoFocus={autoFocus}\n                disabledInput={isInputDisabled || disabledInput}\n                ref={inputRef}\n                onChange={handleChange}\n                onKeyDown={handleKeyDown}\n                inputClassName={b('textarea')}\n                qa={bodyQa}\n            />\n\n            <PromptInputFooter\n                qa={footerQa}\n                className={footerClassName}\n                contentClassName={contentClassName}\n                buttonSize={buttonSize}\n                submitButton={{\n                    ...submitButtonProps,\n                    onClick: handleSubmit,\n                    state: submitButtonState,\n                    tooltipSend: submitButtonProps?.tooltipSend ?? submitButtonTooltipSend,\n                    tooltipCancel: submitButtonProps?.tooltipCancel ?? submitButtonTooltipCancel,\n                    cancelableText: submitButtonProps?.cancelableText ?? submitButtonCancelableText,\n                    qa: submitButtonProps?.qa ?? submitButtonQa ?? 'submit-button-full',\n                }}\n                showSettings={showSettings}\n                onSettingsClick={onSettingsClick}\n                showAttachment={showAttachment}\n                onAttachmentClick={onAttachmentClick}\n                attachmentContent={attachmentContent}\n                showMicrophone={showMicrophone}\n                onMicrophoneClick={onMicrophoneClick}\n            >\n                {bottomContent}\n            </PromptInputFooter>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"PromptInputFull.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/PromptInputFull.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {ReactNode} from 'react';\n\nimport {block} from '../../../utils/cn';\nimport {PromptInputBody} from '../../molecules/PromptInputBody';\nimport {PromptInputFooter} from '../../molecules/PromptInputFooter';\nimport {PromptInputHeader} from '../../molecules/PromptInputHeader';\n\nimport {PromptInputBodyConfig, PromptInputFooterConfig, PromptInputHeaderConfig} from './types';\nimport {UsePromptInputReturn} from './usePromptInput';\n\nconst b = block('prompt-input');\n\n/**\n * Props for the PromptInputFull component\n */\nexport type PromptInputFullProps = {\n    commandsContent?: ReactNode;\n    /** Hook return value with state and handlers */\n    hookState: UsePromptInputReturn;\n    /** Header-related props */\n    headerProps?: PromptInputHeaderConfig;\n    /** Body/textarea-related props */\n    bodyProps?: PromptInputBodyConfig;\n    /** Footer-related props */\n    footerProps?: PromptInputFooterConfig;\n    /** Additional CSS class */\n    className?: string;\n    /** QA/test identifier */\n    qa?: string;\n};\n\n/**\n * PromptInputFull component - full view with header, body, and footer\n *\n * @param props - Component props\n * @returns React component\n */\nexport function PromptInputFull(props: PromptInputFullProps) {\n    const {\n        commandsContent,\n        hookState,\n        headerProps = {},\n        bodyProps = {},\n        footerProps = {},\n        className,\n        qa,\n    } = props;\n\n    const {\n        topContent,\n        contextItems = [],\n        showContextIndicator = false,\n        contextIndicatorProps,\n        qa: headerQa,\n    } = headerProps;\n\n    const {\n        placeholder = 'Plan, code, build and test anything',\n        size: bodySize,\n        minRows = 1,\n        maxRows = 15,\n        autoFocus = false,\n        disabledInput = false,\n        inputRef,\n        controlProps,\n        qa: bodyQa,\n    } = bodyProps;\n\n    const {\n        bottomContent,\n        className: footerClassName,\n        contentClassName,\n        buttonSize,\n        submitButtonProps,\n        showSettings = false,\n        onSettingsClick,\n        attachmentContent,\n        showAttachment,\n        onAttachmentClick,\n        showMicrophone = false,\n        onMicrophoneClick,\n        submitButtonTooltipSend,\n        submitButtonTooltipCancel,\n        submitButtonCancelableText,\n        submitButtonQa,\n        qa: footerQa,\n    } = footerProps;\n\n    const {value, submitButtonState, isInputDisabled, handleChange, handleKeyDown, handleSubmit} =\n        hookState;\n\n    const shouldShowHeader = topContent || contextItems.length > 0 || showContextIndicator;\n\n    return (\n        <div className={b({view: 'full'}, className)} data-qa={qa}>\n            {commandsContent}\n            {shouldShowHeader &&\n                (topContent ? (\n                    <PromptInputHeader qa={headerQa}>{topContent}</PromptInputHeader>\n                ) : (\n                    <PromptInputHeader\n                        contextItems={contextItems}\n                        showContextIndicator={showContextIndicator}\n                        contextIndicatorProps={contextIndicatorProps}\n                        qa={headerQa}\n                    />\n                ))}\n\n            <PromptInputBody\n                value={value}\n                placeholder={placeholder}\n                size={bodySize}\n                minRows={minRows}\n                maxRows={maxRows}\n                autoFocus={autoFocus}\n                disabledInput={isInputDisabled || disabledInput}\n                ref={inputRef}\n                controlProps={controlProps}\n                onChange={handleChange}\n                onKeyDown={handleKeyDown}\n                inputClassName={b('textarea')}\n                qa={bodyQa}\n            />\n\n            <PromptInputFooter\n                qa={footerQa}\n                className={footerClassName}\n                contentClassName={contentClassName}\n                buttonSize={buttonSize}\n                submitButton={{\n                    ...submitButtonProps,\n                    onClick: handleSubmit,\n                    state: submitButtonState,\n                    tooltipSend: submitButtonProps?.tooltipSend ?? submitButtonTooltipSend,\n                    tooltipCancel: submitButtonProps?.tooltipCancel ?? submitButtonTooltipCancel,\n                    cancelableText: submitButtonProps?.cancelableText ?? submitButtonCancelableText,\n                    qa: submitButtonProps?.qa ?? submitButtonQa ?? 'submit-button-full',\n                }}\n                showSettings={showSettings}\n                onSettingsClick={onSettingsClick}\n                showAttachment={showAttachment}\n                onAttachmentClick={onAttachmentClick}\n                attachmentContent={attachmentContent}\n                showMicrophone={showMicrophone}\n                onMicrophoneClick={onMicrophoneClick}\n            >\n                {bottomContent}\n            </PromptInputFooter>\n        </div>\n    );\n}\n"]}

package/build/esm/components/organisms/PromptInput/PromptInputSimple.d.ts

@@ -1,9 +1,11 @@
+import type { ReactNode } from 'react';
 import { PromptInputBodyConfig, PromptInputFooterConfig } from "./types.js";
 import { UsePromptInputReturn } from "./usePromptInput.js";
 /**
  * Props for the PromptInputSimple component
  */
 export type PromptInputSimpleProps = {
+    commandsContent?: ReactNode;
     /** Hook return value with state and handlers */
     hookState: UsePromptInputReturn;
     /** Body/textarea-related props */

package/build/esm/components/organisms/PromptInput/PromptInputSimple.js

@@ -12,11 +12,11 @@ const b = block('prompt-input');
  */
 export function PromptInputSimple(props) {
     var _a, _b, _c, _d, _e;
-    const { hookState, bodyProps = {}, footerProps = {}, className, qa } = props;
-    const { placeholder = 'Plan, code, build and test anything', size: bodySize, minRows = 1, maxRows = 15, autoFocus = false, disabledInput = false, inputRef, qa: bodyQa, } = bodyProps;
+    const { commandsContent, hookState, bodyProps = {}, footerProps = {}, className, qa } = props;
+    const { placeholder = 'Plan, code, build and test anything', size: bodySize, minRows = 1, maxRows = 15, autoFocus = false, disabledInput = false, inputRef, controlProps, qa: bodyQa, } = bodyProps;
     const { bottomContent, className: footerClassName, contentClassName, buttonSize, submitButtonProps, showAttachment = false, onAttachmentClick, attachmentContent, showMicrophone = false, onMicrophoneClick, submitButtonTooltipSend, submitButtonTooltipCancel, submitButtonCancelableText, submitButtonQa, qa: footerQa, } = footerProps;
     const { value, submitButtonState, isInputDisabled, handleChange, handleKeyDown, handleSubmit } = hookState;
     const resolvedButtonSize = useMobileControlSize(buttonSize, 'l', 'xl');
-    return (_jsx("div", { className: b({ view: 'simple' }, className), "data-qa": qa, children: _jsxs("div", { className: b('content'), children: [_jsx(PromptInputBody, { value: value, placeholder: placeholder, size: bodySize, minRows: minRows, maxRows: maxRows, autoFocus: autoFocus, disabledInput: isInputDisabled || disabledInput, ref: inputRef, onChange: handleChange, onKeyDown: handleKeyDown, qa: bodyQa }), _jsx(PromptInputFooter, { qa: footerQa, className: footerClassName, contentClassName: contentClassName, submitButton: Object.assign(Object.assign({}, submitButtonProps), { onClick: handleSubmit, state: submitButtonState, tooltipSend: (_a = submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.tooltipSend) !== null && _a !== void 0 ? _a : submitButtonTooltipSend, tooltipCancel: (_b = submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.tooltipCancel) !== null && _b !== void 0 ? _b : submitButtonTooltipCancel, cancelableText: (_c = submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.cancelableText) !== null && _c !== void 0 ? _c : submitButtonCancelableText, qa: (_e = (_d = submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.qa) !== null && _d !== void 0 ? _d : submitButtonQa) !== null && _e !== void 0 ? _e : 'submit-button-simple' }), showAttachment: showAttachment, onAttachmentClick: onAttachmentClick, attachmentContent: attachmentContent, showMicrophone: showMicrophone, onMicrophoneClick: onMicrophoneClick, buttonSize: resolvedButtonSize, children: bottomContent })] }) }));
+    return (_jsxs("div", { className: b({ view: 'simple' }, className), "data-qa": qa, children: [commandsContent, _jsxs("div", { className: b('content'), children: [_jsx(PromptInputBody, { value: value, placeholder: placeholder, size: bodySize, minRows: minRows, maxRows: maxRows, autoFocus: autoFocus, disabledInput: isInputDisabled || disabledInput, ref: inputRef, controlProps: controlProps, onChange: handleChange, onKeyDown: handleKeyDown, qa: bodyQa }), _jsx(PromptInputFooter, { qa: footerQa, className: footerClassName, contentClassName: contentClassName, submitButton: Object.assign(Object.assign({}, submitButtonProps), { onClick: handleSubmit, state: submitButtonState, tooltipSend: (_a = submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.tooltipSend) !== null && _a !== void 0 ? _a : submitButtonTooltipSend, tooltipCancel: (_b = submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.tooltipCancel) !== null && _b !== void 0 ? _b : submitButtonTooltipCancel, cancelableText: (_c = submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.cancelableText) !== null && _c !== void 0 ? _c : submitButtonCancelableText, qa: (_e = (_d = submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.qa) !== null && _d !== void 0 ? _d : submitButtonQa) !== null && _e !== void 0 ? _e : 'submit-button-simple' }), showAttachment: showAttachment, onAttachmentClick: onAttachmentClick, attachmentContent: attachmentContent, showMicrophone: showMicrophone, onMicrophoneClick: onMicrophoneClick, buttonSize: resolvedButtonSize, children: bottomContent })] })] }));
 }
 //# sourceMappingURL=PromptInputSimple.js.map

package/build/esm/components/organisms/PromptInput/PromptInputSimple.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptInputSimple.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/PromptInputSimple.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,oBAAoB,EAAC,+CAA4C;AACzE,OAAO,EAAC,KAAK,EAAC,6BAA0B;AACxC,OAAO,EAAC,eAAe,EAAC,iDAAwC;AAChE,OAAO,EAAC,iBAAiB,EAAC,mDAA0C;AAKpE,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAkBhC;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAA6B;;IAC3D,MAAM,EAAC,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,SAAS,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC;IAE3E,MAAM,EACF,WAAW,GAAG,qCAAqC,EACnD,IAAI,EAAE,QAAQ,EACd,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,KAAK,EACjB,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,EAAE,EAAE,MAAM,GACb,GAAG,SAAS,CAAC;IAEd,MAAM,EACF,aAAa,EACb,SAAS,EAAE,eAAe,EAC1B,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,cAAc,GAAG,KAAK,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GAAG,KAAK,EACtB,iBAAiB,EACjB,uBAAuB,EACvB,yBAAyB,EACzB,0BAA0B,EAC1B,cAAc,EACd,EAAE,EAAE,QAAQ,GACf,GAAG,WAAW,CAAC;IAEhB,MAAM,EAAC,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAC,GACxF,SAAS,CAAC;IACd,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,UAAU,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;IAEvE,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,SAAS,CAAC,aAAW,EAAE,YACvD,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,KAAC,eAAe,IACZ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,eAAe,IAAI,aAAa,EAC/C,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,EAAE,EAAE,MAAM,GACZ,EACF,KAAC,iBAAiB,IACd,EAAE,EAAE,QAAQ,EACZ,SAAS,EAAE,eAAe,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,kCACL,iBAAiB,KACpB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,iBAAiB,EACxB,WAAW,EAAE,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,WAAW,mCAAI,uBAAuB,EACtE,aAAa,EACT,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,aAAa,mCAAI,yBAAyB,EACjE,cAAc,EACV,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,cAAc,mCAAI,0BAA0B,EACnE,EAAE,EAAE,MAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,EAAE,mCAAI,cAAc,mCAAI,sBAAsB,KAEzE,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,kBAAkB,YAE7B,aAAa,GACE,IAClB,GACJ,CACT,CAAC;AACN,CAAC","sourcesContent":["import {useMobileControlSize} from '../../../hooks/useMobileControlSize';\nimport {block} from '../../../utils/cn';\nimport {PromptInputBody} from '../../molecules/PromptInputBody';\nimport {PromptInputFooter} from '../../molecules/PromptInputFooter';\n\nimport {PromptInputBodyConfig, PromptInputFooterConfig} from './types';\nimport {UsePromptInputReturn} from './usePromptInput';\n\nconst b = block('prompt-input');\n\n/**\n * Props for the PromptInputSimple component\n */\nexport type PromptInputSimpleProps = {\n    /** Hook return value with state and handlers */\n    hookState: UsePromptInputReturn;\n    /** Body/textarea-related props */\n    bodyProps?: PromptInputBodyConfig;\n    /** Footer-related props */\n    footerProps?: PromptInputFooterConfig;\n    /** Additional CSS class */\n    className?: string;\n    /** QA/test identifier */\n    qa?: string;\n};\n\n/**\n * PromptInputSimple component - simple view with just body and footer\n *\n * @param props - Component props\n * @returns React component\n */\nexport function PromptInputSimple(props: PromptInputSimpleProps) {\n    const {hookState, bodyProps = {}, footerProps = {}, className, qa} = props;\n\n    const {\n        placeholder = 'Plan, code, build and test anything',\n        size: bodySize,\n        minRows = 1,\n        maxRows = 15,\n        autoFocus = false,\n        disabledInput = false,\n        inputRef,\n        qa: bodyQa,\n    } = bodyProps;\n\n    const {\n        bottomContent,\n        className: footerClassName,\n        contentClassName,\n        buttonSize,\n        submitButtonProps,\n        showAttachment = false,\n        onAttachmentClick,\n        attachmentContent,\n        showMicrophone = false,\n        onMicrophoneClick,\n        submitButtonTooltipSend,\n        submitButtonTooltipCancel,\n        submitButtonCancelableText,\n        submitButtonQa,\n        qa: footerQa,\n    } = footerProps;\n\n    const {value, submitButtonState, isInputDisabled, handleChange, handleKeyDown, handleSubmit} =\n        hookState;\n    const resolvedButtonSize = useMobileControlSize(buttonSize, 'l', 'xl');\n\n    return (\n        <div className={b({view: 'simple'}, className)} data-qa={qa}>\n            <div className={b('content')}>\n                <PromptInputBody\n                    value={value}\n                    placeholder={placeholder}\n                    size={bodySize}\n                    minRows={minRows}\n                    maxRows={maxRows}\n                    autoFocus={autoFocus}\n                    disabledInput={isInputDisabled || disabledInput}\n                    ref={inputRef}\n                    onChange={handleChange}\n                    onKeyDown={handleKeyDown}\n                    qa={bodyQa}\n                />\n                <PromptInputFooter\n                    qa={footerQa}\n                    className={footerClassName}\n                    contentClassName={contentClassName}\n                    submitButton={{\n                        ...submitButtonProps,\n                        onClick: handleSubmit,\n                        state: submitButtonState,\n                        tooltipSend: submitButtonProps?.tooltipSend ?? submitButtonTooltipSend,\n                        tooltipCancel:\n                            submitButtonProps?.tooltipCancel ?? submitButtonTooltipCancel,\n                        cancelableText:\n                            submitButtonProps?.cancelableText ?? submitButtonCancelableText,\n                        qa: submitButtonProps?.qa ?? submitButtonQa ?? 'submit-button-simple',\n                    }}\n                    showAttachment={showAttachment}\n                    onAttachmentClick={onAttachmentClick}\n                    attachmentContent={attachmentContent}\n                    showMicrophone={showMicrophone}\n                    onMicrophoneClick={onMicrophoneClick}\n                    buttonSize={resolvedButtonSize}\n                >\n                    {bottomContent}\n                </PromptInputFooter>\n            </div>\n        </div>\n    );\n}\n"]}
+{"version":3,"file":"PromptInputSimple.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/PromptInputSimple.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {ReactNode} from 'react';\n\nimport {useMobileControlSize} from '../../../hooks/useMobileControlSize';\nimport {block} from '../../../utils/cn';\nimport {PromptInputBody} from '../../molecules/PromptInputBody';\nimport {PromptInputFooter} from '../../molecules/PromptInputFooter';\n\nimport {PromptInputBodyConfig, PromptInputFooterConfig} from './types';\nimport {UsePromptInputReturn} from './usePromptInput';\n\nconst b = block('prompt-input');\n\n/**\n * Props for the PromptInputSimple component\n */\nexport type PromptInputSimpleProps = {\n    commandsContent?: ReactNode;\n    /** Hook return value with state and handlers */\n    hookState: UsePromptInputReturn;\n    /** Body/textarea-related props */\n    bodyProps?: PromptInputBodyConfig;\n    /** Footer-related props */\n    footerProps?: PromptInputFooterConfig;\n    /** Additional CSS class */\n    className?: string;\n    /** QA/test identifier */\n    qa?: string;\n};\n\n/**\n * PromptInputSimple component - simple view with just body and footer\n *\n * @param props - Component props\n * @returns React component\n */\nexport function PromptInputSimple(props: PromptInputSimpleProps) {\n    const {commandsContent, hookState, bodyProps = {}, footerProps = {}, className, qa} = props;\n\n    const {\n        placeholder = 'Plan, code, build and test anything',\n        size: bodySize,\n        minRows = 1,\n        maxRows = 15,\n        autoFocus = false,\n        disabledInput = false,\n        inputRef,\n        controlProps,\n        qa: bodyQa,\n    } = bodyProps;\n\n    const {\n        bottomContent,\n        className: footerClassName,\n        contentClassName,\n        buttonSize,\n        submitButtonProps,\n        showAttachment = false,\n        onAttachmentClick,\n        attachmentContent,\n        showMicrophone = false,\n        onMicrophoneClick,\n        submitButtonTooltipSend,\n        submitButtonTooltipCancel,\n        submitButtonCancelableText,\n        submitButtonQa,\n        qa: footerQa,\n    } = footerProps;\n\n    const {value, submitButtonState, isInputDisabled, handleChange, handleKeyDown, handleSubmit} =\n        hookState;\n    const resolvedButtonSize = useMobileControlSize(buttonSize, 'l', 'xl');\n\n    return (\n        <div className={b({view: 'simple'}, className)} data-qa={qa}>\n            {commandsContent}\n            <div className={b('content')}>\n                <PromptInputBody\n                    value={value}\n                    placeholder={placeholder}\n                    size={bodySize}\n                    minRows={minRows}\n                    maxRows={maxRows}\n                    autoFocus={autoFocus}\n                    disabledInput={isInputDisabled || disabledInput}\n                    ref={inputRef}\n                    controlProps={controlProps}\n                    onChange={handleChange}\n                    onKeyDown={handleKeyDown}\n                    qa={bodyQa}\n                />\n                <PromptInputFooter\n                    qa={footerQa}\n                    className={footerClassName}\n                    contentClassName={contentClassName}\n                    submitButton={{\n                        ...submitButtonProps,\n                        onClick: handleSubmit,\n                        state: submitButtonState,\n                        tooltipSend: submitButtonProps?.tooltipSend ?? submitButtonTooltipSend,\n                        tooltipCancel:\n                            submitButtonProps?.tooltipCancel ?? submitButtonTooltipCancel,\n                        cancelableText:\n                            submitButtonProps?.cancelableText ?? submitButtonCancelableText,\n                        qa: submitButtonProps?.qa ?? submitButtonQa ?? 'submit-button-simple',\n                    }}\n                    showAttachment={showAttachment}\n                    onAttachmentClick={onAttachmentClick}\n                    attachmentContent={attachmentContent}\n                    showMicrophone={showMicrophone}\n                    onMicrophoneClick={onMicrophoneClick}\n                    buttonSize={resolvedButtonSize}\n                >\n                    {bottomContent}\n                </PromptInputFooter>\n            </div>\n        </div>\n    );\n}\n"]}

package/build/esm/components/organisms/PromptInput/commandUtils.d.ts

@@ -0,0 +1,13 @@
+import type { PromptCommandSource } from "../../../types/index.js";
+export type CommandMatch = {
+    sourceId: string;
+    query: string;
+    start: number;
+    end: number;
+};
+/** Match only a whitespace-delimited token at a collapsed caret. */
+export declare function findCommandMatch(value: string, start: number, end: number, sources: readonly PromptCommandSource[]): CommandMatch | undefined;
+export declare function replaceCommand(value: string, match: Pick<CommandMatch, 'start' | 'end'>, text?: string): {
+    value: string;
+    caret: number;
+};

package/build/esm/components/organisms/PromptInput/commandUtils.js

@@ -0,0 +1,23 @@
+/** Match only a whitespace-delimited token at a collapsed caret. */
+export function findCommandMatch(value, start, end, sources) {
+    var _a, _b;
+    if (start !== end)
+        return undefined;
+    const match = /(?:^|\s)([/@])([^\s/@]*)$/.exec(value.slice(0, start));
+    if (!match)
+        return undefined;
+    const source = sources.find((item) => item.trigger === match[1]);
+    if (!source)
+        return undefined;
+    const tokenStart = start - match[2].length - 1;
+    const suffix = (_b = (_a = /^[^\s/@]*/.exec(value.slice(start))) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '';
+    return { sourceId: source.id, query: match[2], start: tokenStart, end: start + suffix.length };
+}
+export function replaceCommand(value, match, text = '') {
+    const insertion = text && !/\s$/.test(text) ? `${text} ` : text;
+    return {
+        value: value.slice(0, match.start) + insertion + value.slice(match.end),
+        caret: match.start + insertion.length,
+    };
+}
+//# sourceMappingURL=commandUtils.js.map

package/build/esm/components/organisms/PromptInput/commandUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commandUtils.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/commandUtils.ts"],"names":[],"mappings":"AAIA,oEAAoE;AACpE,MAAM,UAAU,gBAAgB,CAC5B,KAAa,EACb,KAAa,EACb,GAAW,EACX,OAAuC;;IAEvC,IAAI,KAAK,KAAK,GAAG;QAAE,OAAO,SAAS,CAAC;IACpC,MAAM,KAAK,GAAG,2BAA2B,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IACtE,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAC;IAC7B,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,IAAI,CAAC,MAAM;QAAE,OAAO,SAAS,CAAC;IAC9B,MAAM,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/C,MAAM,MAAM,GAAG,MAAA,MAAA,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,0CAAG,CAAC,CAAC,mCAAI,EAAE,CAAC;IAC/D,OAAO,EAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,EAAC,CAAC;AACjG,CAAC;AAED,MAAM,UAAU,cAAc,CAC1B,KAAa,EACb,KAA0C,EAC1C,IAAI,GAAG,EAAE;IAET,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAChE,OAAO;QACH,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;QACvE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,MAAM;KACxC,CAAC;AACN,CAAC","sourcesContent":["import type {PromptCommandSource} from '../../../types';\n\nexport type CommandMatch = {sourceId: string; query: string; start: number; end: number};\n\n/** Match only a whitespace-delimited token at a collapsed caret. */\nexport function findCommandMatch(\n    value: string,\n    start: number,\n    end: number,\n    sources: readonly PromptCommandSource[],\n): CommandMatch | undefined {\n    if (start !== end) return undefined;\n    const match = /(?:^|\\s)([/@])([^\\s/@]*)$/.exec(value.slice(0, start));\n    if (!match) return undefined;\n    const source = sources.find((item) => item.trigger === match[1]);\n    if (!source) return undefined;\n    const tokenStart = start - match[2].length - 1;\n    const suffix = /^[^\\s/@]*/.exec(value.slice(start))?.[0] ?? '';\n    return {sourceId: source.id, query: match[2], start: tokenStart, end: start + suffix.length};\n}\n\nexport function replaceCommand(\n    value: string,\n    match: Pick<CommandMatch, 'start' | 'end'>,\n    text = '',\n) {\n    const insertion = text && !/\\s$/.test(text) ? `${text} ` : text;\n    return {\n        value: value.slice(0, match.start) + insertion + value.slice(match.end),\n        caret: match.start + insertion.length,\n    };\n}\n"]}

package/build/esm/components/organisms/PromptInput/i18n/en.json

@@ -0,0 +1,8 @@
+{
+  "loading": "Loading…",
+  "empty": "No matches",
+  "error": "Could not select or load items. Try again.",
+  "retry": "Retry",
+  "search": "Search",
+  "send-error": "Could not send the message. Your draft has been kept."
+}

package/build/esm/components/organisms/PromptInput/i18n/index.d.ts

@@ -0,0 +1,13 @@
+export declare const i18n: ((key: "error" | "loading" | "retry" | "search" | "empty" | "send-error", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "error" | "loading" | "retry" | "search" | "empty" | "send-error", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "error" | "loading" | "retry" | "search" | "empty" | "send-error", params?: import("@gravity-ui/i18n").Params) => string;
+    };
+    keysetData: {
+        "g-aikit-PromptInput": Record<"error" | "loading" | "retry" | "search" | "empty" | "send-error", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/build/esm/components/organisms/PromptInput/i18n/index.js

@@ -0,0 +1,6 @@
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from "../../../../utils/cn.js";
+import en from "./en.json";
+import ru from "./ru.json";
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}PromptInput`);
+//# sourceMappingURL=index.js.map

package/build/esm/components/organisms/PromptInput/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["components/organisms/PromptInput/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAC,SAAS,EAAC,gCAA6B;AAE/C,OAAO,EAAE,kBAAkB;AAC3B,OAAO,EAAE,kBAAkB;AAC3B,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAC,EAAE,EAAE,EAAE,EAAC,EAAE,GAAG,SAAS,aAAa,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}PromptInput`);\n"]}

package/build/esm/components/organisms/PromptInput/i18n/ru.json

@@ -0,0 +1,8 @@
+{
+  "loading": "Загрузка…",
+  "empty": "Ничего не найдено",
+  "error": "Не удалось выбрать или загрузить элементы. Попробуйте ещё раз.",
+  "retry": "Повторить",
+  "search": "Поиск",
+  "send-error": "Не удалось отправить сообщение. Черновик сохранён."
+}

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

@@ -1,4 +1,4 @@
-export { PromptInput, type PromptInputProps } from "./PromptInput.js";
+export { PromptInput, type PromptInputProps, type PromptInputHandle } from "./PromptInput.js";
 export { PromptInputFull, type PromptInputFullProps } from "./PromptInputFull.js";
 export { PromptInputSimple, type PromptInputSimpleProps } from "./PromptInputSimple.js";
 export { PromptInputWithPanels, type PromptInputWithPanelsProps } from "./PromptInputWithPanels.js";
@@ -6,3 +6,4 @@ export { PromptInputWithSuggestions, type PromptInputWithSuggestionsProps, } fro
 export { type PromptInputBodyConfig, type PromptInputFooterConfig, type PromptInputHeaderConfig, type PromptInputPanelConfig, type PromptInputSuggestionsConfig, } from "./types.js";
 export { usePromptInput, type UsePromptInputProps, type UsePromptInputReturn, } from "./usePromptInput.js";
 export { useDelayedUnmount } from "./useDelayedUnmount.js";
+export type { PromptCommandsConfig, PromptCommandSource, PromptCommandItem, PromptSelection, } from "../../../types/promptCommands.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAwB,yBAAsB;AACjE,OAAO,EAAC,eAAe,EAA4B,6BAA0B;AAC7E,OAAO,EAAC,iBAAiB,EAA8B,+BAA4B;AACnF,OAAO,EAAC,qBAAqB,EAAkC,mCAAgC;AAC/F,OAAO,EACH,0BAA0B,GAE7B,wCAAqC;AAQtC,OAAO,EACH,cAAc,GAGjB,4BAAyB;AAC1B,OAAO,EAAC,iBAAiB,EAAC,+BAA4B","sourcesContent":["export {PromptInput, type PromptInputProps} from './PromptInput';\nexport {PromptInputFull, type PromptInputFullProps} from './PromptInputFull';\nexport {PromptInputSimple, type PromptInputSimpleProps} from './PromptInputSimple';\nexport {PromptInputWithPanels, type PromptInputWithPanelsProps} from './PromptInputWithPanels';\nexport {\n    PromptInputWithSuggestions,\n    type PromptInputWithSuggestionsProps,\n} from './PromptInputWithSuggestions';\nexport {\n    type PromptInputBodyConfig,\n    type PromptInputFooterConfig,\n    type PromptInputHeaderConfig,\n    type PromptInputPanelConfig,\n    type PromptInputSuggestionsConfig,\n} from './types';\nexport {\n    usePromptInput,\n    type UsePromptInputProps,\n    type UsePromptInputReturn,\n} from './usePromptInput';\nexport {useDelayedUnmount} from './useDelayedUnmount';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAgD,yBAAsB;AACzF,OAAO,EAAC,eAAe,EAA4B,6BAA0B;AAC7E,OAAO,EAAC,iBAAiB,EAA8B,+BAA4B;AACnF,OAAO,EAAC,qBAAqB,EAAkC,mCAAgC;AAC/F,OAAO,EACH,0BAA0B,GAE7B,wCAAqC;AAQtC,OAAO,EACH,cAAc,GAGjB,4BAAyB;AAC1B,OAAO,EAAC,iBAAiB,EAAC,+BAA4B","sourcesContent":["export {PromptInput, type PromptInputProps, type PromptInputHandle} from './PromptInput';\nexport {PromptInputFull, type PromptInputFullProps} from './PromptInputFull';\nexport {PromptInputSimple, type PromptInputSimpleProps} from './PromptInputSimple';\nexport {PromptInputWithPanels, type PromptInputWithPanelsProps} from './PromptInputWithPanels';\nexport {\n    PromptInputWithSuggestions,\n    type PromptInputWithSuggestionsProps,\n} from './PromptInputWithSuggestions';\nexport {\n    type PromptInputBodyConfig,\n    type PromptInputFooterConfig,\n    type PromptInputHeaderConfig,\n    type PromptInputPanelConfig,\n    type PromptInputSuggestionsConfig,\n} from './types';\nexport {\n    usePromptInput,\n    type UsePromptInputProps,\n    type UsePromptInputReturn,\n} from './usePromptInput';\nexport {useDelayedUnmount} from './useDelayedUnmount';\n\nexport type {\n    PromptCommandsConfig,\n    PromptCommandSource,\n    PromptCommandItem,\n    PromptSelection,\n} from '../../../types/promptCommands';\n"]}

package/build/esm/components/organisms/PromptInput/types.d.ts

@@ -44,6 +44,7 @@ export type PromptInputHeaderConfig = {
  * Props for the body/textarea section of PromptInput
  */
 export type PromptInputBodyConfig = {
+    controlProps?: TextAreaProps['controlProps'];
     /** QA/test identifier for body wrapper */
     qa?: string;
     /** Ref to the textarea input */

package/build/esm/components/organisms/PromptInput/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/types.ts"],"names":[],"mappings":"","sourcesContent":["import {ReactNode, type Ref} from 'react';\n\nimport type {ButtonButtonProps, TextAreaProps} from '@gravity-ui/uikit';\n\nimport type {SuggestionClickHandler, SuggestionsItem} from '../../../types/common';\nimport type {SubmitButtonProps} from '../../atoms/SubmitButton';\nimport {PromptInputHeaderProps} from '../../molecules/PromptInputHeader';\nimport type {SuggestionsProps} from '../../molecules/Suggestions';\n\n/**\n * Props for a panel (top or bottom)\n */\nexport type PromptInputPanelConfig = {\n    /** Is panel open */\n    isOpen: boolean;\n    /** Panel content */\n    children?: ReactNode;\n};\n\n/**\n * Props for the header section of PromptInput.\n * Custom content (`topContent`) and default header props are mutually exclusive:\n * `topContent` replaces the default header entirely.\n */\nexport type PromptInputHeaderConfig = {\n    /** QA/test identifier for header wrapper */\n    qa?: string;\n} & (\n    | {\n          /** Custom content for header area (replaces the default header) */\n          topContent?: ReactNode;\n          /** Not allowed together with custom content */\n          contextItems?: never;\n          /** Not allowed together with custom content */\n          showContextIndicator?: never;\n          /** Not allowed together with custom content */\n          contextIndicatorProps?: never;\n      }\n    | {\n          /** Not allowed together with default header props */\n          topContent?: never;\n          /** Array of context items to display on the left */\n          contextItems?: PromptInputHeaderProps['contextItems'];\n          /** Show context indicator in header */\n          showContextIndicator?: boolean;\n          /** Props for context indicator */\n          contextIndicatorProps?: PromptInputHeaderProps['contextIndicatorProps'];\n      }\n);\n\n/**\n * Props for the body/textarea section of PromptInput\n */\nexport type PromptInputBodyConfig = {\n    /** QA/test identifier for body wrapper */\n    qa?: string;\n    /** Ref to the textarea input */\n    inputRef?: Ref<HTMLTextAreaElement>;\n    /** Placeholder text for textarea */\n    placeholder?: string;\n    /** Size of the textarea. Defaults to `l`, or `xl` in mobile mode */\n    size?: TextAreaProps['size'];\n    /** Minimum number of textarea rows */\n    minRows?: number;\n    /** Maximum number of textarea rows */\n    maxRows?: number;\n    /** Auto focus textarea on mount */\n    autoFocus?: boolean;\n    /** Disabled state for textarea */\n    disabledInput?: boolean;\n    /**\n     * Auto focus textarea when a new chat is opened via the plus icon.\n     * Only applies inside ChatContainer. Defaults to false.\n     */\n    autoFocusOnNewChat?: boolean;\n    /**\n     * Auto focus textarea when a chat is selected from history.\n     * Only applies inside ChatContainer. Defaults to false.\n     */\n    autoFocusOnChatSelect?: boolean;\n};\n\n/**\n * Props for the footer section of PromptInput\n */\nexport type PromptInputFooterConfig = {\n    /** QA/test identifier for footer wrapper */\n    qa?: string;\n    /** Additional CSS class for the footer wrapper */\n    className?: string;\n    /** Additional CSS class for the custom content wrapper */\n    contentClassName?: string;\n    /** Size of footer action buttons */\n    buttonSize?: ButtonButtonProps['size'];\n    /** Props for the submit button. State, click handling, and size are managed by PromptInput. */\n    submitButtonProps?: Omit<SubmitButtonProps, 'state' | 'onClick' | 'size'>;\n    /** Custom content for footer area (SubmitButton will still be shown) */\n    bottomContent?: ReactNode;\n    /** Show settings icon in footer */\n    showSettings?: boolean;\n    /** Settings icon click handler */\n    onSettingsClick?: () => void;\n    /** Show attachment icon in footer */\n    showAttachment?: boolean;\n    /** Attachment icon click handler */\n    onAttachmentClick?: () => void;\n    /**\n     * Replaces the built-in attachment icon button with a custom node (e.g. AttachmentPicker).\n     * When set, `showAttachment` and `onAttachmentClick` are ignored.\n     */\n    attachmentContent?: ReactNode;\n    /** Show microphone icon in footer */\n    showMicrophone?: boolean;\n    /** Microphone icon click handler */\n    onMicrophoneClick?: () => void;\n    /** Custom tooltip for submit button in enabled state */\n    submitButtonTooltipSend?: string;\n    /** Custom tooltip for submit button in cancelable state */\n    submitButtonTooltipCancel?: string;\n    /** Custom cancelable text (if provided, will be shown in cancelable state) */\n    submitButtonCancelableText?: string;\n    /** QA/test identifier for submit button */\n    submitButtonQa?: string;\n};\n\n/**\n * Props for the suggestions section of PromptInput\n */\nexport type PromptInputSuggestionsConfig = {\n    /** Submit suggestions array */\n    suggestions?: SuggestionsItem[];\n    /** Show submit suggestions */\n    showSuggestions?: boolean;\n    /** Title for the suggestions section - can be string or custom React element */\n    suggestTitle?: string | ReactNode;\n    /** Layout orientation for suggestions: 'grid' for horizontal, 'list' for vertical */\n    suggestionsLayout?: SuggestionsProps['layout'];\n    /** Text alignment inside suggestion buttons */\n    suggestionsTextAlign?: SuggestionsProps['textAlign'];\n    /** Callback when suggestion is clicked */\n    onSuggestionClick?: SuggestionClickHandler;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/types.ts"],"names":[],"mappings":"","sourcesContent":["import {ReactNode, type Ref} from 'react';\n\nimport type {ButtonButtonProps, TextAreaProps} from '@gravity-ui/uikit';\n\nimport type {SuggestionClickHandler, SuggestionsItem} from '../../../types/common';\nimport type {SubmitButtonProps} from '../../atoms/SubmitButton';\nimport {PromptInputHeaderProps} from '../../molecules/PromptInputHeader';\nimport type {SuggestionsProps} from '../../molecules/Suggestions';\n\n/**\n * Props for a panel (top or bottom)\n */\nexport type PromptInputPanelConfig = {\n    /** Is panel open */\n    isOpen: boolean;\n    /** Panel content */\n    children?: ReactNode;\n};\n\n/**\n * Props for the header section of PromptInput.\n * Custom content (`topContent`) and default header props are mutually exclusive:\n * `topContent` replaces the default header entirely.\n */\nexport type PromptInputHeaderConfig = {\n    /** QA/test identifier for header wrapper */\n    qa?: string;\n} & (\n    | {\n          /** Custom content for header area (replaces the default header) */\n          topContent?: ReactNode;\n          /** Not allowed together with custom content */\n          contextItems?: never;\n          /** Not allowed together with custom content */\n          showContextIndicator?: never;\n          /** Not allowed together with custom content */\n          contextIndicatorProps?: never;\n      }\n    | {\n          /** Not allowed together with default header props */\n          topContent?: never;\n          /** Array of context items to display on the left */\n          contextItems?: PromptInputHeaderProps['contextItems'];\n          /** Show context indicator in header */\n          showContextIndicator?: boolean;\n          /** Props for context indicator */\n          contextIndicatorProps?: PromptInputHeaderProps['contextIndicatorProps'];\n      }\n);\n\n/**\n * Props for the body/textarea section of PromptInput\n */\nexport type PromptInputBodyConfig = {\n    controlProps?: TextAreaProps['controlProps'];\n    /** QA/test identifier for body wrapper */\n    qa?: string;\n    /** Ref to the textarea input */\n    inputRef?: Ref<HTMLTextAreaElement>;\n    /** Placeholder text for textarea */\n    placeholder?: string;\n    /** Size of the textarea. Defaults to `l`, or `xl` in mobile mode */\n    size?: TextAreaProps['size'];\n    /** Minimum number of textarea rows */\n    minRows?: number;\n    /** Maximum number of textarea rows */\n    maxRows?: number;\n    /** Auto focus textarea on mount */\n    autoFocus?: boolean;\n    /** Disabled state for textarea */\n    disabledInput?: boolean;\n    /**\n     * Auto focus textarea when a new chat is opened via the plus icon.\n     * Only applies inside ChatContainer. Defaults to false.\n     */\n    autoFocusOnNewChat?: boolean;\n    /**\n     * Auto focus textarea when a chat is selected from history.\n     * Only applies inside ChatContainer. Defaults to false.\n     */\n    autoFocusOnChatSelect?: boolean;\n};\n\n/**\n * Props for the footer section of PromptInput\n */\nexport type PromptInputFooterConfig = {\n    /** QA/test identifier for footer wrapper */\n    qa?: string;\n    /** Additional CSS class for the footer wrapper */\n    className?: string;\n    /** Additional CSS class for the custom content wrapper */\n    contentClassName?: string;\n    /** Size of footer action buttons */\n    buttonSize?: ButtonButtonProps['size'];\n    /** Props for the submit button. State, click handling, and size are managed by PromptInput. */\n    submitButtonProps?: Omit<SubmitButtonProps, 'state' | 'onClick' | 'size'>;\n    /** Custom content for footer area (SubmitButton will still be shown) */\n    bottomContent?: ReactNode;\n    /** Show settings icon in footer */\n    showSettings?: boolean;\n    /** Settings icon click handler */\n    onSettingsClick?: () => void;\n    /** Show attachment icon in footer */\n    showAttachment?: boolean;\n    /** Attachment icon click handler */\n    onAttachmentClick?: () => void;\n    /**\n     * Replaces the built-in attachment icon button with a custom node (e.g. AttachmentPicker).\n     * When set, `showAttachment` and `onAttachmentClick` are ignored.\n     */\n    attachmentContent?: ReactNode;\n    /** Show microphone icon in footer */\n    showMicrophone?: boolean;\n    /** Microphone icon click handler */\n    onMicrophoneClick?: () => void;\n    /** Custom tooltip for submit button in enabled state */\n    submitButtonTooltipSend?: string;\n    /** Custom tooltip for submit button in cancelable state */\n    submitButtonTooltipCancel?: string;\n    /** Custom cancelable text (if provided, will be shown in cancelable state) */\n    submitButtonCancelableText?: string;\n    /** QA/test identifier for submit button */\n    submitButtonQa?: string;\n};\n\n/**\n * Props for the suggestions section of PromptInput\n */\nexport type PromptInputSuggestionsConfig = {\n    /** Submit suggestions array */\n    suggestions?: SuggestionsItem[];\n    /** Show submit suggestions */\n    showSuggestions?: boolean;\n    /** Title for the suggestions section - can be string or custom React element */\n    suggestTitle?: string | ReactNode;\n    /** Layout orientation for suggestions: 'grid' for horizontal, 'list' for vertical */\n    suggestionsLayout?: SuggestionsProps['layout'];\n    /** Text alignment inside suggestion buttons */\n    suggestionsTextAlign?: SuggestionsProps['textAlign'];\n    /** Callback when suggestion is clicked */\n    onSuggestionClick?: SuggestionClickHandler;\n};\n"]}

package/build/esm/components/organisms/PromptInput/usePromptCommands.d.ts

@@ -0,0 +1,41 @@
+import type { KeyboardEvent, RefObject } from 'react';
+import type { PromptCommandItem, PromptCommandSource, PromptCommandsConfig, PromptSelection } from "../../../types/index.js";
+import { type CommandMatch } from "./commandUtils.js";
+type Session = CommandMatch & {
+    origin: 'input' | 'button';
+};
+export declare function usePromptCommands({ config, resetKey, value, onChange, inputRef, disabled, maxLength, }: {
+    config?: PromptCommandsConfig;
+    resetKey?: string | number;
+    value: string;
+    onChange: (value: string) => void;
+    inputRef: RefObject<HTMLTextAreaElement>;
+    disabled: boolean;
+    maxLength?: number;
+}): {
+    selections: readonly PromptSelection[];
+    clearSubmitted: (submitted: readonly PromptSelection[]) => void;
+    captureSubmission: () => {
+        selections: PromptSelection[];
+        hasChanged: () => boolean;
+        restore: () => void;
+        clear: () => void;
+    };
+    open: boolean;
+    source: PromptCommandSource | undefined;
+    session: Session | undefined;
+    items: readonly PromptCommandItem[];
+    loading: boolean;
+    error: boolean | undefined;
+    listId: string;
+    activeIndex: number;
+    select: (item: PromptCommandItem) => void;
+    close: () => void;
+    handleKeyDown: (event: KeyboardEvent<HTMLElement>) => boolean;
+    detect: (text: string, start: number, end: number, edited?: boolean) => void;
+    remove: (selection: PromptSelection) => void;
+    openSource: (sourceId: string) => void;
+    search: (query: string) => void;
+    retry: () => void;
+};
+export {};