@razorpay/blade 12.98.1 → 12.111.0

package/build/lib/web/development/components/ChatInput/ChatInput.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.web.js","sources":["../../../../../../src/components/ChatInput/ChatInput.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { AnimatePresence } from 'framer-motion';\nimport type { ChatInputProps } from './types';\nimport { ChatInputActionBar } from './ChatInputActionBar';\nimport { ChatInputGhostSuggestion } from './ChatInputGhostSuggestion';\nimport { useChatInput } from './useChatInput';\nimport { useTheme } from '~components/BladeProvider';\nimport { BaseMotionBox, BaseMotionEntryExit } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { IconButton } from '~components/Button/IconButton';\nimport { FileUploadItem } from '~components/FileUpload/FileUploadItem';\nimport { CloseIcon, InfoIcon } from '~components/Icons';\nimport { BaseInput } from '~components/Input/BaseInput/BaseInput';\nimport { Text } from '~components/Typography';\nimport { castWebType, makeSpace } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\n\nconst HiddenScrollbarBox = styled(BaseBox)(() => ({\n  '&::-webkit-scrollbar': { display: 'none' },\n  scrollbarWidth: 'none' as const,\n}));\n\nconst _ChatInput: React.ForwardRefRenderFunction<BladeElementRef, ChatInputProps> = (\n  {\n    value,\n    defaultValue,\n    onChange,\n    onFocus,\n    onBlur,\n    onSubmit,\n    placeholder = 'Ask a question...',\n    isDisabled = false,\n    isGenerating = false,\n    onStop,\n    fileList,\n    onFileChange,\n    onFileRemove,\n    onFileReupload,\n    accept,\n    suggestions,\n    onSuggestionAccept,\n    validationState,\n    errorText,\n    onErrorDismiss,\n    accessibilityLabel = 'Chat input',\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n\n  const {\n    fileInputRef,\n    mergedRef,\n    textValue,\n    files,\n    setActiveSuggestionIndex,\n    hasFiles,\n    isSubmitDisabled,\n    showGhostSuggestion,\n    handleTextChange,\n    handleSubmit,\n    handleKeyDown,\n    handleUploadClick,\n    handleFileInputChange,\n    handleFileRemove,\n    handlePaste,\n    handleInnerMouseDownCapture,\n  } = useChatInput(\n    {\n      value,\n      defaultValue,\n      onChange,\n      onSubmit,\n      isDisabled,\n      isGenerating,\n      onStop,\n      fileList,\n      onFileChange,\n      onFileRemove,\n      accept,\n      suggestions,\n      onSuggestionAccept,\n    },\n    ref,\n  );\n\n  const errorSlideVariants: MotionVariantsType = {\n    initial: { opacity: 0 },\n    animate: {\n      transform: ['translateY(100%)', 'translateY(0%)'],\n      opacity: 1,\n      transition: {\n        duration: msToSeconds(theme.motion.duration.xmoderate),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized)),\n      },\n    },\n    exit: {\n      opacity: 0,\n      transform: 'translateY(100%)',\n      transitionEnd: { transform: 'translateY(100%)' },\n      transition: {\n        duration: msToSeconds(theme.motion.duration.xmoderate),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized)),\n      },\n    },\n  };\n\n  const filePreviewMotionVariants: MotionVariantsType = {\n    initial: { height: '0px', overflow: 'hidden' },\n    animate: {\n      height: 'auto',\n      overflow: 'hidden',\n      transition: {\n        duration: msToSeconds(theme.motion.duration.quick),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized)),\n      },\n    },\n    exit: {\n      height: '0px',\n      overflow: 'hidden',\n      transition: {\n        duration: msToSeconds(theme.motion.duration.quick),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized)),\n      },\n    },\n  };\n\n  const filePreviewContent = (\n    <AnimatePresence>\n      {hasFiles ? (\n        <BaseMotionBox motionVariants={filePreviewMotionVariants}>\n          <HiddenScrollbarBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            gap=\"spacing.3\"\n            paddingTop=\"spacing.5\"\n            paddingX=\"spacing.5\"\n            overflowX=\"auto\"\n            height=\"auto\"\n            overflowY=\"hidden\"\n            flexWrap=\"nowrap\"\n          >\n            {files.map((file) => (\n              <FileUploadItem\n                flexShrink={0}\n                flexGrow={1}\n                flexBasis={1}\n                minWidth=\"160px\"\n                maxWidth=\"200px\"\n                key={file.id ?? file.name}\n                file={file}\n                onRemove={() => handleFileRemove(file)}\n                onReupload={onFileReupload ? () => onFileReupload({ file }) : undefined}\n              />\n            ))}\n          </HiddenScrollbarBox>\n        </BaseMotionBox>\n      ) : null}\n    </AnimatePresence>\n  );\n\n  const actionBarContent = (\n    <ChatInputActionBar\n      isDisabled={isDisabled}\n      isGenerating={isGenerating}\n      isSubmitDisabled={isSubmitDisabled}\n      onUploadClick={handleUploadClick}\n      onSubmit={handleSubmit}\n      onStop={onStop}\n    />\n  );\n\n  const isError = validationState === 'error';\n\n  return (\n    <BaseBox\n      position=\"relative\"\n      {...metaAttribute({ name: MetaConstants.ChatInput, testID })}\n      {...getStyledProps(rest)}\n    >\n      {/* Hidden file input */}\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        accept={accept}\n        multiple={true}\n        onChange={handleFileInputChange}\n        disabled={isDisabled}\n        style={{ display: 'none' }}\n        aria-hidden=\"true\"\n      />\n\n      <BaseBox position=\"relative\" zIndex={1} onMouseDownCapture={handleInnerMouseDownCapture}>\n        <BaseInput\n          ref={mergedRef}\n          as=\"textarea\"\n          id=\"chat-input\"\n          elevation=\"highRaised\"\n          label={undefined}\n          accessibilityLabel={accessibilityLabel}\n          hideLabelText\n          hideFormHint\n          placeholder={showGhostSuggestion ? '' : placeholder}\n          value={textValue}\n          onChange={handleTextChange}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n          isDisabled={isDisabled}\n          numberOfLines={2}\n          size=\"medium\"\n          padding={makeSpace(theme.spacing[5])}\n          borderRadius=\"large\"\n          caretColor=\"surface.icon.onSea.onSubtle\"\n          topContent={filePreviewContent}\n          bottomContent={actionBarContent}\n          inputRowOverlay={\n            showGhostSuggestion && suggestions ? (\n              <BaseBox\n                position=\"absolute\"\n                top=\"spacing.5\"\n                left=\"spacing.5\"\n                right=\"spacing.5\"\n                pointerEvents=\"none\"\n                zIndex={3}\n              >\n                <ChatInputGhostSuggestion\n                  suggestions={suggestions}\n                  isVisible={showGhostSuggestion}\n                  onIndexChange={setActiveSuggestionIndex}\n                />\n              </BaseBox>\n            ) : null\n          }\n          {...makeAnalyticsAttribute(rest)}\n        />\n      </BaseBox>\n\n      {/* Error popup — positioned behind the card (zIndex: 0), slides out from behind the top edge */}\n      <BaseBox\n        position=\"absolute\"\n        bottom=\"calc(100% - 12px)\"\n        left=\"spacing.0\"\n        right=\"spacing.0\"\n        zIndex={0}\n      >\n        <BaseMotionEntryExit motionVariants={errorSlideVariants} isVisible={isError} type=\"inout\">\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            gap=\"spacing.2\"\n            backgroundColor=\"feedback.background.negative.subtle\"\n            paddingX=\"spacing.4\"\n            paddingTop=\"spacing.3\"\n            paddingBottom=\"spacing.6\"\n            borderTopLeftRadius=\"medium\"\n            borderTopRightRadius=\"medium\"\n            role=\"alert\"\n          >\n            <InfoIcon size=\"small\" color=\"feedback.icon.negative.intense\" />\n            <Text size=\"small\" truncateAfterLines={8} color=\"feedback.text.negative.intense\">\n              {errorText}\n            </Text>\n            {onErrorDismiss ? (\n              <IconButton\n                marginLeft=\"auto\"\n                icon={CloseIcon}\n                size=\"small\"\n                emphasis=\"intense\"\n                accessibilityLabel=\"Dismiss error\"\n                onClick={() => onErrorDismiss()}\n              />\n            ) : null}\n          </BaseBox>\n        </BaseMotionEntryExit>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst ChatInput = assignWithoutSideEffects(React.forwardRef(_ChatInput), {\n  componentId: MetaConstants.ChatInput,\n  displayName: 'ChatInput',\n});\n\nexport { ChatInput };\nexport type { ChatInputProps };\n"],"names":["HiddenScrollbarBox","styled","BaseBox","withConfig","displayName","componentId","display","scrollbarWidth","_ChatInput","_ref","ref","value","defaultValue","onChange","onFocus","onBlur","onSubmit","_ref$placeholder","placeholder","_ref$isDisabled","isDisabled","_ref$isGenerating","isGenerating","onStop","fileList","onFileChange","onFileRemove","onFileReupload","accept","suggestions","onSuggestionAccept","validationState","errorText","onErrorDismiss","_ref$accessibilityLab","accessibilityLabel","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useChatInput","useChatInput","fileInputRef","mergedRef","textValue","files","setActiveSuggestionIndex","hasFiles","isSubmitDisabled","showGhostSuggestion","handleTextChange","handleSubmit","handleKeyDown","handleUploadClick","handleFileInputChange","handleFileRemove","handlePaste","handleInnerMouseDownCapture","errorSlideVariants","initial","opacity","animate","transform","transition","duration","msToSeconds","motion","xmoderate","ease","cssBezierToArray","castWebType","easing","emphasized","exit","transitionEnd","filePreviewMotionVariants","height","overflow","quick","filePreviewContent","_jsx","AnimatePresence","children","BaseMotionBox","motionVariants","flexDirection","gap","paddingTop","paddingX","overflowX","overflowY","flexWrap","map","file","_file$id","FileUploadItem","flexShrink","flexGrow","flexBasis","minWidth","maxWidth","onRemove","onReupload","undefined","id","name","actionBarContent","ChatInputActionBar","onUploadClick","isError","_jsxs","_objectSpread","position","metaAttribute","MetaConstants","ChatInput","getStyledProps","type","multiple","disabled","style","zIndex","onMouseDownCapture","BaseInput","as","elevation","label","hideLabelText","hideFormHint","onKeyDown","onPaste","numberOfLines","size","padding","makeSpace","spacing","borderRadius","caretColor","topContent","bottomContent","inputRowOverlay","top","left","right","pointerEvents","ChatInputGhostSuggestion","isVisible","onIndexChange","makeAnalyticsAttribute","bottom","BaseMotionEntryExit","alignItems","backgroundColor","paddingBottom","borderTopLeftRadius","borderTopRightRadius","role","InfoIcon","color","Text","truncateAfterLines","IconButton","marginLeft","icon","CloseIcon","emphasis","onClick","assignWithoutSideEffects","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"ChatInput.web.js","sources":["../../../../../../src/components/ChatInput/ChatInput.web.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport styled from 'styled-components';\nimport { AnimatePresence } from 'framer-motion';\nimport type { ChatInputProps } from './types';\nimport { chatInputFilePreviewItemWidth } from './chatInputTokens';\nimport { ChatInputActionBar } from './ChatInputActionBar';\nimport { ChatInputGhostSuggestion } from './ChatInputGhostSuggestion';\nimport { useChatInput } from './useChatInput';\nimport { useTheme } from '~components/BladeProvider';\nimport { BaseMotionBox, BaseMotionEntryExit } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { IconButton } from '~components/Button/IconButton';\nimport { FileUploadItem } from '~components/FileUpload/FileUploadItem';\nimport { CloseIcon, InfoIcon } from '~components/Icons';\nimport { BaseInput } from '~components/Input/BaseInput/BaseInput';\nimport { Text } from '~components/Typography';\nimport { castWebType, makeSpace } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\n\nconst HiddenScrollbarBox = styled(BaseBox)(() => ({\n  '&::-webkit-scrollbar': { display: 'none' },\n  scrollbarWidth: 'none' as const,\n}));\n\nconst _ChatInput: React.ForwardRefRenderFunction<BladeElementRef, ChatInputProps> = (\n  {\n    value,\n    defaultValue,\n    onChange,\n    onFocus,\n    onBlur,\n    onSubmit,\n    placeholder = 'Ask a question...',\n    isDisabled = false,\n    isGenerating = false,\n    onStop,\n    fileList,\n    onFileChange,\n    onFileRemove,\n    onFileDismiss,\n    onFileReupload,\n    accept,\n    suggestions,\n    onSuggestionAccept,\n    validationState,\n    errorText,\n    onErrorDismiss,\n    hideFileUpload = false,\n    autoFocus = false,\n    accessibilityLabel = 'Chat input',\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  const { theme } = useTheme();\n\n  const {\n    fileInputRef,\n    mergedRef,\n    textValue,\n    files,\n    setActiveSuggestionIndex,\n    hasFiles,\n    isSubmitDisabled,\n    showGhostSuggestion,\n    handleTextChange,\n    handleSubmit,\n    handleKeyDown,\n    handleUploadClick,\n    handleFileInputChange,\n    handleFileRemove,\n    handleFileDismiss,\n    handlePaste,\n    handleInnerMouseDownCapture,\n  } = useChatInput(\n    {\n      value,\n      defaultValue,\n      onChange,\n      onSubmit,\n      isDisabled,\n      isGenerating,\n      onStop,\n      fileList,\n      onFileChange,\n      onFileRemove,\n      onFileDismiss,\n      accept,\n      suggestions,\n      onSuggestionAccept,\n    },\n    ref,\n  );\n\n  const errorSlideVariants: MotionVariantsType = {\n    initial: { opacity: 0 },\n    animate: {\n      transform: ['translateY(100%)', 'translateY(0%)'],\n      opacity: 1,\n      transition: {\n        duration: msToSeconds(theme.motion.duration.xmoderate),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized)),\n      },\n    },\n    exit: {\n      opacity: 0,\n      transform: 'translateY(100%)',\n      transitionEnd: { transform: 'translateY(100%)' },\n      transition: {\n        duration: msToSeconds(theme.motion.duration.xmoderate),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized)),\n      },\n    },\n  };\n\n  const filePreviewMotionVariants: MotionVariantsType = {\n    initial: { height: '0px', overflow: 'hidden' },\n    animate: {\n      height: 'auto',\n      overflow: 'hidden',\n      transition: {\n        duration: msToSeconds(theme.motion.duration.quick),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized)),\n      },\n    },\n    exit: {\n      height: '0px',\n      overflow: 'hidden',\n      transition: {\n        duration: msToSeconds(theme.motion.duration.quick),\n        ease: cssBezierToArray(castWebType(theme.motion.easing.emphasized)),\n      },\n    },\n  };\n\n  const inputRef = useRef<BladeElementRef>(null);\n  const combinedRef = useMergeRefs(mergedRef, inputRef);\n\n  useEffect(() => {\n    if (autoFocus && inputRef.current instanceof HTMLElement) {\n      inputRef.current.focus();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const fileScrollRef = useRef<HTMLDivElement>(null);\n  const prevFileCountRef = useRef(files.length);\n\n  useEffect(() => {\n    const prevCount = prevFileCountRef.current;\n    prevFileCountRef.current = files.length;\n    if (files.length > prevCount && fileScrollRef.current) {\n      fileScrollRef.current.scrollTo({\n        left: fileScrollRef.current.scrollWidth,\n        behavior: 'smooth',\n      });\n    }\n  }, [files]);\n\n  const filePreviewContent = (\n    <AnimatePresence>\n      {hasFiles ? (\n        <BaseMotionBox motionVariants={filePreviewMotionVariants}>\n          <HiddenScrollbarBox\n            ref={fileScrollRef}\n            display=\"flex\"\n            flexDirection=\"row\"\n            gap=\"spacing.3\"\n            paddingTop=\"spacing.5\"\n            paddingX=\"spacing.5\"\n            overflowX=\"auto\"\n            height=\"auto\"\n            overflowY=\"hidden\"\n            flexWrap=\"nowrap\"\n          >\n            {files.map((file) => (\n              <BaseBox\n                key={file.id ?? file.name}\n                flexShrink={0}\n                width={chatInputFilePreviewItemWidth}\n              >\n                <FileUploadItem\n                  file={file}\n                  onRemove={() => handleFileRemove(file)}\n                  onDismiss={() => handleFileDismiss(file)}\n                  onReupload={onFileReupload ? () => onFileReupload({ file }) : undefined}\n                />\n              </BaseBox>\n            ))}\n          </HiddenScrollbarBox>\n        </BaseMotionBox>\n      ) : null}\n    </AnimatePresence>\n  );\n\n  const actionBarContent = (\n    <ChatInputActionBar\n      isDisabled={isDisabled}\n      isGenerating={isGenerating}\n      isSubmitDisabled={isSubmitDisabled}\n      hideFileUpload={hideFileUpload}\n      onUploadClick={handleUploadClick}\n      onSubmit={handleSubmit}\n      onStop={onStop}\n    />\n  );\n\n  const isError = validationState === 'error';\n\n  return (\n    <BaseBox\n      position=\"relative\"\n      {...metaAttribute({ name: MetaConstants.ChatInput, testID })}\n      {...getStyledProps(rest)}\n    >\n      {/* Hidden file input */}\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        accept={accept}\n        multiple={true}\n        onChange={handleFileInputChange}\n        disabled={isDisabled}\n        style={{ display: 'none' }}\n        aria-hidden=\"true\"\n      />\n\n      <BaseBox position=\"relative\" zIndex={1} onMouseDownCapture={handleInnerMouseDownCapture}>\n        <BaseInput\n          ref={combinedRef}\n          as=\"textarea\"\n          id=\"chat-input\"\n          elevation=\"highRaised\"\n          label={undefined}\n          accessibilityLabel={accessibilityLabel}\n          hideLabelText\n          hideFormHint\n          placeholder={showGhostSuggestion ? '' : placeholder}\n          value={textValue}\n          onChange={handleTextChange}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n          isDisabled={isDisabled}\n          numberOfLines={2}\n          size=\"medium\"\n          padding={makeSpace(theme.spacing[5])}\n          borderRadius=\"large\"\n          caretColor=\"surface.icon.onSea.onSubtle\"\n          topContent={filePreviewContent}\n          bottomContent={actionBarContent}\n          inputRowOverlay={\n            showGhostSuggestion && suggestions ? (\n              <BaseBox\n                position=\"absolute\"\n                top=\"spacing.5\"\n                left=\"spacing.5\"\n                right=\"spacing.5\"\n                pointerEvents=\"none\"\n                zIndex={3}\n              >\n                <ChatInputGhostSuggestion\n                  suggestions={suggestions}\n                  isVisible={showGhostSuggestion}\n                  onIndexChange={setActiveSuggestionIndex}\n                />\n              </BaseBox>\n            ) : null\n          }\n          {...makeAnalyticsAttribute(rest)}\n        />\n      </BaseBox>\n\n      {/* Error popup — positioned behind the card (zIndex: 0), slides out from behind the top edge */}\n      <BaseBox\n        position=\"absolute\"\n        bottom=\"calc(100% - 12px)\"\n        left=\"spacing.0\"\n        right=\"spacing.0\"\n        zIndex={0}\n      >\n        <BaseMotionEntryExit motionVariants={errorSlideVariants} isVisible={isError} type=\"inout\">\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            gap=\"spacing.2\"\n            backgroundColor=\"feedback.background.negative.subtle\"\n            paddingX=\"spacing.4\"\n            paddingTop=\"spacing.3\"\n            paddingBottom=\"spacing.6\"\n            borderTopLeftRadius=\"medium\"\n            borderTopRightRadius=\"medium\"\n            role=\"alert\"\n          >\n            <InfoIcon size=\"small\" color=\"feedback.icon.negative.intense\" />\n            <Text size=\"small\" truncateAfterLines={8} color=\"feedback.text.negative.intense\">\n              {errorText}\n            </Text>\n            {onErrorDismiss ? (\n              <IconButton\n                marginLeft=\"auto\"\n                icon={CloseIcon}\n                size=\"small\"\n                emphasis=\"intense\"\n                accessibilityLabel=\"Dismiss error\"\n                onClick={() => onErrorDismiss()}\n              />\n            ) : null}\n          </BaseBox>\n        </BaseMotionEntryExit>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst ChatInput = assignWithoutSideEffects(React.forwardRef(_ChatInput), {\n  componentId: MetaConstants.ChatInput,\n  displayName: 'ChatInput',\n});\n\nexport { ChatInput };\n"],"names":["HiddenScrollbarBox","styled","BaseBox","withConfig","displayName","componentId","display","scrollbarWidth","_ChatInput","_ref","ref","value","defaultValue","onChange","onFocus","onBlur","onSubmit","_ref$placeholder","placeholder","_ref$isDisabled","isDisabled","_ref$isGenerating","isGenerating","onStop","fileList","onFileChange","onFileRemove","onFileDismiss","onFileReupload","accept","suggestions","onSuggestionAccept","validationState","errorText","onErrorDismiss","_ref$hideFileUpload","hideFileUpload","_ref$autoFocus","autoFocus","_ref$accessibilityLab","accessibilityLabel","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useChatInput","useChatInput","fileInputRef","mergedRef","textValue","files","setActiveSuggestionIndex","hasFiles","isSubmitDisabled","showGhostSuggestion","handleTextChange","handleSubmit","handleKeyDown","handleUploadClick","handleFileInputChange","handleFileRemove","handleFileDismiss","handlePaste","handleInnerMouseDownCapture","errorSlideVariants","initial","opacity","animate","transform","transition","duration","msToSeconds","motion","xmoderate","ease","cssBezierToArray","castWebType","easing","emphasized","exit","transitionEnd","filePreviewMotionVariants","height","overflow","quick","inputRef","useRef","combinedRef","useMergeRefs","useEffect","current","HTMLElement","focus","fileScrollRef","prevFileCountRef","length","prevCount","scrollTo","left","scrollWidth","behavior","filePreviewContent","_jsx","AnimatePresence","children","BaseMotionBox","motionVariants","flexDirection","gap","paddingTop","paddingX","overflowX","overflowY","flexWrap","map","file","_file$id","flexShrink","width","chatInputFilePreviewItemWidth","FileUploadItem","onRemove","onDismiss","onReupload","undefined","id","name","actionBarContent","ChatInputActionBar","onUploadClick","isError","_jsxs","_objectSpread","position","metaAttribute","MetaConstants","ChatInput","getStyledProps","type","multiple","disabled","style","zIndex","onMouseDownCapture","BaseInput","as","elevation","label","hideLabelText","hideFormHint","onKeyDown","onPaste","numberOfLines","size","padding","makeSpace","spacing","borderRadius","caretColor","topContent","bottomContent","inputRowOverlay","top","right","pointerEvents","ChatInputGhostSuggestion","isVisible","onIndexChange","makeAnalyticsAttribute","bottom","BaseMotionEntryExit","alignItems","backgroundColor","paddingBottom","borderTopLeftRadius","borderTopRightRadius","role","InfoIcon","color","Text","truncateAfterLines","IconButton","marginLeft","icon","CloseIcon","emphasis","onClick","assignWithoutSideEffects","React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,IAAMA,kBAAkB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,kCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAC,CAAA,CAAA,YAAA;EAAA,OAAO;AAChD,IAAA,sBAAsB,EAAE;AAAEC,MAAAA,OAAO,EAAE,MAAA;KAAQ;AAC3CC,IAAAA,cAAc,EAAE,MAAA;GACjB,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,UAA2E,GAAG,SAA9EA,UAA2EA,CAAAC,IAAA,EA6B/EC,GAAG,EACA;AAAA,EAAA,IA5BDC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IACPC,MAAM,GAAAN,IAAA,CAANM,MAAM;IACNC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IAAAC,gBAAA,GAAAR,IAAA,CACRS,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,mBAAmB,GAAAA,gBAAA;IAAAE,eAAA,GAAAV,IAAA,CACjCW,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,iBAAA,GAAAZ,IAAA,CAClBa,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;IACpBE,MAAM,GAAAd,IAAA,CAANc,MAAM;IACNC,QAAQ,GAAAf,IAAA,CAARe,QAAQ;IACRC,YAAY,GAAAhB,IAAA,CAAZgB,YAAY;IACZC,YAAY,GAAAjB,IAAA,CAAZiB,YAAY;IACZC,aAAa,GAAAlB,IAAA,CAAbkB,aAAa;IACbC,cAAc,GAAAnB,IAAA,CAAdmB,cAAc;IACdC,MAAM,GAAApB,IAAA,CAANoB,MAAM;IACNC,WAAW,GAAArB,IAAA,CAAXqB,WAAW;IACXC,kBAAkB,GAAAtB,IAAA,CAAlBsB,kBAAkB;IAClBC,eAAe,GAAAvB,IAAA,CAAfuB,eAAe;IACfC,SAAS,GAAAxB,IAAA,CAATwB,SAAS;IACTC,cAAc,GAAAzB,IAAA,CAAdyB,cAAc;IAAAC,mBAAA,GAAA1B,IAAA,CACd2B,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,mBAAA;IAAAE,cAAA,GAAA5B,IAAA,CACtB6B,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;IAAAE,qBAAA,GAAA9B,IAAA,CACjB+B,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,qBAAA;IACjCE,MAAM,GAAAhC,IAAA,CAANgC,MAAM;AACHC,IAAAA,IAAI,GAAAC,wBAAA,CAAAlC,IAAA,EAAAmC,SAAA,CAAA,CAAA;AAIT,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EAEb,IAAAC,aAAA,GAkBIC,YAAY,CACd;AACEtC,MAAAA,KAAK,EAALA,KAAK;AACLC,MAAAA,YAAY,EAAZA,YAAY;AACZC,MAAAA,QAAQ,EAARA,QAAQ;AACRG,MAAAA,QAAQ,EAARA,QAAQ;AACRI,MAAAA,UAAU,EAAVA,UAAU;AACVE,MAAAA,YAAY,EAAZA,YAAY;AACZC,MAAAA,MAAM,EAANA,MAAM;AACNC,MAAAA,QAAQ,EAARA,QAAQ;AACRC,MAAAA,YAAY,EAAZA,YAAY;AACZC,MAAAA,YAAY,EAAZA,YAAY;AACZC,MAAAA,aAAa,EAAbA,aAAa;AACbE,MAAAA,MAAM,EAANA,MAAM;AACNC,MAAAA,WAAW,EAAXA,WAAW;AACXC,MAAAA,kBAAkB,EAAlBA,kBAAAA;KACD,EACDrB,GACF,CAAC;IAnCCwC,YAAY,GAAAF,aAAA,CAAZE,YAAY;IACZC,SAAS,GAAAH,aAAA,CAATG,SAAS;IACTC,SAAS,GAAAJ,aAAA,CAATI,SAAS;IACTC,KAAK,GAAAL,aAAA,CAALK,KAAK;IACLC,wBAAwB,GAAAN,aAAA,CAAxBM,wBAAwB;IACxBC,QAAQ,GAAAP,aAAA,CAARO,QAAQ;IACRC,gBAAgB,GAAAR,aAAA,CAAhBQ,gBAAgB;IAChBC,mBAAmB,GAAAT,aAAA,CAAnBS,mBAAmB;IACnBC,gBAAgB,GAAAV,aAAA,CAAhBU,gBAAgB;IAChBC,YAAY,GAAAX,aAAA,CAAZW,YAAY;IACZC,aAAa,GAAAZ,aAAA,CAAbY,aAAa;IACbC,iBAAiB,GAAAb,aAAA,CAAjBa,iBAAiB;IACjBC,qBAAqB,GAAAd,aAAA,CAArBc,qBAAqB;IACrBC,gBAAgB,GAAAf,aAAA,CAAhBe,gBAAgB;IAChBC,iBAAiB,GAAAhB,aAAA,CAAjBgB,iBAAiB;IACjBC,WAAW,GAAAjB,aAAA,CAAXiB,WAAW;IACXC,2BAA2B,GAAAlB,aAAA,CAA3BkB,2BAA2B,CAAA;AAqB7B,EAAA,IAAMC,kBAAsC,GAAG;AAC7CC,IAAAA,OAAO,EAAE;AAAEC,MAAAA,OAAO,EAAE,CAAA;KAAG;AACvBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,SAAS,EAAE,CAAC,kBAAkB,EAAE,gBAAgB,CAAC;AACjDF,MAAAA,OAAO,EAAE,CAAC;AACVG,MAAAA,UAAU,EAAE;QACVC,QAAQ,EAAEC,WAAW,CAAC3B,KAAK,CAAC4B,MAAM,CAACF,QAAQ,CAACG,SAAS,CAAC;AACtDC,QAAAA,IAAI,EAAEC,gBAAgB,CAACC,WAAW,CAAChC,KAAK,CAAC4B,MAAM,CAACK,MAAM,CAACC,UAAU,CAAC,CAAA;AACpE,OAAA;KACD;AACDC,IAAAA,IAAI,EAAE;AACJb,MAAAA,OAAO,EAAE,CAAC;AACVE,MAAAA,SAAS,EAAE,kBAAkB;AAC7BY,MAAAA,aAAa,EAAE;AAAEZ,QAAAA,SAAS,EAAE,kBAAA;OAAoB;AAChDC,MAAAA,UAAU,EAAE;QACVC,QAAQ,EAAEC,WAAW,CAAC3B,KAAK,CAAC4B,MAAM,CAACF,QAAQ,CAACG,SAAS,CAAC;AACtDC,QAAAA,IAAI,EAAEC,gBAAgB,CAACC,WAAW,CAAChC,KAAK,CAAC4B,MAAM,CAACK,MAAM,CAACC,UAAU,CAAC,CAAA;AACpE,OAAA;AACF,KAAA;GACD,CAAA;AAED,EAAA,IAAMG,yBAA6C,GAAG;AACpDhB,IAAAA,OAAO,EAAE;AAAEiB,MAAAA,MAAM,EAAE,KAAK;AAAEC,MAAAA,QAAQ,EAAE,QAAA;KAAU;AAC9ChB,IAAAA,OAAO,EAAE;AACPe,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,QAAQ,EAAE,QAAQ;AAClBd,MAAAA,UAAU,EAAE;QACVC,QAAQ,EAAEC,WAAW,CAAC3B,KAAK,CAAC4B,MAAM,CAACF,QAAQ,CAACc,KAAK,CAAC;AAClDV,QAAAA,IAAI,EAAEC,gBAAgB,CAACC,WAAW,CAAChC,KAAK,CAAC4B,MAAM,CAACK,MAAM,CAACC,UAAU,CAAC,CAAA;AACpE,OAAA;KACD;AACDC,IAAAA,IAAI,EAAE;AACJG,MAAAA,MAAM,EAAE,KAAK;AACbC,MAAAA,QAAQ,EAAE,QAAQ;AAClBd,MAAAA,UAAU,EAAE;QACVC,QAAQ,EAAEC,WAAW,CAAC3B,KAAK,CAAC4B,MAAM,CAACF,QAAQ,CAACc,KAAK,CAAC;AAClDV,QAAAA,IAAI,EAAEC,gBAAgB,CAACC,WAAW,CAAChC,KAAK,CAAC4B,MAAM,CAACK,MAAM,CAACC,UAAU,CAAC,CAAA;AACpE,OAAA;AACF,KAAA;GACD,CAAA;AAED,EAAA,IAAMO,QAAQ,GAAGC,MAAM,CAAkB,IAAI,CAAC,CAAA;AAC9C,EAAA,IAAMC,WAAW,GAAGC,YAAY,CAACxC,SAAS,EAAEqC,QAAQ,CAAC,CAAA;AAErDI,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAItD,SAAS,IAAIkD,QAAQ,CAACK,OAAO,YAAYC,WAAW,EAAE;AACxDN,MAAAA,QAAQ,CAACK,OAAO,CAACE,KAAK,EAAE,CAAA;AAC1B,KAAA;AACA;GACD,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,IAAMC,aAAa,GAAGP,MAAM,CAAiB,IAAI,CAAC,CAAA;AAClD,EAAA,IAAMQ,gBAAgB,GAAGR,MAAM,CAACpC,KAAK,CAAC6C,MAAM,CAAC,CAAA;AAE7CN,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAMO,SAAS,GAAGF,gBAAgB,CAACJ,OAAO,CAAA;AAC1CI,IAAAA,gBAAgB,CAACJ,OAAO,GAAGxC,KAAK,CAAC6C,MAAM,CAAA;IACvC,IAAI7C,KAAK,CAAC6C,MAAM,GAAGC,SAAS,IAAIH,aAAa,CAACH,OAAO,EAAE;AACrDG,MAAAA,aAAa,CAACH,OAAO,CAACO,QAAQ,CAAC;AAC7BC,QAAAA,IAAI,EAAEL,aAAa,CAACH,OAAO,CAACS,WAAW;AACvCC,QAAAA,QAAQ,EAAE,QAAA;AACZ,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAC,EAAE,CAAClD,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,IAAMmD,kBAAkB,gBACtBC,GAAA,CAACC,eAAe,EAAA;AAAAC,IAAAA,QAAA,EACbpD,QAAQ,gBACPkD,GAAA,CAACG,aAAa,EAAA;AAACC,MAAAA,cAAc,EAAEzB,yBAA0B;MAAAuB,QAAA,eACvDF,GAAA,CAACzG,kBAAkB,EAAA;AACjBU,QAAAA,GAAG,EAAEsF,aAAc;AACnB1F,QAAAA,OAAO,EAAC,MAAM;AACdwG,QAAAA,aAAa,EAAC,KAAK;AACnBC,QAAAA,GAAG,EAAC,WAAW;AACfC,QAAAA,UAAU,EAAC,WAAW;AACtBC,QAAAA,QAAQ,EAAC,WAAW;AACpBC,QAAAA,SAAS,EAAC,MAAM;AAChB7B,QAAAA,MAAM,EAAC,MAAM;AACb8B,QAAAA,SAAS,EAAC,QAAQ;AAClBC,QAAAA,QAAQ,EAAC,QAAQ;AAAAT,QAAAA,QAAA,EAEhBtD,KAAK,CAACgE,GAAG,CAAC,UAACC,IAAI,EAAA;AAAA,UAAA,IAAAC,QAAA,CAAA;UAAA,oBACdd,GAAA,CAACvG,OAAO,EAAA;AAENsH,YAAAA,UAAU,EAAE,CAAE;AACdC,YAAAA,KAAK,EAAEC,6BAA8B;YAAAf,QAAA,eAErCF,GAAA,CAACkB,cAAc,EAAA;AACbL,cAAAA,IAAI,EAAEA,IAAK;cACXM,QAAQ,EAAE,SAAVA,QAAQA,GAAA;gBAAA,OAAQ7D,gBAAgB,CAACuD,IAAI,CAAC,CAAA;eAAC;cACvCO,SAAS,EAAE,SAAXA,SAASA,GAAA;gBAAA,OAAQ7D,iBAAiB,CAACsD,IAAI,CAAC,CAAA;eAAC;cACzCQ,UAAU,EAAElG,cAAc,GAAG,YAAA;AAAA,gBAAA,OAAMA,cAAc,CAAC;AAAE0F,kBAAAA,IAAI,EAAJA,IAAAA;AAAK,iBAAC,CAAC,CAAA;eAAGS,GAAAA,SAAAA;aAC/D,CAAA;AAAC,WAAA,EAAA,CAAAR,QAAA,GATGD,IAAI,CAACU,EAAE,MAAA,IAAA,IAAAT,QAAA,KAAA,KAAA,CAAA,GAAAA,QAAA,GAAID,IAAI,CAACW,IAUd,CAAC,CAAA;SACX,CAAA;OACiB,CAAA;AAAC,KACR,CAAC,GACd,IAAA;AAAI,GACO,CAClB,CAAA;AAED,EAAA,IAAMC,gBAAgB,gBACpBzB,GAAA,CAAC0B,kBAAkB,EAAA;AACjB/G,IAAAA,UAAU,EAAEA,UAAW;AACvBE,IAAAA,YAAY,EAAEA,YAAa;AAC3BkC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCpB,IAAAA,cAAc,EAAEA,cAAe;AAC/BgG,IAAAA,aAAa,EAAEvE,iBAAkB;AACjC7C,IAAAA,QAAQ,EAAE2C,YAAa;AACvBpC,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAChB,CACF,CAAA;AAED,EAAA,IAAM8G,OAAO,GAAGrG,eAAe,KAAK,OAAO,CAAA;EAE3C,oBACEsG,IAAA,CAACpI,OAAO,EAAAqI,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,QAAQ,EAAC,UAAA;AAAU,GAAA,EACfC,aAAa,CAAC;IAAER,IAAI,EAAES,aAAa,CAACC,SAAS;AAAElG,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EACxDmG,cAAc,CAAClG,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAiE,IAAAA,QAAA,gBAGxBF,GAAA,CAAA,OAAA,EAAA;AACE/F,MAAAA,GAAG,EAAEwC,YAAa;AAClB2F,MAAAA,IAAI,EAAC,MAAM;AACXhH,MAAAA,MAAM,EAAEA,MAAO;AACfiH,MAAAA,QAAQ,EAAE,IAAK;AACfjI,MAAAA,QAAQ,EAAEiD,qBAAsB;AAChCiF,MAAAA,QAAQ,EAAE3H,UAAW;AACrB4H,MAAAA,KAAK,EAAE;AAAE1I,QAAAA,OAAO,EAAE,MAAA;OAAS;MAC3B,aAAY,EAAA,MAAA;AAAM,KACnB,CAAC,eAEFmG,GAAA,CAACvG,OAAO,EAAA;AAACsI,MAAAA,QAAQ,EAAC,UAAU;AAACS,MAAAA,MAAM,EAAE,CAAE;AAACC,MAAAA,kBAAkB,EAAEhF,2BAA4B;AAAAyC,MAAAA,QAAA,eACtFF,GAAA,CAAC0C,SAAS,EAAAZ,aAAA,CAAA;AACR7H,QAAAA,GAAG,EAAEgF,WAAY;AACjB0D,QAAAA,EAAE,EAAC,UAAU;AACbpB,QAAAA,EAAE,EAAC,YAAY;AACfqB,QAAAA,SAAS,EAAC,YAAY;AACtBC,QAAAA,KAAK,EAAEvB,SAAU;AACjBvF,QAAAA,kBAAkB,EAAEA,kBAAmB;QACvC+G,aAAa,EAAA,IAAA;QACbC,YAAY,EAAA,IAAA;AACZtI,QAAAA,WAAW,EAAEuC,mBAAmB,GAAG,EAAE,GAAGvC,WAAY;AACpDP,QAAAA,KAAK,EAAEyC,SAAU;AACjBvC,QAAAA,QAAQ,EAAE6C,gBAAiB;AAC3B5C,QAAAA,OAAO,EAAEA,OAAQ;AACjBC,QAAAA,MAAM,EAAEA,MAAO;AACf0I,QAAAA,SAAS,EAAE7F,aAAc;AACzB8F,QAAAA,OAAO,EAAEzF,WAAY;AACrB7C,QAAAA,UAAU,EAAEA,UAAW;AACvBuI,QAAAA,aAAa,EAAE,CAAE;AACjBC,QAAAA,IAAI,EAAC,QAAQ;QACbC,OAAO,EAAEC,SAAS,CAAC/G,KAAK,CAACgH,OAAO,CAAC,CAAC,CAAC,CAAE;AACrCC,QAAAA,YAAY,EAAC,OAAO;AACpBC,QAAAA,UAAU,EAAC,6BAA6B;AACxCC,QAAAA,UAAU,EAAE1D,kBAAmB;AAC/B2D,QAAAA,aAAa,EAAEjC,gBAAiB;AAChCkC,QAAAA,eAAe,EACb3G,mBAAmB,IAAI3B,WAAW,gBAChC2E,GAAA,CAACvG,OAAO,EAAA;AACNsI,UAAAA,QAAQ,EAAC,UAAU;AACnB6B,UAAAA,GAAG,EAAC,WAAW;AACfhE,UAAAA,IAAI,EAAC,WAAW;AAChBiE,UAAAA,KAAK,EAAC,WAAW;AACjBC,UAAAA,aAAa,EAAC,MAAM;AACpBtB,UAAAA,MAAM,EAAE,CAAE;UAAAtC,QAAA,eAEVF,GAAA,CAAC+D,wBAAwB,EAAA;AACvB1I,YAAAA,WAAW,EAAEA,WAAY;AACzB2I,YAAAA,SAAS,EAAEhH,mBAAoB;AAC/BiH,YAAAA,aAAa,EAAEpH,wBAAAA;WAChB,CAAA;AAAC,SACK,CAAC,GACR,IAAA;AACL,OAAA,EACGqH,sBAAsB,CAACjI,IAAI,CAAC,CACjC,CAAA;AAAC,KACK,CAAC,eAGV+D,GAAA,CAACvG,OAAO,EAAA;AACNsI,MAAAA,QAAQ,EAAC,UAAU;AACnBoC,MAAAA,MAAM,EAAC,mBAAmB;AAC1BvE,MAAAA,IAAI,EAAC,WAAW;AAChBiE,MAAAA,KAAK,EAAC,WAAW;AACjBrB,MAAAA,MAAM,EAAE,CAAE;MAAAtC,QAAA,eAEVF,GAAA,CAACoE,mBAAmB,EAAA;AAAChE,QAAAA,cAAc,EAAE1C,kBAAmB;AAACsG,QAAAA,SAAS,EAAEpC,OAAQ;AAACQ,QAAAA,IAAI,EAAC,OAAO;QAAAlC,QAAA,eACvF2B,IAAA,CAACpI,OAAO,EAAA;AACNI,UAAAA,OAAO,EAAC,MAAM;AACdwG,UAAAA,aAAa,EAAC,KAAK;AACnBgE,UAAAA,UAAU,EAAC,QAAQ;AACnB/D,UAAAA,GAAG,EAAC,WAAW;AACfgE,UAAAA,eAAe,EAAC,qCAAqC;AACrD9D,UAAAA,QAAQ,EAAC,WAAW;AACpBD,UAAAA,UAAU,EAAC,WAAW;AACtBgE,UAAAA,aAAa,EAAC,WAAW;AACzBC,UAAAA,mBAAmB,EAAC,QAAQ;AAC5BC,UAAAA,oBAAoB,EAAC,QAAQ;AAC7BC,UAAAA,IAAI,EAAC,OAAO;UAAAxE,QAAA,EAAA,cAEZF,GAAA,CAAC2E,QAAQ,EAAA;AAACxB,YAAAA,IAAI,EAAC,OAAO;AAACyB,YAAAA,KAAK,EAAC,gCAAA;AAAgC,WAAE,CAAC,eAChE5E,GAAA,CAAC6E,IAAI,EAAA;AAAC1B,YAAAA,IAAI,EAAC,OAAO;AAAC2B,YAAAA,kBAAkB,EAAE,CAAE;AAACF,YAAAA,KAAK,EAAC,gCAAgC;AAAA1E,YAAAA,QAAA,EAC7E1E,SAAAA;AAAS,WACN,CAAC,EACNC,cAAc,gBACbuE,GAAA,CAAC+E,UAAU,EAAA;AACTC,YAAAA,UAAU,EAAC,MAAM;AACjBC,YAAAA,IAAI,EAAEC,SAAU;AAChB/B,YAAAA,IAAI,EAAC,OAAO;AACZgC,YAAAA,QAAQ,EAAC,SAAS;AAClBpJ,YAAAA,kBAAkB,EAAC,eAAe;YAClCqJ,OAAO,EAAE,SAATA,OAAOA,GAAA;cAAA,OAAQ3J,cAAc,EAAE,CAAA;AAAA,aAAA;WAChC,CAAC,GACA,IAAI,CAAA;SACD,CAAA;OACU,CAAA;AAAC,KACf,CAAC,CAAA;AAAA,GAAA,CACH,CAAC,CAAA;AAEd,CAAC,CAAA;AAEKyG,IAAAA,SAAS,gBAAGmD,wBAAwB,cAACC,cAAK,CAACC,UAAU,CAACxL,UAAU,CAAC,EAAE;EACvEH,WAAW,EAAEqI,aAAa,CAACC,SAAS;AACpCvI,EAAAA,WAAW,EAAE,WAAA;AACf,CAAC;;;;"}

package/build/lib/web/development/components/ChatInput/ChatInputActionBar.js

@@ -15,6 +15,8 @@ var ChatInputActionBar = function ChatInputActionBar(_ref) {
   var isDisabled = _ref.isDisabled,
     isGenerating = _ref.isGenerating,
     isSubmitDisabled = _ref.isSubmitDisabled,
+    _ref$hideFileUpload = _ref.hideFileUpload,
+    hideFileUpload = _ref$hideFileUpload === void 0 ? false : _ref$hideFileUpload,
     onUploadClick = _ref.onUploadClick,
     onSubmit = _ref.onSubmit,
     onStop = _ref.onStop;
@@ -24,14 +26,18 @@ var ChatInputActionBar = function ChatInputActionBar(_ref) {
     justifyContent: "space-between",
     alignItems: "center",
     padding: "spacing.5",
-    children: [/*#__PURE__*/jsx(Link, {
-      variant: "button",
-      color: "neutral",
-      size: "small",
-      icon: PlusIcon,
-      onClick: onUploadClick,
-      isDisabled: isDisabled,
-      children: "Upload file"
+    children: [hideFileUpload ? /*#__PURE__*/jsx(BaseBox, {}) : /*#__PURE__*/jsx(BaseBox, {
+      display: "flex",
+      alignItems: "center",
+      children: /*#__PURE__*/jsx(Link, {
+        variant: "button",
+        color: "neutral",
+        size: "small",
+        icon: PlusIcon,
+        onClick: onUploadClick,
+        isDisabled: isDisabled,
+        children: "Upload file"
+      })
     }), /*#__PURE__*/jsx(BaseBox, {
       children: isGenerating ? /*#__PURE__*/jsx(Button, {
         icon: StopCircleIcon,

package/build/lib/web/development/components/ChatInput/ChatInputActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputActionBar.js","sources":["../../../../../../src/components/ChatInput/ChatInputActionBar.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Button } from '~components/Button';\nimport { Link } from '~components/Link';\nimport { ArrowUpIcon, StopCircleIcon, PlusIcon } from '~components/Icons';\n\ntype ChatInputActionBarProps = {\n  isDisabled?: boolean;\n  isGenerating?: boolean;\n  isSubmitDisabled?: boolean;\n  onUploadClick: () => void;\n  onSubmit: () => void;\n  onStop?: () => void;\n};\n\nconst ChatInputActionBar = ({\n  isDisabled,\n  isGenerating,\n  isSubmitDisabled,\n  onUploadClick,\n  onSubmit,\n  onStop,\n}: ChatInputActionBarProps): React.ReactElement => {\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      padding=\"spacing.5\"\n    >\n      <Link\n        variant=\"button\"\n        color=\"neutral\"\n        size=\"small\"\n        icon={PlusIcon}\n        onClick={onUploadClick}\n        isDisabled={isDisabled}\n      >\n        Upload file\n      </Link>\n      <BaseBox>\n        {isGenerating ? (\n          <Button\n            icon={StopCircleIcon}\n            variant=\"secondary\"\n            accessibilityLabel=\"Stop generation\"\n            onClick={() => onStop?.()}\n            size=\"small\"\n          />\n        ) : (\n          <Button\n            icon={ArrowUpIcon}\n            variant=\"primary\"\n            color=\"primary\"\n            accessibilityLabel=\"Submit\"\n            onClick={onSubmit}\n            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n            isDisabled={isSubmitDisabled || isDisabled}\n            size=\"small\"\n          />\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { ChatInputActionBar };\nexport type { ChatInputActionBarProps };\n"],"names":["ChatInputActionBar","_ref","isDisabled","isGenerating","isSubmitDisabled","onUploadClick","onSubmit","onStop","_jsxs","BaseBox","display","flexDirection","justifyContent","alignItems","padding","children","_jsx","Link","variant","color","size","icon","PlusIcon","onClick","Button","StopCircleIcon","accessibilityLabel","ArrowUpIcon"],"mappings":";;;;;;;;;;;;;AAeA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAO2B;AAAA,EAAA,IANjDC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAChBC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,MAAM,GAAAN,IAAA,CAANM,MAAM,CAAA;EAEN,oBACEC,IAAA,CAACC,OAAO,EAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,KAAK;AACnBC,IAAAA,cAAc,EAAC,eAAe;AAC9BC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,OAAO,EAAC,WAAW;IAAAC,QAAA,EAAA,cAEnBC,GAAA,CAACC,IAAI,EAAA;AACHC,MAAAA,OAAO,EAAC,QAAQ;AAChBC,MAAAA,KAAK,EAAC,SAAS;AACfC,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,IAAI,EAAEC,QAAS;AACfC,MAAAA,OAAO,EAAElB,aAAc;AACvBH,MAAAA,UAAU,EAAEA,UAAW;AAAAa,MAAAA,QAAA,EACxB,aAAA;AAED,KAAM,CAAC,eACPC,GAAA,CAACP,OAAO,EAAA;AAAAM,MAAAA,QAAA,EACLZ,YAAY,gBACXa,GAAA,CAACQ,MAAM,EAAA;AACLH,QAAAA,IAAI,EAAEI,cAAe;AACrBP,QAAAA,OAAO,EAAC,WAAW;AACnBQ,QAAAA,kBAAkB,EAAC,iBAAiB;QACpCH,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,UAAA,OAAQhB,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,EAAI,CAAA;SAAC;AAC1Ba,QAAAA,IAAI,EAAC,OAAA;AAAO,OACb,CAAC,gBAEFJ,GAAA,CAACQ,MAAM,EAAA;AACLH,QAAAA,IAAI,EAAEM,WAAY;AAClBT,QAAAA,OAAO,EAAC,SAAS;AACjBC,QAAAA,KAAK,EAAC,SAAS;AACfO,QAAAA,kBAAkB,EAAC,QAAQ;AAC3BH,QAAAA,OAAO,EAAEjB,QAAAA;AACT;AAAA;QACAJ,UAAU,EAAEE,gBAAgB,IAAIF,UAAW;AAC3CkB,QAAAA,IAAI,EAAC,OAAA;OACN,CAAA;AACF,KACM,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"ChatInputActionBar.js","sources":["../../../../../../src/components/ChatInput/ChatInputActionBar.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Button } from '~components/Button';\nimport { Link } from '~components/Link';\nimport { ArrowUpIcon, StopCircleIcon, PlusIcon } from '~components/Icons';\n\ntype ChatInputActionBarProps = {\n  isDisabled?: boolean;\n  isGenerating?: boolean;\n  isSubmitDisabled?: boolean;\n  hideFileUpload?: boolean;\n  onUploadClick: () => void;\n  onSubmit: () => void;\n  onStop?: () => void;\n};\n\nconst ChatInputActionBar = ({\n  isDisabled,\n  isGenerating,\n  isSubmitDisabled,\n  hideFileUpload = false,\n  onUploadClick,\n  onSubmit,\n  onStop,\n}: ChatInputActionBarProps): React.ReactElement => {\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      padding=\"spacing.5\"\n    >\n      {hideFileUpload ? (\n        <BaseBox />\n      ) : (\n        <BaseBox display=\"flex\" alignItems=\"center\">\n          <Link\n            variant=\"button\"\n            color=\"neutral\"\n            size=\"small\"\n            icon={PlusIcon}\n            onClick={onUploadClick}\n            isDisabled={isDisabled}\n          >\n            Upload file\n          </Link>\n        </BaseBox>\n      )}\n      <BaseBox>\n        {isGenerating ? (\n          <Button\n            icon={StopCircleIcon}\n            variant=\"secondary\"\n            accessibilityLabel=\"Stop generation\"\n            onClick={() => onStop?.()}\n            size=\"small\"\n          />\n        ) : (\n          <Button\n            icon={ArrowUpIcon}\n            variant=\"primary\"\n            color=\"primary\"\n            accessibilityLabel=\"Submit\"\n            onClick={onSubmit}\n            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n            isDisabled={isSubmitDisabled || isDisabled}\n            size=\"small\"\n          />\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { ChatInputActionBar };\nexport type { ChatInputActionBarProps };\n"],"names":["ChatInputActionBar","_ref","isDisabled","isGenerating","isSubmitDisabled","_ref$hideFileUpload","hideFileUpload","onUploadClick","onSubmit","onStop","_jsxs","BaseBox","display","flexDirection","justifyContent","alignItems","padding","children","_jsx","Link","variant","color","size","icon","PlusIcon","onClick","Button","StopCircleIcon","accessibilityLabel","ArrowUpIcon"],"mappings":";;;;;;;;;;;;;AAgBA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAQ2B;AAAA,EAAA,IAPjDC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAAAC,mBAAA,GAAAJ,IAAA,CAChBK,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,mBAAA;IACtBE,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,MAAM,GAAAR,IAAA,CAANQ,MAAM,CAAA;EAEN,oBACEC,IAAA,CAACC,OAAO,EAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,KAAK;AACnBC,IAAAA,cAAc,EAAC,eAAe;AAC9BC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,OAAO,EAAC,WAAW;IAAAC,QAAA,EAAA,CAElBX,cAAc,gBACbY,GAAA,CAACP,OAAO,EAAA,EAAE,CAAC,gBAEXO,GAAA,CAACP,OAAO,EAAA;AAACC,MAAAA,OAAO,EAAC,MAAM;AAACG,MAAAA,UAAU,EAAC,QAAQ;MAAAE,QAAA,eACzCC,GAAA,CAACC,IAAI,EAAA;AACHC,QAAAA,OAAO,EAAC,QAAQ;AAChBC,QAAAA,KAAK,EAAC,SAAS;AACfC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,IAAI,EAAEC,QAAS;AACfC,QAAAA,OAAO,EAAElB,aAAc;AACvBL,QAAAA,UAAU,EAAEA,UAAW;AAAAe,QAAAA,QAAA,EACxB,aAAA;OAEK,CAAA;AAAC,KACA,CACV,eACDC,GAAA,CAACP,OAAO,EAAA;AAAAM,MAAAA,QAAA,EACLd,YAAY,gBACXe,GAAA,CAACQ,MAAM,EAAA;AACLH,QAAAA,IAAI,EAAEI,cAAe;AACrBP,QAAAA,OAAO,EAAC,WAAW;AACnBQ,QAAAA,kBAAkB,EAAC,iBAAiB;QACpCH,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,UAAA,OAAQhB,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,EAAI,CAAA;SAAC;AAC1Ba,QAAAA,IAAI,EAAC,OAAA;AAAO,OACb,CAAC,gBAEFJ,GAAA,CAACQ,MAAM,EAAA;AACLH,QAAAA,IAAI,EAAEM,WAAY;AAClBT,QAAAA,OAAO,EAAC,SAAS;AACjBC,QAAAA,KAAK,EAAC,SAAS;AACfO,QAAAA,kBAAkB,EAAC,QAAQ;AAC3BH,QAAAA,OAAO,EAAEjB,QAAAA;AACT;AAAA;QACAN,UAAU,EAAEE,gBAAgB,IAAIF,UAAW;AAC3CoB,QAAAA,IAAI,EAAC,OAAA;OACN,CAAA;AACF,KACM,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/development/components/ChatInput/chatInputTokens.js

@@ -1,6 +1,8 @@
 var chatInputBorderRadius = 'medium';
 var chatInputMaxTextAreaHeight = 200;
 var chatInputSuggestionCycleInterval = 4000;
+var chatInputFilePreviewItemWidth = '200px';
+var chatInputFilePreviewItemWidthNative = 200;
 
-export { chatInputBorderRadius, chatInputMaxTextAreaHeight, chatInputSuggestionCycleInterval };
+export { chatInputBorderRadius, chatInputFilePreviewItemWidth, chatInputFilePreviewItemWidthNative, chatInputMaxTextAreaHeight, chatInputSuggestionCycleInterval };
 //# sourceMappingURL=chatInputTokens.js.map

package/build/lib/web/development/components/ChatInput/chatInputTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatInputTokens.js","sources":["../../../../../../src/components/ChatInput/chatInputTokens.ts"],"sourcesContent":["const chatInputBorderRadius = 'medium' as const;\n\nconst chatInputMaxTextAreaHeight = 200;\n\nconst chatInputSuggestionCycleInterval = 4000;\n\nexport { chatInputBorderRadius, chatInputMaxTextAreaHeight, chatInputSuggestionCycleInterval };\n"],"names":["chatInputBorderRadius","chatInputMaxTextAreaHeight","chatInputSuggestionCycleInterval"],"mappings":"AAAMA,IAAAA,qBAAqB,GAAG,SAAiB;AAEzCC,IAAAA,0BAA0B,GAAG,IAAG;AAEhCC,IAAAA,gCAAgC,GAAG;;;;"}
+{"version":3,"file":"chatInputTokens.js","sources":["../../../../../../src/components/ChatInput/chatInputTokens.ts"],"sourcesContent":["const chatInputBorderRadius = 'medium' as const;\n\nconst chatInputMaxTextAreaHeight = 200;\n\nconst chatInputSuggestionCycleInterval = 4000;\n\nconst chatInputFilePreviewItemWidth = '200px';\n\nconst chatInputFilePreviewItemWidthNative = 200;\n\nexport {\n  chatInputBorderRadius,\n  chatInputMaxTextAreaHeight,\n  chatInputSuggestionCycleInterval,\n  chatInputFilePreviewItemWidth,\n  chatInputFilePreviewItemWidthNative,\n};\n"],"names":["chatInputBorderRadius","chatInputMaxTextAreaHeight","chatInputSuggestionCycleInterval","chatInputFilePreviewItemWidth","chatInputFilePreviewItemWidthNative"],"mappings":"AAAMA,IAAAA,qBAAqB,GAAG,SAAiB;AAEzCC,IAAAA,0BAA0B,GAAG,IAAG;AAEhCC,IAAAA,gCAAgC,GAAG,KAAI;AAEvCC,IAAAA,6BAA6B,GAAG,QAAO;AAEvCC,IAAAA,mCAAmC,GAAG;;;;"}

package/build/lib/web/development/components/ChatInput/getChatInputSubmitDisabled.js

@@ -0,0 +1,11 @@
+var getChatInputSubmitDisabled = function getChatInputSubmitDisabled(textValue, files) {
+  var hasText = textValue.trim().length > 0;
+  var hasFiles = files.length > 0;
+  var hasErrorFiles = files.some(function (f) {
+    return f.status === 'error' || f.status === 'uploading';
+  });
+  return !hasText && !hasFiles || hasErrorFiles;
+};
+
+export { getChatInputSubmitDisabled };
+//# sourceMappingURL=getChatInputSubmitDisabled.js.map

package/build/lib/web/development/components/ChatInput/getChatInputSubmitDisabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getChatInputSubmitDisabled.js","sources":["../../../../../../src/components/ChatInput/getChatInputSubmitDisabled.ts"],"sourcesContent":["import type { BladeFileList } from '~components/FileUpload/types';\n\nconst getChatInputSubmitDisabled = (textValue: string, files: BladeFileList): boolean => {\n  const hasText = textValue.trim().length > 0;\n  const hasFiles = files.length > 0;\n  const hasErrorFiles = files.some((f) => f.status === 'error' || f.status === 'uploading');\n  return (!hasText && !hasFiles) || hasErrorFiles;\n};\n\nexport { getChatInputSubmitDisabled };\n"],"names":["getChatInputSubmitDisabled","textValue","files","hasText","trim","length","hasFiles","hasErrorFiles","some","f","status"],"mappings":"AAEMA,IAAAA,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAIC,SAAiB,EAAEC,KAAoB,EAAc;EACvF,IAAMC,OAAO,GAAGF,SAAS,CAACG,IAAI,EAAE,CAACC,MAAM,GAAG,CAAC,CAAA;AAC3C,EAAA,IAAMC,QAAQ,GAAGJ,KAAK,CAACG,MAAM,GAAG,CAAC,CAAA;AACjC,EAAA,IAAME,aAAa,GAAGL,KAAK,CAACM,IAAI,CAAC,UAACC,CAAC,EAAA;IAAA,OAAKA,CAAC,CAACC,MAAM,KAAK,OAAO,IAAID,CAAC,CAACC,MAAM,KAAK,WAAW,CAAA;GAAC,CAAA,CAAA;AACzF,EAAA,OAAQ,CAACP,OAAO,IAAI,CAACG,QAAQ,IAAKC,aAAa,CAAA;AACjD;;;;"}

package/build/lib/web/{production/components/ChatInput/useChatInput.js → development/components/ChatInput/useChatInput.web.js}

@@ -6,6 +6,7 @@ import { isFileAccepted } from '../FileUpload/isFileAccepted.js';
 import { useControllableState } from '../../utils/useControllable.js';
 import { useIsMobile } from '../../utils/useIsMobile.js';
 import { useMergeRefs } from '../../utils/useMergeRefs.js';
+import { getChatInputSubmitDisabled } from './getChatInputSubmitDisabled.js';
 
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -18,6 +19,7 @@ var useChatInput = function useChatInput(_ref, ref) {
     controlledFileList = _ref.fileList,
     onFileChange = _ref.onFileChange,
     onFileRemove = _ref.onFileRemove,
+    onFileDismiss = _ref.onFileDismiss,
     accept = _ref.accept,
     suggestions = _ref.suggestions,
     onSuggestionAccept = _ref.onSuggestionAccept;
@@ -50,7 +52,7 @@ var useChatInput = function useChatInput(_ref, ref) {
   var isMobile = useIsMobile();
   var hasText = textValue.trim().length > 0;
   var hasFiles = files.length > 0;
-  var isSubmitDisabled = !hasText && !hasFiles;
+  var isSubmitDisabled = getChatInputSubmitDisabled(textValue, files);
   var showGhostSuggestion = !hasText && Boolean(suggestions === null || suggestions === void 0 ? void 0 : suggestions.length) && !isMobile;
   var adjustTextareaHeight = React__default.useCallback(function () {
     var textarea = textareaRef.current;
@@ -141,6 +143,17 @@ var useChatInput = function useChatInput(_ref, ref) {
       file: file
     });
   }, [files, setFiles, onFileRemove]);
+  var handleFileDismiss = React__default.useCallback(function (file) {
+    var newFileList = files.filter(function (f) {
+      return f.id !== file.id;
+    });
+    setFiles(function () {
+      return newFileList;
+    });
+    onFileDismiss === null || onFileDismiss === void 0 || onFileDismiss({
+      file: file
+    });
+  }, [files, setFiles, onFileDismiss]);
   var handlePaste = React__default.useCallback(function (event) {
     var _event$clipboardData$, _event$clipboardData;
     var clipboardFiles = Array.from((_event$clipboardData$ = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.files) !== null && _event$clipboardData$ !== void 0 ? _event$clipboardData$ : []);
@@ -189,10 +202,11 @@ var useChatInput = function useChatInput(_ref, ref) {
     handleUploadClick: handleUploadClick,
     handleFileInputChange: handleFileInputChange,
     handleFileRemove: handleFileRemove,
+    handleFileDismiss: handleFileDismiss,
     handlePaste: handlePaste,
     handleInnerMouseDownCapture: handleInnerMouseDownCapture
   };
 };
 
 export { useChatInput };
-//# sourceMappingURL=useChatInput.js.map
+//# sourceMappingURL=useChatInput.web.js.map

package/build/lib/web/development/components/ChatInput/useChatInput.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatInput.web.js","sources":["../../../../../../src/components/ChatInput/useChatInput.web.ts"],"sourcesContent":["import React from 'react';\nimport type { ChatInputProps } from './types';\nimport { chatInputMaxTextAreaHeight } from './chatInputTokens';\nimport type { BladeElementRef } from '~utils/types';\nimport type { BladeFile, BladeFileList } from '~components/FileUpload/types';\nimport { isFileAccepted } from '~components/FileUpload/isFileAccepted';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { getChatInputSubmitDisabled } from './getChatInputSubmitDisabled';\n\ntype UseChatInputProps = Pick<\n  ChatInputProps,\n  | 'value'\n  | 'defaultValue'\n  | 'onChange'\n  | 'onSubmit'\n  | 'isDisabled'\n  | 'isGenerating'\n  | 'onStop'\n  | 'fileList'\n  | 'onFileChange'\n  | 'onFileRemove'\n  | 'onFileDismiss'\n  | 'accept'\n  | 'suggestions'\n  | 'onSuggestionAccept'\n>;\n\nconst useChatInput = (\n  {\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    onSubmit,\n    fileList: controlledFileList,\n    onFileChange,\n    onFileRemove,\n    onFileDismiss,\n    accept,\n    suggestions,\n    onSuggestionAccept,\n  }: UseChatInputProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): {\n  fileInputRef: React.RefObject<HTMLInputElement>;\n  mergedRef: React.RefCallback<BladeElementRef>;\n  textValue: string;\n  files: BladeFileList;\n  activeSuggestionIndex: number;\n  setActiveSuggestionIndex: React.Dispatch<React.SetStateAction<number>>;\n  hasText: boolean;\n  hasFiles: boolean;\n  isSubmitDisabled: boolean;\n  showGhostSuggestion: boolean;\n  handleTextChange: (args: { name?: string; value?: string }) => void;\n  handleSubmit: () => void;\n  handleKeyDown: (args: {\n    name?: string;\n    key?: string;\n    code?: string;\n    event: React.KeyboardEvent<HTMLInputElement>;\n  }) => void;\n  handleUploadClick: () => void;\n  handleFileInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  handleFileRemove: (file: BladeFile) => void;\n  handleFileDismiss: (file: BladeFile) => void;\n  handlePaste: (event: React.ClipboardEvent<HTMLInputElement>) => void;\n  handleInnerMouseDownCapture: (event: React.MouseEvent) => void;\n} => {\n  const fileInputRef = React.useRef<HTMLInputElement>(null);\n  const textareaRef = React.useRef<BladeElementRef>(null);\n  const mergedRef = useMergeRefs(ref, textareaRef);\n\n  const [textValue, setTextValue] = useControllableState({\n    value: controlledValue,\n    defaultValue: defaultValue ?? '',\n    onChange: (newValue) => {\n      onChange?.({ value: newValue });\n    },\n  });\n\n  const [files, setFiles] = useControllableState<BladeFileList>({\n    value: controlledFileList,\n    defaultValue: controlledFileList ?? [],\n  });\n\n  const [activeSuggestionIndex, setActiveSuggestionIndex] = React.useState(0);\n\n  const isMobile = useIsMobile();\n\n  const hasText = textValue.trim().length > 0;\n  const hasFiles = files.length > 0;\n  const isSubmitDisabled = getChatInputSubmitDisabled(textValue, files);\n  const showGhostSuggestion = !hasText && Boolean(suggestions?.length) && !isMobile;\n\n  const adjustTextareaHeight = React.useCallback(() => {\n    const textarea = textareaRef.current;\n    if (textarea && textarea instanceof HTMLTextAreaElement) {\n      textarea.style.height = 'auto';\n      textarea.style.height = `${Math.min(textarea.scrollHeight, chatInputMaxTextAreaHeight)}px`;\n    }\n  }, []);\n\n  React.useEffect(() => {\n    adjustTextareaHeight();\n  }, [textValue, adjustTextareaHeight]);\n\n  const handleTextChange = React.useCallback(\n    ({ value: newValue }: { name?: string; value?: string }) => {\n      setTextValue(() => newValue ?? '');\n    },\n    [setTextValue],\n  );\n\n  const handleSubmit = React.useCallback(() => {\n    if (isSubmitDisabled) return;\n    onSubmit?.({ value: textValue, fileList: files });\n  }, [isSubmitDisabled, onSubmit, textValue, files]);\n\n  const handleKeyDown = React.useCallback(\n    ({\n      event,\n    }: {\n      name?: string;\n      key?: string;\n      code?: string;\n      event: React.KeyboardEvent<HTMLInputElement>;\n    }) => {\n      if (!event) return;\n\n      if (event.key === 'Enter' && !event.shiftKey) {\n        event.preventDefault();\n        handleSubmit();\n        return;\n      }\n\n      if (event.key === 'Tab' && showGhostSuggestion && suggestions?.length) {\n        event.preventDefault();\n        const currentSuggestion = suggestions[activeSuggestionIndex];\n        setTextValue(() => currentSuggestion);\n        onSuggestionAccept?.({ suggestion: currentSuggestion });\n      }\n    },\n    [\n      handleSubmit,\n      showGhostSuggestion,\n      suggestions,\n      activeSuggestionIndex,\n      setTextValue,\n      onSuggestionAccept,\n    ],\n  );\n\n  const handleUploadClick = React.useCallback(() => {\n    fileInputRef.current?.click();\n  }, []);\n\n  const handleFileInputChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const inputFiles = Array.from(event.target.files ?? []) as BladeFileList;\n\n      const validFiles = inputFiles.filter((file) => {\n        if (accept && !isFileAccepted(file, accept)) return false;\n        return true;\n      });\n\n      for (const file of validFiles) {\n        if (!file.id) {\n          file.id = `${Date.now()}${Math.floor(Math.random() * 1000000)}`;\n        }\n      }\n\n      if (validFiles.length > 0) {\n        const newFileList = [...files, ...validFiles];\n        setFiles(() => newFileList);\n        onFileChange?.({ fileList: newFileList });\n      }\n\n      event.target.value = '';\n    },\n    [accept, files, setFiles, onFileChange],\n  );\n\n  const handleFileRemove = React.useCallback(\n    (file: BladeFile) => {\n      const newFileList = files.filter((f) => f.id !== file.id);\n      setFiles(() => newFileList);\n      onFileRemove?.({ file });\n    },\n    [files, setFiles, onFileRemove],\n  );\n\n  const handleFileDismiss = React.useCallback(\n    (file: BladeFile) => {\n      const newFileList = files.filter((f) => f.id !== file.id);\n      setFiles(() => newFileList);\n      onFileDismiss?.({ file });\n    },\n    [files, setFiles, onFileDismiss],\n  );\n\n  const handlePaste = React.useCallback(\n    (event: React.ClipboardEvent<HTMLInputElement>) => {\n      const clipboardFiles = Array.from(event.clipboardData?.files ?? []);\n      if (clipboardFiles.length === 0) return;\n\n      event.preventDefault();\n\n      for (const file of clipboardFiles) {\n        if (!(file as BladeFile).id) {\n          (file as BladeFile).id = `${Date.now()}${Math.floor(Math.random() * 1000000)}`;\n        }\n      }\n\n      if (clipboardFiles.length > 0) {\n        const newFileList = [...files, ...clipboardFiles] as BladeFileList;\n        setFiles(() => newFileList);\n        onFileChange?.({ fileList: newFileList });\n      }\n    },\n    [files, setFiles, onFileChange],\n  );\n\n  const handleInnerMouseDownCapture = React.useCallback((event: React.MouseEvent): void => {\n    const target = event.target as HTMLElement | null;\n    if (!target) return;\n\n    // Allow normal behavior when clicking directly inside textarea.\n    if (target.closest('textarea')) return;\n\n    // Prevent focus from moving to internal controls (submit/upload/file actions).\n    event.preventDefault();\n  }, []);\n\n  return {\n    fileInputRef,\n    mergedRef,\n    textValue,\n    files,\n    activeSuggestionIndex,\n    setActiveSuggestionIndex,\n    hasText,\n    hasFiles,\n    isSubmitDisabled,\n    showGhostSuggestion,\n    handleTextChange,\n    handleSubmit,\n    handleKeyDown,\n    handleUploadClick,\n    handleFileInputChange,\n    handleFileRemove,\n    handleFileDismiss,\n    handlePaste,\n    handleInnerMouseDownCapture,\n  };\n};\n\nexport { useChatInput };\nexport type { UseChatInputProps };\n"],"names":["useChatInput","_ref","ref","controlledValue","value","defaultValue","onChange","onSubmit","controlledFileList","fileList","onFileChange","onFileRemove","onFileDismiss","accept","suggestions","onSuggestionAccept","fileInputRef","React","useRef","textareaRef","mergedRef","useMergeRefs","_useControllableState","useControllableState","newValue","_useControllableState2","_slicedToArray","textValue","setTextValue","_useControllableState3","_useControllableState4","files","setFiles","_React$useState","useState","_React$useState2","activeSuggestionIndex","setActiveSuggestionIndex","isMobile","useIsMobile","hasText","trim","length","hasFiles","isSubmitDisabled","getChatInputSubmitDisabled","showGhostSuggestion","Boolean","adjustTextareaHeight","useCallback","textarea","current","HTMLTextAreaElement","style","height","concat","Math","min","scrollHeight","chatInputMaxTextAreaHeight","useEffect","handleTextChange","_ref2","handleSubmit","handleKeyDown","_ref3","event","key","shiftKey","preventDefault","currentSuggestion","suggestion","handleUploadClick","_fileInputRef$current","click","handleFileInputChange","_event$target$files","inputFiles","Array","from","target","validFiles","filter","file","isFileAccepted","_iterator","_createForOfIteratorHelper","_step","s","n","done","id","Date","now","floor","random","err","e","f","newFileList","_toConsumableArray","handleFileRemove","handleFileDismiss","handlePaste","_event$clipboardData$","_event$clipboardData","clipboardFiles","clipboardData","_i","_clipboardFiles","handleInnerMouseDownCapture","closest"],"mappings":"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"}

package/build/lib/web/development/components/ChatMessage/DefaultMessageBubble.web.js

@@ -23,7 +23,13 @@ var DefaultMessageBubble = function DefaultMessageBubble(_ref) {
       columnGap: "spacing.4",
       alignItems: "start",
       children: [/*#__PURE__*/jsx(BaseBox, {
-        padding: "spacing.1",
+        paddingX: "spacing.1",
+        paddingTop: "spacing.3",
+        paddingBottom: "spacing.2",
+        height: "20px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
         children: /*#__PURE__*/jsx(Rotate, {
           animate: isLoading,
           children: leading

package/build/lib/web/development/components/ChatMessage/DefaultMessageBubble.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultMessageBubble.web.js","sources":["../../../../../../src/components/ChatMessage/DefaultMessageBubble.web.tsx"],"sourcesContent":["import React from 'react';\nimport Rotate from './Rotate.web';\nimport { ReasoningTraces } from './ReasoningTraces.web';\nimport type { CommonChatMessageProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst DefaultMessageBubble = ({\n  children,\n  leading,\n  isLoading,\n  footerActions,\n  isChildText,\n  reasoningTraces,\n  reasoningStatus,\n  reasoningTitle,\n  reasoningActiveStepIndex,\n}: Pick<\n  CommonChatMessageProps,\n  | 'children'\n  | 'leading'\n  | 'isLoading'\n  | 'footerActions'\n  | 'reasoningTraces'\n  | 'reasoningStatus'\n  | 'reasoningTitle'\n  | 'reasoningActiveStepIndex'\n> & {\n  isChildText: boolean;\n}): React.ReactElement => {\n  const hasReasoningTraces = reasoningTraces && reasoningTraces.length > 0;\n\n  return (\n    <BaseBox>\n      <BaseBox\n        display=\"grid\"\n        gridTemplateColumns=\"auto 1fr\"\n        columnGap=\"spacing.4\"\n        alignItems=\"start\"\n      >\n        {/* Icon aligns with message content */}\n        <BaseBox padding=\"spacing.1\">\n          <Rotate animate={isLoading}>{leading as React.ReactElement}</Rotate>\n        </BaseBox>\n\n        {/* Column 2: Main message content + ReasoningTraces */}\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          {/* While loading: show loadingText above traces (only if reasoning is still loading) */}\n          {hasReasoningTraces && reasoningStatus === 'loading' && isLoading && (\n            <BaseBox paddingY={isChildText ? 'spacing.2' : 'spacing.0'}>{children}</BaseBox>\n          )}\n\n          {/* ReasoningTraces: shown while loading or when complete */}\n          {hasReasoningTraces && (\n            <ReasoningTraces\n              traces={reasoningTraces}\n              status={reasoningStatus}\n              title={reasoningTitle}\n              activeStepIndex={reasoningActiveStepIndex}\n            />\n          )}\n\n          {/* When complete: show final content below reasoning (only if not loading) */}\n          {hasReasoningTraces && reasoningStatus === 'complete' && !isLoading && children && (\n            <BaseBox paddingY={isChildText ? 'spacing.2' : 'spacing.0'}>{children}</BaseBox>\n          )}\n\n          {/* No reasoning traces: show content normally */}\n          {!hasReasoningTraces && children && (\n            <BaseBox paddingY={isChildText ? 'spacing.2' : 'spacing.0'}>{children}</BaseBox>\n          )}\n        </BaseBox>\n\n        <BaseBox gridColumn=\"2\">{footerActions}</BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { DefaultMessageBubble };\n"],"names":["DefaultMessageBubble","_ref","children","leading","isLoading","footerActions","isChildText","reasoningTraces","reasoningStatus","reasoningTitle","reasoningActiveStepIndex","hasReasoningTraces","length","_jsx","BaseBox","_jsxs","display","gridTemplateColumns","columnGap","alignItems","padding","Rotate","animate","flexDirection","paddingY","ReasoningTraces","traces","status","title","activeStepIndex","gridColumn"],"mappings":";;;;;;;AAMA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAsBA;AAAA,EAAA,IArBxBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,eAAe,GAAAN,IAAA,CAAfM,eAAe;IACfC,eAAe,GAAAP,IAAA,CAAfO,eAAe;IACfC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;IACdC,wBAAwB,GAAAT,IAAA,CAAxBS,wBAAwB,CAAA;EAcxB,IAAMC,kBAAkB,GAAGJ,eAAe,IAAIA,eAAe,CAACK,MAAM,GAAG,CAAC,CAAA;EAExE,oBACEC,GAAA,CAACC,OAAO,EAAA;IAAAZ,QAAA,eACNa,IAAA,CAACD,OAAO,EAAA;AACNE,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,mBAAmB,EAAC,UAAU;AAC9BC,MAAAA,SAAS,EAAC,WAAW;AACrBC,MAAAA,UAAU,EAAC,OAAO;MAAAjB,QAAA,EAAA,cAGlBW,GAAA,CAACC,OAAO,EAAA;AAACM,QAAAA,OAAO,EAAC,WAAW;QAAAlB,QAAA,eAC1BW,GAAA,CAACQ,MAAM,EAAA;AAACC,UAAAA,OAAO,EAAElB,SAAU;AAAAF,UAAAA,QAAA,EAAEC,OAAAA;SAAsC,CAAA;AAAC,OAC7D,CAAC,eAGVY,IAAA,CAACD,OAAO,EAAA;AAACE,QAAAA,OAAO,EAAC,MAAM;AAACO,QAAAA,aAAa,EAAC,QAAQ;QAAArB,QAAA,EAAA,CAE3CS,kBAAkB,IAAIH,eAAe,KAAK,SAAS,IAAIJ,SAAS,iBAC/DS,GAAA,CAACC,OAAO,EAAA;AAACU,UAAAA,QAAQ,EAAElB,WAAW,GAAG,WAAW,GAAG,WAAY;AAAAJ,UAAAA,QAAA,EAAEA,QAAAA;AAAQ,SAAU,CAChF,EAGAS,kBAAkB,iBACjBE,GAAA,CAACY,eAAe,EAAA;AACdC,UAAAA,MAAM,EAAEnB,eAAgB;AACxBoB,UAAAA,MAAM,EAAEnB,eAAgB;AACxBoB,UAAAA,KAAK,EAAEnB,cAAe;AACtBoB,UAAAA,eAAe,EAAEnB,wBAAAA;AAAyB,SAC3C,CACF,EAGAC,kBAAkB,IAAIH,eAAe,KAAK,UAAU,IAAI,CAACJ,SAAS,IAAIF,QAAQ,iBAC7EW,GAAA,CAACC,OAAO,EAAA;AAACU,UAAAA,QAAQ,EAAElB,WAAW,GAAG,WAAW,GAAG,WAAY;AAAAJ,UAAAA,QAAA,EAAEA,QAAAA;SAAkB,CAChF,EAGA,CAACS,kBAAkB,IAAIT,QAAQ,iBAC9BW,GAAA,CAACC,OAAO,EAAA;AAACU,UAAAA,QAAQ,EAAElB,WAAW,GAAG,WAAW,GAAG,WAAY;AAAAJ,UAAAA,QAAA,EAAEA,QAAAA;AAAQ,SAAU,CAChF,CAAA;AAAA,OACM,CAAC,eAEVW,GAAA,CAACC,OAAO,EAAA;AAACgB,QAAAA,UAAU,EAAC,GAAG;AAAA5B,QAAAA,QAAA,EAAEG,aAAAA;AAAa,OAAU,CAAC,CAAA;KAC1C,CAAA;AAAC,GACH,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"DefaultMessageBubble.web.js","sources":["../../../../../../src/components/ChatMessage/DefaultMessageBubble.web.tsx"],"sourcesContent":["import React from 'react';\nimport Rotate from './Rotate.web';\nimport { ReasoningTraces } from './ReasoningTraces.web';\nimport type { CommonChatMessageProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst DefaultMessageBubble = ({\n  children,\n  leading,\n  isLoading,\n  footerActions,\n  isChildText,\n  reasoningTraces,\n  reasoningStatus,\n  reasoningTitle,\n  reasoningActiveStepIndex,\n}: Pick<\n  CommonChatMessageProps,\n  | 'children'\n  | 'leading'\n  | 'isLoading'\n  | 'footerActions'\n  | 'reasoningTraces'\n  | 'reasoningStatus'\n  | 'reasoningTitle'\n  | 'reasoningActiveStepIndex'\n> & {\n  isChildText: boolean;\n}): React.ReactElement => {\n  const hasReasoningTraces = reasoningTraces && reasoningTraces.length > 0;\n\n  return (\n    <BaseBox>\n      <BaseBox\n        display=\"grid\"\n        gridTemplateColumns=\"auto 1fr\"\n        columnGap=\"spacing.4\"\n        alignItems=\"start\"\n      >\n        <BaseBox\n          paddingX=\"spacing.1\"\n          paddingTop=\"spacing.3\"\n          paddingBottom=\"spacing.2\"\n          height=\"20px\"\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n        >\n          <Rotate animate={isLoading}>{leading as React.ReactElement}</Rotate>\n        </BaseBox>\n\n        {/* Column 2: Main message content + ReasoningTraces */}\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          {/* While loading: show loadingText above traces (only if reasoning is still loading) */}\n          {hasReasoningTraces && reasoningStatus === 'loading' && isLoading && (\n            <BaseBox paddingY={isChildText ? 'spacing.2' : 'spacing.0'}>{children}</BaseBox>\n          )}\n\n          {/* ReasoningTraces: shown while loading or when complete */}\n          {hasReasoningTraces && (\n            <ReasoningTraces\n              traces={reasoningTraces}\n              status={reasoningStatus}\n              title={reasoningTitle}\n              activeStepIndex={reasoningActiveStepIndex}\n            />\n          )}\n\n          {/* When complete: show final content below reasoning (only if not loading) */}\n          {hasReasoningTraces && reasoningStatus === 'complete' && !isLoading && children && (\n            <BaseBox paddingY={isChildText ? 'spacing.2' : 'spacing.0'}>{children}</BaseBox>\n          )}\n\n          {/* No reasoning traces: show content normally */}\n          {!hasReasoningTraces && children && (\n            <BaseBox paddingY={isChildText ? 'spacing.2' : 'spacing.0'}>{children}</BaseBox>\n          )}\n        </BaseBox>\n\n        <BaseBox gridColumn=\"2\">{footerActions}</BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { DefaultMessageBubble };\n"],"names":["DefaultMessageBubble","_ref","children","leading","isLoading","footerActions","isChildText","reasoningTraces","reasoningStatus","reasoningTitle","reasoningActiveStepIndex","hasReasoningTraces","length","_jsx","BaseBox","_jsxs","display","gridTemplateColumns","columnGap","alignItems","paddingX","paddingTop","paddingBottom","height","justifyContent","Rotate","animate","flexDirection","paddingY","ReasoningTraces","traces","status","title","activeStepIndex","gridColumn"],"mappings":";;;;;;;AAMA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAsBA;AAAA,EAAA,IArBxBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,eAAe,GAAAN,IAAA,CAAfM,eAAe;IACfC,eAAe,GAAAP,IAAA,CAAfO,eAAe;IACfC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;IACdC,wBAAwB,GAAAT,IAAA,CAAxBS,wBAAwB,CAAA;EAcxB,IAAMC,kBAAkB,GAAGJ,eAAe,IAAIA,eAAe,CAACK,MAAM,GAAG,CAAC,CAAA;EAExE,oBACEC,GAAA,CAACC,OAAO,EAAA;IAAAZ,QAAA,eACNa,IAAA,CAACD,OAAO,EAAA;AACNE,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,mBAAmB,EAAC,UAAU;AAC9BC,MAAAA,SAAS,EAAC,WAAW;AACrBC,MAAAA,UAAU,EAAC,OAAO;MAAAjB,QAAA,EAAA,cAElBW,GAAA,CAACC,OAAO,EAAA;AACNM,QAAAA,QAAQ,EAAC,WAAW;AACpBC,QAAAA,UAAU,EAAC,WAAW;AACtBC,QAAAA,aAAa,EAAC,WAAW;AACzBC,QAAAA,MAAM,EAAC,MAAM;AACbP,QAAAA,OAAO,EAAC,MAAM;AACdG,QAAAA,UAAU,EAAC,QAAQ;AACnBK,QAAAA,cAAc,EAAC,QAAQ;QAAAtB,QAAA,eAEvBW,GAAA,CAACY,MAAM,EAAA;AAACC,UAAAA,OAAO,EAAEtB,SAAU;AAAAF,UAAAA,QAAA,EAAEC,OAAAA;SAAsC,CAAA;AAAC,OAC7D,CAAC,eAGVY,IAAA,CAACD,OAAO,EAAA;AAACE,QAAAA,OAAO,EAAC,MAAM;AAACW,QAAAA,aAAa,EAAC,QAAQ;QAAAzB,QAAA,EAAA,CAE3CS,kBAAkB,IAAIH,eAAe,KAAK,SAAS,IAAIJ,SAAS,iBAC/DS,GAAA,CAACC,OAAO,EAAA;AAACc,UAAAA,QAAQ,EAAEtB,WAAW,GAAG,WAAW,GAAG,WAAY;AAAAJ,UAAAA,QAAA,EAAEA,QAAAA;AAAQ,SAAU,CAChF,EAGAS,kBAAkB,iBACjBE,GAAA,CAACgB,eAAe,EAAA;AACdC,UAAAA,MAAM,EAAEvB,eAAgB;AACxBwB,UAAAA,MAAM,EAAEvB,eAAgB;AACxBwB,UAAAA,KAAK,EAAEvB,cAAe;AACtBwB,UAAAA,eAAe,EAAEvB,wBAAAA;AAAyB,SAC3C,CACF,EAGAC,kBAAkB,IAAIH,eAAe,KAAK,UAAU,IAAI,CAACJ,SAAS,IAAIF,QAAQ,iBAC7EW,GAAA,CAACC,OAAO,EAAA;AAACc,UAAAA,QAAQ,EAAEtB,WAAW,GAAG,WAAW,GAAG,WAAY;AAAAJ,UAAAA,QAAA,EAAEA,QAAAA;SAAkB,CAChF,EAGA,CAACS,kBAAkB,IAAIT,QAAQ,iBAC9BW,GAAA,CAACC,OAAO,EAAA;AAACc,UAAAA,QAAQ,EAAEtB,WAAW,GAAG,WAAW,GAAG,WAAY;AAAAJ,UAAAA,QAAA,EAAEA,QAAAA;AAAQ,SAAU,CAChF,CAAA;AAAA,OACM,CAAC,eAEVW,GAAA,CAACC,OAAO,EAAA;AAACoB,QAAAA,UAAU,EAAC,GAAG;AAAAhC,QAAAA,QAAA,EAAEG,aAAAA;AAAa,OAAU,CAAC,CAAA;KAC1C,CAAA;AAAC,GACH,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/development/components/ChatMessage/token.js

@@ -20,22 +20,34 @@ var chatMessageToken = {
       bottom: size[0],
       right: size[0],
       transform: 'rotate(0deg)',
+      nativeTransform: [{
+        rotate: '0deg'
+      }],
       zIndex: 3
     },
     stackCardStyles: [{
       bottom: size[0],
       right: size[32],
       transform: 'rotate(0deg)',
+      nativeTransform: [{
+        rotate: '0deg'
+      }],
       zIndex: 3
     }, {
       bottom: size[59],
       right: size[10],
       transform: 'rotate(15deg)',
+      nativeTransform: [{
+        rotate: '15deg'
+      }],
       zIndex: 2
     }, {
       bottom: size[42],
       right: size[62],
       transform: 'rotate(-15deg)',
+      nativeTransform: [{
+        rotate: '-15deg'
+      }],
       zIndex: 1
     }]
   },
@@ -44,6 +56,33 @@ var chatMessageToken = {
     boxShadowColor: {
       light: colors.neutral.blueGrayLight.a906,
       dark: colors.neutral.black[50]
+    },
+    // React Native shadow props hand-tuned to visually match the bespoke web `boxShadow` above.
+    // Web intentionally uses this subtle shadow (offset y 0.5px, 4px blur) instead of the
+    // `lowRaised` elevation token, which renders a heavier/darker shadow on native
+    // (offset y 2, radius 2, Android elevation 8). These values mirror the web shadow's
+    // color/opacity/blur/offset so the bubble looks equally subtle on both platforms.
+    nativeShadow: {
+      light: {
+        shadowColor: 'hsla(206, 10%, 29%, 1)',
+        shadowOpacity: 0.06,
+        shadowRadius: 4,
+        shadowOffset: {
+          width: 0,
+          height: 0.5
+        },
+        elevation: 1
+      },
+      dark: {
+        shadowColor: 'hsla(0, 0%, 0%, 1)',
+        shadowOpacity: 0.18,
+        shadowRadius: 4,
+        shadowOffset: {
+          width: 0,
+          height: 0.5
+        },
+        elevation: 1
+      }
     }
   }
 };

package/build/lib/web/development/components/ChatMessage/token.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.js","sources":["../../../../../../src/components/ChatMessage/token.ts"],"sourcesContent":["import { size, colors as globalColors } from '~tokens/global';\n\nconst chatMessageToken = {\n  default: {},\n  self: {\n    padding: 'spacing.4',\n    backgroundColor: {\n      default: 'surface.background.gray.intense',\n      error: 'feedback.background.negative.subtle',\n    },\n  },\n  imagePreview: {\n    maxVisibleStackImages: 3,\n    previewImageSize: '120px',\n    previewImageSizePx: size[120],\n    stackHeightOffset: size[12],\n    singleCardStyle: {\n      bottom: size[0],\n      right: size[0],\n      transform: 'rotate(0deg)',\n      zIndex: 3,\n    },\n    stackCardStyles: [\n      {\n        bottom: size[0],\n        right: size[32],\n        transform: 'rotate(0deg)',\n        zIndex: 3,\n      },\n      {\n        bottom: size[59],\n        right: size[10],\n        transform: 'rotate(15deg)',\n        zIndex: 2,\n      },\n      {\n        bottom: size[42],\n        right: size[62],\n        transform: 'rotate(-15deg)',\n        zIndex: 1,\n      },\n    ],\n  },\n  messageBubble: {\n    boxShadow: '0px 0.5px 4px 0px',\n    boxShadowColor: {\n      light: globalColors.neutral.blueGrayLight.a906,\n      dark: globalColors.neutral.black[50],\n    },\n  },\n} as const;\n\nexport { chatMessageToken };\n"],"names":["chatMessageToken","self","padding","backgroundColor","error","imagePreview","maxVisibleStackImages","previewImageSize","previewImageSizePx","size","stackHeightOffset","singleCardStyle","bottom","right","transform","zIndex","stackCardStyles","messageBubble","boxShadow","boxShadowColor","light","globalColors","neutral","blueGrayLight","a906","dark","black"],"mappings":";;;;AAEA,IAAMA,gBAAgB,GAAG;AACvB,EAAA,SAAA,EAAS,EAAE;AACXC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,WAAW;AACpBC,IAAAA,eAAe,EAAE;AACf,MAAA,SAAA,EAAS,iCAAiC;AAC1CC,MAAAA,KAAK,EAAE,qCAAA;AACT,KAAA;GACD;AACDC,EAAAA,YAAY,EAAE;AACZC,IAAAA,qBAAqB,EAAE,CAAC;AACxBC,IAAAA,gBAAgB,EAAE,OAAO;AACzBC,IAAAA,kBAAkB,EAAEC,IAAI,CAAC,GAAG,CAAC;AAC7BC,IAAAA,iBAAiB,EAAED,IAAI,CAAC,EAAE,CAAC;AAC3BE,IAAAA,eAAe,EAAE;AACfC,MAAAA,MAAM,EAAEH,IAAI,CAAC,CAAC,CAAC;AACfI,MAAAA,KAAK,EAAEJ,IAAI,CAAC,CAAC,CAAC;AACdK,MAAAA,SAAS,EAAE,cAAc;AACzBC,MAAAA,MAAM,EAAE,CAAA;KACT;AACDC,IAAAA,eAAe,EAAE,CACf;AACEJ,MAAAA,MAAM,EAAEH,IAAI,CAAC,CAAC,CAAC;AACfI,MAAAA,KAAK,EAAEJ,IAAI,CAAC,EAAE,CAAC;AACfK,MAAAA,SAAS,EAAE,cAAc;AACzBC,MAAAA,MAAM,EAAE,CAAA;AACV,KAAC,EACD;AACEH,MAAAA,MAAM,EAAEH,IAAI,CAAC,EAAE,CAAC;AAChBI,MAAAA,KAAK,EAAEJ,IAAI,CAAC,EAAE,CAAC;AACfK,MAAAA,SAAS,EAAE,eAAe;AAC1BC,MAAAA,MAAM,EAAE,CAAA;AACV,KAAC,EACD;AACEH,MAAAA,MAAM,EAAEH,IAAI,CAAC,EAAE,CAAC;AAChBI,MAAAA,KAAK,EAAEJ,IAAI,CAAC,EAAE,CAAC;AACfK,MAAAA,SAAS,EAAE,gBAAgB;AAC3BC,MAAAA,MAAM,EAAE,CAAA;KACT,CAAA;GAEJ;AACDE,EAAAA,aAAa,EAAE;AACbC,IAAAA,SAAS,EAAE,mBAAmB;AAC9BC,IAAAA,cAAc,EAAE;AACdC,MAAAA,KAAK,EAAEC,MAAY,CAACC,OAAO,CAACC,aAAa,CAACC,IAAI;AAC9CC,MAAAA,IAAI,EAAEJ,MAAY,CAACC,OAAO,CAACI,KAAK,CAAC,EAAE,CAAA;AACrC,KAAA;AACF,GAAA;AACF;;;;"}
+{"version":3,"file":"token.js","sources":["../../../../../../src/components/ChatMessage/token.ts"],"sourcesContent":["import { size, colors as globalColors } from '~tokens/global';\n\ntype CardStyle = {\n  bottom: number;\n  right: number;\n  transform: string;\n  nativeTransform: { rotate: string }[];\n  zIndex: number;\n};\n\nconst chatMessageToken = {\n  default: {},\n  self: {\n    padding: 'spacing.4',\n    backgroundColor: {\n      default: 'surface.background.gray.intense',\n      error: 'feedback.background.negative.subtle',\n    },\n  },\n  imagePreview: {\n    maxVisibleStackImages: 3,\n    previewImageSize: '120px',\n    previewImageSizePx: size[120],\n    stackHeightOffset: size[12],\n    singleCardStyle: {\n      bottom: size[0],\n      right: size[0],\n      transform: 'rotate(0deg)',\n      nativeTransform: [{ rotate: '0deg' }],\n      zIndex: 3,\n    } as CardStyle,\n    stackCardStyles: [\n      {\n        bottom: size[0],\n        right: size[32],\n        transform: 'rotate(0deg)',\n        nativeTransform: [{ rotate: '0deg' }],\n        zIndex: 3,\n      },\n      {\n        bottom: size[59],\n        right: size[10],\n        transform: 'rotate(15deg)',\n        nativeTransform: [{ rotate: '15deg' }],\n        zIndex: 2,\n      },\n      {\n        bottom: size[42],\n        right: size[62],\n        transform: 'rotate(-15deg)',\n        nativeTransform: [{ rotate: '-15deg' }],\n        zIndex: 1,\n      },\n    ] as CardStyle[],\n  },\n  messageBubble: {\n    boxShadow: '0px 0.5px 4px 0px',\n    boxShadowColor: {\n      light: globalColors.neutral.blueGrayLight.a906,\n      dark: globalColors.neutral.black[50],\n    },\n    // React Native shadow props hand-tuned to visually match the bespoke web `boxShadow` above.\n    // Web intentionally uses this subtle shadow (offset y 0.5px, 4px blur) instead of the\n    // `lowRaised` elevation token, which renders a heavier/darker shadow on native\n    // (offset y 2, radius 2, Android elevation 8). These values mirror the web shadow's\n    // color/opacity/blur/offset so the bubble looks equally subtle on both platforms.\n    nativeShadow: {\n      light: {\n        shadowColor: 'hsla(206, 10%, 29%, 1)',\n        shadowOpacity: 0.06,\n        shadowRadius: 4,\n        shadowOffset: { width: 0, height: 0.5 },\n        elevation: 1,\n      },\n      dark: {\n        shadowColor: 'hsla(0, 0%, 0%, 1)',\n        shadowOpacity: 0.18,\n        shadowRadius: 4,\n        shadowOffset: { width: 0, height: 0.5 },\n        elevation: 1,\n      },\n    },\n  },\n} as const;\n\nexport { chatMessageToken };\n"],"names":["chatMessageToken","self","padding","backgroundColor","error","imagePreview","maxVisibleStackImages","previewImageSize","previewImageSizePx","size","stackHeightOffset","singleCardStyle","bottom","right","transform","nativeTransform","rotate","zIndex","stackCardStyles","messageBubble","boxShadow","boxShadowColor","light","globalColors","neutral","blueGrayLight","a906","dark","black","nativeShadow","shadowColor","shadowOpacity","shadowRadius","shadowOffset","width","height","elevation"],"mappings":"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"}

package/build/lib/web/development/components/Chip/Chip.js

@@ -35,7 +35,7 @@ import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { Text } from '../Typography/Text/Text.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["isDisabled", "value", "children", "icon", "color", "testID", "_motionMeta", "width", "maxWidth", "minWidth"];
+var _excluded = ["isDisabled", "value", "children", "icon", "leading", "color", "testID", "_motionMeta", "width", "maxWidth", "minWidth"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _Chip = function _Chip(_ref, ref) {
@@ -44,6 +44,7 @@ var _Chip = function _Chip(_ref, ref) {
     value = _ref.value,
     children = _ref.children,
     Icon = _ref.icon,
+    leading = _ref.leading,
     color = _ref.color,
     testID = _ref.testID,
     _motionMeta = _ref._motionMeta,
@@ -70,6 +71,12 @@ var _Chip = function _Chip(_ref, ref) {
         message: '<Chip /> component should only be used within the context of a <ChipGroup /> component'
       });
     }
+    if (Icon && leading) {
+      throwBladeError({
+        moduleName: 'Chip',
+        message: "icon and leading shouldn't be used together"
+      });
+    }
   }
   var hasError = (groupProps === null || groupProps === void 0 ? void 0 : groupProps.validationState) === 'error';
   var _isDisabled = isDisabled !== null && isDisabled !== void 0 ? isDisabled : groupProps === null || groupProps === void 0 ? void 0 : groupProps.isDisabled;
@@ -147,6 +154,7 @@ var _Chip = function _Chip(_ref, ref) {
     testID: testID
   })), getStyledProps(rest)), {}, {
     display: isReactNative() ? 'flex' : 'inline-flex',
+    alignSelf: isReactNative() ? 'flex-start' : undefined,
     ref: getOuterMotionRef({
       _motionMeta: _motionMeta,
       ref: ref
@@ -164,14 +172,17 @@ var _Chip = function _Chip(_ref, ref) {
       onKeyDown: handleKeyboardPressedIn,
       onKeyUp: handleKeyboardPressedOut,
       inputProps: isReactNative() ? inputProps : {},
-      style: {
-        cursor: _isDisabled ? 'not-allowed' : 'pointer',
+      style: _objectSpread({
+        cursor: _isDisabled ? 'not-allowed' : 'pointer'
+      }, !isReactNative() && {
         width: '100%'
-      },
-      children: /*#__PURE__*/jsx(BaseBox, {
+      }),
+      children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
         display: "flex",
-        flexDirection: "column",
-        width: "100%",
+        flexDirection: "column"
+      }, !isReactNative() && {
+        width: '100%'
+      }), {}, {
         children: /*#__PURE__*/jsxs(BaseBox, {
           display: "flex",
           alignItems: "center",
@@ -186,9 +197,13 @@ var _Chip = function _Chip(_ref, ref) {
               _motionMeta: _motionMeta,
               ref: ref
             })
-          }, makeAnalyticsAttribute(rest))), /*#__PURE__*/jsx(AnimatedChip, {
-            borderColor: chipBorderColor,
+          }, makeAnalyticsAttribute(rest))), /*#__PURE__*/jsx(AnimatedChip, _objectSpread(_objectSpread({
+            borderColor: chipBorderColor
+          }, isReactNative() && {
+            backgroundColor: chipBackgroundColor
+          }), {}, {
             isDisabled: _isDisabled,
+            isChecked: _isChecked,
             isPressed: isPressed,
             isDesktop: matchedDeviceType === 'desktop',
             size: _size,
@@ -200,21 +215,25 @@ var _Chip = function _Chip(_ref, ref) {
               size: _size,
               display: "flex",
               flexDirection: "row",
-              justifyContent: "center",
+              justifyContent: isReactNative() ? 'flex-start' : 'center',
               alignItems: "center",
               overflow: "hidden",
               backgroundColor: chipBackgroundColor,
               borderWidth: ['xsmall', 'small'].includes(_size) ? 'thinner' : 'thin',
-              paddingLeft: chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].left[_size],
-              paddingRight: chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].right[_size],
+              paddingLeft: chipHorizontalPaddingTokens[Boolean(Icon) || Boolean(leading) ? 'withIcon' : 'withoutIcon'].left[_size],
+              paddingRight: chipHorizontalPaddingTokens[Boolean(Icon) || Boolean(leading) ? 'withIcon' : 'withoutIcon'].right[_size],
               height: makeSize(chipHeightTokens[_size]),
-              width: "100%",
+              width: isReactNative() ? undefined : '100%',
               children: [Icon ? /*#__PURE__*/jsx(BaseBox, {
                 display: "flex",
                 children: /*#__PURE__*/jsx(Icon, {
                   color: chipIconColor,
                   size: chipIconSizes[_size]
                 })
+              }) : leading ? /*#__PURE__*/jsx(BaseBox, {
+                display: "flex",
+                alignItems: "center",
+                children: leading
               }) : null, children ? /*#__PURE__*/jsx(BaseBox, {
                 paddingLeft: "spacing.2",
                 paddingRight: "spacing.2",
@@ -225,9 +244,9 @@ var _Chip = function _Chip(_ref, ref) {
                 }))
               }) : null]
             })
-          })]
+          }))]
         })
-      })
+      }))
     })
   }));
 };