| /> | /> | ||||
| ) | ) | ||||
| } | } | ||||
| { !isEditing | |||||
| {!isEditing | |||||
| ? <Markdown content={content} /> | ? <Markdown content={content} /> | ||||
| : <div className=" | : <div className=" | ||||
| flex flex-col gap-2 rounded-xl | flex flex-col gap-2 rounded-xl | ||||
| <Button variant='ghost' onClick={handleCancelEditing}>{t('common.operation.cancel')}</Button> | <Button variant='ghost' onClick={handleCancelEditing}>{t('common.operation.cancel')}</Button> | ||||
| <Button variant='primary' onClick={handleResend}>{t('common.chat.resend')}</Button> | <Button variant='primary' onClick={handleResend}>{t('common.chat.resend')}</Button> | ||||
| </div> | </div> | ||||
| </div> } | |||||
| { !isEditing && <ContentSwitch | |||||
| </div>} | |||||
| {!isEditing && <ContentSwitch | |||||
| count={item.siblingCount} | count={item.siblingCount} | ||||
| currentIndex={item.siblingIndex} | currentIndex={item.siblingIndex} | ||||
| prevDisabled={!item.prevSibling} | prevDisabled={!item.prevSibling} |
| fontSize: { | fontSize: { | ||||
| '2xs': '0.625rem', | '2xs': '0.625rem', | ||||
| }, | }, | ||||
| backgroundColor: { | |||||
| 'background-gradient-bg-fill-chat-bubble-bg-3': 'var(--color-background-gradient-bg-fill-chat-bubble-bg-3)', | |||||
| }, | |||||
| backgroundImage: { | backgroundImage: { | ||||
| 'chatbot-bg': 'var(--color-chatbot-bg)', | 'chatbot-bg': 'var(--color-chatbot-bg)', | ||||
| 'chat-bubble-bg': 'var(--color-chat-bubble-bg)', | 'chat-bubble-bg': 'var(--color-chat-bubble-bg)', |
| --color-premium-badge-border-highlight-color: #ffffff33; | --color-premium-badge-border-highlight-color: #ffffff33; | ||||
| --color-price-enterprise-background: linear-gradient(180deg, rgba(185, 211, 234, 0.00) 0%, rgba(180, 209, 234, 0.92) 100%); | --color-price-enterprise-background: linear-gradient(180deg, rgba(185, 211, 234, 0.00) 0%, rgba(180, 209, 234, 0.92) 100%); | ||||
| --color-grid-mask-background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(24, 24, 25, 0.1) 62.25%, rgba(24, 24, 25, 0.10) 100%); | --color-grid-mask-background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(24, 24, 25, 0.1) 62.25%, rgba(24, 24, 25, 0.10) 100%); | ||||
| --color-background-gradient-bg-fill-chat-bubble-bg-3: #27314d; | |||||
| } | } |
| --color-premium-badge-border-highlight-color: #fffffff2; | --color-premium-badge-border-highlight-color: #fffffff2; | ||||
| --color-price-enterprise-background: linear-gradient(180deg, rgba(185, 211, 234, 0.00) 0%, rgba(180, 209, 234, 0.92) 100%); | --color-price-enterprise-background: linear-gradient(180deg, rgba(185, 211, 234, 0.00) 0%, rgba(180, 209, 234, 0.92) 100%); | ||||
| --color-grid-mask-background: linear-gradient(0deg, #FFF 0%, rgba(217, 217, 217, 0.10) 62.25%, rgba(217, 217, 217, 0.10) 100%); | --color-grid-mask-background: linear-gradient(0deg, #FFF 0%, rgba(217, 217, 217, 0.10) 62.25%, rgba(217, 217, 217, 0.10) 100%); | ||||
| --color-background-gradient-bg-fill-chat-bubble-bg-3: #e1effe; | |||||
| } | } |