@strapi/content-type-builder 5.31.2 → 5.32.0

package/dist/admin/components/AIChat/Chat.js

@@ -6,6 +6,8 @@ var strapiAdmin = require('@strapi/admin/strapi-admin');
 var designSystem = require('@strapi/design-system');
 var Icons = require('@strapi/icons');
 var styledComponents = require('styled-components');
+require('../CTBSession/sessionContext.js');
+var useCTBTracking = require('../CTBSession/useCTBTracking.js');
 var Alert = require('./components/Alert.js');
 var AnimatedBox = require('./components/AnimatedBox.js');
 var AttachmentPreview = require('./components/Attachments/AttachmentPreview.js');
@@ -34,7 +36,7 @@ var UploadFigmaModal = require('./UploadFigmaModal.js');
 const ChatSuggestions = ()=>{
     const { sendMessage } = ChatProvider.useStrapiChat();
     const { t } = useTranslations.useTranslations();
-    const { trackUsage } = strapiAdmin.useTracking();
+    const { trackUsage } = useCTBTracking.useCTBTracking();
     const SUGGESTIONS = [
         t('chat.input.defaults.generate', 'Generate a product schema'),
         t('chat.input.defaults.ctb', 'Tell me about the Content-Type Builder'),
@@ -322,6 +324,7 @@ const ChatInput = (props)=>{
                                     }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
                                         label: t('chat.tooltips.send-message', 'Send'),
                                         variant: "default",
+                                        type: "submit",
                                         // allow sending an empty message if there are attachments
                                         disabled: input.trim().length === 0 && attachments.length === 0,
                                         children: /*#__PURE__*/ jsxRuntime.jsx(Icons.ArrowUp, {})

package/dist/admin/components/AIChat/Chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sources":["../../../../admin/src/components/AIChat/Chat.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { tours, useTracking, useGuidedTour, useAppInfo } from '@strapi/admin/strapi-admin';\nimport { Flex, IconButton, Button, Typography, Box } from '@strapi/design-system';\nimport { Sparkle, ArrowUp, Plus, Paperclip, Upload, Code } from '@strapi/icons';\nimport { styled } from 'styled-components';\n\nimport { Alert } from './components/Alert';\nimport { AnimatedBox } from './components/AnimatedBox';\nimport { AttachmentPreview } from './components/Attachments/AttachmentPreview';\nimport { Dropzone } from './components/Dropzone';\nimport { Panel } from './components/FloatingPanel';\nimport { FigmaIcon } from './components/icons/FigmaIcon';\nimport { StopIcon } from './components/icons/StopIcon';\nimport { Input } from './components/Input';\nimport { ChatMessage } from './components/Messages/Message';\nimport { ResizableTextArea } from './components/ResizableTextArea';\nimport { MenuItem, SimpleMenu } from './components/SimpleMenu';\nimport {\n  CHAT_TOO_LONG_ERROR,\n  LICENSE_LIMIT_REACHED_ERROR,\n  TOO_MANY_REQUESTS_ERROR,\n  LICENSE_LIMIT_EXCEEDED_ERROR,\n} from './hooks/useAIFetch';\nimport { useAttachments } from './hooks/useAttachments';\nimport { useTranslations } from './hooks/useTranslations';\nimport { AIMessage } from './lib/types/messages';\nimport { useStrapiChat } from './providers/ChatProvider';\nimport { useUploadProjectToChat } from './UploadCodeModal';\nimport { useUploadFigmaToChat } from './UploadFigmaModal';\n\n/* -------------------------------------------------------------------------------------------------\n * Chat Message Suggestions\n * -----------------------------------------------------------------------------------------------*/\nconst ResponsiveFlex = styled(Flex)`\n  @media (max-height: 500px) {\n    display: none;\n  }\n`;\n\nconst ChatSuggestions = () => {\n  const { sendMessage } = useStrapiChat();\n  const { t } = useTranslations();\n  const { trackUsage } = useTracking();\n\n  const SUGGESTIONS = [\n    t('chat.input.defaults.generate', 'Generate a product schema'),\n    t('chat.input.defaults.ctb', 'Tell me about the Content-Type Builder'),\n    t('chat.input.defaults.strapi', 'Tell me about Strapi'),\n  ] as const;\n\n  const SUGGESTION_TO_PROMPT_TYPE = {\n    [t('chat.input.defaults.generate', 'Generate a product schema')]: 'generate-product-schema',\n    [t('chat.input.defaults.ctb', 'Tell me about the Content-Type Builder')]:\n      'tell-me-about-the-content-type-builder',\n    [t('chat.input.defaults.strapi', 'Tell me about Strapi')]: 'tell-me-about-strapi',\n  } as const;\n\n  const suggestionsTitle = t('chat.input.defaults.title', 'How can I help you?');\n\n  return (\n    <AnimatedBox>\n      <ResponsiveFlex direction=\"column\" alignItems={'flex-start'} gap={3}>\n        <Typography variant=\"omega\" fontWeight=\"bold\">\n          {suggestionsTitle}\n        </Typography>\n        <Flex direction=\"column\" alignItems={'flex-start'} gap={2}>\n          {SUGGESTIONS.map((suggestion) => (\n            <Button\n              key={suggestion}\n              startIcon={<Sparkle fill=\"neutral500\" />}\n              size=\"M\"\n              variant=\"tertiary\"\n              onClick={() => {\n                trackUsage('didUsePresetPrompt', {\n                  promptType: SUGGESTION_TO_PROMPT_TYPE[suggestion],\n                });\n\n                sendMessage({ text: suggestion });\n              }}\n            >\n              <Typography fontWeight=\"regular\">{suggestion}</Typography>\n            </Button>\n          ))}\n        </Flex>\n      </ResponsiveFlex>\n    </AnimatedBox>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Chat Errors\n * -----------------------------------------------------------------------------------------------*/\nconst getErrorMessage = (err: Error) => {\n  try {\n    const error = JSON.parse(err.message);\n    return error.error;\n  } catch (e) {\n    return err;\n  }\n};\n\nconst ChatError = () => {\n  const { error } = useStrapiChat();\n  const { t } = useTranslations();\n\n  const defaultErrorMessage = t('chat.messages.error', 'Something went wrong.');\n  const tooManyRequestsMessage = t(\n    'chat.messages.too-many-requests',\n    'Too many requests, please try again later.'\n  );\n  const licenseLimitReachedMessage = t(\n    'chat.messages.license-limit-reached',\n    'License limit reached, please try again tomorrow.'\n  );\n  const licenseLimitExceededMessage = t(\n    'chat.messages.license-limit-exceeded',\n    'AI credit limit exceeded.'\n  );\n  const chatTooLongError = t(\n    'chat.messages.too-long-error',\n    'This conversation reached its maximum length. Start a new conversation'\n  );\n\n  if (!error) return null;\n\n  const errorMessage = getErrorMessage(error);\n  if (!errorMessage || typeof errorMessage !== 'string') {\n    return null;\n  }\n\n  if (errorMessage === TOO_MANY_REQUESTS_ERROR) {\n    return <Alert title={tooManyRequestsMessage} variant=\"warning\" />;\n  }\n\n  if (errorMessage === LICENSE_LIMIT_REACHED_ERROR) {\n    return <Alert title={licenseLimitReachedMessage} variant=\"warning\" />;\n  }\n\n  if (errorMessage.split('.')[0] === LICENSE_LIMIT_EXCEEDED_ERROR) {\n    return <Alert title={licenseLimitExceededMessage} variant=\"danger\" />;\n  }\n\n  if (errorMessage === CHAT_TOO_LONG_ERROR) {\n    return <Alert title={chatTooLongError} variant=\"danger\" />;\n  }\n\n  return <Alert title={defaultErrorMessage} variant=\"danger\" />;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Chat Messages\n * -----------------------------------------------------------------------------------------------*/\nconst ChatContent: React.FC<{\n  messages: AIMessage[];\n}> = ({ messages }) => {\n  const messageEndRef = useRef<HTMLDivElement>(null);\n  const { status } = useStrapiChat();\n\n  // Scroll to the bottom of the chat when new messages arrive\n  useEffect(() => {\n    // Add a small delay to ensure all message content is fully rendered\n    // including conditionally rendered elements like feedback buttons\n    const scrollTimeout = setTimeout(() => {\n      messageEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n    }, 20);\n\n    return () => clearTimeout(scrollTimeout);\n  }, [messages, status]);\n\n  return (\n    <>\n      <Flex direction=\"column\" gap={5}>\n        {messages.map((message, idx) => (\n          <ChatMessage\n            key={message.id}\n            message={message}\n            // Chat loading and message is the last one\n            isLoading={\n              (status === 'streaming' || status === 'submitted') && idx === messages.length - 1\n            }\n          />\n        ))}\n        {status === 'error' && <ChatError />}\n      </Flex>\n      <div ref={messageEndRef} />\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Attachments\n * -----------------------------------------------------------------------------------------------*/\nconst ChatAttachmentList = () => {\n  const { attachments, removeAttachmentByIndex } = useAttachments();\n\n  if (!attachments.length) return null;\n\n  return (\n    <Input.Attachments>\n      {attachments.map((attachment, index) => (\n        <Box key={attachment.filename} maxWidth={'250px'}>\n          <AttachmentPreview\n            attachment={attachment}\n            onRemove={() => removeAttachmentByIndex(index)}\n          />\n        </Box>\n      ))}\n    </Input.Attachments>\n  );\n};\n\nconst ChatAttachmentMenu = () => {\n  const { attachFiles } = useAttachments();\n  const { openCodeUpload } = useUploadProjectToChat();\n  const { openFigmaUpload } = useUploadFigmaToChat();\n  const { t } = useTranslations();\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const uploadLabel = t('chat.tooltips.upload-attachments', 'Upload attachments');\n  const importCodeText = t('chat.attachments.menu.import-code', 'Import code');\n  const attachImageText = t('chat.attachments.menu.attach-image', 'Attach image');\n  const importFigmaText = t('chat.attachments.menu.import-figma', 'Import from Figma');\n\n  return (\n    <SimpleMenu\n      label={uploadLabel}\n      icon={<Paperclip />}\n      tag={IconButton}\n      popoverPlacement=\"top-end\"\n    >\n      <MenuItem startIcon={<Code />} onSelect={() => openCodeUpload()}>\n        {importCodeText}\n      </MenuItem>\n\n      <MenuItem startIcon={<FigmaIcon />} onSelect={() => openFigmaUpload()}>\n        {importFigmaText}\n      </MenuItem>\n\n      <input type=\"file\" accept=\"image/*\" multiple hidden ref={fileInputRef} />\n      <MenuItem\n        startIcon={<Upload />}\n        onSelect={() => {\n          const fileInput = fileInputRef.current;\n          if (!fileInput) return;\n          fileInput.onchange = (e) => {\n            const target = e.target as HTMLInputElement;\n            if (target.files && target.files.length > 0) {\n              attachFiles(Array.from(target.files));\n            }\n          };\n\n          fileInput.click();\n        }}\n      >\n        {attachImageText}\n      </MenuItem>\n    </SimpleMenu>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Input\n * -----------------------------------------------------------------------------------------------*/\n\nconst LoadingDots = ({ children }: { children: string }) => {\n  const [dots, setDots] = useState('');\n\n  useEffect(() => {\n    const dotStates = ['', '.', '..', '...'];\n    let currentIndex = 0;\n\n    const interval = setInterval(() => {\n      currentIndex = (currentIndex + 1) % dotStates.length;\n      setDots(dotStates[currentIndex]);\n    }, 400); // Change every 400ms\n\n    return () => clearInterval(interval);\n  }, []);\n\n  return (\n    <Typography variant=\"pi\" textColor=\"neutral600\">\n      {children}\n      {dots}\n    </Typography>\n  );\n};\n\nconst ChatInput = (props: React.FormHTMLAttributes<HTMLFormElement>) => {\n  const { input, handleSubmit, handleInputChange, messages, status, stop, attachments } =\n    useStrapiChat();\n  const { t } = useTranslations();\n\n  const isLoading = status === 'streaming' || status === 'submitted';\n\n  return (\n    <>\n      <form onSubmit={handleSubmit} {...props}>\n        <Input.Root isLoading={isLoading} gap={4}>\n          <Input.Header minHeight={0}>\n            {messages.length === 0 && (\n              <Input.HeaderItem>\n                <ChatSuggestions />\n              </Input.HeaderItem>\n            )}\n            {isLoading && (\n              <Input.HeaderItem>\n                <LoadingDots>{t('chat.input.thinking', 'Strapi AI is thinking')}</LoadingDots>\n              </Input.HeaderItem>\n            )}\n          </Input.Header>\n          <Input.Content>\n            <Dropzone.Area />\n            <ChatAttachmentList />\n            <Box paddingBottom={3}>\n              <ResizableTextArea\n                value={input}\n                onChange={handleInputChange}\n                onSubmit={handleSubmit}\n                placeholder={t('chat.input.placeholder', 'Ask Strapi AI...')}\n              />\n            </Box>\n            <Input.Actions>\n              <ChatAttachmentMenu />\n\n              {isLoading ? (\n                <IconButton\n                  label={t('chat.tooltips.stop-generation', 'Stop')}\n                  type=\"button\"\n                  variant=\"default\"\n                  onClick={(e) => {\n                    e.preventDefault();\n                    stop();\n                  }}\n                >\n                  <StopIcon />\n                </IconButton>\n              ) : (\n                <IconButton\n                  label={t('chat.tooltips.send-message', 'Send')}\n                  variant=\"default\"\n                  // allow sending an empty message if there are attachments\n                  disabled={input.trim().length === 0 && attachments.length === 0}\n                >\n                  <ArrowUp />\n                </IconButton>\n              )}\n            </Input.Actions>\n          </Input.Content>\n        </Input.Root>\n      </form>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Chat\n * -----------------------------------------------------------------------------------------------*/\n\nconst Chat = () => {\n  const { title, messages, isChatOpen, isChatEnabled, openChat, closeChat, reset } =\n    useStrapiChat();\n  const { attachFiles } = useAttachments();\n  const { t } = useTranslations();\n  const state = useGuidedTour('Chat', (s) => s.state);\n  const currentEnvironment = useAppInfo('Chat', (state) => state.currentEnvironment);\n\n  // Disable AI Chat in production mode\n  const isProduction = currentEnvironment === 'production';\n\n  // Auto-open chat when AIChat guided tour step is active\n  useEffect(() => {\n    const isAIChatStepActive =\n      state.enabled &&\n      state.tours.contentTypeBuilder?.currentStep === 1 && // AIChat is step 1 in contentTypeBuilderStepsAI\n      !state.tours.contentTypeBuilder?.isCompleted;\n\n    if (isAIChatStepActive && !isChatOpen && openChat) {\n      openChat();\n    }\n  }, [\n    state.tours.contentTypeBuilder?.currentStep,\n    state.tours.contentTypeBuilder?.isCompleted,\n    state.enabled,\n    isChatOpen,\n    openChat,\n  ]);\n\n  // Labels\n  const openChatLabel = t('chat.tooltips.open-chat', 'Open chat');\n  const closeChatLabel = t('chat.tooltips.close-chat', 'Close chat');\n  const createChatLabel = t('chat.tooltips.create-chat', 'New conversation');\n  const defaultTitle = t('chat.header.default-title', 'New conversation');\n  const mistakesDisclaimer = t(\n    'chat.input.strapi-ai-can-make-errors',\n    'Strapi AI can make mistakes.'\n  );\n\n  // Don't render the chat at all in production mode or if chat is not enabled\n  if (!isChatEnabled || isProduction) {\n    return null;\n  }\n\n  return (\n    <Dropzone.Root\n      onAddFiles={(files) => {\n        attachFiles(files);\n      }}\n    >\n      <Panel.Root\n        size=\"md\"\n        position=\"bottom-right\"\n        isOpen={isChatOpen}\n        onToggle={isChatOpen ? closeChat : openChat}\n        toggleIcon={\n          <IconButton\n            onClick={isChatOpen ? closeChat : openChat}\n            label={isChatOpen ? closeChatLabel : openChatLabel}\n            variant=\"default\"\n            size=\"L\"\n          >\n            <Sparkle />\n          </IconButton>\n        }\n      >\n        <Panel.Header>\n          <Typography tag=\"h3\" variant=\"omega\" fontWeight=\"bold\">\n            {title || defaultTitle}\n          </Typography>\n          <Flex gap={0}>\n            <IconButton label={createChatLabel} variant=\"ghost\" onClick={reset}>\n              <Plus />\n            </IconButton>\n            <Panel.Close label={closeChatLabel} />\n          </Flex>\n        </Panel.Header>\n\n        <Panel.Body>\n          <tours.contentTypeBuilder.AIChat>\n            {!messages.length ? (\n              <Typography variant=\"pi\" textColor=\"neutral600\">\n                {mistakesDisclaimer}\n              </Typography>\n            ) : null}\n            <ChatContent messages={messages} />\n          </tours.contentTypeBuilder.AIChat>\n        </Panel.Body>\n\n        <Panel.Footer>\n          <ChatInput />\n        </Panel.Footer>\n      </Panel.Root>\n    </Dropzone.Root>\n  );\n};\n\nexport { Chat };\n"],"names":["ResponsiveFlex","styled","Flex","ChatSuggestions","sendMessage","useStrapiChat","t","useTranslations","trackUsage","useTracking","SUGGESTIONS","SUGGESTION_TO_PROMPT_TYPE","suggestionsTitle","_jsx","AnimatedBox","_jsxs","direction","alignItems","gap","Typography","variant","fontWeight","map","suggestion","Button","startIcon","Sparkle","fill","size","onClick","promptType","text","getErrorMessage","err","error","JSON","parse","message","e","ChatError","defaultErrorMessage","tooManyRequestsMessage","licenseLimitReachedMessage","licenseLimitExceededMessage","chatTooLongError","errorMessage","TOO_MANY_REQUESTS_ERROR","Alert","title","LICENSE_LIMIT_REACHED_ERROR","split","LICENSE_LIMIT_EXCEEDED_ERROR","CHAT_TOO_LONG_ERROR","ChatContent","messages","messageEndRef","useRef","status","useEffect","scrollTimeout","setTimeout","current","scrollIntoView","behavior","clearTimeout","_Fragment","idx","ChatMessage","isLoading","length","id","div","ref","ChatAttachmentList","attachments","removeAttachmentByIndex","useAttachments","Input","Attachments","attachment","index","Box","maxWidth","AttachmentPreview","onRemove","filename","ChatAttachmentMenu","attachFiles","openCodeUpload","useUploadProjectToChat","openFigmaUpload","useUploadFigmaToChat","fileInputRef","uploadLabel","importCodeText","attachImageText","importFigmaText","SimpleMenu","label","icon","Paperclip","tag","IconButton","popoverPlacement","MenuItem","Code","onSelect","FigmaIcon","input","type","accept","multiple","hidden","Upload","fileInput","onchange","target","files","Array","from","click","LoadingDots","children","dots","setDots","useState","dotStates","currentIndex","interval","setInterval","clearInterval","textColor","ChatInput","props","handleSubmit","handleInputChange","stop","form","onSubmit","Root","Header","minHeight","HeaderItem","Content","Dropzone","Area","paddingBottom","ResizableTextArea","value","onChange","placeholder","Actions","preventDefault","StopIcon","disabled","trim","ArrowUp","Chat","isChatOpen","isChatEnabled","openChat","closeChat","reset","state","useGuidedTour","s","currentEnvironment","useAppInfo","isProduction","isAIChatStepActive","enabled","tours","contentTypeBuilder","currentStep","isCompleted","openChatLabel","closeChatLabel","createChatLabel","defaultTitle","mistakesDisclaimer","onAddFiles","Panel","position","isOpen","onToggle","toggleIcon","Plus","Close","Body","AIChat","Footer"],"mappings":"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"}
+{"version":3,"file":"Chat.js","sources":["../../../../admin/src/components/AIChat/Chat.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { tours, useGuidedTour, useAppInfo } from '@strapi/admin/strapi-admin';\nimport { Flex, IconButton, Button, Typography, Box } from '@strapi/design-system';\nimport { Sparkle, ArrowUp, Plus, Paperclip, Upload, Code } from '@strapi/icons';\nimport { styled } from 'styled-components';\n\nimport { useCTBTracking } from '../CTBSession/ctbSession';\n\nimport { Alert } from './components/Alert';\nimport { AnimatedBox } from './components/AnimatedBox';\nimport { AttachmentPreview } from './components/Attachments/AttachmentPreview';\nimport { Dropzone } from './components/Dropzone';\nimport { Panel } from './components/FloatingPanel';\nimport { FigmaIcon } from './components/icons/FigmaIcon';\nimport { StopIcon } from './components/icons/StopIcon';\nimport { Input } from './components/Input';\nimport { ChatMessage } from './components/Messages/Message';\nimport { ResizableTextArea } from './components/ResizableTextArea';\nimport { MenuItem, SimpleMenu } from './components/SimpleMenu';\nimport {\n  CHAT_TOO_LONG_ERROR,\n  LICENSE_LIMIT_REACHED_ERROR,\n  TOO_MANY_REQUESTS_ERROR,\n  LICENSE_LIMIT_EXCEEDED_ERROR,\n} from './hooks/useAIFetch';\nimport { useAttachments } from './hooks/useAttachments';\nimport { useTranslations } from './hooks/useTranslations';\nimport { AIMessage } from './lib/types/messages';\nimport { useStrapiChat } from './providers/ChatProvider';\nimport { useUploadProjectToChat } from './UploadCodeModal';\nimport { useUploadFigmaToChat } from './UploadFigmaModal';\n\n/* -------------------------------------------------------------------------------------------------\n * Chat Message Suggestions\n * -----------------------------------------------------------------------------------------------*/\nconst ResponsiveFlex = styled(Flex)`\n  @media (max-height: 500px) {\n    display: none;\n  }\n`;\n\nconst ChatSuggestions = () => {\n  const { sendMessage } = useStrapiChat();\n  const { t } = useTranslations();\n  const { trackUsage } = useCTBTracking();\n\n  const SUGGESTIONS = [\n    t('chat.input.defaults.generate', 'Generate a product schema'),\n    t('chat.input.defaults.ctb', 'Tell me about the Content-Type Builder'),\n    t('chat.input.defaults.strapi', 'Tell me about Strapi'),\n  ] as const;\n\n  const SUGGESTION_TO_PROMPT_TYPE = {\n    [t('chat.input.defaults.generate', 'Generate a product schema')]: 'generate-product-schema',\n    [t('chat.input.defaults.ctb', 'Tell me about the Content-Type Builder')]:\n      'tell-me-about-the-content-type-builder',\n    [t('chat.input.defaults.strapi', 'Tell me about Strapi')]: 'tell-me-about-strapi',\n  } as const;\n\n  const suggestionsTitle = t('chat.input.defaults.title', 'How can I help you?');\n\n  return (\n    <AnimatedBox>\n      <ResponsiveFlex direction=\"column\" alignItems={'flex-start'} gap={3}>\n        <Typography variant=\"omega\" fontWeight=\"bold\">\n          {suggestionsTitle}\n        </Typography>\n        <Flex direction=\"column\" alignItems={'flex-start'} gap={2}>\n          {SUGGESTIONS.map((suggestion) => (\n            <Button\n              key={suggestion}\n              startIcon={<Sparkle fill=\"neutral500\" />}\n              size=\"M\"\n              variant=\"tertiary\"\n              onClick={() => {\n                trackUsage('didUsePresetPrompt', {\n                  promptType: SUGGESTION_TO_PROMPT_TYPE[suggestion],\n                });\n\n                sendMessage({ text: suggestion });\n              }}\n            >\n              <Typography fontWeight=\"regular\">{suggestion}</Typography>\n            </Button>\n          ))}\n        </Flex>\n      </ResponsiveFlex>\n    </AnimatedBox>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Chat Errors\n * -----------------------------------------------------------------------------------------------*/\nconst getErrorMessage = (err: Error) => {\n  try {\n    const error = JSON.parse(err.message);\n    return error.error;\n  } catch (e) {\n    return err;\n  }\n};\n\nconst ChatError = () => {\n  const { error } = useStrapiChat();\n  const { t } = useTranslations();\n\n  const defaultErrorMessage = t('chat.messages.error', 'Something went wrong.');\n  const tooManyRequestsMessage = t(\n    'chat.messages.too-many-requests',\n    'Too many requests, please try again later.'\n  );\n  const licenseLimitReachedMessage = t(\n    'chat.messages.license-limit-reached',\n    'License limit reached, please try again tomorrow.'\n  );\n  const licenseLimitExceededMessage = t(\n    'chat.messages.license-limit-exceeded',\n    'AI credit limit exceeded.'\n  );\n  const chatTooLongError = t(\n    'chat.messages.too-long-error',\n    'This conversation reached its maximum length. Start a new conversation'\n  );\n\n  if (!error) return null;\n\n  const errorMessage = getErrorMessage(error);\n  if (!errorMessage || typeof errorMessage !== 'string') {\n    return null;\n  }\n\n  if (errorMessage === TOO_MANY_REQUESTS_ERROR) {\n    return <Alert title={tooManyRequestsMessage} variant=\"warning\" />;\n  }\n\n  if (errorMessage === LICENSE_LIMIT_REACHED_ERROR) {\n    return <Alert title={licenseLimitReachedMessage} variant=\"warning\" />;\n  }\n\n  if (errorMessage.split('.')[0] === LICENSE_LIMIT_EXCEEDED_ERROR) {\n    return <Alert title={licenseLimitExceededMessage} variant=\"danger\" />;\n  }\n\n  if (errorMessage === CHAT_TOO_LONG_ERROR) {\n    return <Alert title={chatTooLongError} variant=\"danger\" />;\n  }\n\n  return <Alert title={defaultErrorMessage} variant=\"danger\" />;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Chat Messages\n * -----------------------------------------------------------------------------------------------*/\nconst ChatContent: React.FC<{\n  messages: AIMessage[];\n}> = ({ messages }) => {\n  const messageEndRef = useRef<HTMLDivElement>(null);\n  const { status } = useStrapiChat();\n\n  // Scroll to the bottom of the chat when new messages arrive\n  useEffect(() => {\n    // Add a small delay to ensure all message content is fully rendered\n    // including conditionally rendered elements like feedback buttons\n    const scrollTimeout = setTimeout(() => {\n      messageEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n    }, 20);\n\n    return () => clearTimeout(scrollTimeout);\n  }, [messages, status]);\n\n  return (\n    <>\n      <Flex direction=\"column\" gap={5}>\n        {messages.map((message, idx) => (\n          <ChatMessage\n            key={message.id}\n            message={message}\n            // Chat loading and message is the last one\n            isLoading={\n              (status === 'streaming' || status === 'submitted') && idx === messages.length - 1\n            }\n          />\n        ))}\n        {status === 'error' && <ChatError />}\n      </Flex>\n      <div ref={messageEndRef} />\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Attachments\n * -----------------------------------------------------------------------------------------------*/\nconst ChatAttachmentList = () => {\n  const { attachments, removeAttachmentByIndex } = useAttachments();\n\n  if (!attachments.length) return null;\n\n  return (\n    <Input.Attachments>\n      {attachments.map((attachment, index) => (\n        <Box key={attachment.filename} maxWidth={'250px'}>\n          <AttachmentPreview\n            attachment={attachment}\n            onRemove={() => removeAttachmentByIndex(index)}\n          />\n        </Box>\n      ))}\n    </Input.Attachments>\n  );\n};\n\nconst ChatAttachmentMenu = () => {\n  const { attachFiles } = useAttachments();\n  const { openCodeUpload } = useUploadProjectToChat();\n  const { openFigmaUpload } = useUploadFigmaToChat();\n  const { t } = useTranslations();\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const uploadLabel = t('chat.tooltips.upload-attachments', 'Upload attachments');\n  const importCodeText = t('chat.attachments.menu.import-code', 'Import code');\n  const attachImageText = t('chat.attachments.menu.attach-image', 'Attach image');\n  const importFigmaText = t('chat.attachments.menu.import-figma', 'Import from Figma');\n\n  return (\n    <SimpleMenu\n      label={uploadLabel}\n      icon={<Paperclip />}\n      tag={IconButton}\n      popoverPlacement=\"top-end\"\n    >\n      <MenuItem startIcon={<Code />} onSelect={() => openCodeUpload()}>\n        {importCodeText}\n      </MenuItem>\n\n      <MenuItem startIcon={<FigmaIcon />} onSelect={() => openFigmaUpload()}>\n        {importFigmaText}\n      </MenuItem>\n\n      <input type=\"file\" accept=\"image/*\" multiple hidden ref={fileInputRef} />\n      <MenuItem\n        startIcon={<Upload />}\n        onSelect={() => {\n          const fileInput = fileInputRef.current;\n          if (!fileInput) return;\n          fileInput.onchange = (e) => {\n            const target = e.target as HTMLInputElement;\n            if (target.files && target.files.length > 0) {\n              attachFiles(Array.from(target.files));\n            }\n          };\n\n          fileInput.click();\n        }}\n      >\n        {attachImageText}\n      </MenuItem>\n    </SimpleMenu>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Input\n * -----------------------------------------------------------------------------------------------*/\n\nconst LoadingDots = ({ children }: { children: string }) => {\n  const [dots, setDots] = useState('');\n\n  useEffect(() => {\n    const dotStates = ['', '.', '..', '...'];\n    let currentIndex = 0;\n\n    const interval = setInterval(() => {\n      currentIndex = (currentIndex + 1) % dotStates.length;\n      setDots(dotStates[currentIndex]);\n    }, 400); // Change every 400ms\n\n    return () => clearInterval(interval);\n  }, []);\n\n  return (\n    <Typography variant=\"pi\" textColor=\"neutral600\">\n      {children}\n      {dots}\n    </Typography>\n  );\n};\n\nconst ChatInput = (props: React.FormHTMLAttributes<HTMLFormElement>) => {\n  const { input, handleSubmit, handleInputChange, messages, status, stop, attachments } =\n    useStrapiChat();\n  const { t } = useTranslations();\n\n  const isLoading = status === 'streaming' || status === 'submitted';\n\n  return (\n    <>\n      <form onSubmit={handleSubmit} {...props}>\n        <Input.Root isLoading={isLoading} gap={4}>\n          <Input.Header minHeight={0}>\n            {messages.length === 0 && (\n              <Input.HeaderItem>\n                <ChatSuggestions />\n              </Input.HeaderItem>\n            )}\n            {isLoading && (\n              <Input.HeaderItem>\n                <LoadingDots>{t('chat.input.thinking', 'Strapi AI is thinking')}</LoadingDots>\n              </Input.HeaderItem>\n            )}\n          </Input.Header>\n          <Input.Content>\n            <Dropzone.Area />\n            <ChatAttachmentList />\n            <Box paddingBottom={3}>\n              <ResizableTextArea\n                value={input}\n                onChange={handleInputChange}\n                onSubmit={handleSubmit}\n                placeholder={t('chat.input.placeholder', 'Ask Strapi AI...')}\n              />\n            </Box>\n            <Input.Actions>\n              <ChatAttachmentMenu />\n\n              {isLoading ? (\n                <IconButton\n                  label={t('chat.tooltips.stop-generation', 'Stop')}\n                  type=\"button\"\n                  variant=\"default\"\n                  onClick={(e) => {\n                    e.preventDefault();\n                    stop();\n                  }}\n                >\n                  <StopIcon />\n                </IconButton>\n              ) : (\n                <IconButton\n                  label={t('chat.tooltips.send-message', 'Send')}\n                  variant=\"default\"\n                  type=\"submit\"\n                  // allow sending an empty message if there are attachments\n                  disabled={input.trim().length === 0 && attachments.length === 0}\n                >\n                  <ArrowUp />\n                </IconButton>\n              )}\n            </Input.Actions>\n          </Input.Content>\n        </Input.Root>\n      </form>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Chat\n * -----------------------------------------------------------------------------------------------*/\n\nconst Chat = () => {\n  const { title, messages, isChatOpen, isChatEnabled, openChat, closeChat, reset } =\n    useStrapiChat();\n  const { attachFiles } = useAttachments();\n  const { t } = useTranslations();\n  const state = useGuidedTour('Chat', (s) => s.state);\n  const currentEnvironment = useAppInfo('Chat', (state) => state.currentEnvironment);\n\n  // Disable AI Chat in production mode\n  const isProduction = currentEnvironment === 'production';\n\n  // Auto-open chat when AIChat guided tour step is active\n  useEffect(() => {\n    const isAIChatStepActive =\n      state.enabled &&\n      state.tours.contentTypeBuilder?.currentStep === 1 && // AIChat is step 1 in contentTypeBuilderStepsAI\n      !state.tours.contentTypeBuilder?.isCompleted;\n\n    if (isAIChatStepActive && !isChatOpen && openChat) {\n      openChat();\n    }\n  }, [\n    state.tours.contentTypeBuilder?.currentStep,\n    state.tours.contentTypeBuilder?.isCompleted,\n    state.enabled,\n    isChatOpen,\n    openChat,\n  ]);\n\n  // Labels\n  const openChatLabel = t('chat.tooltips.open-chat', 'Open chat');\n  const closeChatLabel = t('chat.tooltips.close-chat', 'Close chat');\n  const createChatLabel = t('chat.tooltips.create-chat', 'New conversation');\n  const defaultTitle = t('chat.header.default-title', 'New conversation');\n  const mistakesDisclaimer = t(\n    'chat.input.strapi-ai-can-make-errors',\n    'Strapi AI can make mistakes.'\n  );\n\n  // Don't render the chat at all in production mode or if chat is not enabled\n  if (!isChatEnabled || isProduction) {\n    return null;\n  }\n\n  return (\n    <Dropzone.Root\n      onAddFiles={(files) => {\n        attachFiles(files);\n      }}\n    >\n      <Panel.Root\n        size=\"md\"\n        position=\"bottom-right\"\n        isOpen={isChatOpen}\n        onToggle={isChatOpen ? closeChat : openChat}\n        toggleIcon={\n          <IconButton\n            onClick={isChatOpen ? closeChat : openChat}\n            label={isChatOpen ? closeChatLabel : openChatLabel}\n            variant=\"default\"\n            size=\"L\"\n          >\n            <Sparkle />\n          </IconButton>\n        }\n      >\n        <Panel.Header>\n          <Typography tag=\"h3\" variant=\"omega\" fontWeight=\"bold\">\n            {title || defaultTitle}\n          </Typography>\n          <Flex gap={0}>\n            <IconButton label={createChatLabel} variant=\"ghost\" onClick={reset}>\n              <Plus />\n            </IconButton>\n            <Panel.Close label={closeChatLabel} />\n          </Flex>\n        </Panel.Header>\n\n        <Panel.Body>\n          <tours.contentTypeBuilder.AIChat>\n            {!messages.length ? (\n              <Typography variant=\"pi\" textColor=\"neutral600\">\n                {mistakesDisclaimer}\n              </Typography>\n            ) : null}\n            <ChatContent messages={messages} />\n          </tours.contentTypeBuilder.AIChat>\n        </Panel.Body>\n\n        <Panel.Footer>\n          <ChatInput />\n        </Panel.Footer>\n      </Panel.Root>\n    </Dropzone.Root>\n  );\n};\n\nexport { Chat };\n"],"names":["ResponsiveFlex","styled","Flex","ChatSuggestions","sendMessage","useStrapiChat","t","useTranslations","trackUsage","useCTBTracking","SUGGESTIONS","SUGGESTION_TO_PROMPT_TYPE","suggestionsTitle","_jsx","AnimatedBox","_jsxs","direction","alignItems","gap","Typography","variant","fontWeight","map","suggestion","Button","startIcon","Sparkle","fill","size","onClick","promptType","text","getErrorMessage","err","error","JSON","parse","message","e","ChatError","defaultErrorMessage","tooManyRequestsMessage","licenseLimitReachedMessage","licenseLimitExceededMessage","chatTooLongError","errorMessage","TOO_MANY_REQUESTS_ERROR","Alert","title","LICENSE_LIMIT_REACHED_ERROR","split","LICENSE_LIMIT_EXCEEDED_ERROR","CHAT_TOO_LONG_ERROR","ChatContent","messages","messageEndRef","useRef","status","useEffect","scrollTimeout","setTimeout","current","scrollIntoView","behavior","clearTimeout","_Fragment","idx","ChatMessage","isLoading","length","id","div","ref","ChatAttachmentList","attachments","removeAttachmentByIndex","useAttachments","Input","Attachments","attachment","index","Box","maxWidth","AttachmentPreview","onRemove","filename","ChatAttachmentMenu","attachFiles","openCodeUpload","useUploadProjectToChat","openFigmaUpload","useUploadFigmaToChat","fileInputRef","uploadLabel","importCodeText","attachImageText","importFigmaText","SimpleMenu","label","icon","Paperclip","tag","IconButton","popoverPlacement","MenuItem","Code","onSelect","FigmaIcon","input","type","accept","multiple","hidden","Upload","fileInput","onchange","target","files","Array","from","click","LoadingDots","children","dots","setDots","useState","dotStates","currentIndex","interval","setInterval","clearInterval","textColor","ChatInput","props","handleSubmit","handleInputChange","stop","form","onSubmit","Root","Header","minHeight","HeaderItem","Content","Dropzone","Area","paddingBottom","ResizableTextArea","value","onChange","placeholder","Actions","preventDefault","StopIcon","disabled","trim","ArrowUp","Chat","isChatOpen","isChatEnabled","openChat","closeChat","reset","state","useGuidedTour","s","currentEnvironment","useAppInfo","isProduction","isAIChatStepActive","enabled","tours","contentTypeBuilder","currentStep","isCompleted","openChatLabel","closeChatLabel","createChatLabel","defaultTitle","mistakesDisclaimer","onAddFiles","Panel","position","isOpen","onToggle","toggleIcon","Plus","Close","Body","AIChat","Footer"],"mappings":"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"}

package/dist/admin/components/AIChat/Chat.mjs

@@ -1,9 +1,11 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useEffect, useRef, useState } from 'react';
-import { useGuidedTour, useAppInfo, tours, useTracking } from '@strapi/admin/strapi-admin';
+import { useGuidedTour, useAppInfo, tours } from '@strapi/admin/strapi-admin';
 import { Flex, IconButton, Typography, Box, Button } from '@strapi/design-system';
 import { Sparkle, Plus, ArrowUp, Paperclip, Code, Upload } from '@strapi/icons';
 import { styled } from 'styled-components';
+import '../CTBSession/sessionContext.mjs';
+import { useCTBTracking } from '../CTBSession/useCTBTracking.mjs';
 import { Alert } from './components/Alert.mjs';
 import { AnimatedBox } from './components/AnimatedBox.mjs';
 import { AttachmentPreview } from './components/Attachments/AttachmentPreview.mjs';
@@ -32,7 +34,7 @@ import { useUploadFigmaToChat } from './UploadFigmaModal.mjs';
 const ChatSuggestions = ()=>{
     const { sendMessage } = useStrapiChat();
     const { t } = useTranslations();
-    const { trackUsage } = useTracking();
+    const { trackUsage } = useCTBTracking();
     const SUGGESTIONS = [
         t('chat.input.defaults.generate', 'Generate a product schema'),
         t('chat.input.defaults.ctb', 'Tell me about the Content-Type Builder'),
@@ -320,6 +322,7 @@ const ChatInput = (props)=>{
                                     }) : /*#__PURE__*/ jsx(IconButton, {
                                         label: t('chat.tooltips.send-message', 'Send'),
                                         variant: "default",
+                                        type: "submit",
                                         // allow sending an empty message if there are attachments
                                         disabled: input.trim().length === 0 && attachments.length === 0,
                                         children: /*#__PURE__*/ jsx(ArrowUp, {})

package/dist/admin/components/AIChat/Chat.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.mjs","sources":["../../../../admin/src/components/AIChat/Chat.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { tours, useTracking, useGuidedTour, useAppInfo } from '@strapi/admin/strapi-admin';\nimport { Flex, IconButton, Button, Typography, Box } from '@strapi/design-system';\nimport { Sparkle, ArrowUp, Plus, Paperclip, Upload, Code } from '@strapi/icons';\nimport { styled } from 'styled-components';\n\nimport { Alert } from './components/Alert';\nimport { AnimatedBox } from './components/AnimatedBox';\nimport { AttachmentPreview } from './components/Attachments/AttachmentPreview';\nimport { Dropzone } from './components/Dropzone';\nimport { Panel } from './components/FloatingPanel';\nimport { FigmaIcon } from './components/icons/FigmaIcon';\nimport { StopIcon } from './components/icons/StopIcon';\nimport { Input } from './components/Input';\nimport { ChatMessage } from './components/Messages/Message';\nimport { ResizableTextArea } from './components/ResizableTextArea';\nimport { MenuItem, SimpleMenu } from './components/SimpleMenu';\nimport {\n  CHAT_TOO_LONG_ERROR,\n  LICENSE_LIMIT_REACHED_ERROR,\n  TOO_MANY_REQUESTS_ERROR,\n  LICENSE_LIMIT_EXCEEDED_ERROR,\n} from './hooks/useAIFetch';\nimport { useAttachments } from './hooks/useAttachments';\nimport { useTranslations } from './hooks/useTranslations';\nimport { AIMessage } from './lib/types/messages';\nimport { useStrapiChat } from './providers/ChatProvider';\nimport { useUploadProjectToChat } from './UploadCodeModal';\nimport { useUploadFigmaToChat } from './UploadFigmaModal';\n\n/* -------------------------------------------------------------------------------------------------\n * Chat Message Suggestions\n * -----------------------------------------------------------------------------------------------*/\nconst ResponsiveFlex = styled(Flex)`\n  @media (max-height: 500px) {\n    display: none;\n  }\n`;\n\nconst ChatSuggestions = () => {\n  const { sendMessage } = useStrapiChat();\n  const { t } = useTranslations();\n  const { trackUsage } = useTracking();\n\n  const SUGGESTIONS = [\n    t('chat.input.defaults.generate', 'Generate a product schema'),\n    t('chat.input.defaults.ctb', 'Tell me about the Content-Type Builder'),\n    t('chat.input.defaults.strapi', 'Tell me about Strapi'),\n  ] as const;\n\n  const SUGGESTION_TO_PROMPT_TYPE = {\n    [t('chat.input.defaults.generate', 'Generate a product schema')]: 'generate-product-schema',\n    [t('chat.input.defaults.ctb', 'Tell me about the Content-Type Builder')]:\n      'tell-me-about-the-content-type-builder',\n    [t('chat.input.defaults.strapi', 'Tell me about Strapi')]: 'tell-me-about-strapi',\n  } as const;\n\n  const suggestionsTitle = t('chat.input.defaults.title', 'How can I help you?');\n\n  return (\n    <AnimatedBox>\n      <ResponsiveFlex direction=\"column\" alignItems={'flex-start'} gap={3}>\n        <Typography variant=\"omega\" fontWeight=\"bold\">\n          {suggestionsTitle}\n        </Typography>\n        <Flex direction=\"column\" alignItems={'flex-start'} gap={2}>\n          {SUGGESTIONS.map((suggestion) => (\n            <Button\n              key={suggestion}\n              startIcon={<Sparkle fill=\"neutral500\" />}\n              size=\"M\"\n              variant=\"tertiary\"\n              onClick={() => {\n                trackUsage('didUsePresetPrompt', {\n                  promptType: SUGGESTION_TO_PROMPT_TYPE[suggestion],\n                });\n\n                sendMessage({ text: suggestion });\n              }}\n            >\n              <Typography fontWeight=\"regular\">{suggestion}</Typography>\n            </Button>\n          ))}\n        </Flex>\n      </ResponsiveFlex>\n    </AnimatedBox>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Chat Errors\n * -----------------------------------------------------------------------------------------------*/\nconst getErrorMessage = (err: Error) => {\n  try {\n    const error = JSON.parse(err.message);\n    return error.error;\n  } catch (e) {\n    return err;\n  }\n};\n\nconst ChatError = () => {\n  const { error } = useStrapiChat();\n  const { t } = useTranslations();\n\n  const defaultErrorMessage = t('chat.messages.error', 'Something went wrong.');\n  const tooManyRequestsMessage = t(\n    'chat.messages.too-many-requests',\n    'Too many requests, please try again later.'\n  );\n  const licenseLimitReachedMessage = t(\n    'chat.messages.license-limit-reached',\n    'License limit reached, please try again tomorrow.'\n  );\n  const licenseLimitExceededMessage = t(\n    'chat.messages.license-limit-exceeded',\n    'AI credit limit exceeded.'\n  );\n  const chatTooLongError = t(\n    'chat.messages.too-long-error',\n    'This conversation reached its maximum length. Start a new conversation'\n  );\n\n  if (!error) return null;\n\n  const errorMessage = getErrorMessage(error);\n  if (!errorMessage || typeof errorMessage !== 'string') {\n    return null;\n  }\n\n  if (errorMessage === TOO_MANY_REQUESTS_ERROR) {\n    return <Alert title={tooManyRequestsMessage} variant=\"warning\" />;\n  }\n\n  if (errorMessage === LICENSE_LIMIT_REACHED_ERROR) {\n    return <Alert title={licenseLimitReachedMessage} variant=\"warning\" />;\n  }\n\n  if (errorMessage.split('.')[0] === LICENSE_LIMIT_EXCEEDED_ERROR) {\n    return <Alert title={licenseLimitExceededMessage} variant=\"danger\" />;\n  }\n\n  if (errorMessage === CHAT_TOO_LONG_ERROR) {\n    return <Alert title={chatTooLongError} variant=\"danger\" />;\n  }\n\n  return <Alert title={defaultErrorMessage} variant=\"danger\" />;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Chat Messages\n * -----------------------------------------------------------------------------------------------*/\nconst ChatContent: React.FC<{\n  messages: AIMessage[];\n}> = ({ messages }) => {\n  const messageEndRef = useRef<HTMLDivElement>(null);\n  const { status } = useStrapiChat();\n\n  // Scroll to the bottom of the chat when new messages arrive\n  useEffect(() => {\n    // Add a small delay to ensure all message content is fully rendered\n    // including conditionally rendered elements like feedback buttons\n    const scrollTimeout = setTimeout(() => {\n      messageEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n    }, 20);\n\n    return () => clearTimeout(scrollTimeout);\n  }, [messages, status]);\n\n  return (\n    <>\n      <Flex direction=\"column\" gap={5}>\n        {messages.map((message, idx) => (\n          <ChatMessage\n            key={message.id}\n            message={message}\n            // Chat loading and message is the last one\n            isLoading={\n              (status === 'streaming' || status === 'submitted') && idx === messages.length - 1\n            }\n          />\n        ))}\n        {status === 'error' && <ChatError />}\n      </Flex>\n      <div ref={messageEndRef} />\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Attachments\n * -----------------------------------------------------------------------------------------------*/\nconst ChatAttachmentList = () => {\n  const { attachments, removeAttachmentByIndex } = useAttachments();\n\n  if (!attachments.length) return null;\n\n  return (\n    <Input.Attachments>\n      {attachments.map((attachment, index) => (\n        <Box key={attachment.filename} maxWidth={'250px'}>\n          <AttachmentPreview\n            attachment={attachment}\n            onRemove={() => removeAttachmentByIndex(index)}\n          />\n        </Box>\n      ))}\n    </Input.Attachments>\n  );\n};\n\nconst ChatAttachmentMenu = () => {\n  const { attachFiles } = useAttachments();\n  const { openCodeUpload } = useUploadProjectToChat();\n  const { openFigmaUpload } = useUploadFigmaToChat();\n  const { t } = useTranslations();\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const uploadLabel = t('chat.tooltips.upload-attachments', 'Upload attachments');\n  const importCodeText = t('chat.attachments.menu.import-code', 'Import code');\n  const attachImageText = t('chat.attachments.menu.attach-image', 'Attach image');\n  const importFigmaText = t('chat.attachments.menu.import-figma', 'Import from Figma');\n\n  return (\n    <SimpleMenu\n      label={uploadLabel}\n      icon={<Paperclip />}\n      tag={IconButton}\n      popoverPlacement=\"top-end\"\n    >\n      <MenuItem startIcon={<Code />} onSelect={() => openCodeUpload()}>\n        {importCodeText}\n      </MenuItem>\n\n      <MenuItem startIcon={<FigmaIcon />} onSelect={() => openFigmaUpload()}>\n        {importFigmaText}\n      </MenuItem>\n\n      <input type=\"file\" accept=\"image/*\" multiple hidden ref={fileInputRef} />\n      <MenuItem\n        startIcon={<Upload />}\n        onSelect={() => {\n          const fileInput = fileInputRef.current;\n          if (!fileInput) return;\n          fileInput.onchange = (e) => {\n            const target = e.target as HTMLInputElement;\n            if (target.files && target.files.length > 0) {\n              attachFiles(Array.from(target.files));\n            }\n          };\n\n          fileInput.click();\n        }}\n      >\n        {attachImageText}\n      </MenuItem>\n    </SimpleMenu>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Input\n * -----------------------------------------------------------------------------------------------*/\n\nconst LoadingDots = ({ children }: { children: string }) => {\n  const [dots, setDots] = useState('');\n\n  useEffect(() => {\n    const dotStates = ['', '.', '..', '...'];\n    let currentIndex = 0;\n\n    const interval = setInterval(() => {\n      currentIndex = (currentIndex + 1) % dotStates.length;\n      setDots(dotStates[currentIndex]);\n    }, 400); // Change every 400ms\n\n    return () => clearInterval(interval);\n  }, []);\n\n  return (\n    <Typography variant=\"pi\" textColor=\"neutral600\">\n      {children}\n      {dots}\n    </Typography>\n  );\n};\n\nconst ChatInput = (props: React.FormHTMLAttributes<HTMLFormElement>) => {\n  const { input, handleSubmit, handleInputChange, messages, status, stop, attachments } =\n    useStrapiChat();\n  const { t } = useTranslations();\n\n  const isLoading = status === 'streaming' || status === 'submitted';\n\n  return (\n    <>\n      <form onSubmit={handleSubmit} {...props}>\n        <Input.Root isLoading={isLoading} gap={4}>\n          <Input.Header minHeight={0}>\n            {messages.length === 0 && (\n              <Input.HeaderItem>\n                <ChatSuggestions />\n              </Input.HeaderItem>\n            )}\n            {isLoading && (\n              <Input.HeaderItem>\n                <LoadingDots>{t('chat.input.thinking', 'Strapi AI is thinking')}</LoadingDots>\n              </Input.HeaderItem>\n            )}\n          </Input.Header>\n          <Input.Content>\n            <Dropzone.Area />\n            <ChatAttachmentList />\n            <Box paddingBottom={3}>\n              <ResizableTextArea\n                value={input}\n                onChange={handleInputChange}\n                onSubmit={handleSubmit}\n                placeholder={t('chat.input.placeholder', 'Ask Strapi AI...')}\n              />\n            </Box>\n            <Input.Actions>\n              <ChatAttachmentMenu />\n\n              {isLoading ? (\n                <IconButton\n                  label={t('chat.tooltips.stop-generation', 'Stop')}\n                  type=\"button\"\n                  variant=\"default\"\n                  onClick={(e) => {\n                    e.preventDefault();\n                    stop();\n                  }}\n                >\n                  <StopIcon />\n                </IconButton>\n              ) : (\n                <IconButton\n                  label={t('chat.tooltips.send-message', 'Send')}\n                  variant=\"default\"\n                  // allow sending an empty message if there are attachments\n                  disabled={input.trim().length === 0 && attachments.length === 0}\n                >\n                  <ArrowUp />\n                </IconButton>\n              )}\n            </Input.Actions>\n          </Input.Content>\n        </Input.Root>\n      </form>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Chat\n * -----------------------------------------------------------------------------------------------*/\n\nconst Chat = () => {\n  const { title, messages, isChatOpen, isChatEnabled, openChat, closeChat, reset } =\n    useStrapiChat();\n  const { attachFiles } = useAttachments();\n  const { t } = useTranslations();\n  const state = useGuidedTour('Chat', (s) => s.state);\n  const currentEnvironment = useAppInfo('Chat', (state) => state.currentEnvironment);\n\n  // Disable AI Chat in production mode\n  const isProduction = currentEnvironment === 'production';\n\n  // Auto-open chat when AIChat guided tour step is active\n  useEffect(() => {\n    const isAIChatStepActive =\n      state.enabled &&\n      state.tours.contentTypeBuilder?.currentStep === 1 && // AIChat is step 1 in contentTypeBuilderStepsAI\n      !state.tours.contentTypeBuilder?.isCompleted;\n\n    if (isAIChatStepActive && !isChatOpen && openChat) {\n      openChat();\n    }\n  }, [\n    state.tours.contentTypeBuilder?.currentStep,\n    state.tours.contentTypeBuilder?.isCompleted,\n    state.enabled,\n    isChatOpen,\n    openChat,\n  ]);\n\n  // Labels\n  const openChatLabel = t('chat.tooltips.open-chat', 'Open chat');\n  const closeChatLabel = t('chat.tooltips.close-chat', 'Close chat');\n  const createChatLabel = t('chat.tooltips.create-chat', 'New conversation');\n  const defaultTitle = t('chat.header.default-title', 'New conversation');\n  const mistakesDisclaimer = t(\n    'chat.input.strapi-ai-can-make-errors',\n    'Strapi AI can make mistakes.'\n  );\n\n  // Don't render the chat at all in production mode or if chat is not enabled\n  if (!isChatEnabled || isProduction) {\n    return null;\n  }\n\n  return (\n    <Dropzone.Root\n      onAddFiles={(files) => {\n        attachFiles(files);\n      }}\n    >\n      <Panel.Root\n        size=\"md\"\n        position=\"bottom-right\"\n        isOpen={isChatOpen}\n        onToggle={isChatOpen ? closeChat : openChat}\n        toggleIcon={\n          <IconButton\n            onClick={isChatOpen ? closeChat : openChat}\n            label={isChatOpen ? closeChatLabel : openChatLabel}\n            variant=\"default\"\n            size=\"L\"\n          >\n            <Sparkle />\n          </IconButton>\n        }\n      >\n        <Panel.Header>\n          <Typography tag=\"h3\" variant=\"omega\" fontWeight=\"bold\">\n            {title || defaultTitle}\n          </Typography>\n          <Flex gap={0}>\n            <IconButton label={createChatLabel} variant=\"ghost\" onClick={reset}>\n              <Plus />\n            </IconButton>\n            <Panel.Close label={closeChatLabel} />\n          </Flex>\n        </Panel.Header>\n\n        <Panel.Body>\n          <tours.contentTypeBuilder.AIChat>\n            {!messages.length ? (\n              <Typography variant=\"pi\" textColor=\"neutral600\">\n                {mistakesDisclaimer}\n              </Typography>\n            ) : null}\n            <ChatContent messages={messages} />\n          </tours.contentTypeBuilder.AIChat>\n        </Panel.Body>\n\n        <Panel.Footer>\n          <ChatInput />\n        </Panel.Footer>\n      </Panel.Root>\n    </Dropzone.Root>\n  );\n};\n\nexport { Chat };\n"],"names":["ResponsiveFlex","styled","Flex","ChatSuggestions","sendMessage","useStrapiChat","t","useTranslations","trackUsage","useTracking","SUGGESTIONS","SUGGESTION_TO_PROMPT_TYPE","suggestionsTitle","_jsx","AnimatedBox","_jsxs","direction","alignItems","gap","Typography","variant","fontWeight","map","suggestion","Button","startIcon","Sparkle","fill","size","onClick","promptType","text","getErrorMessage","err","error","JSON","parse","message","e","ChatError","defaultErrorMessage","tooManyRequestsMessage","licenseLimitReachedMessage","licenseLimitExceededMessage","chatTooLongError","errorMessage","TOO_MANY_REQUESTS_ERROR","Alert","title","LICENSE_LIMIT_REACHED_ERROR","split","LICENSE_LIMIT_EXCEEDED_ERROR","CHAT_TOO_LONG_ERROR","ChatContent","messages","messageEndRef","useRef","status","useEffect","scrollTimeout","setTimeout","current","scrollIntoView","behavior","clearTimeout","_Fragment","idx","ChatMessage","isLoading","length","id","div","ref","ChatAttachmentList","attachments","removeAttachmentByIndex","useAttachments","Input","Attachments","attachment","index","Box","maxWidth","AttachmentPreview","onRemove","filename","ChatAttachmentMenu","attachFiles","openCodeUpload","useUploadProjectToChat","openFigmaUpload","useUploadFigmaToChat","fileInputRef","uploadLabel","importCodeText","attachImageText","importFigmaText","SimpleMenu","label","icon","Paperclip","tag","IconButton","popoverPlacement","MenuItem","Code","onSelect","FigmaIcon","input","type","accept","multiple","hidden","Upload","fileInput","onchange","target","files","Array","from","click","LoadingDots","children","dots","setDots","useState","dotStates","currentIndex","interval","setInterval","clearInterval","textColor","ChatInput","props","handleSubmit","handleInputChange","stop","form","onSubmit","Root","Header","minHeight","HeaderItem","Content","Dropzone","Area","paddingBottom","ResizableTextArea","value","onChange","placeholder","Actions","preventDefault","StopIcon","disabled","trim","ArrowUp","Chat","isChatOpen","isChatEnabled","openChat","closeChat","reset","state","useGuidedTour","s","currentEnvironment","useAppInfo","isProduction","isAIChatStepActive","enabled","tours","contentTypeBuilder","currentStep","isCompleted","openChatLabel","closeChatLabel","createChatLabel","defaultTitle","mistakesDisclaimer","onAddFiles","Panel","position","isOpen","onToggle","toggleIcon","Plus","Close","Body","AIChat","Footer"],"mappings":"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"}
+{"version":3,"file":"Chat.mjs","sources":["../../../../admin/src/components/AIChat/Chat.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { tours, useGuidedTour, useAppInfo } from '@strapi/admin/strapi-admin';\nimport { Flex, IconButton, Button, Typography, Box } from '@strapi/design-system';\nimport { Sparkle, ArrowUp, Plus, Paperclip, Upload, Code } from '@strapi/icons';\nimport { styled } from 'styled-components';\n\nimport { useCTBTracking } from '../CTBSession/ctbSession';\n\nimport { Alert } from './components/Alert';\nimport { AnimatedBox } from './components/AnimatedBox';\nimport { AttachmentPreview } from './components/Attachments/AttachmentPreview';\nimport { Dropzone } from './components/Dropzone';\nimport { Panel } from './components/FloatingPanel';\nimport { FigmaIcon } from './components/icons/FigmaIcon';\nimport { StopIcon } from './components/icons/StopIcon';\nimport { Input } from './components/Input';\nimport { ChatMessage } from './components/Messages/Message';\nimport { ResizableTextArea } from './components/ResizableTextArea';\nimport { MenuItem, SimpleMenu } from './components/SimpleMenu';\nimport {\n  CHAT_TOO_LONG_ERROR,\n  LICENSE_LIMIT_REACHED_ERROR,\n  TOO_MANY_REQUESTS_ERROR,\n  LICENSE_LIMIT_EXCEEDED_ERROR,\n} from './hooks/useAIFetch';\nimport { useAttachments } from './hooks/useAttachments';\nimport { useTranslations } from './hooks/useTranslations';\nimport { AIMessage } from './lib/types/messages';\nimport { useStrapiChat } from './providers/ChatProvider';\nimport { useUploadProjectToChat } from './UploadCodeModal';\nimport { useUploadFigmaToChat } from './UploadFigmaModal';\n\n/* -------------------------------------------------------------------------------------------------\n * Chat Message Suggestions\n * -----------------------------------------------------------------------------------------------*/\nconst ResponsiveFlex = styled(Flex)`\n  @media (max-height: 500px) {\n    display: none;\n  }\n`;\n\nconst ChatSuggestions = () => {\n  const { sendMessage } = useStrapiChat();\n  const { t } = useTranslations();\n  const { trackUsage } = useCTBTracking();\n\n  const SUGGESTIONS = [\n    t('chat.input.defaults.generate', 'Generate a product schema'),\n    t('chat.input.defaults.ctb', 'Tell me about the Content-Type Builder'),\n    t('chat.input.defaults.strapi', 'Tell me about Strapi'),\n  ] as const;\n\n  const SUGGESTION_TO_PROMPT_TYPE = {\n    [t('chat.input.defaults.generate', 'Generate a product schema')]: 'generate-product-schema',\n    [t('chat.input.defaults.ctb', 'Tell me about the Content-Type Builder')]:\n      'tell-me-about-the-content-type-builder',\n    [t('chat.input.defaults.strapi', 'Tell me about Strapi')]: 'tell-me-about-strapi',\n  } as const;\n\n  const suggestionsTitle = t('chat.input.defaults.title', 'How can I help you?');\n\n  return (\n    <AnimatedBox>\n      <ResponsiveFlex direction=\"column\" alignItems={'flex-start'} gap={3}>\n        <Typography variant=\"omega\" fontWeight=\"bold\">\n          {suggestionsTitle}\n        </Typography>\n        <Flex direction=\"column\" alignItems={'flex-start'} gap={2}>\n          {SUGGESTIONS.map((suggestion) => (\n            <Button\n              key={suggestion}\n              startIcon={<Sparkle fill=\"neutral500\" />}\n              size=\"M\"\n              variant=\"tertiary\"\n              onClick={() => {\n                trackUsage('didUsePresetPrompt', {\n                  promptType: SUGGESTION_TO_PROMPT_TYPE[suggestion],\n                });\n\n                sendMessage({ text: suggestion });\n              }}\n            >\n              <Typography fontWeight=\"regular\">{suggestion}</Typography>\n            </Button>\n          ))}\n        </Flex>\n      </ResponsiveFlex>\n    </AnimatedBox>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Chat Errors\n * -----------------------------------------------------------------------------------------------*/\nconst getErrorMessage = (err: Error) => {\n  try {\n    const error = JSON.parse(err.message);\n    return error.error;\n  } catch (e) {\n    return err;\n  }\n};\n\nconst ChatError = () => {\n  const { error } = useStrapiChat();\n  const { t } = useTranslations();\n\n  const defaultErrorMessage = t('chat.messages.error', 'Something went wrong.');\n  const tooManyRequestsMessage = t(\n    'chat.messages.too-many-requests',\n    'Too many requests, please try again later.'\n  );\n  const licenseLimitReachedMessage = t(\n    'chat.messages.license-limit-reached',\n    'License limit reached, please try again tomorrow.'\n  );\n  const licenseLimitExceededMessage = t(\n    'chat.messages.license-limit-exceeded',\n    'AI credit limit exceeded.'\n  );\n  const chatTooLongError = t(\n    'chat.messages.too-long-error',\n    'This conversation reached its maximum length. Start a new conversation'\n  );\n\n  if (!error) return null;\n\n  const errorMessage = getErrorMessage(error);\n  if (!errorMessage || typeof errorMessage !== 'string') {\n    return null;\n  }\n\n  if (errorMessage === TOO_MANY_REQUESTS_ERROR) {\n    return <Alert title={tooManyRequestsMessage} variant=\"warning\" />;\n  }\n\n  if (errorMessage === LICENSE_LIMIT_REACHED_ERROR) {\n    return <Alert title={licenseLimitReachedMessage} variant=\"warning\" />;\n  }\n\n  if (errorMessage.split('.')[0] === LICENSE_LIMIT_EXCEEDED_ERROR) {\n    return <Alert title={licenseLimitExceededMessage} variant=\"danger\" />;\n  }\n\n  if (errorMessage === CHAT_TOO_LONG_ERROR) {\n    return <Alert title={chatTooLongError} variant=\"danger\" />;\n  }\n\n  return <Alert title={defaultErrorMessage} variant=\"danger\" />;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Chat Messages\n * -----------------------------------------------------------------------------------------------*/\nconst ChatContent: React.FC<{\n  messages: AIMessage[];\n}> = ({ messages }) => {\n  const messageEndRef = useRef<HTMLDivElement>(null);\n  const { status } = useStrapiChat();\n\n  // Scroll to the bottom of the chat when new messages arrive\n  useEffect(() => {\n    // Add a small delay to ensure all message content is fully rendered\n    // including conditionally rendered elements like feedback buttons\n    const scrollTimeout = setTimeout(() => {\n      messageEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n    }, 20);\n\n    return () => clearTimeout(scrollTimeout);\n  }, [messages, status]);\n\n  return (\n    <>\n      <Flex direction=\"column\" gap={5}>\n        {messages.map((message, idx) => (\n          <ChatMessage\n            key={message.id}\n            message={message}\n            // Chat loading and message is the last one\n            isLoading={\n              (status === 'streaming' || status === 'submitted') && idx === messages.length - 1\n            }\n          />\n        ))}\n        {status === 'error' && <ChatError />}\n      </Flex>\n      <div ref={messageEndRef} />\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Attachments\n * -----------------------------------------------------------------------------------------------*/\nconst ChatAttachmentList = () => {\n  const { attachments, removeAttachmentByIndex } = useAttachments();\n\n  if (!attachments.length) return null;\n\n  return (\n    <Input.Attachments>\n      {attachments.map((attachment, index) => (\n        <Box key={attachment.filename} maxWidth={'250px'}>\n          <AttachmentPreview\n            attachment={attachment}\n            onRemove={() => removeAttachmentByIndex(index)}\n          />\n        </Box>\n      ))}\n    </Input.Attachments>\n  );\n};\n\nconst ChatAttachmentMenu = () => {\n  const { attachFiles } = useAttachments();\n  const { openCodeUpload } = useUploadProjectToChat();\n  const { openFigmaUpload } = useUploadFigmaToChat();\n  const { t } = useTranslations();\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const uploadLabel = t('chat.tooltips.upload-attachments', 'Upload attachments');\n  const importCodeText = t('chat.attachments.menu.import-code', 'Import code');\n  const attachImageText = t('chat.attachments.menu.attach-image', 'Attach image');\n  const importFigmaText = t('chat.attachments.menu.import-figma', 'Import from Figma');\n\n  return (\n    <SimpleMenu\n      label={uploadLabel}\n      icon={<Paperclip />}\n      tag={IconButton}\n      popoverPlacement=\"top-end\"\n    >\n      <MenuItem startIcon={<Code />} onSelect={() => openCodeUpload()}>\n        {importCodeText}\n      </MenuItem>\n\n      <MenuItem startIcon={<FigmaIcon />} onSelect={() => openFigmaUpload()}>\n        {importFigmaText}\n      </MenuItem>\n\n      <input type=\"file\" accept=\"image/*\" multiple hidden ref={fileInputRef} />\n      <MenuItem\n        startIcon={<Upload />}\n        onSelect={() => {\n          const fileInput = fileInputRef.current;\n          if (!fileInput) return;\n          fileInput.onchange = (e) => {\n            const target = e.target as HTMLInputElement;\n            if (target.files && target.files.length > 0) {\n              attachFiles(Array.from(target.files));\n            }\n          };\n\n          fileInput.click();\n        }}\n      >\n        {attachImageText}\n      </MenuItem>\n    </SimpleMenu>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Input\n * -----------------------------------------------------------------------------------------------*/\n\nconst LoadingDots = ({ children }: { children: string }) => {\n  const [dots, setDots] = useState('');\n\n  useEffect(() => {\n    const dotStates = ['', '.', '..', '...'];\n    let currentIndex = 0;\n\n    const interval = setInterval(() => {\n      currentIndex = (currentIndex + 1) % dotStates.length;\n      setDots(dotStates[currentIndex]);\n    }, 400); // Change every 400ms\n\n    return () => clearInterval(interval);\n  }, []);\n\n  return (\n    <Typography variant=\"pi\" textColor=\"neutral600\">\n      {children}\n      {dots}\n    </Typography>\n  );\n};\n\nconst ChatInput = (props: React.FormHTMLAttributes<HTMLFormElement>) => {\n  const { input, handleSubmit, handleInputChange, messages, status, stop, attachments } =\n    useStrapiChat();\n  const { t } = useTranslations();\n\n  const isLoading = status === 'streaming' || status === 'submitted';\n\n  return (\n    <>\n      <form onSubmit={handleSubmit} {...props}>\n        <Input.Root isLoading={isLoading} gap={4}>\n          <Input.Header minHeight={0}>\n            {messages.length === 0 && (\n              <Input.HeaderItem>\n                <ChatSuggestions />\n              </Input.HeaderItem>\n            )}\n            {isLoading && (\n              <Input.HeaderItem>\n                <LoadingDots>{t('chat.input.thinking', 'Strapi AI is thinking')}</LoadingDots>\n              </Input.HeaderItem>\n            )}\n          </Input.Header>\n          <Input.Content>\n            <Dropzone.Area />\n            <ChatAttachmentList />\n            <Box paddingBottom={3}>\n              <ResizableTextArea\n                value={input}\n                onChange={handleInputChange}\n                onSubmit={handleSubmit}\n                placeholder={t('chat.input.placeholder', 'Ask Strapi AI...')}\n              />\n            </Box>\n            <Input.Actions>\n              <ChatAttachmentMenu />\n\n              {isLoading ? (\n                <IconButton\n                  label={t('chat.tooltips.stop-generation', 'Stop')}\n                  type=\"button\"\n                  variant=\"default\"\n                  onClick={(e) => {\n                    e.preventDefault();\n                    stop();\n                  }}\n                >\n                  <StopIcon />\n                </IconButton>\n              ) : (\n                <IconButton\n                  label={t('chat.tooltips.send-message', 'Send')}\n                  variant=\"default\"\n                  type=\"submit\"\n                  // allow sending an empty message if there are attachments\n                  disabled={input.trim().length === 0 && attachments.length === 0}\n                >\n                  <ArrowUp />\n                </IconButton>\n              )}\n            </Input.Actions>\n          </Input.Content>\n        </Input.Root>\n      </form>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Chat\n * -----------------------------------------------------------------------------------------------*/\n\nconst Chat = () => {\n  const { title, messages, isChatOpen, isChatEnabled, openChat, closeChat, reset } =\n    useStrapiChat();\n  const { attachFiles } = useAttachments();\n  const { t } = useTranslations();\n  const state = useGuidedTour('Chat', (s) => s.state);\n  const currentEnvironment = useAppInfo('Chat', (state) => state.currentEnvironment);\n\n  // Disable AI Chat in production mode\n  const isProduction = currentEnvironment === 'production';\n\n  // Auto-open chat when AIChat guided tour step is active\n  useEffect(() => {\n    const isAIChatStepActive =\n      state.enabled &&\n      state.tours.contentTypeBuilder?.currentStep === 1 && // AIChat is step 1 in contentTypeBuilderStepsAI\n      !state.tours.contentTypeBuilder?.isCompleted;\n\n    if (isAIChatStepActive && !isChatOpen && openChat) {\n      openChat();\n    }\n  }, [\n    state.tours.contentTypeBuilder?.currentStep,\n    state.tours.contentTypeBuilder?.isCompleted,\n    state.enabled,\n    isChatOpen,\n    openChat,\n  ]);\n\n  // Labels\n  const openChatLabel = t('chat.tooltips.open-chat', 'Open chat');\n  const closeChatLabel = t('chat.tooltips.close-chat', 'Close chat');\n  const createChatLabel = t('chat.tooltips.create-chat', 'New conversation');\n  const defaultTitle = t('chat.header.default-title', 'New conversation');\n  const mistakesDisclaimer = t(\n    'chat.input.strapi-ai-can-make-errors',\n    'Strapi AI can make mistakes.'\n  );\n\n  // Don't render the chat at all in production mode or if chat is not enabled\n  if (!isChatEnabled || isProduction) {\n    return null;\n  }\n\n  return (\n    <Dropzone.Root\n      onAddFiles={(files) => {\n        attachFiles(files);\n      }}\n    >\n      <Panel.Root\n        size=\"md\"\n        position=\"bottom-right\"\n        isOpen={isChatOpen}\n        onToggle={isChatOpen ? closeChat : openChat}\n        toggleIcon={\n          <IconButton\n            onClick={isChatOpen ? closeChat : openChat}\n            label={isChatOpen ? closeChatLabel : openChatLabel}\n            variant=\"default\"\n            size=\"L\"\n          >\n            <Sparkle />\n          </IconButton>\n        }\n      >\n        <Panel.Header>\n          <Typography tag=\"h3\" variant=\"omega\" fontWeight=\"bold\">\n            {title || defaultTitle}\n          </Typography>\n          <Flex gap={0}>\n            <IconButton label={createChatLabel} variant=\"ghost\" onClick={reset}>\n              <Plus />\n            </IconButton>\n            <Panel.Close label={closeChatLabel} />\n          </Flex>\n        </Panel.Header>\n\n        <Panel.Body>\n          <tours.contentTypeBuilder.AIChat>\n            {!messages.length ? (\n              <Typography variant=\"pi\" textColor=\"neutral600\">\n                {mistakesDisclaimer}\n              </Typography>\n            ) : null}\n            <ChatContent messages={messages} />\n          </tours.contentTypeBuilder.AIChat>\n        </Panel.Body>\n\n        <Panel.Footer>\n          <ChatInput />\n        </Panel.Footer>\n      </Panel.Root>\n    </Dropzone.Root>\n  );\n};\n\nexport { Chat };\n"],"names":["ResponsiveFlex","styled","Flex","ChatSuggestions","sendMessage","useStrapiChat","t","useTranslations","trackUsage","useCTBTracking","SUGGESTIONS","SUGGESTION_TO_PROMPT_TYPE","suggestionsTitle","_jsx","AnimatedBox","_jsxs","direction","alignItems","gap","Typography","variant","fontWeight","map","suggestion","Button","startIcon","Sparkle","fill","size","onClick","promptType","text","getErrorMessage","err","error","JSON","parse","message","e","ChatError","defaultErrorMessage","tooManyRequestsMessage","licenseLimitReachedMessage","licenseLimitExceededMessage","chatTooLongError","errorMessage","TOO_MANY_REQUESTS_ERROR","Alert","title","LICENSE_LIMIT_REACHED_ERROR","split","LICENSE_LIMIT_EXCEEDED_ERROR","CHAT_TOO_LONG_ERROR","ChatContent","messages","messageEndRef","useRef","status","useEffect","scrollTimeout","setTimeout","current","scrollIntoView","behavior","clearTimeout","_Fragment","idx","ChatMessage","isLoading","length","id","div","ref","ChatAttachmentList","attachments","removeAttachmentByIndex","useAttachments","Input","Attachments","attachment","index","Box","maxWidth","AttachmentPreview","onRemove","filename","ChatAttachmentMenu","attachFiles","openCodeUpload","useUploadProjectToChat","openFigmaUpload","useUploadFigmaToChat","fileInputRef","uploadLabel","importCodeText","attachImageText","importFigmaText","SimpleMenu","label","icon","Paperclip","tag","IconButton","popoverPlacement","MenuItem","Code","onSelect","FigmaIcon","input","type","accept","multiple","hidden","Upload","fileInput","onchange","target","files","Array","from","click","LoadingDots","children","dots","setDots","useState","dotStates","currentIndex","interval","setInterval","clearInterval","textColor","ChatInput","props","handleSubmit","handleInputChange","stop","form","onSubmit","Root","Header","minHeight","HeaderItem","Content","Dropzone","Area","paddingBottom","ResizableTextArea","value","onChange","placeholder","Actions","preventDefault","StopIcon","disabled","trim","ArrowUp","Chat","isChatOpen","isChatEnabled","openChat","closeChat","reset","state","useGuidedTour","s","currentEnvironment","useAppInfo","isProduction","isAIChatStepActive","enabled","tours","contentTypeBuilder","currentStep","isCompleted","openChatLabel","closeChatLabel","createChatLabel","defaultTitle","mistakesDisclaimer","onAddFiles","Panel","position","isOpen","onToggle","toggleIcon","Plus","Close","Body","AIChat","Footer"],"mappings":"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"}

package/dist/admin/components/AIChat/FeedbackModal.js

@@ -177,6 +177,7 @@ const FeedbackOption = ({ id, label, selected, onClick })=>{
                                 gap: 2,
                                 children: feedbackReasons.map((reason)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
                                         col: 6,
+                                        xs: 12,
                                         children: /*#__PURE__*/ jsxRuntime.jsx(FeedbackOption, {
                                             id: reason.id,
                                             label: reason.label,

package/dist/admin/components/AIChat/FeedbackModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackModal.js","sources":["../../../../admin/src/components/AIChat/FeedbackModal.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createContext, useContext, useState } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Flex,\n  Typography,\n  Textarea,\n  Button,\n  Grid,\n  Checkbox,\n  Modal,\n} from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { useFeedback } from './hooks/useFeedback';\nimport { useTranslations } from './hooks/useTranslations';\n\nimport type { FeedbackReasonIds } from './lib/types/feedback';\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\ninterface FeedbackModalContextType {\n  isFeedbackModalOpen: boolean;\n  currentMessageId: string | null;\n  openFeedbackModal: (messageId: string) => void;\n  closeFeedbackModal: () => void;\n}\n\nconst FeedbackModalContext = createContext<FeedbackModalContextType>({\n  isFeedbackModalOpen: false,\n  currentMessageId: null,\n  openFeedbackModal: () => {},\n  closeFeedbackModal: () => {},\n});\n\nexport const useFeedbackModal = () => useContext(FeedbackModalContext);\n\nexport const FeedbackProvider = ({ children }: { children: React.ReactNode }) => {\n  const [isFeedbackModalOpen, setIsFeedbackModalOpen] = useState(false);\n  const [currentMessageId, setCurrentMessageId] = useState<string | null>(null);\n\n  const openFeedbackModal = (messageId: string) => {\n    setCurrentMessageId(messageId);\n    setIsFeedbackModalOpen(true);\n  };\n\n  const closeFeedbackModal = () => {\n    setIsFeedbackModalOpen(false);\n    setCurrentMessageId(null);\n  };\n\n  return (\n    <FeedbackModalContext.Provider\n      value={{ isFeedbackModalOpen, currentMessageId, openFeedbackModal, closeFeedbackModal }}\n    >\n      {isFeedbackModalOpen && currentMessageId && <FeedbackModal />}\n      {children}\n    </FeedbackModalContext.Provider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Feedback Option\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FeedbackOptionProps {\n  id: FeedbackReasonIds;\n  label: string;\n  selected: boolean;\n  onClick: (id: FeedbackReasonIds) => void;\n}\n\nconst FeedbackOptionWrapper = styled(Flex)`\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.neutral100};\n  }\n\n  &.selected {\n    background-color: ${({ theme }) => theme.colors.primary100};\n    border-color: ${({ theme }) => theme.colors.primary200};\n  }\n`;\n\nconst FeedbackOption: React.FC<FeedbackOptionProps> = ({ id, label, selected, onClick }) => {\n  return (\n    <FeedbackOptionWrapper\n      className={selected ? 'selected' : ''}\n      justifyContent=\"space-between\"\n      hasRadius\n      width=\"100%\"\n      cursor=\"pointer\"\n      borderColor=\"neutral200\"\n      padding={3}\n      gap={3}\n      onClick={() => onClick(id)}\n    >\n      <Typography variant=\"omega\" fontWeight=\"bold\">\n        {label}\n      </Typography>\n      <Checkbox\n        name={`feedback-${id}`}\n        value={id}\n        checked={selected}\n        onChange={() => onClick(id)}\n      />\n    </FeedbackOptionWrapper>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Modal\n * -----------------------------------------------------------------------------------------------*/\n\nexport const FeedbackModal: React.FC = () => {\n  const [feedbackText, setFeedbackText] = useState('');\n  const [selectedReasons, setSelectedReasons] = useState<FeedbackReasonIds[]>([]);\n\n  const { t } = useTranslations();\n  const { toggleNotification } = useNotification();\n  const { closeFeedbackModal, currentMessageId } = useFeedbackModal();\n  const { downvoteMessage, isPending } = useFeedback();\n\n  const feedbackReasons = [\n    {\n      id: 'invalid_schema',\n      label: t('chat.feedback.reason.invalid_schema', 'Invalid schema'),\n    },\n    {\n      id: 'bad_recommendation',\n      label: t('chat.feedback.reason.bad_recommendation', 'Bad recommendation'),\n    },\n    {\n      id: 'slow',\n      label: t('chat.feedback.reason.slow', 'Slow'),\n    },\n    {\n      id: 'instructions_ignored',\n      label: t('chat.feedback.reason.instructions_ignored', 'Instructions ignored'),\n    },\n    {\n      id: 'being_lazy',\n      label: t('chat.feedback.reason.being_lazy', 'Being lazy'),\n    },\n    {\n      id: 'other',\n      label: t('chat.feedback.reason.other', 'Other'),\n    },\n  ] satisfies { id: FeedbackReasonIds; label: string }[];\n\n  const handleReasonSelect = (id: FeedbackReasonIds) => {\n    setSelectedReasons((prevSelected) => {\n      // If already selected, remove it\n      if (prevSelected.includes(id)) {\n        return prevSelected.filter((reasonId) => reasonId !== id);\n      }\n      // Otherwise add it\n      return [...prevSelected, id];\n    });\n  };\n\n  const handleSubmitFeedback = async () => {\n    if (selectedReasons.length === 0) return;\n\n    try {\n      await downvoteMessage(currentMessageId as string, feedbackText, selectedReasons);\n\n      setFeedbackText('');\n      setSelectedReasons([]);\n      closeFeedbackModal();\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: t('chat.feedback.error', 'An error occurred while submitting your feedback'),\n      });\n    }\n  };\n\n  return (\n    <Modal.Root open onOpenChange={closeFeedbackModal}>\n      <Modal.Content>\n        <Modal.Header>\n          <Typography variant=\"omega\" fontWeight=\"bold\">\n            {t('chat.feedback.title', 'Give feedback')}\n          </Typography>\n        </Modal.Header>\n        <Modal.Body>\n          <Flex direction=\"column\" alignItems=\"start\" gap={6} width=\"100%\">\n            <Flex direction=\"column\" alignItems=\"start\" gap={2}>\n              <Typography variant=\"beta\" fontWeight=\"bold\">\n                {t('chat.feedback.title', 'Give feedback')}\n              </Typography>\n              <Typography variant=\"omega\">\n                {t(\n                  'chat.feedback.subtitle',\n                  'Provide additional feedback on this message. Select all that apply.'\n                )}\n              </Typography>\n            </Flex>\n            <Grid.Root width=\"100%\" gap={2}>\n              {feedbackReasons.map((reason) => (\n                <Grid.Item key={reason.id} col={6}>\n                  <FeedbackOption\n                    key={reason.id}\n                    id={reason.id}\n                    label={reason.label}\n                    selected={selectedReasons.includes(reason.id)}\n                    onClick={handleReasonSelect}\n                  />\n                </Grid.Item>\n              ))}\n            </Grid.Root>\n            <Flex direction=\"column\" gap={2} width=\"100%\" alignItems=\"start\">\n              <Typography variant=\"omega\">\n                {t('chat.feedback.comment.label', 'How can we improve? (optional)')}\n              </Typography>\n              <Box width=\"100%\">\n                <Textarea\n                  name=\"feedback\"\n                  placeholder={t('chat.feedback.placeholder', 'Your feedback...')}\n                  onChange={(e) => setFeedbackText(e.target.value)}\n                  value={feedbackText}\n                />\n              </Box>\n            </Flex>\n          </Flex>\n        </Modal.Body>\n        <Modal.Footer>\n          <Modal.Close>\n            <Button variant=\"tertiary\" onClick={closeFeedbackModal}>\n              {t('form.button.cancel', 'Cancel')}\n            </Button>\n          </Modal.Close>\n          <Button\n            onClick={handleSubmitFeedback}\n            loading={isPending}\n            disabled={selectedReasons.length === 0}\n          >\n            {t('form.button.submit', 'Submit')}\n          </Button>\n        </Modal.Footer>\n      </Modal.Content>\n    </Modal.Root>\n  );\n};\n"],"names":["FeedbackModalContext","createContext","isFeedbackModalOpen","currentMessageId","openFeedbackModal","closeFeedbackModal","useFeedbackModal","useContext","FeedbackProvider","children","setIsFeedbackModalOpen","useState","setCurrentMessageId","messageId","_jsxs","Provider","value","_jsx","FeedbackModal","FeedbackOptionWrapper","styled","Flex","theme","colors","neutral100","primary100","primary200","FeedbackOption","id","label","selected","onClick","className","justifyContent","hasRadius","width","cursor","borderColor","padding","gap","Typography","variant","fontWeight","Checkbox","name","checked","onChange","feedbackText","setFeedbackText","selectedReasons","setSelectedReasons","t","useTranslations","toggleNotification","useNotification","downvoteMessage","isPending","useFeedback","feedbackReasons","handleReasonSelect","prevSelected","includes","filter","reasonId","handleSubmitFeedback","length","error","type","message","Modal","Root","open","onOpenChange","Content","Header","Body","direction","alignItems","Grid","map","reason","Item","col","Box","Textarea","placeholder","e","target","Footer","Close","Button","loading","disabled"],"mappings":"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"}
+{"version":3,"file":"FeedbackModal.js","sources":["../../../../admin/src/components/AIChat/FeedbackModal.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createContext, useContext, useState } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Flex,\n  Typography,\n  Textarea,\n  Button,\n  Grid,\n  Checkbox,\n  Modal,\n} from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { useFeedback } from './hooks/useFeedback';\nimport { useTranslations } from './hooks/useTranslations';\n\nimport type { FeedbackReasonIds } from './lib/types/feedback';\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\ninterface FeedbackModalContextType {\n  isFeedbackModalOpen: boolean;\n  currentMessageId: string | null;\n  openFeedbackModal: (messageId: string) => void;\n  closeFeedbackModal: () => void;\n}\n\nconst FeedbackModalContext = createContext<FeedbackModalContextType>({\n  isFeedbackModalOpen: false,\n  currentMessageId: null,\n  openFeedbackModal: () => {},\n  closeFeedbackModal: () => {},\n});\n\nexport const useFeedbackModal = () => useContext(FeedbackModalContext);\n\nexport const FeedbackProvider = ({ children }: { children: React.ReactNode }) => {\n  const [isFeedbackModalOpen, setIsFeedbackModalOpen] = useState(false);\n  const [currentMessageId, setCurrentMessageId] = useState<string | null>(null);\n\n  const openFeedbackModal = (messageId: string) => {\n    setCurrentMessageId(messageId);\n    setIsFeedbackModalOpen(true);\n  };\n\n  const closeFeedbackModal = () => {\n    setIsFeedbackModalOpen(false);\n    setCurrentMessageId(null);\n  };\n\n  return (\n    <FeedbackModalContext.Provider\n      value={{ isFeedbackModalOpen, currentMessageId, openFeedbackModal, closeFeedbackModal }}\n    >\n      {isFeedbackModalOpen && currentMessageId && <FeedbackModal />}\n      {children}\n    </FeedbackModalContext.Provider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Feedback Option\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FeedbackOptionProps {\n  id: FeedbackReasonIds;\n  label: string;\n  selected: boolean;\n  onClick: (id: FeedbackReasonIds) => void;\n}\n\nconst FeedbackOptionWrapper = styled(Flex)`\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.neutral100};\n  }\n\n  &.selected {\n    background-color: ${({ theme }) => theme.colors.primary100};\n    border-color: ${({ theme }) => theme.colors.primary200};\n  }\n`;\n\nconst FeedbackOption: React.FC<FeedbackOptionProps> = ({ id, label, selected, onClick }) => {\n  return (\n    <FeedbackOptionWrapper\n      className={selected ? 'selected' : ''}\n      justifyContent=\"space-between\"\n      hasRadius\n      width=\"100%\"\n      cursor=\"pointer\"\n      borderColor=\"neutral200\"\n      padding={3}\n      gap={3}\n      onClick={() => onClick(id)}\n    >\n      <Typography variant=\"omega\" fontWeight=\"bold\">\n        {label}\n      </Typography>\n      <Checkbox\n        name={`feedback-${id}`}\n        value={id}\n        checked={selected}\n        onChange={() => onClick(id)}\n      />\n    </FeedbackOptionWrapper>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Modal\n * -----------------------------------------------------------------------------------------------*/\n\nexport const FeedbackModal: React.FC = () => {\n  const [feedbackText, setFeedbackText] = useState('');\n  const [selectedReasons, setSelectedReasons] = useState<FeedbackReasonIds[]>([]);\n\n  const { t } = useTranslations();\n  const { toggleNotification } = useNotification();\n  const { closeFeedbackModal, currentMessageId } = useFeedbackModal();\n  const { downvoteMessage, isPending } = useFeedback();\n\n  const feedbackReasons = [\n    {\n      id: 'invalid_schema',\n      label: t('chat.feedback.reason.invalid_schema', 'Invalid schema'),\n    },\n    {\n      id: 'bad_recommendation',\n      label: t('chat.feedback.reason.bad_recommendation', 'Bad recommendation'),\n    },\n    {\n      id: 'slow',\n      label: t('chat.feedback.reason.slow', 'Slow'),\n    },\n    {\n      id: 'instructions_ignored',\n      label: t('chat.feedback.reason.instructions_ignored', 'Instructions ignored'),\n    },\n    {\n      id: 'being_lazy',\n      label: t('chat.feedback.reason.being_lazy', 'Being lazy'),\n    },\n    {\n      id: 'other',\n      label: t('chat.feedback.reason.other', 'Other'),\n    },\n  ] satisfies { id: FeedbackReasonIds; label: string }[];\n\n  const handleReasonSelect = (id: FeedbackReasonIds) => {\n    setSelectedReasons((prevSelected) => {\n      // If already selected, remove it\n      if (prevSelected.includes(id)) {\n        return prevSelected.filter((reasonId) => reasonId !== id);\n      }\n      // Otherwise add it\n      return [...prevSelected, id];\n    });\n  };\n\n  const handleSubmitFeedback = async () => {\n    if (selectedReasons.length === 0) return;\n\n    try {\n      await downvoteMessage(currentMessageId as string, feedbackText, selectedReasons);\n\n      setFeedbackText('');\n      setSelectedReasons([]);\n      closeFeedbackModal();\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: t('chat.feedback.error', 'An error occurred while submitting your feedback'),\n      });\n    }\n  };\n\n  return (\n    <Modal.Root open onOpenChange={closeFeedbackModal}>\n      <Modal.Content>\n        <Modal.Header>\n          <Typography variant=\"omega\" fontWeight=\"bold\">\n            {t('chat.feedback.title', 'Give feedback')}\n          </Typography>\n        </Modal.Header>\n        <Modal.Body>\n          <Flex direction=\"column\" alignItems=\"start\" gap={6} width=\"100%\">\n            <Flex direction=\"column\" alignItems=\"start\" gap={2}>\n              <Typography variant=\"beta\" fontWeight=\"bold\">\n                {t('chat.feedback.title', 'Give feedback')}\n              </Typography>\n              <Typography variant=\"omega\">\n                {t(\n                  'chat.feedback.subtitle',\n                  'Provide additional feedback on this message. Select all that apply.'\n                )}\n              </Typography>\n            </Flex>\n            <Grid.Root width=\"100%\" gap={2}>\n              {feedbackReasons.map((reason) => (\n                <Grid.Item key={reason.id} col={6} xs={12}>\n                  <FeedbackOption\n                    key={reason.id}\n                    id={reason.id}\n                    label={reason.label}\n                    selected={selectedReasons.includes(reason.id)}\n                    onClick={handleReasonSelect}\n                  />\n                </Grid.Item>\n              ))}\n            </Grid.Root>\n            <Flex direction=\"column\" gap={2} width=\"100%\" alignItems=\"start\">\n              <Typography variant=\"omega\">\n                {t('chat.feedback.comment.label', 'How can we improve? (optional)')}\n              </Typography>\n              <Box width=\"100%\">\n                <Textarea\n                  name=\"feedback\"\n                  placeholder={t('chat.feedback.placeholder', 'Your feedback...')}\n                  onChange={(e) => setFeedbackText(e.target.value)}\n                  value={feedbackText}\n                />\n              </Box>\n            </Flex>\n          </Flex>\n        </Modal.Body>\n        <Modal.Footer>\n          <Modal.Close>\n            <Button variant=\"tertiary\" onClick={closeFeedbackModal}>\n              {t('form.button.cancel', 'Cancel')}\n            </Button>\n          </Modal.Close>\n          <Button\n            onClick={handleSubmitFeedback}\n            loading={isPending}\n            disabled={selectedReasons.length === 0}\n          >\n            {t('form.button.submit', 'Submit')}\n          </Button>\n        </Modal.Footer>\n      </Modal.Content>\n    </Modal.Root>\n  );\n};\n"],"names":["FeedbackModalContext","createContext","isFeedbackModalOpen","currentMessageId","openFeedbackModal","closeFeedbackModal","useFeedbackModal","useContext","FeedbackProvider","children","setIsFeedbackModalOpen","useState","setCurrentMessageId","messageId","_jsxs","Provider","value","_jsx","FeedbackModal","FeedbackOptionWrapper","styled","Flex","theme","colors","neutral100","primary100","primary200","FeedbackOption","id","label","selected","onClick","className","justifyContent","hasRadius","width","cursor","borderColor","padding","gap","Typography","variant","fontWeight","Checkbox","name","checked","onChange","feedbackText","setFeedbackText","selectedReasons","setSelectedReasons","t","useTranslations","toggleNotification","useNotification","downvoteMessage","isPending","useFeedback","feedbackReasons","handleReasonSelect","prevSelected","includes","filter","reasonId","handleSubmitFeedback","length","error","type","message","Modal","Root","open","onOpenChange","Content","Header","Body","direction","alignItems","Grid","map","reason","Item","col","xs","Box","Textarea","placeholder","e","target","Footer","Close","Button","loading","disabled"],"mappings":"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"}

package/dist/admin/components/AIChat/FeedbackModal.mjs

@@ -175,6 +175,7 @@ const FeedbackOption = ({ id, label, selected, onClick })=>{
                                 gap: 2,
                                 children: feedbackReasons.map((reason)=>/*#__PURE__*/ jsx(Grid.Item, {
                                         col: 6,
+                                        xs: 12,
                                         children: /*#__PURE__*/ jsx(FeedbackOption, {
                                             id: reason.id,
                                             label: reason.label,

package/dist/admin/components/AIChat/FeedbackModal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackModal.mjs","sources":["../../../../admin/src/components/AIChat/FeedbackModal.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createContext, useContext, useState } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Flex,\n  Typography,\n  Textarea,\n  Button,\n  Grid,\n  Checkbox,\n  Modal,\n} from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { useFeedback } from './hooks/useFeedback';\nimport { useTranslations } from './hooks/useTranslations';\n\nimport type { FeedbackReasonIds } from './lib/types/feedback';\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\ninterface FeedbackModalContextType {\n  isFeedbackModalOpen: boolean;\n  currentMessageId: string | null;\n  openFeedbackModal: (messageId: string) => void;\n  closeFeedbackModal: () => void;\n}\n\nconst FeedbackModalContext = createContext<FeedbackModalContextType>({\n  isFeedbackModalOpen: false,\n  currentMessageId: null,\n  openFeedbackModal: () => {},\n  closeFeedbackModal: () => {},\n});\n\nexport const useFeedbackModal = () => useContext(FeedbackModalContext);\n\nexport const FeedbackProvider = ({ children }: { children: React.ReactNode }) => {\n  const [isFeedbackModalOpen, setIsFeedbackModalOpen] = useState(false);\n  const [currentMessageId, setCurrentMessageId] = useState<string | null>(null);\n\n  const openFeedbackModal = (messageId: string) => {\n    setCurrentMessageId(messageId);\n    setIsFeedbackModalOpen(true);\n  };\n\n  const closeFeedbackModal = () => {\n    setIsFeedbackModalOpen(false);\n    setCurrentMessageId(null);\n  };\n\n  return (\n    <FeedbackModalContext.Provider\n      value={{ isFeedbackModalOpen, currentMessageId, openFeedbackModal, closeFeedbackModal }}\n    >\n      {isFeedbackModalOpen && currentMessageId && <FeedbackModal />}\n      {children}\n    </FeedbackModalContext.Provider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Feedback Option\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FeedbackOptionProps {\n  id: FeedbackReasonIds;\n  label: string;\n  selected: boolean;\n  onClick: (id: FeedbackReasonIds) => void;\n}\n\nconst FeedbackOptionWrapper = styled(Flex)`\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.neutral100};\n  }\n\n  &.selected {\n    background-color: ${({ theme }) => theme.colors.primary100};\n    border-color: ${({ theme }) => theme.colors.primary200};\n  }\n`;\n\nconst FeedbackOption: React.FC<FeedbackOptionProps> = ({ id, label, selected, onClick }) => {\n  return (\n    <FeedbackOptionWrapper\n      className={selected ? 'selected' : ''}\n      justifyContent=\"space-between\"\n      hasRadius\n      width=\"100%\"\n      cursor=\"pointer\"\n      borderColor=\"neutral200\"\n      padding={3}\n      gap={3}\n      onClick={() => onClick(id)}\n    >\n      <Typography variant=\"omega\" fontWeight=\"bold\">\n        {label}\n      </Typography>\n      <Checkbox\n        name={`feedback-${id}`}\n        value={id}\n        checked={selected}\n        onChange={() => onClick(id)}\n      />\n    </FeedbackOptionWrapper>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Modal\n * -----------------------------------------------------------------------------------------------*/\n\nexport const FeedbackModal: React.FC = () => {\n  const [feedbackText, setFeedbackText] = useState('');\n  const [selectedReasons, setSelectedReasons] = useState<FeedbackReasonIds[]>([]);\n\n  const { t } = useTranslations();\n  const { toggleNotification } = useNotification();\n  const { closeFeedbackModal, currentMessageId } = useFeedbackModal();\n  const { downvoteMessage, isPending } = useFeedback();\n\n  const feedbackReasons = [\n    {\n      id: 'invalid_schema',\n      label: t('chat.feedback.reason.invalid_schema', 'Invalid schema'),\n    },\n    {\n      id: 'bad_recommendation',\n      label: t('chat.feedback.reason.bad_recommendation', 'Bad recommendation'),\n    },\n    {\n      id: 'slow',\n      label: t('chat.feedback.reason.slow', 'Slow'),\n    },\n    {\n      id: 'instructions_ignored',\n      label: t('chat.feedback.reason.instructions_ignored', 'Instructions ignored'),\n    },\n    {\n      id: 'being_lazy',\n      label: t('chat.feedback.reason.being_lazy', 'Being lazy'),\n    },\n    {\n      id: 'other',\n      label: t('chat.feedback.reason.other', 'Other'),\n    },\n  ] satisfies { id: FeedbackReasonIds; label: string }[];\n\n  const handleReasonSelect = (id: FeedbackReasonIds) => {\n    setSelectedReasons((prevSelected) => {\n      // If already selected, remove it\n      if (prevSelected.includes(id)) {\n        return prevSelected.filter((reasonId) => reasonId !== id);\n      }\n      // Otherwise add it\n      return [...prevSelected, id];\n    });\n  };\n\n  const handleSubmitFeedback = async () => {\n    if (selectedReasons.length === 0) return;\n\n    try {\n      await downvoteMessage(currentMessageId as string, feedbackText, selectedReasons);\n\n      setFeedbackText('');\n      setSelectedReasons([]);\n      closeFeedbackModal();\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: t('chat.feedback.error', 'An error occurred while submitting your feedback'),\n      });\n    }\n  };\n\n  return (\n    <Modal.Root open onOpenChange={closeFeedbackModal}>\n      <Modal.Content>\n        <Modal.Header>\n          <Typography variant=\"omega\" fontWeight=\"bold\">\n            {t('chat.feedback.title', 'Give feedback')}\n          </Typography>\n        </Modal.Header>\n        <Modal.Body>\n          <Flex direction=\"column\" alignItems=\"start\" gap={6} width=\"100%\">\n            <Flex direction=\"column\" alignItems=\"start\" gap={2}>\n              <Typography variant=\"beta\" fontWeight=\"bold\">\n                {t('chat.feedback.title', 'Give feedback')}\n              </Typography>\n              <Typography variant=\"omega\">\n                {t(\n                  'chat.feedback.subtitle',\n                  'Provide additional feedback on this message. Select all that apply.'\n                )}\n              </Typography>\n            </Flex>\n            <Grid.Root width=\"100%\" gap={2}>\n              {feedbackReasons.map((reason) => (\n                <Grid.Item key={reason.id} col={6}>\n                  <FeedbackOption\n                    key={reason.id}\n                    id={reason.id}\n                    label={reason.label}\n                    selected={selectedReasons.includes(reason.id)}\n                    onClick={handleReasonSelect}\n                  />\n                </Grid.Item>\n              ))}\n            </Grid.Root>\n            <Flex direction=\"column\" gap={2} width=\"100%\" alignItems=\"start\">\n              <Typography variant=\"omega\">\n                {t('chat.feedback.comment.label', 'How can we improve? (optional)')}\n              </Typography>\n              <Box width=\"100%\">\n                <Textarea\n                  name=\"feedback\"\n                  placeholder={t('chat.feedback.placeholder', 'Your feedback...')}\n                  onChange={(e) => setFeedbackText(e.target.value)}\n                  value={feedbackText}\n                />\n              </Box>\n            </Flex>\n          </Flex>\n        </Modal.Body>\n        <Modal.Footer>\n          <Modal.Close>\n            <Button variant=\"tertiary\" onClick={closeFeedbackModal}>\n              {t('form.button.cancel', 'Cancel')}\n            </Button>\n          </Modal.Close>\n          <Button\n            onClick={handleSubmitFeedback}\n            loading={isPending}\n            disabled={selectedReasons.length === 0}\n          >\n            {t('form.button.submit', 'Submit')}\n          </Button>\n        </Modal.Footer>\n      </Modal.Content>\n    </Modal.Root>\n  );\n};\n"],"names":["FeedbackModalContext","createContext","isFeedbackModalOpen","currentMessageId","openFeedbackModal","closeFeedbackModal","useFeedbackModal","useContext","FeedbackProvider","children","setIsFeedbackModalOpen","useState","setCurrentMessageId","messageId","_jsxs","Provider","value","_jsx","FeedbackModal","FeedbackOptionWrapper","styled","Flex","theme","colors","neutral100","primary100","primary200","FeedbackOption","id","label","selected","onClick","className","justifyContent","hasRadius","width","cursor","borderColor","padding","gap","Typography","variant","fontWeight","Checkbox","name","checked","onChange","feedbackText","setFeedbackText","selectedReasons","setSelectedReasons","t","useTranslations","toggleNotification","useNotification","downvoteMessage","isPending","useFeedback","feedbackReasons","handleReasonSelect","prevSelected","includes","filter","reasonId","handleSubmitFeedback","length","error","type","message","Modal","Root","open","onOpenChange","Content","Header","Body","direction","alignItems","Grid","map","reason","Item","col","Box","Textarea","placeholder","e","target","Footer","Close","Button","loading","disabled"],"mappings":"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"}
+{"version":3,"file":"FeedbackModal.mjs","sources":["../../../../admin/src/components/AIChat/FeedbackModal.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createContext, useContext, useState } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Flex,\n  Typography,\n  Textarea,\n  Button,\n  Grid,\n  Checkbox,\n  Modal,\n} from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { useFeedback } from './hooks/useFeedback';\nimport { useTranslations } from './hooks/useTranslations';\n\nimport type { FeedbackReasonIds } from './lib/types/feedback';\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\ninterface FeedbackModalContextType {\n  isFeedbackModalOpen: boolean;\n  currentMessageId: string | null;\n  openFeedbackModal: (messageId: string) => void;\n  closeFeedbackModal: () => void;\n}\n\nconst FeedbackModalContext = createContext<FeedbackModalContextType>({\n  isFeedbackModalOpen: false,\n  currentMessageId: null,\n  openFeedbackModal: () => {},\n  closeFeedbackModal: () => {},\n});\n\nexport const useFeedbackModal = () => useContext(FeedbackModalContext);\n\nexport const FeedbackProvider = ({ children }: { children: React.ReactNode }) => {\n  const [isFeedbackModalOpen, setIsFeedbackModalOpen] = useState(false);\n  const [currentMessageId, setCurrentMessageId] = useState<string | null>(null);\n\n  const openFeedbackModal = (messageId: string) => {\n    setCurrentMessageId(messageId);\n    setIsFeedbackModalOpen(true);\n  };\n\n  const closeFeedbackModal = () => {\n    setIsFeedbackModalOpen(false);\n    setCurrentMessageId(null);\n  };\n\n  return (\n    <FeedbackModalContext.Provider\n      value={{ isFeedbackModalOpen, currentMessageId, openFeedbackModal, closeFeedbackModal }}\n    >\n      {isFeedbackModalOpen && currentMessageId && <FeedbackModal />}\n      {children}\n    </FeedbackModalContext.Provider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Feedback Option\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FeedbackOptionProps {\n  id: FeedbackReasonIds;\n  label: string;\n  selected: boolean;\n  onClick: (id: FeedbackReasonIds) => void;\n}\n\nconst FeedbackOptionWrapper = styled(Flex)`\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.neutral100};\n  }\n\n  &.selected {\n    background-color: ${({ theme }) => theme.colors.primary100};\n    border-color: ${({ theme }) => theme.colors.primary200};\n  }\n`;\n\nconst FeedbackOption: React.FC<FeedbackOptionProps> = ({ id, label, selected, onClick }) => {\n  return (\n    <FeedbackOptionWrapper\n      className={selected ? 'selected' : ''}\n      justifyContent=\"space-between\"\n      hasRadius\n      width=\"100%\"\n      cursor=\"pointer\"\n      borderColor=\"neutral200\"\n      padding={3}\n      gap={3}\n      onClick={() => onClick(id)}\n    >\n      <Typography variant=\"omega\" fontWeight=\"bold\">\n        {label}\n      </Typography>\n      <Checkbox\n        name={`feedback-${id}`}\n        value={id}\n        checked={selected}\n        onChange={() => onClick(id)}\n      />\n    </FeedbackOptionWrapper>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Modal\n * -----------------------------------------------------------------------------------------------*/\n\nexport const FeedbackModal: React.FC = () => {\n  const [feedbackText, setFeedbackText] = useState('');\n  const [selectedReasons, setSelectedReasons] = useState<FeedbackReasonIds[]>([]);\n\n  const { t } = useTranslations();\n  const { toggleNotification } = useNotification();\n  const { closeFeedbackModal, currentMessageId } = useFeedbackModal();\n  const { downvoteMessage, isPending } = useFeedback();\n\n  const feedbackReasons = [\n    {\n      id: 'invalid_schema',\n      label: t('chat.feedback.reason.invalid_schema', 'Invalid schema'),\n    },\n    {\n      id: 'bad_recommendation',\n      label: t('chat.feedback.reason.bad_recommendation', 'Bad recommendation'),\n    },\n    {\n      id: 'slow',\n      label: t('chat.feedback.reason.slow', 'Slow'),\n    },\n    {\n      id: 'instructions_ignored',\n      label: t('chat.feedback.reason.instructions_ignored', 'Instructions ignored'),\n    },\n    {\n      id: 'being_lazy',\n      label: t('chat.feedback.reason.being_lazy', 'Being lazy'),\n    },\n    {\n      id: 'other',\n      label: t('chat.feedback.reason.other', 'Other'),\n    },\n  ] satisfies { id: FeedbackReasonIds; label: string }[];\n\n  const handleReasonSelect = (id: FeedbackReasonIds) => {\n    setSelectedReasons((prevSelected) => {\n      // If already selected, remove it\n      if (prevSelected.includes(id)) {\n        return prevSelected.filter((reasonId) => reasonId !== id);\n      }\n      // Otherwise add it\n      return [...prevSelected, id];\n    });\n  };\n\n  const handleSubmitFeedback = async () => {\n    if (selectedReasons.length === 0) return;\n\n    try {\n      await downvoteMessage(currentMessageId as string, feedbackText, selectedReasons);\n\n      setFeedbackText('');\n      setSelectedReasons([]);\n      closeFeedbackModal();\n    } catch (error) {\n      toggleNotification({\n        type: 'danger',\n        message: t('chat.feedback.error', 'An error occurred while submitting your feedback'),\n      });\n    }\n  };\n\n  return (\n    <Modal.Root open onOpenChange={closeFeedbackModal}>\n      <Modal.Content>\n        <Modal.Header>\n          <Typography variant=\"omega\" fontWeight=\"bold\">\n            {t('chat.feedback.title', 'Give feedback')}\n          </Typography>\n        </Modal.Header>\n        <Modal.Body>\n          <Flex direction=\"column\" alignItems=\"start\" gap={6} width=\"100%\">\n            <Flex direction=\"column\" alignItems=\"start\" gap={2}>\n              <Typography variant=\"beta\" fontWeight=\"bold\">\n                {t('chat.feedback.title', 'Give feedback')}\n              </Typography>\n              <Typography variant=\"omega\">\n                {t(\n                  'chat.feedback.subtitle',\n                  'Provide additional feedback on this message. Select all that apply.'\n                )}\n              </Typography>\n            </Flex>\n            <Grid.Root width=\"100%\" gap={2}>\n              {feedbackReasons.map((reason) => (\n                <Grid.Item key={reason.id} col={6} xs={12}>\n                  <FeedbackOption\n                    key={reason.id}\n                    id={reason.id}\n                    label={reason.label}\n                    selected={selectedReasons.includes(reason.id)}\n                    onClick={handleReasonSelect}\n                  />\n                </Grid.Item>\n              ))}\n            </Grid.Root>\n            <Flex direction=\"column\" gap={2} width=\"100%\" alignItems=\"start\">\n              <Typography variant=\"omega\">\n                {t('chat.feedback.comment.label', 'How can we improve? (optional)')}\n              </Typography>\n              <Box width=\"100%\">\n                <Textarea\n                  name=\"feedback\"\n                  placeholder={t('chat.feedback.placeholder', 'Your feedback...')}\n                  onChange={(e) => setFeedbackText(e.target.value)}\n                  value={feedbackText}\n                />\n              </Box>\n            </Flex>\n          </Flex>\n        </Modal.Body>\n        <Modal.Footer>\n          <Modal.Close>\n            <Button variant=\"tertiary\" onClick={closeFeedbackModal}>\n              {t('form.button.cancel', 'Cancel')}\n            </Button>\n          </Modal.Close>\n          <Button\n            onClick={handleSubmitFeedback}\n            loading={isPending}\n            disabled={selectedReasons.length === 0}\n          >\n            {t('form.button.submit', 'Submit')}\n          </Button>\n        </Modal.Footer>\n      </Modal.Content>\n    </Modal.Root>\n  );\n};\n"],"names":["FeedbackModalContext","createContext","isFeedbackModalOpen","currentMessageId","openFeedbackModal","closeFeedbackModal","useFeedbackModal","useContext","FeedbackProvider","children","setIsFeedbackModalOpen","useState","setCurrentMessageId","messageId","_jsxs","Provider","value","_jsx","FeedbackModal","FeedbackOptionWrapper","styled","Flex","theme","colors","neutral100","primary100","primary200","FeedbackOption","id","label","selected","onClick","className","justifyContent","hasRadius","width","cursor","borderColor","padding","gap","Typography","variant","fontWeight","Checkbox","name","checked","onChange","feedbackText","setFeedbackText","selectedReasons","setSelectedReasons","t","useTranslations","toggleNotification","useNotification","downvoteMessage","isPending","useFeedback","feedbackReasons","handleReasonSelect","prevSelected","includes","filter","reasonId","handleSubmitFeedback","length","error","type","message","Modal","Root","open","onOpenChange","Content","Header","Body","direction","alignItems","Grid","map","reason","Item","col","xs","Box","Textarea","placeholder","e","target","Footer","Close","Button","loading","disabled"],"mappings":"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"}

package/dist/admin/components/AIChat/UploadFigmaModal.js

@@ -252,6 +252,7 @@ const FigmaImageDisplayStep = ({ images, selectedImages, setSelectedImages })=>{
                         const isSelected = selectedImages.includes(frame.id);
                         return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
                             col: 6,
+                            xs: 12,
                             padding: '1px',
                             children: /*#__PURE__*/ jsxRuntime.jsx(ImagePreview.ImagePreview, {
                                 imageUrl: frame.url,