@gravity-ui/aikit 2.21.4-beta.de9a973e6444f67d992e855b9b83d5a97fec4fd7.0 → 2.22.0

package/build/cjs/components/atoms/SubmitButton/SubmitButton.d.ts

@@ -18,6 +18,10 @@ export interface SubmitButtonProps {
      * Button size. Defaults to `m`, or `xl` in mobile mode
      */
     size?: ButtonButtonProps['size'];
+    /**
+     * Force the button into a disabled state
+     */
+    disabled?: ButtonButtonProps['disabled'];
     /**
      * Custom tooltip for enabled state
      */
@@ -46,4 +50,4 @@ export interface SubmitButtonProps {
  *
  * @returns Submit button component
  */
-export declare function SubmitButton({ onClick, state, className, size: sizeProp, tooltipSend, tooltipCancel, cancelableText, qa, }: SubmitButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function SubmitButton({ onClick, state, className, size: sizeProp, disabled, tooltipSend, tooltipCancel, cancelableText, qa, }: SubmitButtonProps): import("react/jsx-runtime").JSX.Element;

package/build/cjs/components/atoms/SubmitButton/SubmitButton.js

@@ -22,20 +22,23 @@ const b = (0, cn_1.block)('submit-button');
  *
  * @returns Submit button component
  */
-function SubmitButton({ onClick, state, className, size: sizeProp, tooltipSend, tooltipCancel, cancelableText, qa, }) {
+function SubmitButton({ onClick, state, className, size: sizeProp, disabled = false, tooltipSend, tooltipCancel, cancelableText, qa, }) {
     const size = (0, useMobileControlSize_1.useMobileControlSize)(sizeProp, 'm', 'xl');
     const iconSize = (0, useMobileControlSize_1.getControlIconSize)(size);
     const isCancelable = state === 'cancelable';
     const isLoading = state === 'loading';
-    const isDisabled = state === 'disabled';
+    const isDisabled = disabled || state === 'disabled';
     const handleClick = (0, react_1.useCallback)(async () => {
-        if (['enabled', 'cancelable'].includes(state)) {
+        if (!disabled && ['enabled', 'cancelable'].includes(state)) {
             return onClick();
         }
         return Promise.resolve();
-    }, [state, onClick]);
+    }, [disabled, state, onClick]);
     // Get tooltip based on state
     const getTooltipTitle = () => {
+        if (disabled) {
+            return undefined;
+        }
         switch (state) {
             case 'enabled':
                 return tooltipSend || (0, i18n_1.i18n)('tooltip-send');

package/build/cjs/components/atoms/SubmitButton/SubmitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.js","sourceRoot":"../../../../../src","sources":["components/atoms/SubmitButton/SubmitButton.tsx"],"names":[],"mappings":";;AA+DA,oCAyEC;;AAxID,iCAAkC;AAElC,6CAAsD;AACtD,6CAAgE;AAEhE,iFAA6F;AAC7F,6CAAwC;AACxC,2DAA6C;AAE7C,0CAA4B;AAE5B,8BAA6B;AAE7B,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,eAAe,CAAC,CAAC;AAuCjC;;;;;;;;;;GAUG;AACH,SAAgB,YAAY,CAAC,EACzB,OAAO,EACP,KAAK,EACL,SAAS,EACT,IAAI,EAAE,QAAQ,EACd,WAAW,EACX,aAAa,EACb,cAAc,EACd,EAAE,GACc;IAChB,MAAM,IAAI,GAAG,IAAA,2CAAoB,EAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,IAAA,yCAAkB,EAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,YAAY,GAAG,KAAK,KAAK,YAAY,CAAC;IAC5C,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,CAAC;IACtC,MAAM,UAAU,GAAG,KAAK,KAAK,UAAU,CAAC;IACxC,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QACvC,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC5C,OAAO,OAAO,EAAE,CAAC;QACrB,CAAC;QAED,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;IAC7B,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAErB,6BAA6B;IAC7B,MAAM,eAAe,GAAG,GAAuB,EAAE;QAC7C,QAAQ,KAAK,EAAE,CAAC;YACZ,KAAK,SAAS;gBACV,OAAO,WAAW,IAAI,IAAA,WAAI,EAAC,cAAc,CAAC,CAAC;YAC/C,KAAK,YAAY;gBACb,OAAO,aAAa,IAAI,IAAA,WAAI,EAAC,gBAAgB,CAAC,CAAC;YACnD,KAAK,UAAU,CAAC;YAChB,KAAK,SAAS;gBACV,OAAO,SAAS,CAAC;YACrB;gBACI,OAAO,SAAS,CAAC;QACzB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,EAAE,CAAC;YACZ,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,IAAI,EAAC,IAAI,GAAG,GACzC,CACT,CAAC;QACN,CAAC;QAED,IAAI,YAAY,EAAE,CAAC;YACf,OAAO,cAAc,CAAC,CAAC,CAAC,CACpB,CAAC,uBAAC,YAAI,IAAY,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,kBAAU,IAAvC,MAAM,CAAqC,EAAE,cAAc,CAAC,CAC1E,CAAC,CAAC,CAAC,CACA,uBAAC,YAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,kBAAU,GAAI,CAC7C,CAAC;QACN,CAAC;QAED,OAAO,uBAAC,YAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAO,GAAI,CAAC;IACnD,CAAC,CAAC;IAEF,OAAO,CACH,uBAAC,2BAAY,IACT,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,OAAO,EACb,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAC,EAAE,SAAS,CAAC,EAC7E,EAAE,EAAE,EAAE,EACN,YAAY,EAAE,eAAe,EAAE,gBACnB,KAAK,YAEhB,aAAa,EAAE,GACL,CAClB,CAAC;AACN,CAAC","sourcesContent":["import {useCallback} from 'react';\n\nimport {ArrowUp, CircleStop} from '@gravity-ui/icons';\nimport {ButtonButtonProps, Icon, Spin} from '@gravity-ui/uikit';\n\nimport {getControlIconSize, useMobileControlSize} from '../../../hooks/useMobileControlSize';\nimport {block} from '../../../utils/cn';\nimport {ActionButton} from '../ActionButton';\n\nimport {i18n} from './i18n';\n\nimport './SubmitButton.scss';\n\nconst b = block('submit-button');\n\nexport type SubmitButtonState = 'enabled' | 'disabled' | 'loading' | 'cancelable';\n\nexport interface SubmitButtonProps {\n    /**\n     * Click handler\n     */\n    onClick: () => Promise<void>;\n    /**\n     * Button state\n     */\n    state: SubmitButtonState;\n    /**\n     * Additional CSS class\n     */\n    className?: string;\n    /**\n     * Button size. Defaults to `m`, or `xl` in mobile mode\n     */\n    size?: ButtonButtonProps['size'];\n    /**\n     * Custom tooltip for enabled state\n     */\n    tooltipSend?: string;\n    /**\n     * Custom tooltip for cancelable state\n     */\n    tooltipCancel?: string;\n    /**\n     * Custom cancelable text (if provided, will be shown in cancelable state)\n     */\n    cancelableText?: string;\n    /**\n     * QA/test identifier\n     */\n    qa?: string;\n}\n\n/**\n * Submit button component with state management through props\n *\n * States:\n * - disabled: disabled button state\n * - enabled: enabled button state\n * - loading: loading state\n * - cancelable: cancellation state (during loading)\n *\n * @returns Submit button component\n */\nexport function SubmitButton({\n    onClick,\n    state,\n    className,\n    size: sizeProp,\n    tooltipSend,\n    tooltipCancel,\n    cancelableText,\n    qa,\n}: SubmitButtonProps) {\n    const size = useMobileControlSize(sizeProp, 'm', 'xl');\n    const iconSize = getControlIconSize(size);\n    const isCancelable = state === 'cancelable';\n    const isLoading = state === 'loading';\n    const isDisabled = state === 'disabled';\n    const handleClick = useCallback(async () => {\n        if (['enabled', 'cancelable'].includes(state)) {\n            return onClick();\n        }\n\n        return Promise.resolve();\n    }, [state, onClick]);\n\n    // Get tooltip based on state\n    const getTooltipTitle = (): string | undefined => {\n        switch (state) {\n            case 'enabled':\n                return tooltipSend || i18n('tooltip-send');\n            case 'cancelable':\n                return tooltipCancel || i18n('tooltip-cancel');\n            case 'disabled':\n            case 'loading':\n                return undefined;\n            default:\n                return undefined;\n        }\n    };\n\n    const renderContent = () => {\n        if (isLoading) {\n            return (\n                <div className={b('loader')}>\n                    <Spin className={b('spinner')} size=\"xs\" />\n                </div>\n            );\n        }\n\n        if (isCancelable) {\n            return cancelableText ? (\n                [<Icon key=\"icon\" size={iconSize} data={CircleStop} />, cancelableText]\n            ) : (\n                <Icon size={iconSize} data={CircleStop} />\n            );\n        }\n\n        return <Icon size={iconSize} data={ArrowUp} />;\n    };\n\n    return (\n        <ActionButton\n            view=\"action\"\n            size={size}\n            color=\"brand\"\n            disabled={isDisabled}\n            onClick={handleClick}\n            className={b({size, loading: isLoading, cancelable: isCancelable}, className)}\n            qa={qa}\n            tooltipTitle={getTooltipTitle()}\n            data-state={state}\n        >\n            {renderContent()}\n        </ActionButton>\n    );\n}\n"]}
+{"version":3,"file":"SubmitButton.js","sourceRoot":"../../../../../src","sources":["components/atoms/SubmitButton/SubmitButton.tsx"],"names":[],"mappings":";;AAmEA,oCA8EC;;AAjJD,iCAAkC;AAElC,6CAAsD;AACtD,6CAAgE;AAEhE,iFAA6F;AAC7F,6CAAwC;AACxC,2DAA6C;AAE7C,0CAA4B;AAE5B,8BAA6B;AAE7B,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,eAAe,CAAC,CAAC;AA2CjC;;;;;;;;;;GAUG;AACH,SAAgB,YAAY,CAAC,EACzB,OAAO,EACP,KAAK,EACL,SAAS,EACT,IAAI,EAAE,QAAQ,EACd,QAAQ,GAAG,KAAK,EAChB,WAAW,EACX,aAAa,EACb,cAAc,EACd,EAAE,GACc;IAChB,MAAM,IAAI,GAAG,IAAA,2CAAoB,EAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,IAAA,yCAAkB,EAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,YAAY,GAAG,KAAK,KAAK,YAAY,CAAC;IAC5C,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,CAAC;IACtC,MAAM,UAAU,GAAG,QAAQ,IAAI,KAAK,KAAK,UAAU,CAAC;IACpD,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QACvC,IAAI,CAAC,QAAQ,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YACzD,OAAO,OAAO,EAAE,CAAC;QACrB,CAAC;QAED,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;IAC7B,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/B,6BAA6B;IAC7B,MAAM,eAAe,GAAG,GAAuB,EAAE;QAC7C,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,QAAQ,KAAK,EAAE,CAAC;YACZ,KAAK,SAAS;gBACV,OAAO,WAAW,IAAI,IAAA,WAAI,EAAC,cAAc,CAAC,CAAC;YAC/C,KAAK,YAAY;gBACb,OAAO,aAAa,IAAI,IAAA,WAAI,EAAC,gBAAgB,CAAC,CAAC;YACnD,KAAK,UAAU,CAAC;YAChB,KAAK,SAAS;gBACV,OAAO,SAAS,CAAC;YACrB;gBACI,OAAO,SAAS,CAAC;QACzB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,EAAE,CAAC;YACZ,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,IAAI,EAAC,IAAI,GAAG,GACzC,CACT,CAAC;QACN,CAAC;QAED,IAAI,YAAY,EAAE,CAAC;YACf,OAAO,cAAc,CAAC,CAAC,CAAC,CACpB,CAAC,uBAAC,YAAI,IAAY,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,kBAAU,IAAvC,MAAM,CAAqC,EAAE,cAAc,CAAC,CAC1E,CAAC,CAAC,CAAC,CACA,uBAAC,YAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,kBAAU,GAAI,CAC7C,CAAC;QACN,CAAC;QAED,OAAO,uBAAC,YAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAO,GAAI,CAAC;IACnD,CAAC,CAAC;IAEF,OAAO,CACH,uBAAC,2BAAY,IACT,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,OAAO,EACb,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAC,EAAE,SAAS,CAAC,EAC7E,EAAE,EAAE,EAAE,EACN,YAAY,EAAE,eAAe,EAAE,gBACnB,KAAK,YAEhB,aAAa,EAAE,GACL,CAClB,CAAC;AACN,CAAC","sourcesContent":["import {useCallback} from 'react';\n\nimport {ArrowUp, CircleStop} from '@gravity-ui/icons';\nimport {ButtonButtonProps, Icon, Spin} from '@gravity-ui/uikit';\n\nimport {getControlIconSize, useMobileControlSize} from '../../../hooks/useMobileControlSize';\nimport {block} from '../../../utils/cn';\nimport {ActionButton} from '../ActionButton';\n\nimport {i18n} from './i18n';\n\nimport './SubmitButton.scss';\n\nconst b = block('submit-button');\n\nexport type SubmitButtonState = 'enabled' | 'disabled' | 'loading' | 'cancelable';\n\nexport interface SubmitButtonProps {\n    /**\n     * Click handler\n     */\n    onClick: () => Promise<void>;\n    /**\n     * Button state\n     */\n    state: SubmitButtonState;\n    /**\n     * Additional CSS class\n     */\n    className?: string;\n    /**\n     * Button size. Defaults to `m`, or `xl` in mobile mode\n     */\n    size?: ButtonButtonProps['size'];\n    /**\n     * Force the button into a disabled state\n     */\n    disabled?: ButtonButtonProps['disabled'];\n    /**\n     * Custom tooltip for enabled state\n     */\n    tooltipSend?: string;\n    /**\n     * Custom tooltip for cancelable state\n     */\n    tooltipCancel?: string;\n    /**\n     * Custom cancelable text (if provided, will be shown in cancelable state)\n     */\n    cancelableText?: string;\n    /**\n     * QA/test identifier\n     */\n    qa?: string;\n}\n\n/**\n * Submit button component with state management through props\n *\n * States:\n * - disabled: disabled button state\n * - enabled: enabled button state\n * - loading: loading state\n * - cancelable: cancellation state (during loading)\n *\n * @returns Submit button component\n */\nexport function SubmitButton({\n    onClick,\n    state,\n    className,\n    size: sizeProp,\n    disabled = false,\n    tooltipSend,\n    tooltipCancel,\n    cancelableText,\n    qa,\n}: SubmitButtonProps) {\n    const size = useMobileControlSize(sizeProp, 'm', 'xl');\n    const iconSize = getControlIconSize(size);\n    const isCancelable = state === 'cancelable';\n    const isLoading = state === 'loading';\n    const isDisabled = disabled || state === 'disabled';\n    const handleClick = useCallback(async () => {\n        if (!disabled && ['enabled', 'cancelable'].includes(state)) {\n            return onClick();\n        }\n\n        return Promise.resolve();\n    }, [disabled, state, onClick]);\n\n    // Get tooltip based on state\n    const getTooltipTitle = (): string | undefined => {\n        if (disabled) {\n            return undefined;\n        }\n\n        switch (state) {\n            case 'enabled':\n                return tooltipSend || i18n('tooltip-send');\n            case 'cancelable':\n                return tooltipCancel || i18n('tooltip-cancel');\n            case 'disabled':\n            case 'loading':\n                return undefined;\n            default:\n                return undefined;\n        }\n    };\n\n    const renderContent = () => {\n        if (isLoading) {\n            return (\n                <div className={b('loader')}>\n                    <Spin className={b('spinner')} size=\"xs\" />\n                </div>\n            );\n        }\n\n        if (isCancelable) {\n            return cancelableText ? (\n                [<Icon key=\"icon\" size={iconSize} data={CircleStop} />, cancelableText]\n            ) : (\n                <Icon size={iconSize} data={CircleStop} />\n            );\n        }\n\n        return <Icon size={iconSize} data={ArrowUp} />;\n    };\n\n    return (\n        <ActionButton\n            view=\"action\"\n            size={size}\n            color=\"brand\"\n            disabled={isDisabled}\n            onClick={handleClick}\n            className={b({size, loading: isLoading, cancelable: isCancelable}, className)}\n            qa={qa}\n            tooltipTitle={getTooltipTitle()}\n            data-state={state}\n        >\n            {renderContent()}\n        </ActionButton>\n    );\n}\n"]}

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

@@ -16,13 +16,12 @@ require("./PromptInput.css");
  * @returns React component
  */
 function PromptInput(props) {
-    var _a;
     const { view = 'simple', onSend, onCancel, initialValue, disabled = false, status = 'ready', maxLength, onValueChange, headerProps, bodyProps, footerProps, suggestionsProps, topPanel, bottomPanel, className, qa, } = props;
     const hookState = (0, usePromptInput_1.usePromptInput)({
         onSend,
         onCancel,
         initialValue,
-        disabled: disabled || ((_a = footerProps === null || footerProps === void 0 ? void 0 : footerProps.submitButtonProps) === null || _a === void 0 ? void 0 : _a.disabled),
+        disabled,
         status,
         maxLength,
         onValueChange,

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

@@ -1 +1 @@
-{"version":3,"file":"PromptInput.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/PromptInput.tsx"],"names":[],"mappings":";;AA8DA,kCA6EC;;AAzID,0DAAkD;AAClD,8DAAsD;AACtD,sEAA8D;AAC9D,gFAAwE;AAQxE,wDAAgD;AAEhD,6BAA4B;AAwC5B;;;;;;GAMG;AACH,SAAgB,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,IAAA,+BAAc,EAAC;QAC7B,MAAM;QACN,QAAQ;QACR,YAAY;QACZ,QAAQ,EAAE,QAAQ,KAAI,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,iBAAiB,0CAAE,QAAQ,CAAA;QAC9D,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,uBAAC,uDAA0B,IAAC,gBAAgB,EAAE,uBAAuB,YACjE,uBAAC,6CAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,YAC9D,UAAU,CAAC,CAAC,CAAC,CACV,uBAAC,iCAAe,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,uBAAC,qCAAiB,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: disabled || footerProps?.submitButtonProps?.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":";;AA8DA,kCA6EC;;AAzID,0DAAkD;AAClD,8DAAsD;AACtD,sEAA8D;AAC9D,gFAAwE;AAQxE,wDAAgD;AAEhD,6BAA4B;AAwC5B;;;;;;GAMG;AACH,SAAgB,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,IAAA,+BAAc,EAAC;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,uBAAC,uDAA0B,IAAC,gBAAgB,EAAE,uBAAuB,YACjE,uBAAC,6CAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,YAC9D,UAAU,CAAC,CAAC,CAAC,CACV,uBAAC,iCAAe,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,uBAAC,qCAAiB,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"]}

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

@@ -17,11 +17,11 @@ function PromptInputFull(props) {
     var _a, _b, _c, _d, _e;
     const { 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, inputRef, qa: bodyQa, } = bodyProps;
+    const { placeholder = 'Plan, code, build and test anything', size: bodySize, minRows = 1, maxRows = 15, autoFocus = false, disabledInput = false, inputRef, 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, handleChange, handleKeyDown, handleSubmit } = hookState;
+    const { value, submitButtonState, isInputDisabled, handleChange, handleKeyDown, handleSubmit } = hookState;
     const shouldShowHeader = topContent || contextItems.length > 0 || showContextIndicator;
     return ((0, jsx_runtime_1.jsxs)("div", { className: b({ view: 'full' }, className), "data-qa": qa, children: [shouldShowHeader &&
-                (topContent ? ((0, jsx_runtime_1.jsx)(PromptInputHeader_1.PromptInputHeader, { qa: headerQa, children: topContent })) : ((0, jsx_runtime_1.jsx)(PromptInputHeader_1.PromptInputHeader, { contextItems: contextItems, showContextIndicator: showContextIndicator, contextIndicatorProps: contextIndicatorProps, qa: headerQa }))), (0, jsx_runtime_1.jsx)(PromptInputBody_1.PromptInputBody, { value: value, placeholder: placeholder, size: bodySize, minRows: minRows, maxRows: maxRows, autoFocus: autoFocus, ref: inputRef, onChange: handleChange, onKeyDown: handleKeyDown, inputClassName: b('textarea'), qa: bodyQa }), (0, jsx_runtime_1.jsx)(PromptInputFooter_1.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 })] }));
+                (topContent ? ((0, jsx_runtime_1.jsx)(PromptInputHeader_1.PromptInputHeader, { qa: headerQa, children: topContent })) : ((0, jsx_runtime_1.jsx)(PromptInputHeader_1.PromptInputHeader, { contextItems: contextItems, showContextIndicator: showContextIndicator, contextIndicatorProps: contextIndicatorProps, qa: headerQa }))), (0, jsx_runtime_1.jsx)(PromptInputBody_1.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 }), (0, jsx_runtime_1.jsx)(PromptInputFooter_1.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/cjs/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        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, handleChange, handleKeyDown, handleSubmit} = 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                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 {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"]}

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

@@ -16,10 +16,10 @@ const b = (0, cn_1.block)('prompt-input');
 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, inputRef, qa: bodyQa, } = bodyProps;
+    const { placeholder = 'Plan, code, build and test anything', size: bodySize, minRows = 1, maxRows = 15, autoFocus = false, disabledInput = false, inputRef, 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, handleChange, handleKeyDown, handleSubmit } = hookState;
+    const { value, submitButtonState, isInputDisabled, handleChange, handleKeyDown, handleSubmit } = hookState;
     const resolvedButtonSize = (0, useMobileControlSize_1.useMobileControlSize)(buttonSize, 'l', 'xl');
-    return ((0, jsx_runtime_1.jsx)("div", { className: b({ view: 'simple' }, className), "data-qa": qa, children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)(PromptInputBody_1.PromptInputBody, { value: value, placeholder: placeholder, size: bodySize, minRows: minRows, maxRows: maxRows, autoFocus: autoFocus, ref: inputRef, onChange: handleChange, onKeyDown: handleKeyDown, qa: bodyQa }), (0, jsx_runtime_1.jsx)(PromptInputFooter_1.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 ((0, jsx_runtime_1.jsx)("div", { className: b({ view: 'simple' }, className), "data-qa": qa, children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)(PromptInputBody_1.PromptInputBody, { value: value, placeholder: placeholder, size: bodySize, minRows: minRows, maxRows: maxRows, autoFocus: autoFocus, disabledInput: isInputDisabled || disabledInput, ref: inputRef, onChange: handleChange, onKeyDown: handleKeyDown, qa: bodyQa }), (0, jsx_runtime_1.jsx)(PromptInputFooter_1.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/cjs/components/organisms/PromptInput/PromptInputSimple.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptInputSimple.js","sourceRoot":"../../../../../src","sources":["components/organisms/PromptInput/PromptInputSimple.tsx"],"names":[],"mappings":";;AAgCA,8CA4EC;;AA5GD,iFAAyE;AACzE,6CAAwC;AACxC,8EAAgE;AAChE,kFAAoE;AAKpE,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,cAAc,CAAC,CAAC;AAkBhC;;;;;GAKG;AACH,SAAgB,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,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,YAAY,EAAE,aAAa,EAAE,YAAY,EAAC,GAAG,SAAS,CAAC;IACxF,MAAM,kBAAkB,GAAG,IAAA,2CAAoB,EAAC,UAAU,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;IAEvE,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,SAAS,CAAC,aAAW,EAAE,YACvD,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,uBAAC,iCAAe,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,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,EAAE,EAAE,MAAM,GACZ,EACF,uBAAC,qCAAiB,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        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, handleChange, handleKeyDown, handleSubmit} = 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                    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":";;AAgCA,8CA+EC;;AA/GD,iFAAyE;AACzE,6CAAwC;AACxC,8EAAgE;AAChE,kFAAoE;AAKpE,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,cAAc,CAAC,CAAC;AAkBhC;;;;;GAKG;AACH,SAAgB,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,IAAA,2CAAoB,EAAC,UAAU,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;IAEvE,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,SAAS,CAAC,aAAW,EAAE,YACvD,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,uBAAC,iCAAe,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,uBAAC,qCAAiB,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"]}

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

@@ -58,6 +58,8 @@ export type PromptInputBodyConfig = {
     maxRows?: number;
     /** Auto focus textarea on mount */
     autoFocus?: boolean;
+    /** Disabled state for textarea */
+    disabledInput?: boolean;
     /**
      * Auto focus textarea when a new chat is opened via the plus icon.
      * Only applies inside ChatContainer. Defaults to false.
@@ -82,7 +84,7 @@ export type PromptInputFooterConfig = {
     /** Size of footer action buttons */
     buttonSize?: ButtonButtonProps['size'];
     /** Props for the submit button. State, click handling, and size are managed by PromptInput. */
-    submitButtonProps?: Omit<SubmitButtonProps, 'state' | 'onClick' | 'size'> & Pick<ButtonButtonProps, 'disabled'>;
+    submitButtonProps?: Omit<SubmitButtonProps, 'state' | 'onClick' | 'size'>;
     /** Custom content for footer area (SubmitButton will still be shown) */
     bottomContent?: ReactNode;
     /** Show settings icon in footer */

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    /**\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        Pick<ButtonButtonProps, 'disabled'>;\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    /** 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/hooks/useFileUploadStore.js

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFileUploadStore = useFileUploadStore;
 const react_1 = require("react");
+function createFileId({ sequence }) {
+    return `file-${sequence}`;
+}
 /**
  * State machine for managing the file upload lifecycle.
  * The consumer provides an `upload` function — this hook never calls any API directly.
@@ -9,52 +12,51 @@ const react_1 = require("react");
 function useFileUploadStore(options) {
     const optionsRef = (0, react_1.useRef)(options);
     optionsRef.current = options;
+    // `entries` is stored in state so that changes trigger a re-render.
+    // `entriesRef` stores the latest value synchronously so that multiple calls before the next
+    // render correctly account for already added files and respect `maxFiles`.
     const [entries, setEntries] = (0, react_1.useState)([]);
-    const idCounterRef = (0, react_1.useRef)(0);
-    const nextId = (0, react_1.useCallback)(() => {
-        idCounterRef.current += 1;
-        return `file-${idCounterRef.current}`;
+    const entriesRef = (0, react_1.useRef)([]);
+    const applyEntriesUpdate = (0, react_1.useCallback)((updater) => {
+        const nextEntries = updater(entriesRef.current);
+        entriesRef.current = nextEntries;
+        setEntries(nextEntries);
     }, []);
+    const idCounterRef = (0, react_1.useRef)(0);
     const addFiles = (0, react_1.useCallback)((files) => {
         const { upload: up, withoutApply: wa, onUpload: ou, maxFiles: mf } = optionsRef.current;
-        const pending = [];
-        const filesToUpload = [];
-        setEntries((prev) => {
-            const remaining = mf === undefined ? files.length : Math.max(0, mf - prev.length);
-            const sliced = files.slice(0, remaining);
-            for (const file of sliced) {
-                const id = nextId();
-                pending.push({ id, file });
-            }
-            return [
-                ...prev,
-                ...pending.map(({ id, file }) => ({ status: 'pending', id, file })),
-            ];
+        const remaining = mf === undefined ? files.length : Math.max(0, mf - entriesRef.current.length);
+        const filesToUpload = files.slice(0, remaining).map((file) => {
+            idCounterRef.current += 1;
+            return { id: createFileId({ sequence: idCounterRef.current }), file };
         });
-        if (pending.length === 0)
+        if (filesToUpload.length === 0)
             return;
+        applyEntriesUpdate((current) => [
+            ...current,
+            ...filesToUpload.map(({ id, file }) => ({ status: 'pending', id, file })),
+        ]);
         if (wa) {
-            ou === null || ou === void 0 ? void 0 : ou(pending.map((e) => e.file));
+            ou === null || ou === void 0 ? void 0 : ou(filesToUpload.map((entry) => entry.file));
             return;
         }
-        filesToUpload.push(...pending);
         for (const { id, file } of filesToUpload) {
-            setEntries((prev) => prev.map((e) => (e.id === id ? { status: 'uploading', id, file } : e)));
+            applyEntriesUpdate((current) => current.map((e) => e.id === id ? { status: 'uploading', id, file } : e));
             up(file)
                 .then((meta) => {
-                setEntries((prev) => prev.map((e) => e.id === id ? { status: 'done', id, file, meta } : e));
+                applyEntriesUpdate((current) => current.map((e) => e.id === id ? { status: 'done', id, file, meta } : e));
             })
                 .catch((error) => {
-                setEntries((prev) => prev.map((e) => e.id === id ? { status: 'error', id, file, error } : e));
+                applyEntriesUpdate((current) => current.map((e) => e.id === id ? { status: 'error', id, file, error } : e));
             });
         }
-    }, [nextId]);
+    }, [applyEntriesUpdate]);
     const removeFile = (0, react_1.useCallback)((id) => {
-        setEntries((prev) => prev.filter((e) => e.id !== id));
-    }, []);
+        applyEntriesUpdate((current) => current.filter((entry) => entry.id !== id));
+    }, [applyEntriesUpdate]);
     const reset = (0, react_1.useCallback)(() => {
-        setEntries([]);
-    }, []);
+        applyEntriesUpdate(() => []);
+    }, [applyEntriesUpdate]);
     const isLoading = entries.some((e) => e.status === 'uploading');
     const uploadedMetas = entries
         .filter((e) => e.status === 'done')

package/build/cjs/hooks/useFileUploadStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFileUploadStore.js","sourceRoot":"../../../src","sources":["hooks/useFileUploadStore.ts"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useRef, useState} from 'react';\n\nexport type FileUploadEntry<Meta = {id: string; name: string}> =\n    | {status: 'pending'; id: string; file: File}\n    | {status: 'uploading'; id: string; file: File}\n    | {status: 'done'; id: string; file: File; meta: Meta}\n    | {status: 'error'; id: string; file: File; error: unknown};\n\nexport type UseFileUploadStoreOptions<Meta = {id: string; name: string}> = {\n    /**\n     * Called for each file to perform the actual upload.\n     * Should return a promise resolving to file metadata.\n     * Not called when `withoutApply` is true.\n     */\n    upload: (file: File) => Promise<Meta>;\n    /** Maximum number of files allowed */\n    maxFiles?: number;\n    /**\n     * When true, files are queued without starting the upload.\n     * `onUpload` is called instead so the consumer can drive the upload externally.\n     */\n    withoutApply?: boolean;\n    /** Called with newly added files when `withoutApply` is true */\n    onUpload?: (files: File[]) => void;\n};\n\nexport type UseFileUploadStoreReturn<Meta = {id: string; name: string}> = {\n    entries: FileUploadEntry<Meta>[];\n    isLoading: boolean;\n    addFiles: (files: File[]) => void;\n    removeFile: (id: string) => void;\n    reset: () => void;\n    uploadedMetas: Meta[];\n};\n\n/**\n * State machine for managing the file upload lifecycle.\n * The consumer provides an `upload` function — this hook never calls any API directly.\n */\nexport function useFileUploadStore<Meta = {id: string; name: string}>(\n    options: UseFileUploadStoreOptions<Meta>,\n): UseFileUploadStoreReturn<Meta> {\n    const optionsRef = useRef(options);\n    optionsRef.current = options;\n\n    const [entries, setEntries] = useState<FileUploadEntry<Meta>[]>([]);\n    const idCounterRef = useRef(0);\n    const nextId = useCallback((): string => {\n        idCounterRef.current += 1;\n        return `file-${idCounterRef.current}`;\n    }, []);\n\n    const addFiles = useCallback(\n        (files: File[]) => {\n            const {upload: up, withoutApply: wa, onUpload: ou, maxFiles: mf} = optionsRef.current;\n\n            const pending: {id: string; file: File}[] = [];\n            const filesToUpload: {id: string; file: File}[] = [];\n\n            setEntries((prev) => {\n                const remaining = mf === undefined ? files.length : Math.max(0, mf - prev.length);\n                const sliced = files.slice(0, remaining);\n\n                for (const file of sliced) {\n                    const id = nextId();\n                    pending.push({id, file});\n                }\n\n                return [\n                    ...prev,\n                    ...pending.map(({id, file}) => ({status: 'pending' as const, id, file})),\n                ];\n            });\n\n            if (pending.length === 0) return;\n\n            if (wa) {\n                ou?.(pending.map((e) => e.file));\n                return;\n            }\n\n            filesToUpload.push(...pending);\n\n            for (const {id, file} of filesToUpload) {\n                setEntries((prev) =>\n                    prev.map((e) => (e.id === id ? {status: 'uploading' as const, id, file} : e)),\n                );\n\n                up(file)\n                    .then((meta) => {\n                        setEntries((prev) =>\n                            prev.map((e) =>\n                                e.id === id ? {status: 'done' as const, id, file, meta} : e,\n                            ),\n                        );\n                    })\n                    .catch((error) => {\n                        setEntries((prev) =>\n                            prev.map((e) =>\n                                e.id === id ? {status: 'error' as const, id, file, error} : e,\n                            ),\n                        );\n                    });\n            }\n        },\n        [nextId],\n    );\n\n    const removeFile = useCallback((id: string) => {\n        setEntries((prev) => prev.filter((e) => e.id !== id));\n    }, []);\n\n    const reset = useCallback(() => {\n        setEntries([]);\n    }, []);\n\n    const isLoading = entries.some((e) => e.status === 'uploading');\n    const uploadedMetas = entries\n        .filter((e): e is Extract<FileUploadEntry<Meta>, {status: 'done'}> => e.status === 'done')\n        .map((e) => e.meta);\n\n    return {entries, isLoading, addFiles, removeFile, reset, uploadedMetas};\n}\n"]}
+{"version":3,"file":"useFileUploadStore.js","sourceRoot":"../../../src","sources":["hooks/useFileUploadStore.ts"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useRef, useState} from 'react';\n\nexport type FileUploadEntry<Meta = {id: string; name: string}> =\n    | {status: 'pending'; id: string; file: File}\n    | {status: 'uploading'; id: string; file: File}\n    | {status: 'done'; id: string; file: File; meta: Meta}\n    | {status: 'error'; id: string; file: File; error: unknown};\n\nexport type UseFileUploadStoreOptions<Meta = {id: string; name: string}> = {\n    /**\n     * Called for each file to perform the actual upload.\n     * Should return a promise resolving to file metadata.\n     * Not called when `withoutApply` is true.\n     */\n    upload: (file: File) => Promise<Meta>;\n    /** Maximum number of files allowed */\n    maxFiles?: number;\n    /**\n     * When true, files are queued without starting the upload.\n     * `onUpload` is called instead so the consumer can drive the upload externally.\n     */\n    withoutApply?: boolean;\n    /** Called with newly added files when `withoutApply` is true */\n    onUpload?: (files: File[]) => void;\n};\n\nexport type UseFileUploadStoreReturn<Meta = {id: string; name: string}> = {\n    entries: FileUploadEntry<Meta>[];\n    isLoading: boolean;\n    addFiles: (files: File[]) => void;\n    removeFile: (id: string) => void;\n    reset: () => void;\n    uploadedMetas: Meta[];\n};\n\nfunction createFileId({sequence}: {sequence: number}): string {\n    return `file-${sequence}`;\n}\n\n/**\n * State machine for managing the file upload lifecycle.\n * The consumer provides an `upload` function — this hook never calls any API directly.\n */\nexport function useFileUploadStore<Meta = {id: string; name: string}>(\n    options: UseFileUploadStoreOptions<Meta>,\n): UseFileUploadStoreReturn<Meta> {\n    const optionsRef = useRef(options);\n    optionsRef.current = options;\n\n    // `entries` is stored in state so that changes trigger a re-render.\n    // `entriesRef` stores the latest value synchronously so that multiple calls before the next\n    // render correctly account for already added files and respect `maxFiles`.\n    const [entries, setEntries] = useState<FileUploadEntry<Meta>[]>([]);\n    const entriesRef = useRef<FileUploadEntry<Meta>[]>([]);\n    const applyEntriesUpdate = useCallback(\n        (updater: (current: FileUploadEntry<Meta>[]) => FileUploadEntry<Meta>[]) => {\n            const nextEntries = updater(entriesRef.current);\n            entriesRef.current = nextEntries;\n            setEntries(nextEntries);\n        },\n        [],\n    );\n    const idCounterRef = useRef(0);\n\n    const addFiles = useCallback(\n        (files: File[]) => {\n            const {upload: up, withoutApply: wa, onUpload: ou, maxFiles: mf} = optionsRef.current;\n            const remaining =\n                mf === undefined ? files.length : Math.max(0, mf - entriesRef.current.length);\n            const filesToUpload = files.slice(0, remaining).map((file) => {\n                idCounterRef.current += 1;\n\n                return {id: createFileId({sequence: idCounterRef.current}), file};\n            });\n\n            if (filesToUpload.length === 0) return;\n\n            applyEntriesUpdate((current) => [\n                ...current,\n                ...filesToUpload.map(({id, file}) => ({status: 'pending' as const, id, file})),\n            ]);\n\n            if (wa) {\n                ou?.(filesToUpload.map((entry) => entry.file));\n                return;\n            }\n\n            for (const {id, file} of filesToUpload) {\n                applyEntriesUpdate((current) =>\n                    current.map((e) =>\n                        e.id === id ? {status: 'uploading' as const, id, file} : e,\n                    ),\n                );\n\n                up(file)\n                    .then((meta) => {\n                        applyEntriesUpdate((current) =>\n                            current.map((e) =>\n                                e.id === id ? {status: 'done' as const, id, file, meta} : e,\n                            ),\n                        );\n                    })\n                    .catch((error) => {\n                        applyEntriesUpdate((current) =>\n                            current.map((e) =>\n                                e.id === id ? {status: 'error' as const, id, file, error} : e,\n                            ),\n                        );\n                    });\n            }\n        },\n        [applyEntriesUpdate],\n    );\n\n    const removeFile = useCallback(\n        (id: string) => {\n            applyEntriesUpdate((current) => current.filter((entry) => entry.id !== id));\n        },\n        [applyEntriesUpdate],\n    );\n\n    const reset = useCallback(() => {\n        applyEntriesUpdate(() => []);\n    }, [applyEntriesUpdate]);\n\n    const isLoading = entries.some((e) => e.status === 'uploading');\n    const uploadedMetas = entries\n        .filter((e): e is Extract<FileUploadEntry<Meta>, {status: 'done'}> => e.status === 'done')\n        .map((e) => e.meta);\n\n    return {entries, isLoading, addFiles, removeFile, reset, uploadedMetas};\n}\n"]}

package/build/cjs/package.json

@@ -1 +1 @@
-{"version":"2.21.4-beta.de9a973e6444f67d992e855b9b83d5a97fec4fd7.0","type":"commonjs","sideEffects":["*.css","*.scss"]}
+{"version":"2.22.0","type":"commonjs","sideEffects":["*.css","*.scss"]}

package/build/docs/components/atoms/SubmitButton.md

@@ -41,6 +41,7 @@ const [state, setState] = useState<'enabled' | 'disabled' | 'loading' | 'cancela
 | `state`     | `'enabled' \| 'disabled' \| 'loading' \| 'cancelable'` | Yes      | -                            | Button state                               |
 | `className` | `string`                                               | No       | -                            | Additional CSS class                       |
 | `size`      | `ButtonButtonProps['size']`                            | No       | `'m'` desktop, `'xl'` mobile | Button size; icon size follows (`16`/`20`) |
+| `disabled`  | `boolean`                                              | No       | `false`                      | Force the button into a disabled state     |
 | `qa`        | `string`                                               | No       | -                            | QA/test identifier                         |
 
 ## States

package/build/docs/components/organisms/PromptInput.md

@@ -157,27 +157,28 @@ import {PromptInput} from '@gravity-ui/aikit';
 | `minRows`               | `number`                   | -        | `1`                                     | Minimum number of textarea rows             |
 | `maxRows`               | `number`                   | -        | `15`                                    | Maximum number of textarea rows             |
 | `autoFocus`             | `boolean`                  | -        | `false`                                 | Auto focus textarea on mount                |
+| `disabledInput`         | `boolean`                  | -        | `false`                                 | Disabled state for textarea                 |
 | `autoFocusOnNewChat`    | `boolean`                  | -        | `false`                                 | Auto focus textarea when a new chat is open |
 | `autoFocusOnChatSelect` | `boolean`                  | -        | `false`                                 | Auto focus textarea when a chat is selected |
 
 ### PromptInputFooterConfig
 
-| Prop                        | Type                                                                                            | Required | Default                                                         | Description                                           |
-| --------------------------- | ----------------------------------------------------------------------------------------------- | -------- | --------------------------------------------------------------- | ----------------------------------------------------- |
-| `bottomContent`             | `ReactNode`                                                                                     | -        | -                                                               | Custom content for footer area                        |
-| `className`                 | `string`                                                                                        | -        | -                                                               | Additional CSS class for the footer wrapper           |
-| `contentClassName`          | `string`                                                                                        | -        | -                                                               | Additional CSS class for the custom content wrapper   |
-| `buttonSize`                | `ButtonButtonProps['size']`                                                                     | -        | `'m'` in full view, `'l'` in simple view, `'xl'` in mobile mode | Size of footer action buttons                         |
-| `submitButtonProps`         | `Omit<SubmitButtonProps, 'state' \| 'onClick' \| 'size'> & Pick<ButtonButtonProps, 'disabled'>` | -        | -                                                               | Submit button customization, including disabled state |
-| `showSettings`              | `boolean`                                                                                       | -        | `false`                                                         | Show settings icon                                    |
-| `onSettingsClick`           | `() => void`                                                                                    | -        | -                                                               | Settings icon click handler                           |
-| `showAttachment`            | `boolean`                                                                                       | -        | `false`                                                         | Show attachment icon                                  |
-| `onAttachmentClick`         | `() => void`                                                                                    | -        | -                                                               | Attachment icon click handler                         |
-| `showMicrophone`            | `boolean`                                                                                       | -        | `false`                                                         | Show microphone icon                                  |
-| `onMicrophoneClick`         | `() => void`                                                                                    | -        | -                                                               | Microphone icon click handler                         |
-| `submitButtonTooltipSend`   | `string`                                                                                        | -        | -                                                               | Custom tooltip for submit button in enabled state     |
-| `submitButtonTooltipCancel` | `string`                                                                                        | -        | -                                                               | Custom tooltip for submit button in cancelable state  |
-| `submitButtonQa`            | `string`                                                                                        | -        | `'submit-button-full'` or `'submit-button-simple'`              | QA/test identifier for submit button                  |
+| Prop                        | Type                                                      | Required | Default                                                         | Description                                           |
+| --------------------------- | --------------------------------------------------------- | -------- | --------------------------------------------------------------- | ----------------------------------------------------- |
+| `bottomContent`             | `ReactNode`                                               | -        | -                                                               | Custom content for footer area                        |
+| `className`                 | `string`                                                  | -        | -                                                               | Additional CSS class for the footer wrapper           |
+| `contentClassName`          | `string`                                                  | -        | -                                                               | Additional CSS class for the custom content wrapper   |
+| `buttonSize`                | `ButtonButtonProps['size']`                               | -        | `'m'` in full view, `'l'` in simple view, `'xl'` in mobile mode | Size of footer action buttons                         |
+| `submitButtonProps`         | `Omit<SubmitButtonProps, 'state' \| 'onClick' \| 'size'>` | -        | -                                                               | Submit button customization, including disabled state |
+| `showSettings`              | `boolean`                                                 | -        | `false`                                                         | Show settings icon                                    |
+| `onSettingsClick`           | `() => void`                                              | -        | -                                                               | Settings icon click handler                           |
+| `showAttachment`            | `boolean`                                                 | -        | `false`                                                         | Show attachment icon                                  |
+| `onAttachmentClick`         | `() => void`                                              | -        | -                                                               | Attachment icon click handler                         |
+| `showMicrophone`            | `boolean`                                                 | -        | `false`                                                         | Show microphone icon                                  |
+| `onMicrophoneClick`         | `() => void`                                              | -        | -                                                               | Microphone icon click handler                         |
+| `submitButtonTooltipSend`   | `string`                                                  | -        | -                                                               | Custom tooltip for submit button in enabled state     |
+| `submitButtonTooltipCancel` | `string`                                                  | -        | -                                                               | Custom tooltip for submit button in cancelable state  |
+| `submitButtonQa`            | `string`                                                  | -        | `'submit-button-full'` or `'submit-button-simple'`              | QA/test identifier for submit button                  |
 
 ### PromptInputSuggestionsConfig
 

package/build/esm/components/atoms/SubmitButton/SubmitButton.d.ts

@@ -18,6 +18,10 @@ export interface SubmitButtonProps {
      * Button size. Defaults to `m`, or `xl` in mobile mode
      */
     size?: ButtonButtonProps['size'];
+    /**
+     * Force the button into a disabled state
+     */
+    disabled?: ButtonButtonProps['disabled'];
     /**
      * Custom tooltip for enabled state
      */
@@ -46,4 +50,4 @@ export interface SubmitButtonProps {
  *
  * @returns Submit button component
  */
-export declare function SubmitButton({ onClick, state, className, size: sizeProp, tooltipSend, tooltipCancel, cancelableText, qa, }: SubmitButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function SubmitButton({ onClick, state, className, size: sizeProp, disabled, tooltipSend, tooltipCancel, cancelableText, qa, }: SubmitButtonProps): import("react/jsx-runtime").JSX.Element;

package/build/esm/components/atoms/SubmitButton/SubmitButton.js

@@ -19,20 +19,23 @@ const b = block('submit-button');
  *
  * @returns Submit button component
  */
-export function SubmitButton({ onClick, state, className, size: sizeProp, tooltipSend, tooltipCancel, cancelableText, qa, }) {
+export function SubmitButton({ onClick, state, className, size: sizeProp, disabled = false, tooltipSend, tooltipCancel, cancelableText, qa, }) {
     const size = useMobileControlSize(sizeProp, 'm', 'xl');
     const iconSize = getControlIconSize(size);
     const isCancelable = state === 'cancelable';
     const isLoading = state === 'loading';
-    const isDisabled = state === 'disabled';
+    const isDisabled = disabled || state === 'disabled';
     const handleClick = useCallback(async () => {
-        if (['enabled', 'cancelable'].includes(state)) {
+        if (!disabled && ['enabled', 'cancelable'].includes(state)) {
             return onClick();
         }
         return Promise.resolve();
-    }, [state, onClick]);
+    }, [disabled, state, onClick]);
     // Get tooltip based on state
     const getTooltipTitle = () => {
+        if (disabled) {
+            return undefined;
+        }
         switch (state) {
             case 'enabled':
                 return tooltipSend || i18n('tooltip-send');

package/build/esm/components/atoms/SubmitButton/SubmitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.js","sourceRoot":"../../../../../src","sources":["components/atoms/SubmitButton/SubmitButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback} from 'react';\n\nimport {ArrowUp, CircleStop} from '@gravity-ui/icons';\nimport {ButtonButtonProps, Icon, Spin} from '@gravity-ui/uikit';\n\nimport {getControlIconSize, useMobileControlSize} from '../../../hooks/useMobileControlSize';\nimport {block} from '../../../utils/cn';\nimport {ActionButton} from '../ActionButton';\n\nimport {i18n} from './i18n';\n\nimport './SubmitButton.scss';\n\nconst b = block('submit-button');\n\nexport type SubmitButtonState = 'enabled' | 'disabled' | 'loading' | 'cancelable';\n\nexport interface SubmitButtonProps {\n    /**\n     * Click handler\n     */\n    onClick: () => Promise<void>;\n    /**\n     * Button state\n     */\n    state: SubmitButtonState;\n    /**\n     * Additional CSS class\n     */\n    className?: string;\n    /**\n     * Button size. Defaults to `m`, or `xl` in mobile mode\n     */\n    size?: ButtonButtonProps['size'];\n    /**\n     * Custom tooltip for enabled state\n     */\n    tooltipSend?: string;\n    /**\n     * Custom tooltip for cancelable state\n     */\n    tooltipCancel?: string;\n    /**\n     * Custom cancelable text (if provided, will be shown in cancelable state)\n     */\n    cancelableText?: string;\n    /**\n     * QA/test identifier\n     */\n    qa?: string;\n}\n\n/**\n * Submit button component with state management through props\n *\n * States:\n * - disabled: disabled button state\n * - enabled: enabled button state\n * - loading: loading state\n * - cancelable: cancellation state (during loading)\n *\n * @returns Submit button component\n */\nexport function SubmitButton({\n    onClick,\n    state,\n    className,\n    size: sizeProp,\n    tooltipSend,\n    tooltipCancel,\n    cancelableText,\n    qa,\n}: SubmitButtonProps) {\n    const size = useMobileControlSize(sizeProp, 'm', 'xl');\n    const iconSize = getControlIconSize(size);\n    const isCancelable = state === 'cancelable';\n    const isLoading = state === 'loading';\n    const isDisabled = state === 'disabled';\n    const handleClick = useCallback(async () => {\n        if (['enabled', 'cancelable'].includes(state)) {\n            return onClick();\n        }\n\n        return Promise.resolve();\n    }, [state, onClick]);\n\n    // Get tooltip based on state\n    const getTooltipTitle = (): string | undefined => {\n        switch (state) {\n            case 'enabled':\n                return tooltipSend || i18n('tooltip-send');\n            case 'cancelable':\n                return tooltipCancel || i18n('tooltip-cancel');\n            case 'disabled':\n            case 'loading':\n                return undefined;\n            default:\n                return undefined;\n        }\n    };\n\n    const renderContent = () => {\n        if (isLoading) {\n            return (\n                <div className={b('loader')}>\n                    <Spin className={b('spinner')} size=\"xs\" />\n                </div>\n            );\n        }\n\n        if (isCancelable) {\n            return cancelableText ? (\n                [<Icon key=\"icon\" size={iconSize} data={CircleStop} />, cancelableText]\n            ) : (\n                <Icon size={iconSize} data={CircleStop} />\n            );\n        }\n\n        return <Icon size={iconSize} data={ArrowUp} />;\n    };\n\n    return (\n        <ActionButton\n            view=\"action\"\n            size={size}\n            color=\"brand\"\n            disabled={isDisabled}\n            onClick={handleClick}\n            className={b({size, loading: isLoading, cancelable: isCancelable}, className)}\n            qa={qa}\n            tooltipTitle={getTooltipTitle()}\n            data-state={state}\n        >\n            {renderContent()}\n        </ActionButton>\n    );\n}\n"]}
+{"version":3,"file":"SubmitButton.js","sourceRoot":"../../../../../src","sources":["components/atoms/SubmitButton/SubmitButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback} from 'react';\n\nimport {ArrowUp, CircleStop} from '@gravity-ui/icons';\nimport {ButtonButtonProps, Icon, Spin} from '@gravity-ui/uikit';\n\nimport {getControlIconSize, useMobileControlSize} from '../../../hooks/useMobileControlSize';\nimport {block} from '../../../utils/cn';\nimport {ActionButton} from '../ActionButton';\n\nimport {i18n} from './i18n';\n\nimport './SubmitButton.scss';\n\nconst b = block('submit-button');\n\nexport type SubmitButtonState = 'enabled' | 'disabled' | 'loading' | 'cancelable';\n\nexport interface SubmitButtonProps {\n    /**\n     * Click handler\n     */\n    onClick: () => Promise<void>;\n    /**\n     * Button state\n     */\n    state: SubmitButtonState;\n    /**\n     * Additional CSS class\n     */\n    className?: string;\n    /**\n     * Button size. Defaults to `m`, or `xl` in mobile mode\n     */\n    size?: ButtonButtonProps['size'];\n    /**\n     * Force the button into a disabled state\n     */\n    disabled?: ButtonButtonProps['disabled'];\n    /**\n     * Custom tooltip for enabled state\n     */\n    tooltipSend?: string;\n    /**\n     * Custom tooltip for cancelable state\n     */\n    tooltipCancel?: string;\n    /**\n     * Custom cancelable text (if provided, will be shown in cancelable state)\n     */\n    cancelableText?: string;\n    /**\n     * QA/test identifier\n     */\n    qa?: string;\n}\n\n/**\n * Submit button component with state management through props\n *\n * States:\n * - disabled: disabled button state\n * - enabled: enabled button state\n * - loading: loading state\n * - cancelable: cancellation state (during loading)\n *\n * @returns Submit button component\n */\nexport function SubmitButton({\n    onClick,\n    state,\n    className,\n    size: sizeProp,\n    disabled = false,\n    tooltipSend,\n    tooltipCancel,\n    cancelableText,\n    qa,\n}: SubmitButtonProps) {\n    const size = useMobileControlSize(sizeProp, 'm', 'xl');\n    const iconSize = getControlIconSize(size);\n    const isCancelable = state === 'cancelable';\n    const isLoading = state === 'loading';\n    const isDisabled = disabled || state === 'disabled';\n    const handleClick = useCallback(async () => {\n        if (!disabled && ['enabled', 'cancelable'].includes(state)) {\n            return onClick();\n        }\n\n        return Promise.resolve();\n    }, [disabled, state, onClick]);\n\n    // Get tooltip based on state\n    const getTooltipTitle = (): string | undefined => {\n        if (disabled) {\n            return undefined;\n        }\n\n        switch (state) {\n            case 'enabled':\n                return tooltipSend || i18n('tooltip-send');\n            case 'cancelable':\n                return tooltipCancel || i18n('tooltip-cancel');\n            case 'disabled':\n            case 'loading':\n                return undefined;\n            default:\n                return undefined;\n        }\n    };\n\n    const renderContent = () => {\n        if (isLoading) {\n            return (\n                <div className={b('loader')}>\n                    <Spin className={b('spinner')} size=\"xs\" />\n                </div>\n            );\n        }\n\n        if (isCancelable) {\n            return cancelableText ? (\n                [<Icon key=\"icon\" size={iconSize} data={CircleStop} />, cancelableText]\n            ) : (\n                <Icon size={iconSize} data={CircleStop} />\n            );\n        }\n\n        return <Icon size={iconSize} data={ArrowUp} />;\n    };\n\n    return (\n        <ActionButton\n            view=\"action\"\n            size={size}\n            color=\"brand\"\n            disabled={isDisabled}\n            onClick={handleClick}\n            className={b({size, loading: isLoading, cancelable: isCancelable}, className)}\n            qa={qa}\n            tooltipTitle={getTooltipTitle()}\n            data-state={state}\n        >\n            {renderContent()}\n        </ActionButton>\n    );\n}\n"]}

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

@@ -13,13 +13,12 @@ import "./PromptInput.css";
  * @returns React component
  */
 export function PromptInput(props) {
-    var _a;
     const { view = 'simple', onSend, onCancel, initialValue, disabled = false, status = 'ready', maxLength, onValueChange, headerProps, bodyProps, footerProps, suggestionsProps, topPanel, bottomPanel, className, qa, } = props;
     const hookState = usePromptInput({
         onSend,
         onCancel,
         initialValue,
-        disabled: disabled || ((_a = footerProps === null || footerProps === void 0 ? void 0 : footerProps.submitButtonProps) === null || _a === void 0 ? void 0 : _a.disabled),
+        disabled,
         status,
         maxLength,
         onValueChange,

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,EAAE,QAAQ,KAAI,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,iBAAiB,0CAAE,QAAQ,CAAA;QAC9D,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: disabled || footerProps?.submitButtonProps?.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":";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"]}

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

@@ -14,11 +14,11 @@ export function PromptInputFull(props) {
     var _a, _b, _c, _d, _e;
     const { 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, inputRef, qa: bodyQa, } = bodyProps;
+    const { placeholder = 'Plan, code, build and test anything', size: bodySize, minRows = 1, maxRows = 15, autoFocus = false, disabledInput = false, inputRef, 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, handleChange, handleKeyDown, handleSubmit } = hookState;
+    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, 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 })] }));
+                (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 })] }));
 }
 //# 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        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, handleChange, handleKeyDown, handleSubmit} = 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                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 {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"]}

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

@@ -13,10 +13,10 @@ 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, inputRef, qa: bodyQa, } = bodyProps;
+    const { placeholder = 'Plan, code, build and test anything', size: bodySize, minRows = 1, maxRows = 15, autoFocus = false, disabledInput = false, inputRef, 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, handleChange, handleKeyDown, handleSubmit } = hookState;
+    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, 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 (_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 })] }) }));
 }
 //# 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,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,YAAY,EAAE,aAAa,EAAE,YAAY,EAAC,GAAG,SAAS,CAAC;IACxF,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,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        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, handleChange, handleKeyDown, handleSubmit} = 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                    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":";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"]}

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

@@ -58,6 +58,8 @@ export type PromptInputBodyConfig = {
     maxRows?: number;
     /** Auto focus textarea on mount */
     autoFocus?: boolean;
+    /** Disabled state for textarea */
+    disabledInput?: boolean;
     /**
      * Auto focus textarea when a new chat is opened via the plus icon.
      * Only applies inside ChatContainer. Defaults to false.
@@ -82,7 +84,7 @@ export type PromptInputFooterConfig = {
     /** Size of footer action buttons */
     buttonSize?: ButtonButtonProps['size'];
     /** Props for the submit button. State, click handling, and size are managed by PromptInput. */
-    submitButtonProps?: Omit<SubmitButtonProps, 'state' | 'onClick' | 'size'> & Pick<ButtonButtonProps, 'disabled'>;
+    submitButtonProps?: Omit<SubmitButtonProps, 'state' | 'onClick' | 'size'>;
     /** Custom content for footer area (SubmitButton will still be shown) */
     bottomContent?: ReactNode;
     /** Show settings icon in footer */

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    /**\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        Pick<ButtonButtonProps, 'disabled'>;\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    /** 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/hooks/useFileUploadStore.js

@@ -1,4 +1,7 @@
 import { useCallback, useRef, useState } from 'react';
+function createFileId({ sequence }) {
+    return `file-${sequence}`;
+}
 /**
  * State machine for managing the file upload lifecycle.
  * The consumer provides an `upload` function — this hook never calls any API directly.
@@ -6,52 +9,51 @@ import { useCallback, useRef, useState } from 'react';
 export function useFileUploadStore(options) {
     const optionsRef = useRef(options);
     optionsRef.current = options;
+    // `entries` is stored in state so that changes trigger a re-render.
+    // `entriesRef` stores the latest value synchronously so that multiple calls before the next
+    // render correctly account for already added files and respect `maxFiles`.
     const [entries, setEntries] = useState([]);
-    const idCounterRef = useRef(0);
-    const nextId = useCallback(() => {
-        idCounterRef.current += 1;
-        return `file-${idCounterRef.current}`;
+    const entriesRef = useRef([]);
+    const applyEntriesUpdate = useCallback((updater) => {
+        const nextEntries = updater(entriesRef.current);
+        entriesRef.current = nextEntries;
+        setEntries(nextEntries);
     }, []);
+    const idCounterRef = useRef(0);
     const addFiles = useCallback((files) => {
         const { upload: up, withoutApply: wa, onUpload: ou, maxFiles: mf } = optionsRef.current;
-        const pending = [];
-        const filesToUpload = [];
-        setEntries((prev) => {
-            const remaining = mf === undefined ? files.length : Math.max(0, mf - prev.length);
-            const sliced = files.slice(0, remaining);
-            for (const file of sliced) {
-                const id = nextId();
-                pending.push({ id, file });
-            }
-            return [
-                ...prev,
-                ...pending.map(({ id, file }) => ({ status: 'pending', id, file })),
-            ];
+        const remaining = mf === undefined ? files.length : Math.max(0, mf - entriesRef.current.length);
+        const filesToUpload = files.slice(0, remaining).map((file) => {
+            idCounterRef.current += 1;
+            return { id: createFileId({ sequence: idCounterRef.current }), file };
         });
-        if (pending.length === 0)
+        if (filesToUpload.length === 0)
             return;
+        applyEntriesUpdate((current) => [
+            ...current,
+            ...filesToUpload.map(({ id, file }) => ({ status: 'pending', id, file })),
+        ]);
         if (wa) {
-            ou === null || ou === void 0 ? void 0 : ou(pending.map((e) => e.file));
+            ou === null || ou === void 0 ? void 0 : ou(filesToUpload.map((entry) => entry.file));
             return;
         }
-        filesToUpload.push(...pending);
         for (const { id, file } of filesToUpload) {
-            setEntries((prev) => prev.map((e) => (e.id === id ? { status: 'uploading', id, file } : e)));
+            applyEntriesUpdate((current) => current.map((e) => e.id === id ? { status: 'uploading', id, file } : e));
             up(file)
                 .then((meta) => {
-                setEntries((prev) => prev.map((e) => e.id === id ? { status: 'done', id, file, meta } : e));
+                applyEntriesUpdate((current) => current.map((e) => e.id === id ? { status: 'done', id, file, meta } : e));
             })
                 .catch((error) => {
-                setEntries((prev) => prev.map((e) => e.id === id ? { status: 'error', id, file, error } : e));
+                applyEntriesUpdate((current) => current.map((e) => e.id === id ? { status: 'error', id, file, error } : e));
             });
         }
-    }, [nextId]);
+    }, [applyEntriesUpdate]);
     const removeFile = useCallback((id) => {
-        setEntries((prev) => prev.filter((e) => e.id !== id));
-    }, []);
+        applyEntriesUpdate((current) => current.filter((entry) => entry.id !== id));
+    }, [applyEntriesUpdate]);
     const reset = useCallback(() => {
-        setEntries([]);
-    }, []);
+        applyEntriesUpdate(() => []);
+    }, [applyEntriesUpdate]);
     const isLoading = entries.some((e) => e.status === 'uploading');
     const uploadedMetas = entries
         .filter((e) => e.status === 'done')

package/build/esm/hooks/useFileUploadStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFileUploadStore.js","sourceRoot":"../../../src","sources":["hooks/useFileUploadStore.ts"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useRef, useState} from 'react';\n\nexport type FileUploadEntry<Meta = {id: string; name: string}> =\n    | {status: 'pending'; id: string; file: File}\n    | {status: 'uploading'; id: string; file: File}\n    | {status: 'done'; id: string; file: File; meta: Meta}\n    | {status: 'error'; id: string; file: File; error: unknown};\n\nexport type UseFileUploadStoreOptions<Meta = {id: string; name: string}> = {\n    /**\n     * Called for each file to perform the actual upload.\n     * Should return a promise resolving to file metadata.\n     * Not called when `withoutApply` is true.\n     */\n    upload: (file: File) => Promise<Meta>;\n    /** Maximum number of files allowed */\n    maxFiles?: number;\n    /**\n     * When true, files are queued without starting the upload.\n     * `onUpload` is called instead so the consumer can drive the upload externally.\n     */\n    withoutApply?: boolean;\n    /** Called with newly added files when `withoutApply` is true */\n    onUpload?: (files: File[]) => void;\n};\n\nexport type UseFileUploadStoreReturn<Meta = {id: string; name: string}> = {\n    entries: FileUploadEntry<Meta>[];\n    isLoading: boolean;\n    addFiles: (files: File[]) => void;\n    removeFile: (id: string) => void;\n    reset: () => void;\n    uploadedMetas: Meta[];\n};\n\n/**\n * State machine for managing the file upload lifecycle.\n * The consumer provides an `upload` function — this hook never calls any API directly.\n */\nexport function useFileUploadStore<Meta = {id: string; name: string}>(\n    options: UseFileUploadStoreOptions<Meta>,\n): UseFileUploadStoreReturn<Meta> {\n    const optionsRef = useRef(options);\n    optionsRef.current = options;\n\n    const [entries, setEntries] = useState<FileUploadEntry<Meta>[]>([]);\n    const idCounterRef = useRef(0);\n    const nextId = useCallback((): string => {\n        idCounterRef.current += 1;\n        return `file-${idCounterRef.current}`;\n    }, []);\n\n    const addFiles = useCallback(\n        (files: File[]) => {\n            const {upload: up, withoutApply: wa, onUpload: ou, maxFiles: mf} = optionsRef.current;\n\n            const pending: {id: string; file: File}[] = [];\n            const filesToUpload: {id: string; file: File}[] = [];\n\n            setEntries((prev) => {\n                const remaining = mf === undefined ? files.length : Math.max(0, mf - prev.length);\n                const sliced = files.slice(0, remaining);\n\n                for (const file of sliced) {\n                    const id = nextId();\n                    pending.push({id, file});\n                }\n\n                return [\n                    ...prev,\n                    ...pending.map(({id, file}) => ({status: 'pending' as const, id, file})),\n                ];\n            });\n\n            if (pending.length === 0) return;\n\n            if (wa) {\n                ou?.(pending.map((e) => e.file));\n                return;\n            }\n\n            filesToUpload.push(...pending);\n\n            for (const {id, file} of filesToUpload) {\n                setEntries((prev) =>\n                    prev.map((e) => (e.id === id ? {status: 'uploading' as const, id, file} : e)),\n                );\n\n                up(file)\n                    .then((meta) => {\n                        setEntries((prev) =>\n                            prev.map((e) =>\n                                e.id === id ? {status: 'done' as const, id, file, meta} : e,\n                            ),\n                        );\n                    })\n                    .catch((error) => {\n                        setEntries((prev) =>\n                            prev.map((e) =>\n                                e.id === id ? {status: 'error' as const, id, file, error} : e,\n                            ),\n                        );\n                    });\n            }\n        },\n        [nextId],\n    );\n\n    const removeFile = useCallback((id: string) => {\n        setEntries((prev) => prev.filter((e) => e.id !== id));\n    }, []);\n\n    const reset = useCallback(() => {\n        setEntries([]);\n    }, []);\n\n    const isLoading = entries.some((e) => e.status === 'uploading');\n    const uploadedMetas = entries\n        .filter((e): e is Extract<FileUploadEntry<Meta>, {status: 'done'}> => e.status === 'done')\n        .map((e) => e.meta);\n\n    return {entries, isLoading, addFiles, removeFile, reset, uploadedMetas};\n}\n"]}
+{"version":3,"file":"useFileUploadStore.js","sourceRoot":"../../../src","sources":["hooks/useFileUploadStore.ts"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useRef, useState} from 'react';\n\nexport type FileUploadEntry<Meta = {id: string; name: string}> =\n    | {status: 'pending'; id: string; file: File}\n    | {status: 'uploading'; id: string; file: File}\n    | {status: 'done'; id: string; file: File; meta: Meta}\n    | {status: 'error'; id: string; file: File; error: unknown};\n\nexport type UseFileUploadStoreOptions<Meta = {id: string; name: string}> = {\n    /**\n     * Called for each file to perform the actual upload.\n     * Should return a promise resolving to file metadata.\n     * Not called when `withoutApply` is true.\n     */\n    upload: (file: File) => Promise<Meta>;\n    /** Maximum number of files allowed */\n    maxFiles?: number;\n    /**\n     * When true, files are queued without starting the upload.\n     * `onUpload` is called instead so the consumer can drive the upload externally.\n     */\n    withoutApply?: boolean;\n    /** Called with newly added files when `withoutApply` is true */\n    onUpload?: (files: File[]) => void;\n};\n\nexport type UseFileUploadStoreReturn<Meta = {id: string; name: string}> = {\n    entries: FileUploadEntry<Meta>[];\n    isLoading: boolean;\n    addFiles: (files: File[]) => void;\n    removeFile: (id: string) => void;\n    reset: () => void;\n    uploadedMetas: Meta[];\n};\n\nfunction createFileId({sequence}: {sequence: number}): string {\n    return `file-${sequence}`;\n}\n\n/**\n * State machine for managing the file upload lifecycle.\n * The consumer provides an `upload` function — this hook never calls any API directly.\n */\nexport function useFileUploadStore<Meta = {id: string; name: string}>(\n    options: UseFileUploadStoreOptions<Meta>,\n): UseFileUploadStoreReturn<Meta> {\n    const optionsRef = useRef(options);\n    optionsRef.current = options;\n\n    // `entries` is stored in state so that changes trigger a re-render.\n    // `entriesRef` stores the latest value synchronously so that multiple calls before the next\n    // render correctly account for already added files and respect `maxFiles`.\n    const [entries, setEntries] = useState<FileUploadEntry<Meta>[]>([]);\n    const entriesRef = useRef<FileUploadEntry<Meta>[]>([]);\n    const applyEntriesUpdate = useCallback(\n        (updater: (current: FileUploadEntry<Meta>[]) => FileUploadEntry<Meta>[]) => {\n            const nextEntries = updater(entriesRef.current);\n            entriesRef.current = nextEntries;\n            setEntries(nextEntries);\n        },\n        [],\n    );\n    const idCounterRef = useRef(0);\n\n    const addFiles = useCallback(\n        (files: File[]) => {\n            const {upload: up, withoutApply: wa, onUpload: ou, maxFiles: mf} = optionsRef.current;\n            const remaining =\n                mf === undefined ? files.length : Math.max(0, mf - entriesRef.current.length);\n            const filesToUpload = files.slice(0, remaining).map((file) => {\n                idCounterRef.current += 1;\n\n                return {id: createFileId({sequence: idCounterRef.current}), file};\n            });\n\n            if (filesToUpload.length === 0) return;\n\n            applyEntriesUpdate((current) => [\n                ...current,\n                ...filesToUpload.map(({id, file}) => ({status: 'pending' as const, id, file})),\n            ]);\n\n            if (wa) {\n                ou?.(filesToUpload.map((entry) => entry.file));\n                return;\n            }\n\n            for (const {id, file} of filesToUpload) {\n                applyEntriesUpdate((current) =>\n                    current.map((e) =>\n                        e.id === id ? {status: 'uploading' as const, id, file} : e,\n                    ),\n                );\n\n                up(file)\n                    .then((meta) => {\n                        applyEntriesUpdate((current) =>\n                            current.map((e) =>\n                                e.id === id ? {status: 'done' as const, id, file, meta} : e,\n                            ),\n                        );\n                    })\n                    .catch((error) => {\n                        applyEntriesUpdate((current) =>\n                            current.map((e) =>\n                                e.id === id ? {status: 'error' as const, id, file, error} : e,\n                            ),\n                        );\n                    });\n            }\n        },\n        [applyEntriesUpdate],\n    );\n\n    const removeFile = useCallback(\n        (id: string) => {\n            applyEntriesUpdate((current) => current.filter((entry) => entry.id !== id));\n        },\n        [applyEntriesUpdate],\n    );\n\n    const reset = useCallback(() => {\n        applyEntriesUpdate(() => []);\n    }, [applyEntriesUpdate]);\n\n    const isLoading = entries.some((e) => e.status === 'uploading');\n    const uploadedMetas = entries\n        .filter((e): e is Extract<FileUploadEntry<Meta>, {status: 'done'}> => e.status === 'done')\n        .map((e) => e.meta);\n\n    return {entries, isLoading, addFiles, removeFile, reset, uploadedMetas};\n}\n"]}

package/build/esm/package.json

@@ -1 +1 @@
-{"version":"2.21.4-beta.de9a973e6444f67d992e855b9b83d5a97fec4fd7.0","type":"module","sideEffects":["*.css","*.scss"]}
+{"version":"2.22.0","type":"module","sideEffects":["*.css","*.scss"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/aikit",
-  "version": "2.21.4-beta.de9a973e6444f67d992e855b9b83d5a97fec4fd7.0",
+  "version": "2.22.0",
   "description": "Gravity UI base kit for building ai assistant chats",
   "license": "MIT",
   "type": "commonjs",