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

package/build/cjs/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/cjs/components/organisms/PromptInput/i18n/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../../utils/cn.js");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}PromptInput`);
+//# sourceMappingURL=index.js.map

package/build/cjs/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,iDAA2D;AAE3D,gDAA+C;AAE/C,gEAA2B;AAC3B,gEAA2B;AACd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,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/cjs/components/organisms/PromptInput/i18n/ru.json

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

package/build/cjs/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/cjs/components/organisms/PromptInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/index.ts"],"names":[],"mappings":";;;AAAA,gDAAiE;AAAzD,0GAAA,WAAW,OAAA;AACnB,wDAA6E;AAArE,kHAAA,eAAe,OAAA;AACvB,4DAAmF;AAA3E,sHAAA,iBAAiB,OAAA;AACzB,oEAA+F;AAAvF,8HAAA,qBAAqB,OAAA;AAC7B,8EAGsC;AAFlC,wIAAA,0BAA0B,OAAA;AAU9B,sDAI0B;AAHtB,gHAAA,cAAc,OAAA;AAIlB,4DAAsD;AAA9C,sHAAA,iBAAiB,OAAA","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,gDAAyF;AAAjF,0GAAA,WAAW,OAAA;AACnB,wDAA6E;AAArE,kHAAA,eAAe,OAAA;AACvB,4DAAmF;AAA3E,sHAAA,iBAAiB,OAAA;AACzB,oEAA+F;AAAvF,8HAAA,qBAAqB,OAAA;AAC7B,8EAGsC;AAFlC,wIAAA,0BAA0B,OAAA;AAU9B,sDAI0B;AAHtB,gHAAA,cAAc,OAAA;AAIlB,4DAAsD;AAA9C,sHAAA,iBAAiB,OAAA","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/cjs/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/cjs/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/cjs/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 {};

package/build/cjs/components/organisms/PromptInput/usePromptCommands.js

@@ -0,0 +1,222 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePromptCommands = usePromptCommands;
+const react_1 = require("react");
+const commandUtils_1 = require("./commandUtils.js");
+const EMPTY_SELECTIONS = [];
+function usePromptCommands({ config, resetKey, value, onChange, inputRef, disabled, maxLength, }) {
+    var _a;
+    const [internalSelections, setInternalSelections] = (0, react_1.useState)([]);
+    const selections = config ? ((_a = config.selections) !== null && _a !== void 0 ? _a : internalSelections) : EMPTY_SELECTIONS;
+    const [session, setSession] = (0, react_1.useState)();
+    const [result, setResult] = (0, react_1.useState)();
+    const [activeIndex, setActiveIndex] = (0, react_1.useState)(0);
+    const [selectionError, setSelectionError] = (0, react_1.useState)(false);
+    const suppressed = (0, react_1.useRef)();
+    const selectionRevision = (0, react_1.useRef)(0);
+    const previousResetKey = (0, react_1.useRef)(resetKey);
+    (0, react_1.useEffect)(() => {
+        if (previousResetKey.current === resetKey)
+            return;
+        previousResetKey.current = resetKey;
+        selectionRevision.current++;
+        setInternalSelections([]);
+        setSession(undefined);
+        setResult(undefined);
+        setSelectionError(false);
+        suppressed.current = undefined;
+    }, [resetKey]);
+    const listId = (0, react_1.useId)();
+    const source = config === null || config === void 0 ? void 0 : config.sources.find((item) => item.id === (session === null || session === void 0 ? void 0 : session.sourceId));
+    const open = Boolean(session && source && !disabled);
+    const items = result && result.source === source && result.session === session ? result.items : [];
+    const loading = open && ((result === null || result === void 0 ? void 0 : result.session) !== session || (result === null || result === void 0 ? void 0 : result.source) !== source);
+    const error = selectionError ||
+        (result && result.source === source && result.session === session && result.error);
+    const mounted = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(() => {
+        mounted.current = true;
+        return () => {
+            mounted.current = false;
+        };
+    }, []);
+    const latest = (0, react_1.useRef)({ selections, config });
+    if (latest.current.selections.length !== selections.length ||
+        latest.current.selections.some((item, index) => item !== selections[index])) {
+        selectionRevision.current++;
+    }
+    latest.current = { selections, config };
+    const updateSelections = (next) => {
+        var _a, _b;
+        if (!mounted.current)
+            return;
+        selectionRevision.current++;
+        latest.current.selections = next;
+        setInternalSelections(next);
+        (_b = (_a = latest.current.config) === null || _a === void 0 ? void 0 : _a.onSelectionsChange) === null || _b === void 0 ? void 0 : _b.call(_a, next);
+    };
+    const clearSubmitted = (submitted) => {
+        updateSelections(latest.current.selections.filter((item) => !submitted.includes(item)));
+    };
+    const close = () => {
+        suppressed.current = value;
+        setSession(undefined);
+    };
+    const detect = (text, start, end, edited = false) => {
+        if (disabled || !config || (!edited && suppressed.current !== undefined))
+            return;
+        if (edited)
+            suppressed.current = undefined;
+        const match = (0, commandUtils_1.findCommandMatch)(text, start, end, config.sources);
+        setSession((previous) => {
+            if (!match)
+                return undefined;
+            if ((previous === null || previous === void 0 ? void 0 : previous.origin) === 'input' &&
+                previous.sourceId === match.sourceId &&
+                previous.query === match.query &&
+                previous.start === match.start &&
+                previous.end === match.end)
+                return previous;
+            return Object.assign(Object.assign({}, match), { origin: 'input' });
+        });
+    };
+    (0, react_1.useEffect)(() => {
+        if (disabled)
+            setSession(undefined);
+    }, [disabled]);
+    (0, react_1.useEffect)(() => {
+        if (!session || !source || !open)
+            return undefined;
+        const controller = new AbortController();
+        setActiveIndex(0);
+        setSelectionError(false);
+        const load = async () => {
+            var _a;
+            try {
+                const matches = source.getItems
+                    ? await source.getItems(session.query, { signal: controller.signal })
+                    : ((_a = source.items) !== null && _a !== void 0 ? _a : []).filter((item) => {
+                        var _a;
+                        return [item.title, item.description, ...((_a = item.keywords) !== null && _a !== void 0 ? _a : [])].some((text) => text === null || text === void 0 ? void 0 : text.toLocaleLowerCase().includes(session.query.toLocaleLowerCase()));
+                    });
+                if (!controller.signal.aborted) {
+                    setResult({ session, source, items: matches });
+                    setActiveIndex(Math.max(0, matches.findIndex((item) => !item.disabled)));
+                }
+            }
+            catch (_b) {
+                if (!controller.signal.aborted)
+                    setResult({ session, source, items: [], error: true });
+            }
+        };
+        load();
+        return () => controller.abort();
+    }, [session, source, open]);
+    const select = (item) => {
+        var _a;
+        if (!session || !source || item.disabled || disabled)
+            return;
+        const replacement = session.origin === 'button' && item.insertText === undefined
+            ? { value, caret: session.start }
+            : (0, commandUtils_1.replaceCommand)(value, session, item.insertText);
+        if (maxLength !== undefined && replacement.value.length > maxLength) {
+            setSelectionError(true);
+            return;
+        }
+        try {
+            (_a = source.onSelect) === null || _a === void 0 ? void 0 : _a.call(source, item, { query: session.query, origin: session.origin });
+        }
+        catch (_b) {
+            setSelectionError(true);
+            return;
+        }
+        if (item.keepSelected !== false) {
+            const selection = Object.assign({ sourceId: source.id, id: item.id, title: item.title }, (item.data && { data: item.data }));
+            updateSelections([
+                ...selections.filter((entry) => entry.sourceId !== source.id || entry.id !== item.id),
+                selection,
+            ]);
+        }
+        onChange(replacement.value);
+        suppressed.current = replacement.value;
+        setSession(undefined);
+        requestAnimationFrame(() => {
+            const input = inputRef.current;
+            if (!(input === null || input === void 0 ? void 0 : input.isConnected))
+                return;
+            input.focus();
+            input.setSelectionRange(replacement.caret, replacement.caret);
+        });
+    };
+    const handleKeyDown = (event) => {
+        if (!open || event.nativeEvent.isComposing)
+            return false;
+        if (event.key === 'Escape' || event.key === 'Tab') {
+            if (event.key === 'Escape')
+                event.preventDefault();
+            close();
+            return true;
+        }
+        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+            event.preventDefault();
+            const direction = event.key === 'ArrowDown' ? 1 : -1;
+            for (let step = 1; step <= items.length; step++) {
+                const index = (activeIndex + direction * step + items.length) % items.length;
+                if (!items[index].disabled) {
+                    setActiveIndex(index);
+                    break;
+                }
+            }
+            return true;
+        }
+        if (event.key === 'Enter' && !event.shiftKey && !event.ctrlKey && !event.metaKey) {
+            event.preventDefault();
+            if (items[activeIndex])
+                select(items[activeIndex]);
+            return true;
+        }
+        return false;
+    };
+    return {
+        selections,
+        clearSubmitted,
+        captureSubmission: () => {
+            const submitted = [...latest.current.selections];
+            clearSubmitted(submitted);
+            let expectedRevision = selectionRevision.current;
+            return {
+                selections: submitted,
+                hasChanged: () => selectionRevision.current !== expectedRevision,
+                restore: () => {
+                    updateSelections(submitted);
+                    expectedRevision = selectionRevision.current;
+                },
+                clear: () => clearSubmitted(submitted),
+            };
+        },
+        open,
+        source,
+        session,
+        items,
+        loading,
+        error,
+        listId,
+        activeIndex,
+        select,
+        close,
+        handleKeyDown,
+        detect,
+        remove: (selection) => updateSelections(selections.filter((item) => item !== selection)),
+        openSource: (sourceId) => {
+            var _a, _b, _c, _d;
+            if (disabled)
+                return;
+            const start = (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) !== null && _b !== void 0 ? _b : value.length;
+            const end = (_d = (_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.selectionEnd) !== null && _d !== void 0 ? _d : start;
+            setSession({ sourceId, query: '', start, end, origin: 'button' });
+        },
+        search: (query) => setSession((previous) => (previous ? Object.assign(Object.assign({}, previous), { query }) : previous)),
+        retry: () => setSession((previous) => (previous ? Object.assign({}, previous) : previous)),
+    };
+}
+//# sourceMappingURL=usePromptCommands.js.map

package/build/cjs/components/organisms/PromptInput/usePromptCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePromptCommands.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/usePromptCommands.ts"],"names":[],"mappings":"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","sourcesContent":["import {useEffect, useId, useRef, useState} from 'react';\nimport type {KeyboardEvent, RefObject} from 'react';\n\nimport type {\n    PromptCommandItem,\n    PromptCommandSource,\n    PromptCommandsConfig,\n    PromptSelection,\n} from '../../../types';\n\nimport {type CommandMatch, findCommandMatch, replaceCommand} from './commandUtils';\n\ntype Session = CommandMatch & {origin: 'input' | 'button'};\nconst EMPTY_SELECTIONS: readonly PromptSelection[] = [];\n\nexport function usePromptCommands({\n    config,\n    resetKey,\n    value,\n    onChange,\n    inputRef,\n    disabled,\n    maxLength,\n}: {\n    config?: PromptCommandsConfig;\n    resetKey?: string | number;\n    value: string;\n    onChange: (value: string) => void;\n    inputRef: RefObject<HTMLTextAreaElement>;\n    disabled: boolean;\n    maxLength?: number;\n}) {\n    const [internalSelections, setInternalSelections] = useState<PromptSelection[]>([]);\n    const selections = config ? (config.selections ?? internalSelections) : EMPTY_SELECTIONS;\n    const [session, setSession] = useState<Session>();\n    const [result, setResult] = useState<{\n        session: Session;\n        source: PromptCommandSource;\n        items: readonly PromptCommandItem[];\n        error?: boolean;\n    }>();\n    const [activeIndex, setActiveIndex] = useState(0);\n    const [selectionError, setSelectionError] = useState(false);\n    const suppressed = useRef<string>();\n    const selectionRevision = useRef(0);\n    const previousResetKey = useRef(resetKey);\n    useEffect(() => {\n        if (previousResetKey.current === resetKey) return;\n        previousResetKey.current = resetKey;\n        selectionRevision.current++;\n        setInternalSelections([]);\n        setSession(undefined);\n        setResult(undefined);\n        setSelectionError(false);\n        suppressed.current = undefined;\n    }, [resetKey]);\n    const listId = useId();\n    const source = config?.sources.find((item) => item.id === session?.sourceId);\n    const open = Boolean(session && source && !disabled);\n    const items =\n        result && result.source === source && result.session === session ? result.items : [];\n    const loading = open && (result?.session !== session || result?.source !== source);\n    const error =\n        selectionError ||\n        (result && result.source === source && result.session === session && result.error);\n    const mounted = useRef(true);\n    useEffect(() => {\n        mounted.current = true;\n        return () => {\n            mounted.current = false;\n        };\n    }, []);\n    const latest = useRef({selections, config});\n    if (\n        latest.current.selections.length !== selections.length ||\n        latest.current.selections.some((item, index) => item !== selections[index])\n    ) {\n        selectionRevision.current++;\n    }\n    latest.current = {selections, config};\n\n    const updateSelections = (next: PromptSelection[]) => {\n        if (!mounted.current) return;\n        selectionRevision.current++;\n        latest.current.selections = next;\n        setInternalSelections(next);\n        latest.current.config?.onSelectionsChange?.(next);\n    };\n    const clearSubmitted = (submitted: readonly PromptSelection[]) => {\n        updateSelections(latest.current.selections.filter((item) => !submitted.includes(item)));\n    };\n    const close = () => {\n        suppressed.current = value;\n        setSession(undefined);\n    };\n    const detect = (text: string, start: number, end: number, edited = false) => {\n        if (disabled || !config || (!edited && suppressed.current !== undefined)) return;\n        if (edited) suppressed.current = undefined;\n        const match = findCommandMatch(text, start, end, config.sources);\n        setSession((previous) => {\n            if (!match) return undefined;\n            if (\n                previous?.origin === 'input' &&\n                previous.sourceId === match.sourceId &&\n                previous.query === match.query &&\n                previous.start === match.start &&\n                previous.end === match.end\n            )\n                return previous;\n            return {...match, origin: 'input'};\n        });\n    };\n    useEffect(() => {\n        if (disabled) setSession(undefined);\n    }, [disabled]);\n    useEffect(() => {\n        if (!session || !source || !open) return undefined;\n        const controller = new AbortController();\n        setActiveIndex(0);\n        setSelectionError(false);\n        const load = async () => {\n            try {\n                const matches = source.getItems\n                    ? await source.getItems(session.query, {signal: controller.signal})\n                    : (source.items ?? []).filter((item) =>\n                          [item.title, item.description, ...(item.keywords ?? [])].some((text) =>\n                              text?.toLocaleLowerCase().includes(session.query.toLocaleLowerCase()),\n                          ),\n                      );\n                if (!controller.signal.aborted) {\n                    setResult({session, source, items: matches});\n                    setActiveIndex(\n                        Math.max(\n                            0,\n                            matches.findIndex((item) => !item.disabled),\n                        ),\n                    );\n                }\n            } catch {\n                if (!controller.signal.aborted)\n                    setResult({session, source, items: [], error: true});\n            }\n        };\n        load();\n        return () => controller.abort();\n    }, [session, source, open]);\n\n    const select = (item: PromptCommandItem) => {\n        if (!session || !source || item.disabled || disabled) return;\n        const replacement =\n            session.origin === 'button' && item.insertText === undefined\n                ? {value, caret: session.start}\n                : replaceCommand(value, session, item.insertText);\n        if (maxLength !== undefined && replacement.value.length > maxLength) {\n            setSelectionError(true);\n            return;\n        }\n        try {\n            source.onSelect?.(item, {query: session.query, origin: session.origin});\n        } catch {\n            setSelectionError(true);\n            return;\n        }\n        if (item.keepSelected !== false) {\n            const selection: PromptSelection = {\n                sourceId: source.id,\n                id: item.id,\n                title: item.title,\n                ...(item.data && {data: item.data}),\n            };\n            updateSelections([\n                ...selections.filter(\n                    (entry) => entry.sourceId !== source.id || entry.id !== item.id,\n                ),\n                selection,\n            ]);\n        }\n        onChange(replacement.value);\n        suppressed.current = replacement.value;\n        setSession(undefined);\n        requestAnimationFrame(() => {\n            const input = inputRef.current;\n            if (!input?.isConnected) return;\n            input.focus();\n            input.setSelectionRange(replacement.caret, replacement.caret);\n        });\n    };\n    const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n        if (!open || event.nativeEvent.isComposing) return false;\n        if (event.key === 'Escape' || event.key === 'Tab') {\n            if (event.key === 'Escape') event.preventDefault();\n            close();\n            return true;\n        }\n        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n            event.preventDefault();\n            const direction = event.key === 'ArrowDown' ? 1 : -1;\n            for (let step = 1; step <= items.length; step++) {\n                const index = (activeIndex + direction * step + items.length) % items.length;\n                if (!items[index].disabled) {\n                    setActiveIndex(index);\n                    break;\n                }\n            }\n            return true;\n        }\n        if (event.key === 'Enter' && !event.shiftKey && !event.ctrlKey && !event.metaKey) {\n            event.preventDefault();\n            if (items[activeIndex]) select(items[activeIndex]);\n            return true;\n        }\n        return false;\n    };\n    return {\n        selections,\n        clearSubmitted,\n        captureSubmission: () => {\n            const submitted = [...latest.current.selections];\n            clearSubmitted(submitted);\n            let expectedRevision = selectionRevision.current;\n            return {\n                selections: submitted,\n                hasChanged: () => selectionRevision.current !== expectedRevision,\n                restore: () => {\n                    updateSelections(submitted);\n                    expectedRevision = selectionRevision.current;\n                },\n                clear: () => clearSubmitted(submitted),\n            };\n        },\n        open,\n        source,\n        session,\n        items,\n        loading,\n        error,\n        listId,\n        activeIndex,\n        select,\n        close,\n        handleKeyDown,\n        detect,\n        remove: (selection: PromptSelection) =>\n            updateSelections(selections.filter((item) => item !== selection)),\n        openSource: (sourceId: string) => {\n            if (disabled) return;\n            const start = inputRef.current?.selectionStart ?? value.length;\n            const end = inputRef.current?.selectionEnd ?? start;\n            setSession({sourceId, query: '', start, end, origin: 'button'});\n        },\n        search: (query: string) =>\n            setSession((previous) => (previous ? {...previous, query} : previous)),\n        retry: () => setSession((previous) => (previous ? {...previous} : previous)),\n    };\n}\n"]}

package/build/cjs/components/organisms/PromptInput/usePromptInput.d.ts

@@ -4,7 +4,13 @@ import { ChatStatus, TSubmitData } from "../../../types/index.js";
  */
 export type UsePromptInputProps = {
     /** Callback when message is sent */
-    onSend: (data: TSubmitData) => Promise<void>;
+    onSend: (data: TSubmitData) => Promise<void | false>;
+    resetKey?: string | number;
+    captureSubmission?: () => {
+        restore: () => void;
+        hasChanged: () => boolean;
+        clear: () => void;
+    };
     /** Callback when sending is cancelled */
     onCancel?: () => Promise<void>;
     /** Initial value */
@@ -22,6 +28,7 @@ export type UsePromptInputProps = {
  * Hook return type for PromptInput state management
  */
 export type UsePromptInputReturn = {
+    sendError?: boolean;
     /** Current input value */
     value: string;
     /** Can submit the form */
@@ -36,6 +43,8 @@ export type UsePromptInputReturn = {
     handleKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
     /** Handle submit */
     handleSubmit: () => Promise<void>;
+    submit: (data?: TSubmitData) => Promise<void>;
+    clearFailedDraft: () => boolean;
     /** Attachments */
     attachments: File[];
     /** Set attachments */

package/build/cjs/components/organisms/PromptInput/usePromptInput.js

@@ -9,14 +9,36 @@ const react_1 = require("react");
  * @returns Hook return value with state and handlers
  */
 function usePromptInput(props) {
-    const { onSend, onCancel, initialValue = '', maxLength, disabled = false, status = 'ready', onValueChange, } = props;
+    const { onSend, onCancel, initialValue = '', maxLength, disabled = false, status = 'ready', onValueChange, resetKey, captureSubmission, } = props;
     const [value, setValue] = (0, react_1.useState)(initialValue);
-    const [attachments, setAttachments] = (0, react_1.useState)([]);
+    const [sending, setSending] = (0, react_1.useState)(false);
+    const [sendError, setSendError] = (0, react_1.useState)(false);
+    const mounted = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(() => {
+        mounted.current = true;
+        return () => {
+            mounted.current = false;
+        };
+    }, []);
+    const revision = (0, react_1.useRef)(0);
+    const inFlight = (0, react_1.useRef)(false);
+    const [attachments, updateAttachments] = (0, react_1.useState)([]);
+    const setAttachments = (0, react_1.useCallback)((files) => {
+        revision.current++;
+        updateAttachments(files);
+    }, []);
+    const failedDraft = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        revision.current++;
+        failedDraft.current = null;
+    }, [resetKey]);
     const updateValue = (0, react_1.useCallback)((nextValue) => {
+        revision.current++;
+        setSendError(false);
         setValue(nextValue);
         onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextValue);
     }, [onValueChange]);
-    const isSubmitted = status === 'submitted';
+    const isSubmitted = status === 'submitted' || sending;
     const trimmedValue = value.trim();
     const canSubmit = !disabled && !isSubmitted && trimmedValue.length > 0;
     // Map ChatStatus to submit button state
@@ -51,6 +73,8 @@ function usePromptInput(props) {
         }
     }
     // Input is disabled when loading
+    if (sending && submitButtonState !== 'cancelable')
+        submitButtonState = 'loading';
     const isInputDisabled = submitButtonState === 'loading';
     const handleChange = (0, react_1.useCallback)((newValue) => {
         if (maxLength && newValue.length > maxLength) {
@@ -58,20 +82,82 @@ function usePromptInput(props) {
         }
         updateValue(newValue);
     }, [maxLength, updateValue]);
+    const submit = (0, react_1.useCallback)(async (override) => {
+        var _a;
+        const content = (_a = override === null || override === void 0 ? void 0 : override.content.trim()) !== null && _a !== void 0 ? _a : trimmedValue;
+        if (disabled || isSubmitted || inFlight.current || !content)
+            return;
+        const draftValue = value;
+        const submitData = Object.assign(Object.assign(Object.assign({}, override), { content }), (attachments.length > 0 && { attachments }));
+        inFlight.current = true;
+        setSending(true);
+        setSendError(false);
+        failedDraft.current = null;
+        const selectionSnapshot = captureSubmission === null || captureSubmission === void 0 ? void 0 : captureSubmission();
+        updateValue('');
+        updateAttachments([]);
+        const clearedRevision = revision.current;
+        const restore = () => {
+            if (!mounted.current ||
+                revision.current !== clearedRevision ||
+                (selectionSnapshot === null || selectionSnapshot === void 0 ? void 0 : selectionSnapshot.hasChanged()))
+                return;
+            updateValue(draftValue);
+            updateAttachments(attachments);
+            selectionSnapshot === null || selectionSnapshot === void 0 ? void 0 : selectionSnapshot.restore();
+            const restoredRevision = revision.current;
+            failedDraft.current = () => {
+                if (!mounted.current ||
+                    revision.current !== restoredRevision ||
+                    (selectionSnapshot === null || selectionSnapshot === void 0 ? void 0 : selectionSnapshot.hasChanged()))
+                    return false;
+                updateValue('');
+                updateAttachments([]);
+                selectionSnapshot === null || selectionSnapshot === void 0 ? void 0 : selectionSnapshot.clear();
+                return true;
+            };
+            return true;
+        };
+        try {
+            const result = await onSend(submitData);
+            if (result === false)
+                restore();
+        }
+        catch (_b) {
+            if (restore())
+                setSendError(true);
+        }
+        finally {
+            inFlight.current = false;
+            if (mounted.current)
+                setSending(false);
+        }
+    }, [
+        disabled,
+        isSubmitted,
+        trimmedValue,
+        value,
+        attachments,
+        onSend,
+        updateValue,
+        captureSubmission,
+    ]);
+    const clearFailedDraft = (0, react_1.useCallback)(() => {
+        var _a;
+        const clear = failedDraft.current;
+        failedDraft.current = null;
+        return (_a = clear === null || clear === void 0 ? void 0 : clear()) !== null && _a !== void 0 ? _a : false;
+    }, []);
     const handleSubmit = (0, react_1.useCallback)(async () => {
         if (submitButtonState === 'cancelable' && onCancel) {
             await onCancel();
             return;
         }
-        if (!canSubmit) {
-            return;
-        }
-        const submitData = Object.assign({ content: trimmedValue }, (attachments.length > 0 && { attachments }));
-        onSend(submitData);
-        updateValue('');
-        setAttachments([]);
-    }, [submitButtonState, canSubmit, trimmedValue, attachments, onSend, onCancel, updateValue]);
+        await submit();
+    }, [submitButtonState, onCancel, submit]);
     const handleKeyDown = (0, react_1.useCallback)((event) => {
+        if (event.nativeEvent.isComposing || event.defaultPrevented)
+            return;
         const isEnter = event.code === 'Enter' || event.code === 'NumpadEnter';
         // Insert new line on Ctrl/Cmd + Enter
         if (isEnter && (event.ctrlKey || event.metaKey)) {
@@ -92,12 +178,15 @@ function usePromptInput(props) {
     }, [canSubmit, handleSubmit, updateValue, value]);
     return {
         value,
+        sendError,
         canSubmit,
         submitButtonState,
         isInputDisabled,
         handleChange,
         handleKeyDown,
         handleSubmit,
+        submit,
+        clearFailedDraft,
         attachments,
         setAttachments,
     };