@strapi/content-type-builder 5.51.1 → 5.52.0

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

@@ -1 +1 @@
-{"version":3,"file":"UploadFigmaModal.js","sources":["../../../../admin/src/components/AIChat/UploadFigmaModal.tsx"],"sourcesContent":["import { createContext, useContext, useState } from 'react';\n\nimport { Flex, Typography, Box, TextInput, Grid, Button, Link } from '@strapi/design-system'; // Added Link\n\nimport { ImagePreview } from './components/ImagePreview';\nimport { StepModal, useStepModal } from './components/StepModal';\nimport { useAttachments } from './hooks/useAttachments';\nimport {\n  FigmaImage,\n  useFigmaUpload,\n  getFigmaToken,\n  saveFigmaToken,\n  hasFigmaToken,\n} from './hooks/useFigmaUpload';\nimport { useTranslations } from './hooks/useTranslations';\nimport { useStrapiChat } from './providers/ChatProvider';\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\ninterface UploadFigmaContextType {\n  isFigmaUploadOpen: boolean;\n  submitOnFinish: boolean;\n  openFigmaUpload: (submitOnFinish?: boolean) => void;\n  closeFigmaUpload: () => void;\n}\n\nconst UploadFigmaContext = createContext<UploadFigmaContextType>({\n  isFigmaUploadOpen: false,\n  submitOnFinish: false,\n  openFigmaUpload: () => {},\n  closeFigmaUpload: () => {},\n});\n\nexport const useUploadFigmaToChat = () => {\n  const context = useContext(UploadFigmaContext);\n  if (!context) {\n    throw new Error('useUploadFigmaToChat must be used within an UploadFigmaToChatProvider');\n  }\n  return context;\n};\n\nexport const UploadFigmaToChatProvider = ({ children }: { children: React.ReactNode }) => {\n  const [isFigmaUploadOpen, setIsFigmaUploadOpen] = useState(false); // Default to false\n  const [submitOnFinish, setSubmitOnFinish] = useState(false);\n\n  const openFigmaUpload = (submitOnFinishParam?: boolean) => {\n    setIsFigmaUploadOpen(true);\n    setSubmitOnFinish(submitOnFinishParam ?? false);\n  };\n\n  const closeFigmaUpload = () => setIsFigmaUploadOpen(false);\n\n  return (\n    <UploadFigmaContext.Provider\n      value={{ isFigmaUploadOpen, submitOnFinish, openFigmaUpload, closeFigmaUpload }}\n    >\n      {isFigmaUploadOpen && <UploadFigmaModal />}\n      {children}\n    </UploadFigmaContext.Provider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Step 1 - Input Figma URL\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FigmaUrlInputStepProps {\n  figmaUrl: string;\n  setFigmaUrl: (url: string) => void;\n  error: string | null; // Error state from useFigmaUpload\n}\n\nconst FigmaUrlInputStep = ({ figmaUrl, setFigmaUrl }: FigmaUrlInputStepProps) => {\n  const { t } = useTranslations();\n  const { isLoading } = useStepModal();\n  const [showingTokenInput, setShowingTokenInput] = useState(!hasFigmaToken());\n  const [figmaToken, setFigmaToken] = useState<string>(getFigmaToken);\n\n  // Handle saving token and returning to URL input\n  const handleSaveToken = () => {\n    if (figmaToken.trim()) {\n      saveFigmaToken(figmaToken);\n      setShowingTokenInput(false);\n    }\n  };\n\n  // If we need to show token step, render the token input\n  if (showingTokenInput) {\n    return (\n      <Flex direction=\"column\" gap={6} alignItems=\"start\">\n        <Flex direction=\"column\" gap={2} alignItems=\"start\">\n          <Typography variant=\"beta\">\n            {t('chat.figma-upload.token-title', 'Enter Figma API Token')}\n          </Typography>\n          <Typography variant=\"omega\" textColor=\"neutral600\">\n            {t(\n              'chat.figma-upload.token-description',\n              'To access your Figma designs, you need to provide a personal access token. This will be stored securely in your browser.'\n            )}\n          </Typography>\n          <Link\n            href=\"https://help.figma.com/hc/en-us/articles/8085703771159-Manage-personal-access-tokens\"\n            isExternal\n          >\n            {t('chat.figma-upload.token-help', 'How to get a Figma API token')}\n          </Link>\n        </Flex>\n\n        <Box width=\"100%\">\n          <TextInput\n            name=\"figma-token\"\n            placeholder={t('chat.figma-upload.token-placeholder', 'Enter Figma API token')}\n            aria-label={t('chat.figma-upload.token-placeholder', 'Enter Figma API token')}\n            value={figmaToken}\n            onChange={(e) => setFigmaToken(e.target.value)}\n            width=\"100%\"\n            disabled={isLoading}\n            type=\"password\"\n          />\n        </Box>\n\n        <Flex gap={2}>\n          <Button onClick={handleSaveToken} disabled={!figmaToken.trim()} variant=\"secondary\">\n            {t('chat.figma-upload.save-token', 'Save token')}\n          </Button>\n          <Button\n            onClick={() => setShowingTokenInput(false)}\n            variant=\"tertiary\"\n            disabled={!hasFigmaToken()}\n          >\n            {t('chat.figma-upload.cancel', 'Cancel')}\n          </Button>\n        </Flex>\n      </Flex>\n    );\n  }\n\n  // Otherwise render the URL input\n  return (\n    <Flex direction=\"column\" gap={6} alignItems=\"start\">\n      <Flex direction=\"column\" gap={2} alignItems=\"start\" width=\"100%\">\n        <Flex justifyContent=\"space-between\" alignItems=\"center\" width=\"100%\">\n          <Typography variant=\"beta\">\n            {t('chat.figma-upload.title', 'Import Figma Design')}\n          </Typography>\n          <Button onClick={() => setShowingTokenInput(true)} variant=\"tertiary\" size=\"S\">\n            {t('chat.figma-upload.edit-token', 'Edit API token')}\n          </Button>\n        </Flex>\n        <Typography variant=\"omega\" textColor=\"neutral600\">\n          {t(\n            'chat.figma-upload.description',\n            'Ask to turn your designs into schemas by attaching a link to one or multiple frames in your Figma files. (Max 15 frames)'\n          )}\n        </Typography>\n      </Flex>\n\n      <Box width=\"100%\">\n        <TextInput\n          name=\"figma-url\"\n          placeholder={t('chat.figma-upload.url-placeholder', 'Enter Figma URL')}\n          aria-label={t('chat.figma-upload.url-placeholder', 'Enter Figma URL')}\n          value={figmaUrl}\n          onChange={(e) => setFigmaUrl(e.target.value)}\n          width=\"100%\"\n          disabled={isLoading}\n          type=\"url\"\n        />\n      </Box>\n\n      {/* {error && (\n        <Box padding={3} background=\"danger100\" color=\"danger600\" borderRadius=\"4px\" width=\"100%\">\n          <Typography variant=\"pi\">{error}</Typography>\n        </Box>\n      )} */}\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Step 2 - Display Figma Images\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FigmaImageDisplayStepProps {\n  images: FigmaImage[];\n  selectedImages: string[];\n  setSelectedImages: (images: string[]) => void;\n}\n\nconst FigmaImageDisplayStep = ({\n  images,\n  selectedImages,\n  setSelectedImages,\n}: FigmaImageDisplayStepProps) => {\n  const { t } = useTranslations();\n\n  // Handle select/deselect all\n  const toggleSelectAll = () => {\n    if (selectedImages.length === images.length) {\n      // Deselect all if all or max allowed are selected\n      setSelectedImages([]);\n    } else {\n      // Select all images up to the max limit\n      const allImageIds = images.map((img) => img.id);\n      setSelectedImages(allImageIds);\n    }\n  };\n\n  if (images.length === 0) {\n    return (\n      <Flex direction=\"column\" gap={4} alignItems=\"center\" padding={4}>\n        <Typography variant=\"omega\">\n          {t('chat.figma-upload.no-images', 'No frames found in the Figma file.')}\n        </Typography>\n      </Flex>\n    );\n  }\n\n  // Handle individual frame selection\n  const handleFrameSelection = (frameId: string) => {\n    const newSelection = selectedImages.includes(frameId)\n      ? selectedImages.filter((id) => id !== frameId)\n      : [...selectedImages, frameId];\n\n    setSelectedImages(newSelection);\n  };\n\n  return (\n    <Flex direction=\"column\" gap={4} alignItems=\"start\" width=\"100%\" height=\"min(45vh, 400px)\">\n      <Flex justifyContent=\"space-between\" width=\"100%\" alignItems=\"center\">\n        <Typography variant=\"beta\">\n          {t('chat.figma-upload.select-images', 'Select Frames to Import')}\n        </Typography>\n        <Flex gap={3} alignItems=\"center\">\n          <Typography>\n            {selectedImages.length} of {images.length} selected\n          </Typography>\n          <Button onClick={toggleSelectAll} type=\"button\" variant=\"secondary\">\n            {/* Determine if select all button should show \"Select All\" or \"Deselect All\" */}\n            {selectedImages.length === images.length\n              ? t('chat.figma-upload.deselect-all', 'Deselect All')\n              : t('chat.figma-upload.select-all', 'Select All')}\n          </Button>\n        </Flex>\n      </Flex>\n\n      <Box paddingRight={4} width=\"100%\" style={{ overflowY: 'auto' }}>\n        <Grid.Root gap={4}>\n          {images.map((frame, index) => {\n            const isSelected = selectedImages.includes(frame.id);\n            return (\n              <Grid.Item key={frame.id} col={6} xs={12} padding={'1px'}>\n                <ImagePreview\n                  imageUrl={frame.url}\n                  imageName={frame.filename || `Frame ${index + 1}`}\n                  selected={isSelected}\n                  onSelect={() => handleFrameSelection(frame.id)}\n                />\n              </Grid.Item>\n            );\n          })}\n        </Grid.Root>\n      </Box>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Modal\n * -----------------------------------------------------------------------------------------------*/\nexport const UploadFigmaModal = () => {\n  const [figmaUrl, setFigmaUrl] = useState<string>('');\n  const [figmaImages, setFigmaImages] = useState<FigmaImage[]>([]);\n  const [selectedImages, setSelectedImages] = useState<string[]>([]);\n  const { t } = useTranslations();\n\n  const { addAttachments } = useAttachments();\n  const { isFigmaUploadOpen, closeFigmaUpload, submitOnFinish } = useUploadFigmaToChat();\n  const { input, setInput, sendMessage, openChat } = useStrapiChat();\n  const { processFigmaUrl, isLoading, error } = useFigmaUpload({\n    onSuccess: (images) => {\n      setFigmaImages(images);\n      // Initialize with first 15 images selected\n      const initialSelection = images.slice(0, 15).map((img) => img.id);\n      setSelectedImages(initialSelection);\n    },\n  });\n\n  const handleImportStep = async () => {\n    await processFigmaUrl(figmaUrl);\n    return true;\n  };\n\n  // Validate if the URL is a valid Figma URL\n  const isValidFigmaUrl = (url: string) => {\n    if (!url) return false;\n    try {\n      const urlObj = new URL(url);\n      return urlObj.hostname === 'www.figma.com' || urlObj.hostname === 'figma.com';\n    } catch (e) {\n      return false;\n    }\n  };\n\n  const handleCancel = () => {\n    // Reset all state on cancel\n    setFigmaUrl('');\n    setFigmaImages([]);\n    setSelectedImages([]);\n    closeFigmaUpload();\n  };\n\n  const handleComplete = () => {\n    // Only attach the selected images\n    const selectedFigmaImages = figmaImages.filter((img) => selectedImages.includes(img.id));\n    if (selectedFigmaImages.length === 0) {\n      closeFigmaUpload();\n      return;\n    }\n\n    // Ensure chat is opened\n    openChat();\n\n    if (submitOnFinish) {\n      // Auto-submit a message to chat with attachments\n      sendMessage({\n        role: 'user',\n        parts: [\n          { type: 'text', text: 'Create schemas from the attached images' },\n          ...selectedFigmaImages,\n        ],\n      });\n\n      closeFigmaUpload();\n    } else {\n      // If input is empty, set a predefined message\n      if (!input) {\n        setInput('Create schemas from the attached images');\n      }\n      addAttachments(selectedFigmaImages);\n      closeFigmaUpload();\n    }\n  };\n\n  return (\n    <StepModal\n      open={isFigmaUploadOpen}\n      onOpenChange={(isOpen) => {\n        if (!isOpen) handleCancel();\n      }}\n      title={t('chat.figma-upload.header', 'Import from Figma')}\n      onCancel={handleCancel}\n      onComplete={handleComplete}\n    >\n      <StepModal.Step\n        title={t('chat.figma-upload.step1-title', 'Enter Figma URL')}\n        nextLabel={t('chat.figma-upload.import-button', 'Import')}\n        cancelLabel={t('form.button.cancel', 'Cancel')}\n        disableNext={!figmaUrl || isLoading || !isValidFigmaUrl(figmaUrl)}\n        onNext={handleImportStep}\n      >\n        <FigmaUrlInputStep figmaUrl={figmaUrl} setFigmaUrl={setFigmaUrl} error={error} />\n      </StepModal.Step>\n\n      <StepModal.Step\n        title={t('chat.figma-upload.step2-title', 'Preview Images')}\n        nextLabel={t('form.button.finish', 'Finish')}\n        backLabel={t('form.button.back', 'Back')}\n        disableNext={selectedImages.length === 0}\n      >\n        <FigmaImageDisplayStep\n          images={figmaImages}\n          selectedImages={selectedImages}\n          setSelectedImages={setSelectedImages}\n        />\n      </StepModal.Step>\n    </StepModal>\n  );\n};\n"],"names":["UploadFigmaContext","createContext","isFigmaUploadOpen","submitOnFinish","openFigmaUpload","closeFigmaUpload","useUploadFigmaToChat","context","useContext","Error","UploadFigmaToChatProvider","children","setIsFigmaUploadOpen","useState","setSubmitOnFinish","submitOnFinishParam","_jsxs","Provider","value","_jsx","UploadFigmaModal","FigmaUrlInputStep","figmaUrl","setFigmaUrl","t","useTranslations","isLoading","useStepModal","showingTokenInput","setShowingTokenInput","hasFigmaToken","figmaToken","setFigmaToken","getFigmaToken","handleSaveToken","trim","saveFigmaToken","Flex","direction","gap","alignItems","Typography","variant","textColor","Link","href","isExternal","Box","width","TextInput","name","placeholder","aria-label","onChange","e","target","disabled","type","Button","onClick","justifyContent","size","FigmaImageDisplayStep","images","selectedImages","setSelectedImages","toggleSelectAll","length","allImageIds","map","img","id","padding","handleFrameSelection","frameId","newSelection","includes","filter","height","paddingRight","style","overflowY","Grid","Root","frame","index","isSelected","Item","col","xs","ImagePreview","imageUrl","url","imageName","filename","selected","onSelect","figmaImages","setFigmaImages","addAttachments","useAttachments","input","setInput","sendMessage","openChat","useStrapiChat","processFigmaUrl","error","useFigmaUpload","onSuccess","initialSelection","slice","handleImportStep","isValidFigmaUrl","urlObj","URL","hostname","handleCancel","handleComplete","selectedFigmaImages","role","parts","text","StepModal","open","onOpenChange","isOpen","title","onCancel","onComplete","Step","nextLabel","cancelLabel","disableNext","onNext","backLabel"],"mappings":"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"}
+{"version":3,"file":"UploadFigmaModal.js","sources":["../../../../admin/src/components/AIChat/UploadFigmaModal.tsx"],"sourcesContent":["import { createContext, useContext, useState } from 'react';\n\nimport { Flex, Typography, Box, TextInput, Grid, Button, Link } from '@strapi/design-system'; // Added Link\n\nimport { ImagePreview } from './components/ImagePreview';\nimport { StepModal, useStepModal } from './components/StepModal';\nimport { useAttachments } from './hooks/useAttachments';\nimport {\n  FigmaImage,\n  useFigmaUpload,\n  getFigmaToken,\n  saveFigmaToken,\n  hasFigmaToken,\n} from './hooks/useFigmaUpload';\nimport { useTranslations } from './hooks/useTranslations';\nimport { useStrapiChat } from './providers/ChatProvider';\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\ninterface UploadFigmaContextType {\n  isFigmaUploadOpen: boolean;\n  submitOnFinish: boolean;\n  openFigmaUpload: (submitOnFinish?: boolean) => void;\n  closeFigmaUpload: () => void;\n}\n\nconst UploadFigmaContext = createContext<UploadFigmaContextType>({\n  isFigmaUploadOpen: false,\n  submitOnFinish: false,\n  openFigmaUpload: () => {},\n  closeFigmaUpload: () => {},\n});\n\nexport const useUploadFigmaToChat = () => {\n  const context = useContext(UploadFigmaContext);\n  if (!context) {\n    throw new Error('useUploadFigmaToChat must be used within an UploadFigmaToChatProvider');\n  }\n  return context;\n};\n\nexport const UploadFigmaToChatProvider = ({ children }: { children: React.ReactNode }) => {\n  const [isFigmaUploadOpen, setIsFigmaUploadOpen] = useState(false); // Default to false\n  const [submitOnFinish, setSubmitOnFinish] = useState(false);\n\n  const openFigmaUpload = (submitOnFinishParam?: boolean) => {\n    setIsFigmaUploadOpen(true);\n    setSubmitOnFinish(submitOnFinishParam ?? false);\n  };\n\n  const closeFigmaUpload = () => setIsFigmaUploadOpen(false);\n\n  return (\n    <UploadFigmaContext.Provider\n      value={{ isFigmaUploadOpen, submitOnFinish, openFigmaUpload, closeFigmaUpload }}\n    >\n      {isFigmaUploadOpen && <UploadFigmaModal />}\n      {children}\n    </UploadFigmaContext.Provider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Step 1 - Input Figma URL\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FigmaUrlInputStepProps {\n  figmaUrl: string;\n  setFigmaUrl: (url: string) => void;\n  error: string | null; // Error state from useFigmaUpload\n}\n\nconst FigmaUrlInputStep = ({ figmaUrl, setFigmaUrl }: FigmaUrlInputStepProps) => {\n  const { t } = useTranslations();\n  const { isLoading } = useStepModal();\n  const [showingTokenInput, setShowingTokenInput] = useState(!hasFigmaToken());\n  const [figmaToken, setFigmaToken] = useState<string>(getFigmaToken);\n\n  // Handle saving token and returning to URL input\n  const handleSaveToken = () => {\n    if (figmaToken.trim()) {\n      saveFigmaToken(figmaToken);\n      setShowingTokenInput(false);\n    }\n  };\n\n  // If we need to show token step, render the token input\n  if (showingTokenInput) {\n    return (\n      <Flex direction=\"column\" gap={6} alignItems=\"start\">\n        <Flex direction=\"column\" gap={2} alignItems=\"start\">\n          <Typography variant=\"beta\">\n            {t('chat.figma-upload.token-title', 'Enter Figma API Token')}\n          </Typography>\n          <Typography variant=\"omega\" textColor=\"neutral600\">\n            {t(\n              'chat.figma-upload.token-description',\n              'To access your Figma designs, you need to provide a personal access token. This will be stored securely in your browser.'\n            )}\n          </Typography>\n          <Link\n            href=\"https://help.figma.com/hc/en-us/articles/8085703771159-Manage-personal-access-tokens\"\n            isExternal\n          >\n            {t('chat.figma-upload.token-help', 'How to get a Figma API token')}\n          </Link>\n        </Flex>\n\n        <Box width=\"100%\">\n          <TextInput\n            name=\"figma-token\"\n            placeholder={t('chat.figma-upload.token-placeholder', 'Enter Figma API token')}\n            aria-label={t('chat.figma-upload.token-placeholder', 'Enter Figma API token')}\n            value={figmaToken}\n            onChange={(e) => setFigmaToken(e.target.value)}\n            width=\"100%\"\n            disabled={isLoading}\n            type=\"password\"\n          />\n        </Box>\n\n        <Flex gap={2}>\n          <Button onClick={handleSaveToken} disabled={!figmaToken.trim()} variant=\"secondary\">\n            {t('chat.figma-upload.save-token', 'Save token')}\n          </Button>\n          <Button\n            onClick={() => setShowingTokenInput(false)}\n            variant=\"tertiary\"\n            disabled={!hasFigmaToken()}\n          >\n            {t('chat.figma-upload.cancel', 'Cancel')}\n          </Button>\n        </Flex>\n      </Flex>\n    );\n  }\n\n  // Otherwise render the URL input\n  return (\n    <Flex direction=\"column\" gap={6} alignItems=\"start\">\n      <Flex direction=\"column\" gap={2} alignItems=\"start\" width=\"100%\">\n        <Flex justifyContent=\"space-between\" alignItems=\"center\" width=\"100%\">\n          <Typography variant=\"beta\">\n            {t('chat.figma-upload.title', 'Import Figma Design')}\n          </Typography>\n          <Button onClick={() => setShowingTokenInput(true)} variant=\"tertiary\" size=\"S\">\n            {t('chat.figma-upload.edit-token', 'Edit API token')}\n          </Button>\n        </Flex>\n        <Typography variant=\"omega\" textColor=\"neutral600\">\n          {t(\n            'chat.figma-upload.description',\n            'Ask to turn your designs into schemas by attaching a link to one or multiple frames in your Figma files. (Max 15 frames)'\n          )}\n        </Typography>\n      </Flex>\n\n      <Box width=\"100%\">\n        <TextInput\n          name=\"figma-url\"\n          placeholder={t('chat.figma-upload.url-placeholder', 'Enter Figma URL')}\n          aria-label={t('chat.figma-upload.url-placeholder', 'Enter Figma URL')}\n          value={figmaUrl}\n          onChange={(e) => setFigmaUrl(e.target.value)}\n          width=\"100%\"\n          disabled={isLoading}\n          type=\"url\"\n        />\n      </Box>\n\n      {/* {error && (\n        <Box padding={3} background=\"danger100\" color=\"danger600\" borderRadius=\"4px\" width=\"100%\">\n          <Typography variant=\"pi\">{error}</Typography>\n        </Box>\n      )} */}\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Step 2 - Display Figma Images\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FigmaImageDisplayStepProps {\n  images: FigmaImage[];\n  selectedImages: string[];\n  setSelectedImages: (images: string[]) => void;\n}\n\nconst FigmaImageDisplayStep = ({\n  images,\n  selectedImages,\n  setSelectedImages,\n}: FigmaImageDisplayStepProps) => {\n  const { t } = useTranslations();\n\n  // Handle select/deselect all\n  const toggleSelectAll = () => {\n    if (selectedImages.length === images.length) {\n      // Deselect all if all or max allowed are selected\n      setSelectedImages([]);\n    } else {\n      // Select all images up to the max limit\n      const allImageIds = images.map((img) => img.id);\n      setSelectedImages(allImageIds);\n    }\n  };\n\n  if (images.length === 0) {\n    return (\n      <Flex direction=\"column\" gap={4} alignItems=\"center\" padding={4}>\n        <Typography variant=\"omega\">\n          {t('chat.figma-upload.no-images', 'No frames found in the Figma file.')}\n        </Typography>\n      </Flex>\n    );\n  }\n\n  // Handle individual frame selection\n  const handleFrameSelection = (frameId: string) => {\n    const newSelection = selectedImages.includes(frameId)\n      ? selectedImages.filter((id) => id !== frameId)\n      : [...selectedImages, frameId];\n\n    setSelectedImages(newSelection);\n  };\n\n  return (\n    <Flex direction=\"column\" gap={4} alignItems=\"start\" width=\"100%\" height=\"min(45vh, 400px)\">\n      <Flex justifyContent=\"space-between\" width=\"100%\" alignItems=\"center\">\n        <Typography variant=\"beta\">\n          {t('chat.figma-upload.select-images', 'Select Frames to Import')}\n        </Typography>\n        <Flex gap={3} alignItems=\"center\">\n          <Typography>\n            {selectedImages.length} of {images.length} selected\n          </Typography>\n          <Button onClick={toggleSelectAll} type=\"button\" variant=\"secondary\">\n            {/* Determine if select all button should show \"Select All\" or \"Deselect All\" */}\n            {selectedImages.length === images.length\n              ? t('chat.figma-upload.deselect-all', 'Deselect All')\n              : t('chat.figma-upload.select-all', 'Select All')}\n          </Button>\n        </Flex>\n      </Flex>\n\n      <Box paddingRight={4} width=\"100%\" style={{ overflowY: 'auto' }}>\n        <Grid.Root gap={4}>\n          {images.map((frame, index) => {\n            const isSelected = selectedImages.includes(frame.id);\n            return (\n              <Grid.Item key={frame.id} col={6} xs={12} padding={'1px'}>\n                <ImagePreview\n                  imageUrl={frame.url}\n                  imageName={frame.filename || `Frame ${index + 1}`}\n                  selected={isSelected}\n                  onSelect={() => handleFrameSelection(frame.id)}\n                />\n              </Grid.Item>\n            );\n          })}\n        </Grid.Root>\n      </Box>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Modal\n * -----------------------------------------------------------------------------------------------*/\nexport const UploadFigmaModal = () => {\n  const [figmaUrl, setFigmaUrl] = useState<string>('');\n  const [figmaImages, setFigmaImages] = useState<FigmaImage[]>([]);\n  const [selectedImages, setSelectedImages] = useState<string[]>([]);\n  const { t } = useTranslations();\n\n  const { addAttachments } = useAttachments();\n  const { isFigmaUploadOpen, closeFigmaUpload, submitOnFinish } = useUploadFigmaToChat();\n  const { input, setInput, sendMessage, openChat } = useStrapiChat();\n  const { processFigmaUrl, isLoading, error } = useFigmaUpload({\n    onSuccess: (images) => {\n      setFigmaImages(images);\n      // Initialize with first 15 images selected\n      const initialSelection = images.slice(0, 15).map((img) => img.id);\n      setSelectedImages(initialSelection);\n    },\n  });\n\n  const handleImportStep = async () => {\n    await processFigmaUrl(figmaUrl);\n    return true;\n  };\n\n  // Validate if the URL is a valid Figma URL\n  const isValidFigmaUrl = (url: string) => {\n    if (!url) return false;\n    try {\n      const urlObj = new URL(url);\n      return urlObj.hostname === 'www.figma.com' || urlObj.hostname === 'figma.com';\n    } catch {\n      return false;\n    }\n  };\n\n  const handleCancel = () => {\n    // Reset all state on cancel\n    setFigmaUrl('');\n    setFigmaImages([]);\n    setSelectedImages([]);\n    closeFigmaUpload();\n  };\n\n  const handleComplete = () => {\n    // Only attach the selected images\n    const selectedFigmaImages = figmaImages.filter((img) => selectedImages.includes(img.id));\n    if (selectedFigmaImages.length === 0) {\n      closeFigmaUpload();\n      return;\n    }\n\n    // Ensure chat is opened\n    openChat();\n\n    if (submitOnFinish) {\n      // Auto-submit a message to chat with attachments\n      sendMessage({\n        role: 'user',\n        parts: [\n          { type: 'text', text: 'Create schemas from the attached images' },\n          ...selectedFigmaImages,\n        ],\n      });\n\n      closeFigmaUpload();\n    } else {\n      // If input is empty, set a predefined message\n      if (!input) {\n        setInput('Create schemas from the attached images');\n      }\n      addAttachments(selectedFigmaImages);\n      closeFigmaUpload();\n    }\n  };\n\n  return (\n    <StepModal\n      open={isFigmaUploadOpen}\n      onOpenChange={(isOpen) => {\n        if (!isOpen) handleCancel();\n      }}\n      title={t('chat.figma-upload.header', 'Import from Figma')}\n      onCancel={handleCancel}\n      onComplete={handleComplete}\n    >\n      <StepModal.Step\n        title={t('chat.figma-upload.step1-title', 'Enter Figma URL')}\n        nextLabel={t('chat.figma-upload.import-button', 'Import')}\n        cancelLabel={t('form.button.cancel', 'Cancel')}\n        disableNext={!figmaUrl || isLoading || !isValidFigmaUrl(figmaUrl)}\n        onNext={handleImportStep}\n      >\n        <FigmaUrlInputStep figmaUrl={figmaUrl} setFigmaUrl={setFigmaUrl} error={error} />\n      </StepModal.Step>\n\n      <StepModal.Step\n        title={t('chat.figma-upload.step2-title', 'Preview Images')}\n        nextLabel={t('form.button.finish', 'Finish')}\n        backLabel={t('form.button.back', 'Back')}\n        disableNext={selectedImages.length === 0}\n      >\n        <FigmaImageDisplayStep\n          images={figmaImages}\n          selectedImages={selectedImages}\n          setSelectedImages={setSelectedImages}\n        />\n      </StepModal.Step>\n    </StepModal>\n  );\n};\n"],"names":["UploadFigmaContext","createContext","isFigmaUploadOpen","submitOnFinish","openFigmaUpload","closeFigmaUpload","useUploadFigmaToChat","context","useContext","Error","UploadFigmaToChatProvider","children","setIsFigmaUploadOpen","useState","setSubmitOnFinish","submitOnFinishParam","_jsxs","Provider","value","_jsx","UploadFigmaModal","FigmaUrlInputStep","figmaUrl","setFigmaUrl","t","useTranslations","isLoading","useStepModal","showingTokenInput","setShowingTokenInput","hasFigmaToken","figmaToken","setFigmaToken","getFigmaToken","handleSaveToken","trim","saveFigmaToken","Flex","direction","gap","alignItems","Typography","variant","textColor","Link","href","isExternal","Box","width","TextInput","name","placeholder","aria-label","onChange","e","target","disabled","type","Button","onClick","justifyContent","size","FigmaImageDisplayStep","images","selectedImages","setSelectedImages","toggleSelectAll","length","allImageIds","map","img","id","padding","handleFrameSelection","frameId","newSelection","includes","filter","height","paddingRight","style","overflowY","Grid","Root","frame","index","isSelected","Item","col","xs","ImagePreview","imageUrl","url","imageName","filename","selected","onSelect","figmaImages","setFigmaImages","addAttachments","useAttachments","input","setInput","sendMessage","openChat","useStrapiChat","processFigmaUrl","error","useFigmaUpload","onSuccess","initialSelection","slice","handleImportStep","isValidFigmaUrl","urlObj","URL","hostname","handleCancel","handleComplete","selectedFigmaImages","role","parts","text","StepModal","open","onOpenChange","isOpen","title","onCancel","onComplete","Step","nextLabel","cancelLabel","disableNext","onNext","backLabel"],"mappings":"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"}

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

@@ -293,7 +293,7 @@ const FigmaImageDisplayStep = ({ images, selectedImages, setSelectedImages })=>{
         try {
             const urlObj = new URL(url);
             return urlObj.hostname === 'www.figma.com' || urlObj.hostname === 'figma.com';
-        } catch (e) {
+        } catch  {
             return false;
         }
     };

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

@@ -1 +1 @@
-{"version":3,"file":"UploadFigmaModal.mjs","sources":["../../../../admin/src/components/AIChat/UploadFigmaModal.tsx"],"sourcesContent":["import { createContext, useContext, useState } from 'react';\n\nimport { Flex, Typography, Box, TextInput, Grid, Button, Link } from '@strapi/design-system'; // Added Link\n\nimport { ImagePreview } from './components/ImagePreview';\nimport { StepModal, useStepModal } from './components/StepModal';\nimport { useAttachments } from './hooks/useAttachments';\nimport {\n  FigmaImage,\n  useFigmaUpload,\n  getFigmaToken,\n  saveFigmaToken,\n  hasFigmaToken,\n} from './hooks/useFigmaUpload';\nimport { useTranslations } from './hooks/useTranslations';\nimport { useStrapiChat } from './providers/ChatProvider';\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\ninterface UploadFigmaContextType {\n  isFigmaUploadOpen: boolean;\n  submitOnFinish: boolean;\n  openFigmaUpload: (submitOnFinish?: boolean) => void;\n  closeFigmaUpload: () => void;\n}\n\nconst UploadFigmaContext = createContext<UploadFigmaContextType>({\n  isFigmaUploadOpen: false,\n  submitOnFinish: false,\n  openFigmaUpload: () => {},\n  closeFigmaUpload: () => {},\n});\n\nexport const useUploadFigmaToChat = () => {\n  const context = useContext(UploadFigmaContext);\n  if (!context) {\n    throw new Error('useUploadFigmaToChat must be used within an UploadFigmaToChatProvider');\n  }\n  return context;\n};\n\nexport const UploadFigmaToChatProvider = ({ children }: { children: React.ReactNode }) => {\n  const [isFigmaUploadOpen, setIsFigmaUploadOpen] = useState(false); // Default to false\n  const [submitOnFinish, setSubmitOnFinish] = useState(false);\n\n  const openFigmaUpload = (submitOnFinishParam?: boolean) => {\n    setIsFigmaUploadOpen(true);\n    setSubmitOnFinish(submitOnFinishParam ?? false);\n  };\n\n  const closeFigmaUpload = () => setIsFigmaUploadOpen(false);\n\n  return (\n    <UploadFigmaContext.Provider\n      value={{ isFigmaUploadOpen, submitOnFinish, openFigmaUpload, closeFigmaUpload }}\n    >\n      {isFigmaUploadOpen && <UploadFigmaModal />}\n      {children}\n    </UploadFigmaContext.Provider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Step 1 - Input Figma URL\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FigmaUrlInputStepProps {\n  figmaUrl: string;\n  setFigmaUrl: (url: string) => void;\n  error: string | null; // Error state from useFigmaUpload\n}\n\nconst FigmaUrlInputStep = ({ figmaUrl, setFigmaUrl }: FigmaUrlInputStepProps) => {\n  const { t } = useTranslations();\n  const { isLoading } = useStepModal();\n  const [showingTokenInput, setShowingTokenInput] = useState(!hasFigmaToken());\n  const [figmaToken, setFigmaToken] = useState<string>(getFigmaToken);\n\n  // Handle saving token and returning to URL input\n  const handleSaveToken = () => {\n    if (figmaToken.trim()) {\n      saveFigmaToken(figmaToken);\n      setShowingTokenInput(false);\n    }\n  };\n\n  // If we need to show token step, render the token input\n  if (showingTokenInput) {\n    return (\n      <Flex direction=\"column\" gap={6} alignItems=\"start\">\n        <Flex direction=\"column\" gap={2} alignItems=\"start\">\n          <Typography variant=\"beta\">\n            {t('chat.figma-upload.token-title', 'Enter Figma API Token')}\n          </Typography>\n          <Typography variant=\"omega\" textColor=\"neutral600\">\n            {t(\n              'chat.figma-upload.token-description',\n              'To access your Figma designs, you need to provide a personal access token. This will be stored securely in your browser.'\n            )}\n          </Typography>\n          <Link\n            href=\"https://help.figma.com/hc/en-us/articles/8085703771159-Manage-personal-access-tokens\"\n            isExternal\n          >\n            {t('chat.figma-upload.token-help', 'How to get a Figma API token')}\n          </Link>\n        </Flex>\n\n        <Box width=\"100%\">\n          <TextInput\n            name=\"figma-token\"\n            placeholder={t('chat.figma-upload.token-placeholder', 'Enter Figma API token')}\n            aria-label={t('chat.figma-upload.token-placeholder', 'Enter Figma API token')}\n            value={figmaToken}\n            onChange={(e) => setFigmaToken(e.target.value)}\n            width=\"100%\"\n            disabled={isLoading}\n            type=\"password\"\n          />\n        </Box>\n\n        <Flex gap={2}>\n          <Button onClick={handleSaveToken} disabled={!figmaToken.trim()} variant=\"secondary\">\n            {t('chat.figma-upload.save-token', 'Save token')}\n          </Button>\n          <Button\n            onClick={() => setShowingTokenInput(false)}\n            variant=\"tertiary\"\n            disabled={!hasFigmaToken()}\n          >\n            {t('chat.figma-upload.cancel', 'Cancel')}\n          </Button>\n        </Flex>\n      </Flex>\n    );\n  }\n\n  // Otherwise render the URL input\n  return (\n    <Flex direction=\"column\" gap={6} alignItems=\"start\">\n      <Flex direction=\"column\" gap={2} alignItems=\"start\" width=\"100%\">\n        <Flex justifyContent=\"space-between\" alignItems=\"center\" width=\"100%\">\n          <Typography variant=\"beta\">\n            {t('chat.figma-upload.title', 'Import Figma Design')}\n          </Typography>\n          <Button onClick={() => setShowingTokenInput(true)} variant=\"tertiary\" size=\"S\">\n            {t('chat.figma-upload.edit-token', 'Edit API token')}\n          </Button>\n        </Flex>\n        <Typography variant=\"omega\" textColor=\"neutral600\">\n          {t(\n            'chat.figma-upload.description',\n            'Ask to turn your designs into schemas by attaching a link to one or multiple frames in your Figma files. (Max 15 frames)'\n          )}\n        </Typography>\n      </Flex>\n\n      <Box width=\"100%\">\n        <TextInput\n          name=\"figma-url\"\n          placeholder={t('chat.figma-upload.url-placeholder', 'Enter Figma URL')}\n          aria-label={t('chat.figma-upload.url-placeholder', 'Enter Figma URL')}\n          value={figmaUrl}\n          onChange={(e) => setFigmaUrl(e.target.value)}\n          width=\"100%\"\n          disabled={isLoading}\n          type=\"url\"\n        />\n      </Box>\n\n      {/* {error && (\n        <Box padding={3} background=\"danger100\" color=\"danger600\" borderRadius=\"4px\" width=\"100%\">\n          <Typography variant=\"pi\">{error}</Typography>\n        </Box>\n      )} */}\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Step 2 - Display Figma Images\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FigmaImageDisplayStepProps {\n  images: FigmaImage[];\n  selectedImages: string[];\n  setSelectedImages: (images: string[]) => void;\n}\n\nconst FigmaImageDisplayStep = ({\n  images,\n  selectedImages,\n  setSelectedImages,\n}: FigmaImageDisplayStepProps) => {\n  const { t } = useTranslations();\n\n  // Handle select/deselect all\n  const toggleSelectAll = () => {\n    if (selectedImages.length === images.length) {\n      // Deselect all if all or max allowed are selected\n      setSelectedImages([]);\n    } else {\n      // Select all images up to the max limit\n      const allImageIds = images.map((img) => img.id);\n      setSelectedImages(allImageIds);\n    }\n  };\n\n  if (images.length === 0) {\n    return (\n      <Flex direction=\"column\" gap={4} alignItems=\"center\" padding={4}>\n        <Typography variant=\"omega\">\n          {t('chat.figma-upload.no-images', 'No frames found in the Figma file.')}\n        </Typography>\n      </Flex>\n    );\n  }\n\n  // Handle individual frame selection\n  const handleFrameSelection = (frameId: string) => {\n    const newSelection = selectedImages.includes(frameId)\n      ? selectedImages.filter((id) => id !== frameId)\n      : [...selectedImages, frameId];\n\n    setSelectedImages(newSelection);\n  };\n\n  return (\n    <Flex direction=\"column\" gap={4} alignItems=\"start\" width=\"100%\" height=\"min(45vh, 400px)\">\n      <Flex justifyContent=\"space-between\" width=\"100%\" alignItems=\"center\">\n        <Typography variant=\"beta\">\n          {t('chat.figma-upload.select-images', 'Select Frames to Import')}\n        </Typography>\n        <Flex gap={3} alignItems=\"center\">\n          <Typography>\n            {selectedImages.length} of {images.length} selected\n          </Typography>\n          <Button onClick={toggleSelectAll} type=\"button\" variant=\"secondary\">\n            {/* Determine if select all button should show \"Select All\" or \"Deselect All\" */}\n            {selectedImages.length === images.length\n              ? t('chat.figma-upload.deselect-all', 'Deselect All')\n              : t('chat.figma-upload.select-all', 'Select All')}\n          </Button>\n        </Flex>\n      </Flex>\n\n      <Box paddingRight={4} width=\"100%\" style={{ overflowY: 'auto' }}>\n        <Grid.Root gap={4}>\n          {images.map((frame, index) => {\n            const isSelected = selectedImages.includes(frame.id);\n            return (\n              <Grid.Item key={frame.id} col={6} xs={12} padding={'1px'}>\n                <ImagePreview\n                  imageUrl={frame.url}\n                  imageName={frame.filename || `Frame ${index + 1}`}\n                  selected={isSelected}\n                  onSelect={() => handleFrameSelection(frame.id)}\n                />\n              </Grid.Item>\n            );\n          })}\n        </Grid.Root>\n      </Box>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Modal\n * -----------------------------------------------------------------------------------------------*/\nexport const UploadFigmaModal = () => {\n  const [figmaUrl, setFigmaUrl] = useState<string>('');\n  const [figmaImages, setFigmaImages] = useState<FigmaImage[]>([]);\n  const [selectedImages, setSelectedImages] = useState<string[]>([]);\n  const { t } = useTranslations();\n\n  const { addAttachments } = useAttachments();\n  const { isFigmaUploadOpen, closeFigmaUpload, submitOnFinish } = useUploadFigmaToChat();\n  const { input, setInput, sendMessage, openChat } = useStrapiChat();\n  const { processFigmaUrl, isLoading, error } = useFigmaUpload({\n    onSuccess: (images) => {\n      setFigmaImages(images);\n      // Initialize with first 15 images selected\n      const initialSelection = images.slice(0, 15).map((img) => img.id);\n      setSelectedImages(initialSelection);\n    },\n  });\n\n  const handleImportStep = async () => {\n    await processFigmaUrl(figmaUrl);\n    return true;\n  };\n\n  // Validate if the URL is a valid Figma URL\n  const isValidFigmaUrl = (url: string) => {\n    if (!url) return false;\n    try {\n      const urlObj = new URL(url);\n      return urlObj.hostname === 'www.figma.com' || urlObj.hostname === 'figma.com';\n    } catch (e) {\n      return false;\n    }\n  };\n\n  const handleCancel = () => {\n    // Reset all state on cancel\n    setFigmaUrl('');\n    setFigmaImages([]);\n    setSelectedImages([]);\n    closeFigmaUpload();\n  };\n\n  const handleComplete = () => {\n    // Only attach the selected images\n    const selectedFigmaImages = figmaImages.filter((img) => selectedImages.includes(img.id));\n    if (selectedFigmaImages.length === 0) {\n      closeFigmaUpload();\n      return;\n    }\n\n    // Ensure chat is opened\n    openChat();\n\n    if (submitOnFinish) {\n      // Auto-submit a message to chat with attachments\n      sendMessage({\n        role: 'user',\n        parts: [\n          { type: 'text', text: 'Create schemas from the attached images' },\n          ...selectedFigmaImages,\n        ],\n      });\n\n      closeFigmaUpload();\n    } else {\n      // If input is empty, set a predefined message\n      if (!input) {\n        setInput('Create schemas from the attached images');\n      }\n      addAttachments(selectedFigmaImages);\n      closeFigmaUpload();\n    }\n  };\n\n  return (\n    <StepModal\n      open={isFigmaUploadOpen}\n      onOpenChange={(isOpen) => {\n        if (!isOpen) handleCancel();\n      }}\n      title={t('chat.figma-upload.header', 'Import from Figma')}\n      onCancel={handleCancel}\n      onComplete={handleComplete}\n    >\n      <StepModal.Step\n        title={t('chat.figma-upload.step1-title', 'Enter Figma URL')}\n        nextLabel={t('chat.figma-upload.import-button', 'Import')}\n        cancelLabel={t('form.button.cancel', 'Cancel')}\n        disableNext={!figmaUrl || isLoading || !isValidFigmaUrl(figmaUrl)}\n        onNext={handleImportStep}\n      >\n        <FigmaUrlInputStep figmaUrl={figmaUrl} setFigmaUrl={setFigmaUrl} error={error} />\n      </StepModal.Step>\n\n      <StepModal.Step\n        title={t('chat.figma-upload.step2-title', 'Preview Images')}\n        nextLabel={t('form.button.finish', 'Finish')}\n        backLabel={t('form.button.back', 'Back')}\n        disableNext={selectedImages.length === 0}\n      >\n        <FigmaImageDisplayStep\n          images={figmaImages}\n          selectedImages={selectedImages}\n          setSelectedImages={setSelectedImages}\n        />\n      </StepModal.Step>\n    </StepModal>\n  );\n};\n"],"names":["UploadFigmaContext","createContext","isFigmaUploadOpen","submitOnFinish","openFigmaUpload","closeFigmaUpload","useUploadFigmaToChat","context","useContext","Error","UploadFigmaToChatProvider","children","setIsFigmaUploadOpen","useState","setSubmitOnFinish","submitOnFinishParam","_jsxs","Provider","value","_jsx","UploadFigmaModal","FigmaUrlInputStep","figmaUrl","setFigmaUrl","t","useTranslations","isLoading","useStepModal","showingTokenInput","setShowingTokenInput","hasFigmaToken","figmaToken","setFigmaToken","getFigmaToken","handleSaveToken","trim","saveFigmaToken","Flex","direction","gap","alignItems","Typography","variant","textColor","Link","href","isExternal","Box","width","TextInput","name","placeholder","aria-label","onChange","e","target","disabled","type","Button","onClick","justifyContent","size","FigmaImageDisplayStep","images","selectedImages","setSelectedImages","toggleSelectAll","length","allImageIds","map","img","id","padding","handleFrameSelection","frameId","newSelection","includes","filter","height","paddingRight","style","overflowY","Grid","Root","frame","index","isSelected","Item","col","xs","ImagePreview","imageUrl","url","imageName","filename","selected","onSelect","figmaImages","setFigmaImages","addAttachments","useAttachments","input","setInput","sendMessage","openChat","useStrapiChat","processFigmaUrl","error","useFigmaUpload","onSuccess","initialSelection","slice","handleImportStep","isValidFigmaUrl","urlObj","URL","hostname","handleCancel","handleComplete","selectedFigmaImages","role","parts","text","StepModal","open","onOpenChange","isOpen","title","onCancel","onComplete","Step","nextLabel","cancelLabel","disableNext","onNext","backLabel"],"mappings":"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"}
+{"version":3,"file":"UploadFigmaModal.mjs","sources":["../../../../admin/src/components/AIChat/UploadFigmaModal.tsx"],"sourcesContent":["import { createContext, useContext, useState } from 'react';\n\nimport { Flex, Typography, Box, TextInput, Grid, Button, Link } from '@strapi/design-system'; // Added Link\n\nimport { ImagePreview } from './components/ImagePreview';\nimport { StepModal, useStepModal } from './components/StepModal';\nimport { useAttachments } from './hooks/useAttachments';\nimport {\n  FigmaImage,\n  useFigmaUpload,\n  getFigmaToken,\n  saveFigmaToken,\n  hasFigmaToken,\n} from './hooks/useFigmaUpload';\nimport { useTranslations } from './hooks/useTranslations';\nimport { useStrapiChat } from './providers/ChatProvider';\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\ninterface UploadFigmaContextType {\n  isFigmaUploadOpen: boolean;\n  submitOnFinish: boolean;\n  openFigmaUpload: (submitOnFinish?: boolean) => void;\n  closeFigmaUpload: () => void;\n}\n\nconst UploadFigmaContext = createContext<UploadFigmaContextType>({\n  isFigmaUploadOpen: false,\n  submitOnFinish: false,\n  openFigmaUpload: () => {},\n  closeFigmaUpload: () => {},\n});\n\nexport const useUploadFigmaToChat = () => {\n  const context = useContext(UploadFigmaContext);\n  if (!context) {\n    throw new Error('useUploadFigmaToChat must be used within an UploadFigmaToChatProvider');\n  }\n  return context;\n};\n\nexport const UploadFigmaToChatProvider = ({ children }: { children: React.ReactNode }) => {\n  const [isFigmaUploadOpen, setIsFigmaUploadOpen] = useState(false); // Default to false\n  const [submitOnFinish, setSubmitOnFinish] = useState(false);\n\n  const openFigmaUpload = (submitOnFinishParam?: boolean) => {\n    setIsFigmaUploadOpen(true);\n    setSubmitOnFinish(submitOnFinishParam ?? false);\n  };\n\n  const closeFigmaUpload = () => setIsFigmaUploadOpen(false);\n\n  return (\n    <UploadFigmaContext.Provider\n      value={{ isFigmaUploadOpen, submitOnFinish, openFigmaUpload, closeFigmaUpload }}\n    >\n      {isFigmaUploadOpen && <UploadFigmaModal />}\n      {children}\n    </UploadFigmaContext.Provider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Step 1 - Input Figma URL\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FigmaUrlInputStepProps {\n  figmaUrl: string;\n  setFigmaUrl: (url: string) => void;\n  error: string | null; // Error state from useFigmaUpload\n}\n\nconst FigmaUrlInputStep = ({ figmaUrl, setFigmaUrl }: FigmaUrlInputStepProps) => {\n  const { t } = useTranslations();\n  const { isLoading } = useStepModal();\n  const [showingTokenInput, setShowingTokenInput] = useState(!hasFigmaToken());\n  const [figmaToken, setFigmaToken] = useState<string>(getFigmaToken);\n\n  // Handle saving token and returning to URL input\n  const handleSaveToken = () => {\n    if (figmaToken.trim()) {\n      saveFigmaToken(figmaToken);\n      setShowingTokenInput(false);\n    }\n  };\n\n  // If we need to show token step, render the token input\n  if (showingTokenInput) {\n    return (\n      <Flex direction=\"column\" gap={6} alignItems=\"start\">\n        <Flex direction=\"column\" gap={2} alignItems=\"start\">\n          <Typography variant=\"beta\">\n            {t('chat.figma-upload.token-title', 'Enter Figma API Token')}\n          </Typography>\n          <Typography variant=\"omega\" textColor=\"neutral600\">\n            {t(\n              'chat.figma-upload.token-description',\n              'To access your Figma designs, you need to provide a personal access token. This will be stored securely in your browser.'\n            )}\n          </Typography>\n          <Link\n            href=\"https://help.figma.com/hc/en-us/articles/8085703771159-Manage-personal-access-tokens\"\n            isExternal\n          >\n            {t('chat.figma-upload.token-help', 'How to get a Figma API token')}\n          </Link>\n        </Flex>\n\n        <Box width=\"100%\">\n          <TextInput\n            name=\"figma-token\"\n            placeholder={t('chat.figma-upload.token-placeholder', 'Enter Figma API token')}\n            aria-label={t('chat.figma-upload.token-placeholder', 'Enter Figma API token')}\n            value={figmaToken}\n            onChange={(e) => setFigmaToken(e.target.value)}\n            width=\"100%\"\n            disabled={isLoading}\n            type=\"password\"\n          />\n        </Box>\n\n        <Flex gap={2}>\n          <Button onClick={handleSaveToken} disabled={!figmaToken.trim()} variant=\"secondary\">\n            {t('chat.figma-upload.save-token', 'Save token')}\n          </Button>\n          <Button\n            onClick={() => setShowingTokenInput(false)}\n            variant=\"tertiary\"\n            disabled={!hasFigmaToken()}\n          >\n            {t('chat.figma-upload.cancel', 'Cancel')}\n          </Button>\n        </Flex>\n      </Flex>\n    );\n  }\n\n  // Otherwise render the URL input\n  return (\n    <Flex direction=\"column\" gap={6} alignItems=\"start\">\n      <Flex direction=\"column\" gap={2} alignItems=\"start\" width=\"100%\">\n        <Flex justifyContent=\"space-between\" alignItems=\"center\" width=\"100%\">\n          <Typography variant=\"beta\">\n            {t('chat.figma-upload.title', 'Import Figma Design')}\n          </Typography>\n          <Button onClick={() => setShowingTokenInput(true)} variant=\"tertiary\" size=\"S\">\n            {t('chat.figma-upload.edit-token', 'Edit API token')}\n          </Button>\n        </Flex>\n        <Typography variant=\"omega\" textColor=\"neutral600\">\n          {t(\n            'chat.figma-upload.description',\n            'Ask to turn your designs into schemas by attaching a link to one or multiple frames in your Figma files. (Max 15 frames)'\n          )}\n        </Typography>\n      </Flex>\n\n      <Box width=\"100%\">\n        <TextInput\n          name=\"figma-url\"\n          placeholder={t('chat.figma-upload.url-placeholder', 'Enter Figma URL')}\n          aria-label={t('chat.figma-upload.url-placeholder', 'Enter Figma URL')}\n          value={figmaUrl}\n          onChange={(e) => setFigmaUrl(e.target.value)}\n          width=\"100%\"\n          disabled={isLoading}\n          type=\"url\"\n        />\n      </Box>\n\n      {/* {error && (\n        <Box padding={3} background=\"danger100\" color=\"danger600\" borderRadius=\"4px\" width=\"100%\">\n          <Typography variant=\"pi\">{error}</Typography>\n        </Box>\n      )} */}\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Step 2 - Display Figma Images\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FigmaImageDisplayStepProps {\n  images: FigmaImage[];\n  selectedImages: string[];\n  setSelectedImages: (images: string[]) => void;\n}\n\nconst FigmaImageDisplayStep = ({\n  images,\n  selectedImages,\n  setSelectedImages,\n}: FigmaImageDisplayStepProps) => {\n  const { t } = useTranslations();\n\n  // Handle select/deselect all\n  const toggleSelectAll = () => {\n    if (selectedImages.length === images.length) {\n      // Deselect all if all or max allowed are selected\n      setSelectedImages([]);\n    } else {\n      // Select all images up to the max limit\n      const allImageIds = images.map((img) => img.id);\n      setSelectedImages(allImageIds);\n    }\n  };\n\n  if (images.length === 0) {\n    return (\n      <Flex direction=\"column\" gap={4} alignItems=\"center\" padding={4}>\n        <Typography variant=\"omega\">\n          {t('chat.figma-upload.no-images', 'No frames found in the Figma file.')}\n        </Typography>\n      </Flex>\n    );\n  }\n\n  // Handle individual frame selection\n  const handleFrameSelection = (frameId: string) => {\n    const newSelection = selectedImages.includes(frameId)\n      ? selectedImages.filter((id) => id !== frameId)\n      : [...selectedImages, frameId];\n\n    setSelectedImages(newSelection);\n  };\n\n  return (\n    <Flex direction=\"column\" gap={4} alignItems=\"start\" width=\"100%\" height=\"min(45vh, 400px)\">\n      <Flex justifyContent=\"space-between\" width=\"100%\" alignItems=\"center\">\n        <Typography variant=\"beta\">\n          {t('chat.figma-upload.select-images', 'Select Frames to Import')}\n        </Typography>\n        <Flex gap={3} alignItems=\"center\">\n          <Typography>\n            {selectedImages.length} of {images.length} selected\n          </Typography>\n          <Button onClick={toggleSelectAll} type=\"button\" variant=\"secondary\">\n            {/* Determine if select all button should show \"Select All\" or \"Deselect All\" */}\n            {selectedImages.length === images.length\n              ? t('chat.figma-upload.deselect-all', 'Deselect All')\n              : t('chat.figma-upload.select-all', 'Select All')}\n          </Button>\n        </Flex>\n      </Flex>\n\n      <Box paddingRight={4} width=\"100%\" style={{ overflowY: 'auto' }}>\n        <Grid.Root gap={4}>\n          {images.map((frame, index) => {\n            const isSelected = selectedImages.includes(frame.id);\n            return (\n              <Grid.Item key={frame.id} col={6} xs={12} padding={'1px'}>\n                <ImagePreview\n                  imageUrl={frame.url}\n                  imageName={frame.filename || `Frame ${index + 1}`}\n                  selected={isSelected}\n                  onSelect={() => handleFrameSelection(frame.id)}\n                />\n              </Grid.Item>\n            );\n          })}\n        </Grid.Root>\n      </Box>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Modal\n * -----------------------------------------------------------------------------------------------*/\nexport const UploadFigmaModal = () => {\n  const [figmaUrl, setFigmaUrl] = useState<string>('');\n  const [figmaImages, setFigmaImages] = useState<FigmaImage[]>([]);\n  const [selectedImages, setSelectedImages] = useState<string[]>([]);\n  const { t } = useTranslations();\n\n  const { addAttachments } = useAttachments();\n  const { isFigmaUploadOpen, closeFigmaUpload, submitOnFinish } = useUploadFigmaToChat();\n  const { input, setInput, sendMessage, openChat } = useStrapiChat();\n  const { processFigmaUrl, isLoading, error } = useFigmaUpload({\n    onSuccess: (images) => {\n      setFigmaImages(images);\n      // Initialize with first 15 images selected\n      const initialSelection = images.slice(0, 15).map((img) => img.id);\n      setSelectedImages(initialSelection);\n    },\n  });\n\n  const handleImportStep = async () => {\n    await processFigmaUrl(figmaUrl);\n    return true;\n  };\n\n  // Validate if the URL is a valid Figma URL\n  const isValidFigmaUrl = (url: string) => {\n    if (!url) return false;\n    try {\n      const urlObj = new URL(url);\n      return urlObj.hostname === 'www.figma.com' || urlObj.hostname === 'figma.com';\n    } catch {\n      return false;\n    }\n  };\n\n  const handleCancel = () => {\n    // Reset all state on cancel\n    setFigmaUrl('');\n    setFigmaImages([]);\n    setSelectedImages([]);\n    closeFigmaUpload();\n  };\n\n  const handleComplete = () => {\n    // Only attach the selected images\n    const selectedFigmaImages = figmaImages.filter((img) => selectedImages.includes(img.id));\n    if (selectedFigmaImages.length === 0) {\n      closeFigmaUpload();\n      return;\n    }\n\n    // Ensure chat is opened\n    openChat();\n\n    if (submitOnFinish) {\n      // Auto-submit a message to chat with attachments\n      sendMessage({\n        role: 'user',\n        parts: [\n          { type: 'text', text: 'Create schemas from the attached images' },\n          ...selectedFigmaImages,\n        ],\n      });\n\n      closeFigmaUpload();\n    } else {\n      // If input is empty, set a predefined message\n      if (!input) {\n        setInput('Create schemas from the attached images');\n      }\n      addAttachments(selectedFigmaImages);\n      closeFigmaUpload();\n    }\n  };\n\n  return (\n    <StepModal\n      open={isFigmaUploadOpen}\n      onOpenChange={(isOpen) => {\n        if (!isOpen) handleCancel();\n      }}\n      title={t('chat.figma-upload.header', 'Import from Figma')}\n      onCancel={handleCancel}\n      onComplete={handleComplete}\n    >\n      <StepModal.Step\n        title={t('chat.figma-upload.step1-title', 'Enter Figma URL')}\n        nextLabel={t('chat.figma-upload.import-button', 'Import')}\n        cancelLabel={t('form.button.cancel', 'Cancel')}\n        disableNext={!figmaUrl || isLoading || !isValidFigmaUrl(figmaUrl)}\n        onNext={handleImportStep}\n      >\n        <FigmaUrlInputStep figmaUrl={figmaUrl} setFigmaUrl={setFigmaUrl} error={error} />\n      </StepModal.Step>\n\n      <StepModal.Step\n        title={t('chat.figma-upload.step2-title', 'Preview Images')}\n        nextLabel={t('form.button.finish', 'Finish')}\n        backLabel={t('form.button.back', 'Back')}\n        disableNext={selectedImages.length === 0}\n      >\n        <FigmaImageDisplayStep\n          images={figmaImages}\n          selectedImages={selectedImages}\n          setSelectedImages={setSelectedImages}\n        />\n      </StepModal.Step>\n    </StepModal>\n  );\n};\n"],"names":["UploadFigmaContext","createContext","isFigmaUploadOpen","submitOnFinish","openFigmaUpload","closeFigmaUpload","useUploadFigmaToChat","context","useContext","Error","UploadFigmaToChatProvider","children","setIsFigmaUploadOpen","useState","setSubmitOnFinish","submitOnFinishParam","_jsxs","Provider","value","_jsx","UploadFigmaModal","FigmaUrlInputStep","figmaUrl","setFigmaUrl","t","useTranslations","isLoading","useStepModal","showingTokenInput","setShowingTokenInput","hasFigmaToken","figmaToken","setFigmaToken","getFigmaToken","handleSaveToken","trim","saveFigmaToken","Flex","direction","gap","alignItems","Typography","variant","textColor","Link","href","isExternal","Box","width","TextInput","name","placeholder","aria-label","onChange","e","target","disabled","type","Button","onClick","justifyContent","size","FigmaImageDisplayStep","images","selectedImages","setSelectedImages","toggleSelectAll","length","allImageIds","map","img","id","padding","handleFrameSelection","frameId","newSelection","includes","filter","height","paddingRight","style","overflowY","Grid","Root","frame","index","isSelected","Item","col","xs","ImagePreview","imageUrl","url","imageName","filename","selected","onSelect","figmaImages","setFigmaImages","addAttachments","useAttachments","input","setInput","sendMessage","openChat","useStrapiChat","processFigmaUrl","error","useFigmaUpload","onSuccess","initialSelection","slice","handleImportStep","isValidFigmaUrl","urlObj","URL","hostname","handleCancel","handleComplete","selectedFigmaImages","role","parts","text","StepModal","open","onOpenChange","isOpen","title","onCancel","onComplete","Step","nextLabel","cancelLabel","disableNext","onNext","backLabel"],"mappings":"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"}

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

@@ -45,7 +45,7 @@ const Base64Img = ({ src, alt, inferSize = false, onLoad: externalOnLoad, onErro
                     setIsLoading(false);
                     return;
                 }
-            } catch (e) {
+            } catch  {
             // If URL parsing fails, continue with the fetch attempt
             }
             try {

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

@@ -1 +1 @@
-{"version":3,"file":"Base64Image.js","sources":["../../../../../admin/src/components/AIChat/components/Base64Image.tsx"],"sourcesContent":["import { useState, useEffect, ImgHTMLAttributes } from 'react';\n\nimport { Flex, Loader } from '@strapi/design-system';\nimport { CrossCircle } from '@strapi/icons';\n\nconst blobToBase64 = (blob: Blob): Promise<string | ArrayBuffer | null> => {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onloadend = () => resolve(reader.result);\n    reader.onerror = reject;\n    reader.readAsDataURL(blob);\n  });\n};\n\n// Check if a string is already a data URL (base64 image)\nconst isBase64Image = (src: string): boolean => {\n  return src.startsWith('data:image/');\n};\n\ninterface Base64ImgProps extends ImgHTMLAttributes<HTMLImageElement> {\n  src: string;\n  inferSize?: boolean;\n  onLoad?: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;\n  onError?: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;\n}\n\nexport const Base64Img: React.FC<Base64ImgProps> = ({\n  src,\n  alt,\n  inferSize = false,\n  onLoad: externalOnLoad,\n  onError: externalOnError,\n  ...rest\n}) => {\n  const [base64Src, setBase64Src] = useState<string | null>(null);\n  const [dimensions, setDimensions] = useState<{ width?: number; height?: number }>({});\n  const [isLoading, setIsLoading] = useState(true);\n  const [hasError, setHasError] = useState(false);\n\n  useEffect(() => {\n    const fetchAndConvert = async () => {\n      setIsLoading(true);\n      setHasError(false);\n\n      // If src is already a base64 string, use it directly\n      if (isBase64Image(src)) {\n        setBase64Src(src);\n        setIsLoading(false);\n        return;\n      }\n\n      try {\n        // TODO: Find a better way of doing this\n        // If url is from strapi-ai-staging.s3.us-east-1.amazonaws.com or strapi-ai-production.s3.us-east-1.amazonaws.com, use it directly\n        const url = new URL(src);\n        const allowedDomains = [\n          'strapi-ai-staging.s3.us-east-1.amazonaws.com',\n          'strapi-ai-production.s3.us-east-1.amazonaws.com',\n        ];\n\n        if (allowedDomains.includes(url.hostname)) {\n          setBase64Src(src);\n          setIsLoading(false);\n          return;\n        }\n      } catch (e) {\n        // If URL parsing fails, continue with the fetch attempt\n      }\n\n      try {\n        // Only fetch if it's a URL and not already a base64 string\n        const response = await fetch(src);\n        if (!response.ok) {\n          throw new Error(`HTTP error! status: ${response.status}`);\n        }\n\n        const blob = await response.blob();\n        const dataUrl = await blobToBase64(blob);\n        setBase64Src(dataUrl as string);\n        setIsLoading(false);\n      } catch (error) {\n        console.error('Error converting image to base64:', error);\n        setHasError(true);\n        setIsLoading(false);\n      }\n    };\n\n    fetchAndConvert();\n  }, [src, externalOnError]);\n\n  const handleImageLoad = (e: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    if (inferSize) {\n      const { naturalWidth, naturalHeight } = e.currentTarget;\n      setDimensions({ width: naturalWidth, height: naturalHeight });\n    }\n\n    if (externalOnLoad) {\n      externalOnLoad(e);\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <Flex direction=\"column\" gap={2} alignItems=\"center\" width=\"100%\">\n        <Loader small />\n      </Flex>\n    );\n  }\n\n  if (hasError) {\n    return (\n      <Flex direction=\"column\" gap={2} alignItems=\"center\" width=\"100%\">\n        <CrossCircle width={24} height={24} fill=\"danger600\" />\n      </Flex>\n    );\n  }\n\n  // Build props for the img element\n  const imgProps: ImgHTMLAttributes<HTMLImageElement> = {\n    src: base64Src || '',\n    alt,\n    onLoad: handleImageLoad,\n    ...rest,\n  };\n\n  // If inferSize is enabled and width/height weren't explicitly provided,\n  // merge the inferred dimensions into the props once available.\n  if (inferSize && !rest.width && !rest.height && dimensions.width && dimensions.height) {\n    imgProps.width = dimensions.width;\n    imgProps.height = dimensions.height;\n  }\n\n  return base64Src ? <img {...imgProps} /> : null;\n};\n"],"names":["blobToBase64","blob","Promise","resolve","reject","reader","FileReader","onloadend","result","onerror","readAsDataURL","isBase64Image","src","startsWith","Base64Img","alt","inferSize","onLoad","externalOnLoad","onError","externalOnError","rest","base64Src","setBase64Src","useState","dimensions","setDimensions","isLoading","setIsLoading","hasError","setHasError","useEffect","fetchAndConvert","url","URL","allowedDomains","includes","hostname","e","response","fetch","ok","Error","status","dataUrl","error","console","handleImageLoad","naturalWidth","naturalHeight","currentTarget","width","height","_jsx","Flex","direction","gap","alignItems","Loader","small","CrossCircle","fill","imgProps","img"],"mappings":"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"}
+{"version":3,"file":"Base64Image.js","sources":["../../../../../admin/src/components/AIChat/components/Base64Image.tsx"],"sourcesContent":["import { useState, useEffect, ImgHTMLAttributes } from 'react';\n\nimport { Flex, Loader } from '@strapi/design-system';\nimport { CrossCircle } from '@strapi/icons';\n\nconst blobToBase64 = (blob: Blob): Promise<string | ArrayBuffer | null> => {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onloadend = () => resolve(reader.result);\n    reader.onerror = reject;\n    reader.readAsDataURL(blob);\n  });\n};\n\n// Check if a string is already a data URL (base64 image)\nconst isBase64Image = (src: string): boolean => {\n  return src.startsWith('data:image/');\n};\n\ninterface Base64ImgProps extends ImgHTMLAttributes<HTMLImageElement> {\n  src: string;\n  inferSize?: boolean;\n  onLoad?: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;\n  onError?: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;\n}\n\nexport const Base64Img: React.FC<Base64ImgProps> = ({\n  src,\n  alt,\n  inferSize = false,\n  onLoad: externalOnLoad,\n  onError: externalOnError,\n  ...rest\n}) => {\n  const [base64Src, setBase64Src] = useState<string | null>(null);\n  const [dimensions, setDimensions] = useState<{ width?: number; height?: number }>({});\n  const [isLoading, setIsLoading] = useState(true);\n  const [hasError, setHasError] = useState(false);\n\n  useEffect(() => {\n    const fetchAndConvert = async () => {\n      setIsLoading(true);\n      setHasError(false);\n\n      // If src is already a base64 string, use it directly\n      if (isBase64Image(src)) {\n        setBase64Src(src);\n        setIsLoading(false);\n        return;\n      }\n\n      try {\n        // TODO: Find a better way of doing this\n        // If url is from strapi-ai-staging.s3.us-east-1.amazonaws.com or strapi-ai-production.s3.us-east-1.amazonaws.com, use it directly\n        const url = new URL(src);\n        const allowedDomains = [\n          'strapi-ai-staging.s3.us-east-1.amazonaws.com',\n          'strapi-ai-production.s3.us-east-1.amazonaws.com',\n        ];\n\n        if (allowedDomains.includes(url.hostname)) {\n          setBase64Src(src);\n          setIsLoading(false);\n          return;\n        }\n      } catch {\n        // If URL parsing fails, continue with the fetch attempt\n      }\n\n      try {\n        // Only fetch if it's a URL and not already a base64 string\n        const response = await fetch(src);\n        if (!response.ok) {\n          throw new Error(`HTTP error! status: ${response.status}`);\n        }\n\n        const blob = await response.blob();\n        const dataUrl = await blobToBase64(blob);\n        setBase64Src(dataUrl as string);\n        setIsLoading(false);\n      } catch (error) {\n        console.error('Error converting image to base64:', error);\n        setHasError(true);\n        setIsLoading(false);\n      }\n    };\n\n    fetchAndConvert();\n  }, [src, externalOnError]);\n\n  const handleImageLoad = (e: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    if (inferSize) {\n      const { naturalWidth, naturalHeight } = e.currentTarget;\n      setDimensions({ width: naturalWidth, height: naturalHeight });\n    }\n\n    if (externalOnLoad) {\n      externalOnLoad(e);\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <Flex direction=\"column\" gap={2} alignItems=\"center\" width=\"100%\">\n        <Loader small />\n      </Flex>\n    );\n  }\n\n  if (hasError) {\n    return (\n      <Flex direction=\"column\" gap={2} alignItems=\"center\" width=\"100%\">\n        <CrossCircle width={24} height={24} fill=\"danger600\" />\n      </Flex>\n    );\n  }\n\n  // Build props for the img element\n  const imgProps: ImgHTMLAttributes<HTMLImageElement> = {\n    src: base64Src || '',\n    alt,\n    onLoad: handleImageLoad,\n    ...rest,\n  };\n\n  // If inferSize is enabled and width/height weren't explicitly provided,\n  // merge the inferred dimensions into the props once available.\n  if (inferSize && !rest.width && !rest.height && dimensions.width && dimensions.height) {\n    imgProps.width = dimensions.width;\n    imgProps.height = dimensions.height;\n  }\n\n  return base64Src ? <img {...imgProps} /> : null;\n};\n"],"names":["blobToBase64","blob","Promise","resolve","reject","reader","FileReader","onloadend","result","onerror","readAsDataURL","isBase64Image","src","startsWith","Base64Img","alt","inferSize","onLoad","externalOnLoad","onError","externalOnError","rest","base64Src","setBase64Src","useState","dimensions","setDimensions","isLoading","setIsLoading","hasError","setHasError","useEffect","fetchAndConvert","url","URL","allowedDomains","includes","hostname","response","fetch","ok","Error","status","dataUrl","error","console","handleImageLoad","e","naturalWidth","naturalHeight","currentTarget","width","height","_jsx","Flex","direction","gap","alignItems","Loader","small","CrossCircle","fill","imgProps","img"],"mappings":"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"}

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

@@ -43,7 +43,7 @@ const Base64Img = ({ src, alt, inferSize = false, onLoad: externalOnLoad, onErro
                     setIsLoading(false);
                     return;
                 }
-            } catch (e) {
+            } catch  {
             // If URL parsing fails, continue with the fetch attempt
             }
             try {

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

@@ -1 +1 @@
-{"version":3,"file":"Base64Image.mjs","sources":["../../../../../admin/src/components/AIChat/components/Base64Image.tsx"],"sourcesContent":["import { useState, useEffect, ImgHTMLAttributes } from 'react';\n\nimport { Flex, Loader } from '@strapi/design-system';\nimport { CrossCircle } from '@strapi/icons';\n\nconst blobToBase64 = (blob: Blob): Promise<string | ArrayBuffer | null> => {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onloadend = () => resolve(reader.result);\n    reader.onerror = reject;\n    reader.readAsDataURL(blob);\n  });\n};\n\n// Check if a string is already a data URL (base64 image)\nconst isBase64Image = (src: string): boolean => {\n  return src.startsWith('data:image/');\n};\n\ninterface Base64ImgProps extends ImgHTMLAttributes<HTMLImageElement> {\n  src: string;\n  inferSize?: boolean;\n  onLoad?: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;\n  onError?: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;\n}\n\nexport const Base64Img: React.FC<Base64ImgProps> = ({\n  src,\n  alt,\n  inferSize = false,\n  onLoad: externalOnLoad,\n  onError: externalOnError,\n  ...rest\n}) => {\n  const [base64Src, setBase64Src] = useState<string | null>(null);\n  const [dimensions, setDimensions] = useState<{ width?: number; height?: number }>({});\n  const [isLoading, setIsLoading] = useState(true);\n  const [hasError, setHasError] = useState(false);\n\n  useEffect(() => {\n    const fetchAndConvert = async () => {\n      setIsLoading(true);\n      setHasError(false);\n\n      // If src is already a base64 string, use it directly\n      if (isBase64Image(src)) {\n        setBase64Src(src);\n        setIsLoading(false);\n        return;\n      }\n\n      try {\n        // TODO: Find a better way of doing this\n        // If url is from strapi-ai-staging.s3.us-east-1.amazonaws.com or strapi-ai-production.s3.us-east-1.amazonaws.com, use it directly\n        const url = new URL(src);\n        const allowedDomains = [\n          'strapi-ai-staging.s3.us-east-1.amazonaws.com',\n          'strapi-ai-production.s3.us-east-1.amazonaws.com',\n        ];\n\n        if (allowedDomains.includes(url.hostname)) {\n          setBase64Src(src);\n          setIsLoading(false);\n          return;\n        }\n      } catch (e) {\n        // If URL parsing fails, continue with the fetch attempt\n      }\n\n      try {\n        // Only fetch if it's a URL and not already a base64 string\n        const response = await fetch(src);\n        if (!response.ok) {\n          throw new Error(`HTTP error! status: ${response.status}`);\n        }\n\n        const blob = await response.blob();\n        const dataUrl = await blobToBase64(blob);\n        setBase64Src(dataUrl as string);\n        setIsLoading(false);\n      } catch (error) {\n        console.error('Error converting image to base64:', error);\n        setHasError(true);\n        setIsLoading(false);\n      }\n    };\n\n    fetchAndConvert();\n  }, [src, externalOnError]);\n\n  const handleImageLoad = (e: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    if (inferSize) {\n      const { naturalWidth, naturalHeight } = e.currentTarget;\n      setDimensions({ width: naturalWidth, height: naturalHeight });\n    }\n\n    if (externalOnLoad) {\n      externalOnLoad(e);\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <Flex direction=\"column\" gap={2} alignItems=\"center\" width=\"100%\">\n        <Loader small />\n      </Flex>\n    );\n  }\n\n  if (hasError) {\n    return (\n      <Flex direction=\"column\" gap={2} alignItems=\"center\" width=\"100%\">\n        <CrossCircle width={24} height={24} fill=\"danger600\" />\n      </Flex>\n    );\n  }\n\n  // Build props for the img element\n  const imgProps: ImgHTMLAttributes<HTMLImageElement> = {\n    src: base64Src || '',\n    alt,\n    onLoad: handleImageLoad,\n    ...rest,\n  };\n\n  // If inferSize is enabled and width/height weren't explicitly provided,\n  // merge the inferred dimensions into the props once available.\n  if (inferSize && !rest.width && !rest.height && dimensions.width && dimensions.height) {\n    imgProps.width = dimensions.width;\n    imgProps.height = dimensions.height;\n  }\n\n  return base64Src ? <img {...imgProps} /> : null;\n};\n"],"names":["blobToBase64","blob","Promise","resolve","reject","reader","FileReader","onloadend","result","onerror","readAsDataURL","isBase64Image","src","startsWith","Base64Img","alt","inferSize","onLoad","externalOnLoad","onError","externalOnError","rest","base64Src","setBase64Src","useState","dimensions","setDimensions","isLoading","setIsLoading","hasError","setHasError","useEffect","fetchAndConvert","url","URL","allowedDomains","includes","hostname","e","response","fetch","ok","Error","status","dataUrl","error","console","handleImageLoad","naturalWidth","naturalHeight","currentTarget","width","height","_jsx","Flex","direction","gap","alignItems","Loader","small","CrossCircle","fill","imgProps","img"],"mappings":"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"}
+{"version":3,"file":"Base64Image.mjs","sources":["../../../../../admin/src/components/AIChat/components/Base64Image.tsx"],"sourcesContent":["import { useState, useEffect, ImgHTMLAttributes } from 'react';\n\nimport { Flex, Loader } from '@strapi/design-system';\nimport { CrossCircle } from '@strapi/icons';\n\nconst blobToBase64 = (blob: Blob): Promise<string | ArrayBuffer | null> => {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onloadend = () => resolve(reader.result);\n    reader.onerror = reject;\n    reader.readAsDataURL(blob);\n  });\n};\n\n// Check if a string is already a data URL (base64 image)\nconst isBase64Image = (src: string): boolean => {\n  return src.startsWith('data:image/');\n};\n\ninterface Base64ImgProps extends ImgHTMLAttributes<HTMLImageElement> {\n  src: string;\n  inferSize?: boolean;\n  onLoad?: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;\n  onError?: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;\n}\n\nexport const Base64Img: React.FC<Base64ImgProps> = ({\n  src,\n  alt,\n  inferSize = false,\n  onLoad: externalOnLoad,\n  onError: externalOnError,\n  ...rest\n}) => {\n  const [base64Src, setBase64Src] = useState<string | null>(null);\n  const [dimensions, setDimensions] = useState<{ width?: number; height?: number }>({});\n  const [isLoading, setIsLoading] = useState(true);\n  const [hasError, setHasError] = useState(false);\n\n  useEffect(() => {\n    const fetchAndConvert = async () => {\n      setIsLoading(true);\n      setHasError(false);\n\n      // If src is already a base64 string, use it directly\n      if (isBase64Image(src)) {\n        setBase64Src(src);\n        setIsLoading(false);\n        return;\n      }\n\n      try {\n        // TODO: Find a better way of doing this\n        // If url is from strapi-ai-staging.s3.us-east-1.amazonaws.com or strapi-ai-production.s3.us-east-1.amazonaws.com, use it directly\n        const url = new URL(src);\n        const allowedDomains = [\n          'strapi-ai-staging.s3.us-east-1.amazonaws.com',\n          'strapi-ai-production.s3.us-east-1.amazonaws.com',\n        ];\n\n        if (allowedDomains.includes(url.hostname)) {\n          setBase64Src(src);\n          setIsLoading(false);\n          return;\n        }\n      } catch {\n        // If URL parsing fails, continue with the fetch attempt\n      }\n\n      try {\n        // Only fetch if it's a URL and not already a base64 string\n        const response = await fetch(src);\n        if (!response.ok) {\n          throw new Error(`HTTP error! status: ${response.status}`);\n        }\n\n        const blob = await response.blob();\n        const dataUrl = await blobToBase64(blob);\n        setBase64Src(dataUrl as string);\n        setIsLoading(false);\n      } catch (error) {\n        console.error('Error converting image to base64:', error);\n        setHasError(true);\n        setIsLoading(false);\n      }\n    };\n\n    fetchAndConvert();\n  }, [src, externalOnError]);\n\n  const handleImageLoad = (e: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    if (inferSize) {\n      const { naturalWidth, naturalHeight } = e.currentTarget;\n      setDimensions({ width: naturalWidth, height: naturalHeight });\n    }\n\n    if (externalOnLoad) {\n      externalOnLoad(e);\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <Flex direction=\"column\" gap={2} alignItems=\"center\" width=\"100%\">\n        <Loader small />\n      </Flex>\n    );\n  }\n\n  if (hasError) {\n    return (\n      <Flex direction=\"column\" gap={2} alignItems=\"center\" width=\"100%\">\n        <CrossCircle width={24} height={24} fill=\"danger600\" />\n      </Flex>\n    );\n  }\n\n  // Build props for the img element\n  const imgProps: ImgHTMLAttributes<HTMLImageElement> = {\n    src: base64Src || '',\n    alt,\n    onLoad: handleImageLoad,\n    ...rest,\n  };\n\n  // If inferSize is enabled and width/height weren't explicitly provided,\n  // merge the inferred dimensions into the props once available.\n  if (inferSize && !rest.width && !rest.height && dimensions.width && dimensions.height) {\n    imgProps.width = dimensions.width;\n    imgProps.height = dimensions.height;\n  }\n\n  return base64Src ? <img {...imgProps} /> : null;\n};\n"],"names":["blobToBase64","blob","Promise","resolve","reject","reader","FileReader","onloadend","result","onerror","readAsDataURL","isBase64Image","src","startsWith","Base64Img","alt","inferSize","onLoad","externalOnLoad","onError","externalOnError","rest","base64Src","setBase64Src","useState","dimensions","setDimensions","isLoading","setIsLoading","hasError","setHasError","useEffect","fetchAndConvert","url","URL","allowedDomains","includes","hostname","response","fetch","ok","Error","status","dataUrl","error","console","handleImageLoad","e","naturalWidth","naturalHeight","currentTarget","width","height","_jsx","Flex","direction","gap","alignItems","Loader","small","CrossCircle","fill","imgProps","img"],"mappings":"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"}

package/dist/admin/components/AIChat/components/Messages/Message.js

@@ -58,8 +58,8 @@ const MarkdownStyles = styledComponents.styled(designSystem.Typography)`
     border-radius: ${({ theme })=>theme.borderRadius};
     border-color: ${({ theme })=>theme.colors.neutral150};
     border-style: solid;
-    font-family: 'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas,
-      monospace;
+    font-family:
+      'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas, monospace;
   }
 
   /* links */

package/dist/admin/components/AIChat/components/Messages/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../../../../../admin/src/components/AIChat/components/Messages/Message.tsx"],"sourcesContent":["import { Typography, Box, IconButton, Flex } from '@strapi/design-system';\nimport { ThumbUp, ThumbDown } from '@strapi/icons';\nimport Markdown from 'react-markdown';\nimport { styled } from 'styled-components';\n\nimport { useFeedbackModal } from '../../FeedbackModal';\nimport { useFeedback } from '../../hooks/useFeedback';\nimport {\n  AIMessage,\n  type UserMessage as UserMessageType,\n  AssistantMessage as AssistantMessageType,\n  type MarkerContent as MarkerContentType,\n} from '../../lib/types/messages';\nimport { AnimatedBox } from '../AnimatedBox';\nimport { AttachmentPreview } from '../Attachments/AttachmentPreview';\n\nimport { Marker } from './Marker';\n\nconst MarkdownStyles = styled(Typography)`\n  max-width: 65ch;\n  margin: 0 auto;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: 1.25em;\n    margin-bottom: 0.5em;\n    font-weight: bold;\n  }\n\n  p {\n    margin-bottom: 1em;\n  }\n\n  ul,\n  ol {\n    padding-left: 1.5em; /* indentation for bullet points */\n    margin-bottom: 1em;\n  }\n\n  li {\n    margin-bottom: 0.5em;\n    list-style-type: disc; /* or whatever style you prefer */\n  }\n\n  strong {\n    font-weight: bold;\n  }\n\n  /* code blocks, blockquotes, etc. */\n  code {\n    background-color: ${({ theme }) => theme.colors.neutral100};\n    padding: 0.2em 0.4em;\n    border-radius: ${({ theme }) => theme.borderRadius};\n    border-color: ${({ theme }) => theme.colors.neutral150};\n    border-style: solid;\n    font-family: 'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas,\n      monospace;\n  }\n\n  /* links */\n  a {\n    color: ${({ theme }) => theme.colors.primary500};\n    background-color: ${({ theme }) => theme.colors.neutral100};\n    padding: 0.2em 0.4em;\n    border-radius: ${({ theme }) => theme.borderRadius};\n    border-color: ${({ theme }) => theme.colors.neutral150};\n    border-style: solid;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n`;\n\nconst UserMessageTypography = styled(Typography)`\n  overflow-wrap: anywhere;\n  word-break: break-word;\n`;\n\n// ---------------------------\n// Tool: schemaGenerationTool helpers\n// ---------------------------\n\ntype SchemaToolSchema = {\n  action?: 'create' | 'update' | 'remove';\n  uid?: string;\n  name?: string;\n  category?: string;\n  kind?: 'collectionType' | 'singleType' | 'component';\n  modelType?: 'component' | 'collectionType' | 'singleType';\n};\n\ntype SchemaToolPart = {\n  type: 'tool-schemaGenerationTool';\n  input?: { schemas?: SchemaToolSchema[] };\n  output?: { schemas?: SchemaToolSchema[]; error?: unknown };\n  toolCallId?: string;\n};\n\nconst isSchemaToolPart = (part: unknown): part is SchemaToolPart => {\n  if (typeof part !== 'object' || part === null || !('type' in part)) {\n    return false;\n  }\n\n  return part.type === 'tool-schemaGenerationTool';\n};\n\nconst capitalize = (s?: string) => (s ? s.charAt(0).toUpperCase() + s.slice(1) : '');\n\nconst getSchemaLink = (schema: SchemaToolSchema): string | undefined => {\n  const isComponent = (schema.kind ?? schema.modelType) === 'component';\n  if (!schema.uid) return undefined;\n  return isComponent\n    ? `/plugins/content-type-builder/component-categories/${schema.category ?? ''}/${schema.uid}`\n    : `/plugins/content-type-builder/content-types/${schema.uid}`;\n};\n\nconst toMarkerFromSchemaTool = (part: SchemaToolPart): MarkerContentType => {\n  const outSchemas = part.output?.schemas ?? [];\n  const inSchemas = part.input?.schemas ?? [];\n\n  const schemas = (outSchemas.length ? outSchemas : inSchemas) as SchemaToolSchema[];\n  const numSchemas = schemas.length;\n\n  const state: 'loading' | 'success' | 'error' = part.output\n    ? part.output.error\n      ? 'error'\n      : 'success'\n    : 'loading';\n\n  const steps = schemas.map((schema, index) => ({\n    id: `${part.toolCallId ?? 'schemaGenerationTool'}-${schema.uid ?? schema.name ?? index}`,\n    description: capitalize(schema.name ?? schema.uid ?? 'Schema'),\n    status:\n      schema.action === 'create' || schema.action === 'update' || schema.action === 'remove'\n        ? schema.action\n        : ('update' as const),\n    link: getSchemaLink(schema),\n  }));\n\n  const title =\n    state === 'success'\n      ? `Updated ${numSchemas} schema${numSchemas === 1 ? '' : 's'}`\n      : state === 'error'\n        ? `Failed to update schema${numSchemas === 1 ? '' : 's'}`\n        : 'Updating schemas';\n\n  return {\n    type: 'marker',\n    title,\n    state,\n    steps,\n  };\n};\n\nconst MessageContent = ({\n  part,\n}: {\n  part: AIMessage['parts'][number];\n  status?: 'loading' | 'success' | 'error';\n}) => {\n  if (part.type === 'text') {\n    return (\n      <MarkdownStyles>\n        <Markdown\n          components={{\n            a: ({ node: _node, ...props }) => (\n              <a target=\"_blank\" rel=\"noopener noreferrer\" {...props} />\n            ),\n          }}\n        >\n          {part.text}\n        </Markdown>\n      </MarkdownStyles>\n    );\n  }\n\n  if (isSchemaToolPart(part)) {\n    const marker = toMarkerFromSchemaTool(part);\n    return <Marker {...marker} />;\n  }\n\n  return null;\n};\n\nconst UserMessage = ({ message }: { message: UserMessageType }) => {\n  const hasText = message.parts.some(\n    (content) => content.type === 'text' && content.text.trim() !== ''\n  );\n  const attachments = message.parts.filter((content) => content.type === 'file');\n\n  return (\n    <AnimatedBox\n      as={Flex}\n      direction=\"column\"\n      alignItems=\"flex-end\"\n      style={{ alignSelf: 'flex-end' }}\n      gap={2}\n      maxWidth=\"80%\"\n    >\n      {hasText ? (\n        <Box background=\"neutral150\" borderStyle=\"none\" padding={['10px', '16px']} hasRadius>\n          {message.parts.map((content, index) => {\n            if (content.type !== 'text') return null;\n            return <UserMessageTypography key={index}>{content.text}</UserMessageTypography>;\n          })}\n        </Box>\n      ) : null}\n\n      {/* Attachments */}\n      {attachments.map((attachment, idx) => (\n        <AttachmentPreview\n          key={`${attachment.type === 'file' ? attachment.filename : attachment.type}-${idx}`}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          attachment={{ ...attachment, status: 'ready' } as any}\n        />\n      ))}\n    </AnimatedBox>\n  );\n};\n\nconst AssistantMessage = ({\n  message,\n  isLoading,\n}: {\n  message: AssistantMessageType;\n  isLoading?: boolean;\n}) => {\n  const { upvoteMessage } = useFeedback();\n  const { openFeedbackModal } = useFeedbackModal();\n\n  return (\n    <Box style={{ alignSelf: 'flex-start' }} maxWidth=\"90%\">\n      {message.parts.map((content, index) => (\n        <MessageContent key={index} part={content} />\n      ))}\n      {isLoading ? (\n        <Flex gap={1}>\n          <IconButton\n            label=\"Upvote\"\n            size=\"XS\"\n            variant=\"ghost\"\n            onClick={() => upvoteMessage(message.id)}\n          >\n            <ThumbUp />\n          </IconButton>\n          <IconButton\n            label=\"Downvote\"\n            size=\"XS\"\n            variant=\"ghost\"\n            // For downvoting, user must provide specific feedback\n            onClick={() => openFeedbackModal(message.id)}\n          >\n            <ThumbDown />\n          </IconButton>\n        </Flex>\n      ) : null}\n    </Box>\n  );\n};\n\nexport const ChatMessage = ({ message }: { message: AIMessage }) => {\n  /**\n   * IMPORTANT: Messages are rendered using react-markdown (heavy compute)\n   * Component re-renders on each message update, but AI SDK v5 provides\n   * throttling (experimental_throttle: 100ms) which batches updates and reduces\n   * re-render frequency during streaming.\n   */\n  if (message.role === 'user') {\n    return <UserMessage message={message as UserMessageType} />;\n  }\n  return <AssistantMessage message={message as AssistantMessageType} />;\n};\n"],"names":["MarkdownStyles","styled","Typography","theme","colors","neutral100","borderRadius","neutral150","primary500","UserMessageTypography","isSchemaToolPart","part","type","capitalize","s","charAt","toUpperCase","slice","getSchemaLink","schema","isComponent","kind","modelType","uid","undefined","category","toMarkerFromSchemaTool","outSchemas","output","schemas","inSchemas","input","length","numSchemas","state","error","steps","map","index","id","toolCallId","name","description","status","action","link","title","MessageContent","_jsx","Markdown","components","a","node","_node","props","target","rel","text","marker","Marker","UserMessage","message","hasText","parts","some","content","trim","attachments","filter","_jsxs","AnimatedBox","as","Flex","direction","alignItems","style","alignSelf","gap","maxWidth","Box","background","borderStyle","padding","hasRadius","attachment","idx","AttachmentPreview","filename","AssistantMessage","isLoading","upvoteMessage","useFeedback","openFeedbackModal","useFeedbackModal","IconButton","label","size","variant","onClick","ThumbUp","ThumbDown","ChatMessage","role"],"mappings":"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"}
+{"version":3,"file":"Message.js","sources":["../../../../../../admin/src/components/AIChat/components/Messages/Message.tsx"],"sourcesContent":["import { Typography, Box, IconButton, Flex } from '@strapi/design-system';\nimport { ThumbUp, ThumbDown } from '@strapi/icons';\nimport Markdown from 'react-markdown';\nimport { styled } from 'styled-components';\n\nimport { useFeedbackModal } from '../../FeedbackModal';\nimport { useFeedback } from '../../hooks/useFeedback';\nimport {\n  AIMessage,\n  type UserMessage as UserMessageType,\n  AssistantMessage as AssistantMessageType,\n  type MarkerContent as MarkerContentType,\n} from '../../lib/types/messages';\nimport { AnimatedBox } from '../AnimatedBox';\nimport { AttachmentPreview } from '../Attachments/AttachmentPreview';\n\nimport { Marker } from './Marker';\n\nconst MarkdownStyles = styled(Typography)`\n  max-width: 65ch;\n  margin: 0 auto;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: 1.25em;\n    margin-bottom: 0.5em;\n    font-weight: bold;\n  }\n\n  p {\n    margin-bottom: 1em;\n  }\n\n  ul,\n  ol {\n    padding-left: 1.5em; /* indentation for bullet points */\n    margin-bottom: 1em;\n  }\n\n  li {\n    margin-bottom: 0.5em;\n    list-style-type: disc; /* or whatever style you prefer */\n  }\n\n  strong {\n    font-weight: bold;\n  }\n\n  /* code blocks, blockquotes, etc. */\n  code {\n    background-color: ${({ theme }) => theme.colors.neutral100};\n    padding: 0.2em 0.4em;\n    border-radius: ${({ theme }) => theme.borderRadius};\n    border-color: ${({ theme }) => theme.colors.neutral150};\n    border-style: solid;\n    font-family:\n      'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas, monospace;\n  }\n\n  /* links */\n  a {\n    color: ${({ theme }) => theme.colors.primary500};\n    background-color: ${({ theme }) => theme.colors.neutral100};\n    padding: 0.2em 0.4em;\n    border-radius: ${({ theme }) => theme.borderRadius};\n    border-color: ${({ theme }) => theme.colors.neutral150};\n    border-style: solid;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n`;\n\nconst UserMessageTypography = styled(Typography)`\n  overflow-wrap: anywhere;\n  word-break: break-word;\n`;\n\n// ---------------------------\n// Tool: schemaGenerationTool helpers\n// ---------------------------\n\ntype SchemaToolSchema = {\n  action?: 'create' | 'update' | 'remove';\n  uid?: string;\n  name?: string;\n  category?: string;\n  kind?: 'collectionType' | 'singleType' | 'component';\n  modelType?: 'component' | 'collectionType' | 'singleType';\n};\n\ntype SchemaToolPart = {\n  type: 'tool-schemaGenerationTool';\n  input?: { schemas?: SchemaToolSchema[] };\n  output?: { schemas?: SchemaToolSchema[]; error?: unknown };\n  toolCallId?: string;\n};\n\nconst isSchemaToolPart = (part: unknown): part is SchemaToolPart => {\n  if (typeof part !== 'object' || part === null || !('type' in part)) {\n    return false;\n  }\n\n  return part.type === 'tool-schemaGenerationTool';\n};\n\nconst capitalize = (s?: string) => (s ? s.charAt(0).toUpperCase() + s.slice(1) : '');\n\nconst getSchemaLink = (schema: SchemaToolSchema): string | undefined => {\n  const isComponent = (schema.kind ?? schema.modelType) === 'component';\n  if (!schema.uid) return undefined;\n  return isComponent\n    ? `/plugins/content-type-builder/component-categories/${schema.category ?? ''}/${schema.uid}`\n    : `/plugins/content-type-builder/content-types/${schema.uid}`;\n};\n\nconst toMarkerFromSchemaTool = (part: SchemaToolPart): MarkerContentType => {\n  const outSchemas = part.output?.schemas ?? [];\n  const inSchemas = part.input?.schemas ?? [];\n\n  const schemas = (outSchemas.length ? outSchemas : inSchemas) as SchemaToolSchema[];\n  const numSchemas = schemas.length;\n\n  const state: 'loading' | 'success' | 'error' = part.output\n    ? part.output.error\n      ? 'error'\n      : 'success'\n    : 'loading';\n\n  const steps = schemas.map((schema, index) => ({\n    id: `${part.toolCallId ?? 'schemaGenerationTool'}-${schema.uid ?? schema.name ?? index}`,\n    description: capitalize(schema.name ?? schema.uid ?? 'Schema'),\n    status:\n      schema.action === 'create' || schema.action === 'update' || schema.action === 'remove'\n        ? schema.action\n        : ('update' as const),\n    link: getSchemaLink(schema),\n  }));\n\n  const title =\n    state === 'success'\n      ? `Updated ${numSchemas} schema${numSchemas === 1 ? '' : 's'}`\n      : state === 'error'\n        ? `Failed to update schema${numSchemas === 1 ? '' : 's'}`\n        : 'Updating schemas';\n\n  return {\n    type: 'marker',\n    title,\n    state,\n    steps,\n  };\n};\n\nconst MessageContent = ({\n  part,\n}: {\n  part: AIMessage['parts'][number];\n  status?: 'loading' | 'success' | 'error';\n}) => {\n  if (part.type === 'text') {\n    return (\n      <MarkdownStyles>\n        <Markdown\n          components={{\n            a: ({ node: _node, ...props }) => (\n              <a target=\"_blank\" rel=\"noopener noreferrer\" {...props} />\n            ),\n          }}\n        >\n          {part.text}\n        </Markdown>\n      </MarkdownStyles>\n    );\n  }\n\n  if (isSchemaToolPart(part)) {\n    const marker = toMarkerFromSchemaTool(part);\n    return <Marker {...marker} />;\n  }\n\n  return null;\n};\n\nconst UserMessage = ({ message }: { message: UserMessageType }) => {\n  const hasText = message.parts.some(\n    (content) => content.type === 'text' && content.text.trim() !== ''\n  );\n  const attachments = message.parts.filter((content) => content.type === 'file');\n\n  return (\n    <AnimatedBox\n      as={Flex}\n      direction=\"column\"\n      alignItems=\"flex-end\"\n      style={{ alignSelf: 'flex-end' }}\n      gap={2}\n      maxWidth=\"80%\"\n    >\n      {hasText ? (\n        <Box background=\"neutral150\" borderStyle=\"none\" padding={['10px', '16px']} hasRadius>\n          {message.parts.map((content, index) => {\n            if (content.type !== 'text') return null;\n            return <UserMessageTypography key={index}>{content.text}</UserMessageTypography>;\n          })}\n        </Box>\n      ) : null}\n\n      {/* Attachments */}\n      {attachments.map((attachment, idx) => (\n        <AttachmentPreview\n          key={`${attachment.type === 'file' ? attachment.filename : attachment.type}-${idx}`}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          attachment={{ ...attachment, status: 'ready' } as any}\n        />\n      ))}\n    </AnimatedBox>\n  );\n};\n\nconst AssistantMessage = ({\n  message,\n  isLoading,\n}: {\n  message: AssistantMessageType;\n  isLoading?: boolean;\n}) => {\n  const { upvoteMessage } = useFeedback();\n  const { openFeedbackModal } = useFeedbackModal();\n\n  return (\n    <Box style={{ alignSelf: 'flex-start' }} maxWidth=\"90%\">\n      {message.parts.map((content, index) => (\n        <MessageContent key={index} part={content} />\n      ))}\n      {isLoading ? (\n        <Flex gap={1}>\n          <IconButton\n            label=\"Upvote\"\n            size=\"XS\"\n            variant=\"ghost\"\n            onClick={() => upvoteMessage(message.id)}\n          >\n            <ThumbUp />\n          </IconButton>\n          <IconButton\n            label=\"Downvote\"\n            size=\"XS\"\n            variant=\"ghost\"\n            // For downvoting, user must provide specific feedback\n            onClick={() => openFeedbackModal(message.id)}\n          >\n            <ThumbDown />\n          </IconButton>\n        </Flex>\n      ) : null}\n    </Box>\n  );\n};\n\nexport const ChatMessage = ({ message }: { message: AIMessage }) => {\n  /**\n   * IMPORTANT: Messages are rendered using react-markdown (heavy compute)\n   * Component re-renders on each message update, but AI SDK v5 provides\n   * throttling (experimental_throttle: 100ms) which batches updates and reduces\n   * re-render frequency during streaming.\n   */\n  if (message.role === 'user') {\n    return <UserMessage message={message as UserMessageType} />;\n  }\n  return <AssistantMessage message={message as AssistantMessageType} />;\n};\n"],"names":["MarkdownStyles","styled","Typography","theme","colors","neutral100","borderRadius","neutral150","primary500","UserMessageTypography","isSchemaToolPart","part","type","capitalize","s","charAt","toUpperCase","slice","getSchemaLink","schema","isComponent","kind","modelType","uid","undefined","category","toMarkerFromSchemaTool","outSchemas","output","schemas","inSchemas","input","length","numSchemas","state","error","steps","map","index","id","toolCallId","name","description","status","action","link","title","MessageContent","_jsx","Markdown","components","a","node","_node","props","target","rel","text","marker","Marker","UserMessage","message","hasText","parts","some","content","trim","attachments","filter","_jsxs","AnimatedBox","as","Flex","direction","alignItems","style","alignSelf","gap","maxWidth","Box","background","borderStyle","padding","hasRadius","attachment","idx","AttachmentPreview","filename","AssistantMessage","isLoading","upvoteMessage","useFeedback","openFeedbackModal","useFeedbackModal","IconButton","label","size","variant","onClick","ThumbUp","ThumbDown","ChatMessage","role"],"mappings":"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"}

package/dist/admin/components/AIChat/components/Messages/Message.mjs

@@ -52,8 +52,8 @@ const MarkdownStyles = styled(Typography)`
     border-radius: ${({ theme })=>theme.borderRadius};
     border-color: ${({ theme })=>theme.colors.neutral150};
     border-style: solid;
-    font-family: 'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas,
-      monospace;
+    font-family:
+      'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas, monospace;
   }
 
   /* links */

package/dist/admin/components/AIChat/components/Messages/Message.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Message.mjs","sources":["../../../../../../admin/src/components/AIChat/components/Messages/Message.tsx"],"sourcesContent":["import { Typography, Box, IconButton, Flex } from '@strapi/design-system';\nimport { ThumbUp, ThumbDown } from '@strapi/icons';\nimport Markdown from 'react-markdown';\nimport { styled } from 'styled-components';\n\nimport { useFeedbackModal } from '../../FeedbackModal';\nimport { useFeedback } from '../../hooks/useFeedback';\nimport {\n  AIMessage,\n  type UserMessage as UserMessageType,\n  AssistantMessage as AssistantMessageType,\n  type MarkerContent as MarkerContentType,\n} from '../../lib/types/messages';\nimport { AnimatedBox } from '../AnimatedBox';\nimport { AttachmentPreview } from '../Attachments/AttachmentPreview';\n\nimport { Marker } from './Marker';\n\nconst MarkdownStyles = styled(Typography)`\n  max-width: 65ch;\n  margin: 0 auto;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: 1.25em;\n    margin-bottom: 0.5em;\n    font-weight: bold;\n  }\n\n  p {\n    margin-bottom: 1em;\n  }\n\n  ul,\n  ol {\n    padding-left: 1.5em; /* indentation for bullet points */\n    margin-bottom: 1em;\n  }\n\n  li {\n    margin-bottom: 0.5em;\n    list-style-type: disc; /* or whatever style you prefer */\n  }\n\n  strong {\n    font-weight: bold;\n  }\n\n  /* code blocks, blockquotes, etc. */\n  code {\n    background-color: ${({ theme }) => theme.colors.neutral100};\n    padding: 0.2em 0.4em;\n    border-radius: ${({ theme }) => theme.borderRadius};\n    border-color: ${({ theme }) => theme.colors.neutral150};\n    border-style: solid;\n    font-family: 'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas,\n      monospace;\n  }\n\n  /* links */\n  a {\n    color: ${({ theme }) => theme.colors.primary500};\n    background-color: ${({ theme }) => theme.colors.neutral100};\n    padding: 0.2em 0.4em;\n    border-radius: ${({ theme }) => theme.borderRadius};\n    border-color: ${({ theme }) => theme.colors.neutral150};\n    border-style: solid;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n`;\n\nconst UserMessageTypography = styled(Typography)`\n  overflow-wrap: anywhere;\n  word-break: break-word;\n`;\n\n// ---------------------------\n// Tool: schemaGenerationTool helpers\n// ---------------------------\n\ntype SchemaToolSchema = {\n  action?: 'create' | 'update' | 'remove';\n  uid?: string;\n  name?: string;\n  category?: string;\n  kind?: 'collectionType' | 'singleType' | 'component';\n  modelType?: 'component' | 'collectionType' | 'singleType';\n};\n\ntype SchemaToolPart = {\n  type: 'tool-schemaGenerationTool';\n  input?: { schemas?: SchemaToolSchema[] };\n  output?: { schemas?: SchemaToolSchema[]; error?: unknown };\n  toolCallId?: string;\n};\n\nconst isSchemaToolPart = (part: unknown): part is SchemaToolPart => {\n  if (typeof part !== 'object' || part === null || !('type' in part)) {\n    return false;\n  }\n\n  return part.type === 'tool-schemaGenerationTool';\n};\n\nconst capitalize = (s?: string) => (s ? s.charAt(0).toUpperCase() + s.slice(1) : '');\n\nconst getSchemaLink = (schema: SchemaToolSchema): string | undefined => {\n  const isComponent = (schema.kind ?? schema.modelType) === 'component';\n  if (!schema.uid) return undefined;\n  return isComponent\n    ? `/plugins/content-type-builder/component-categories/${schema.category ?? ''}/${schema.uid}`\n    : `/plugins/content-type-builder/content-types/${schema.uid}`;\n};\n\nconst toMarkerFromSchemaTool = (part: SchemaToolPart): MarkerContentType => {\n  const outSchemas = part.output?.schemas ?? [];\n  const inSchemas = part.input?.schemas ?? [];\n\n  const schemas = (outSchemas.length ? outSchemas : inSchemas) as SchemaToolSchema[];\n  const numSchemas = schemas.length;\n\n  const state: 'loading' | 'success' | 'error' = part.output\n    ? part.output.error\n      ? 'error'\n      : 'success'\n    : 'loading';\n\n  const steps = schemas.map((schema, index) => ({\n    id: `${part.toolCallId ?? 'schemaGenerationTool'}-${schema.uid ?? schema.name ?? index}`,\n    description: capitalize(schema.name ?? schema.uid ?? 'Schema'),\n    status:\n      schema.action === 'create' || schema.action === 'update' || schema.action === 'remove'\n        ? schema.action\n        : ('update' as const),\n    link: getSchemaLink(schema),\n  }));\n\n  const title =\n    state === 'success'\n      ? `Updated ${numSchemas} schema${numSchemas === 1 ? '' : 's'}`\n      : state === 'error'\n        ? `Failed to update schema${numSchemas === 1 ? '' : 's'}`\n        : 'Updating schemas';\n\n  return {\n    type: 'marker',\n    title,\n    state,\n    steps,\n  };\n};\n\nconst MessageContent = ({\n  part,\n}: {\n  part: AIMessage['parts'][number];\n  status?: 'loading' | 'success' | 'error';\n}) => {\n  if (part.type === 'text') {\n    return (\n      <MarkdownStyles>\n        <Markdown\n          components={{\n            a: ({ node: _node, ...props }) => (\n              <a target=\"_blank\" rel=\"noopener noreferrer\" {...props} />\n            ),\n          }}\n        >\n          {part.text}\n        </Markdown>\n      </MarkdownStyles>\n    );\n  }\n\n  if (isSchemaToolPart(part)) {\n    const marker = toMarkerFromSchemaTool(part);\n    return <Marker {...marker} />;\n  }\n\n  return null;\n};\n\nconst UserMessage = ({ message }: { message: UserMessageType }) => {\n  const hasText = message.parts.some(\n    (content) => content.type === 'text' && content.text.trim() !== ''\n  );\n  const attachments = message.parts.filter((content) => content.type === 'file');\n\n  return (\n    <AnimatedBox\n      as={Flex}\n      direction=\"column\"\n      alignItems=\"flex-end\"\n      style={{ alignSelf: 'flex-end' }}\n      gap={2}\n      maxWidth=\"80%\"\n    >\n      {hasText ? (\n        <Box background=\"neutral150\" borderStyle=\"none\" padding={['10px', '16px']} hasRadius>\n          {message.parts.map((content, index) => {\n            if (content.type !== 'text') return null;\n            return <UserMessageTypography key={index}>{content.text}</UserMessageTypography>;\n          })}\n        </Box>\n      ) : null}\n\n      {/* Attachments */}\n      {attachments.map((attachment, idx) => (\n        <AttachmentPreview\n          key={`${attachment.type === 'file' ? attachment.filename : attachment.type}-${idx}`}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          attachment={{ ...attachment, status: 'ready' } as any}\n        />\n      ))}\n    </AnimatedBox>\n  );\n};\n\nconst AssistantMessage = ({\n  message,\n  isLoading,\n}: {\n  message: AssistantMessageType;\n  isLoading?: boolean;\n}) => {\n  const { upvoteMessage } = useFeedback();\n  const { openFeedbackModal } = useFeedbackModal();\n\n  return (\n    <Box style={{ alignSelf: 'flex-start' }} maxWidth=\"90%\">\n      {message.parts.map((content, index) => (\n        <MessageContent key={index} part={content} />\n      ))}\n      {isLoading ? (\n        <Flex gap={1}>\n          <IconButton\n            label=\"Upvote\"\n            size=\"XS\"\n            variant=\"ghost\"\n            onClick={() => upvoteMessage(message.id)}\n          >\n            <ThumbUp />\n          </IconButton>\n          <IconButton\n            label=\"Downvote\"\n            size=\"XS\"\n            variant=\"ghost\"\n            // For downvoting, user must provide specific feedback\n            onClick={() => openFeedbackModal(message.id)}\n          >\n            <ThumbDown />\n          </IconButton>\n        </Flex>\n      ) : null}\n    </Box>\n  );\n};\n\nexport const ChatMessage = ({ message }: { message: AIMessage }) => {\n  /**\n   * IMPORTANT: Messages are rendered using react-markdown (heavy compute)\n   * Component re-renders on each message update, but AI SDK v5 provides\n   * throttling (experimental_throttle: 100ms) which batches updates and reduces\n   * re-render frequency during streaming.\n   */\n  if (message.role === 'user') {\n    return <UserMessage message={message as UserMessageType} />;\n  }\n  return <AssistantMessage message={message as AssistantMessageType} />;\n};\n"],"names":["MarkdownStyles","styled","Typography","theme","colors","neutral100","borderRadius","neutral150","primary500","UserMessageTypography","isSchemaToolPart","part","type","capitalize","s","charAt","toUpperCase","slice","getSchemaLink","schema","isComponent","kind","modelType","uid","undefined","category","toMarkerFromSchemaTool","outSchemas","output","schemas","inSchemas","input","length","numSchemas","state","error","steps","map","index","id","toolCallId","name","description","status","action","link","title","MessageContent","_jsx","Markdown","components","a","node","_node","props","target","rel","text","marker","Marker","UserMessage","message","hasText","parts","some","content","trim","attachments","filter","_jsxs","AnimatedBox","as","Flex","direction","alignItems","style","alignSelf","gap","maxWidth","Box","background","borderStyle","padding","hasRadius","attachment","idx","AttachmentPreview","filename","AssistantMessage","isLoading","upvoteMessage","useFeedback","openFeedbackModal","useFeedbackModal","IconButton","label","size","variant","onClick","ThumbUp","ThumbDown","ChatMessage","role"],"mappings":"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"}
+{"version":3,"file":"Message.mjs","sources":["../../../../../../admin/src/components/AIChat/components/Messages/Message.tsx"],"sourcesContent":["import { Typography, Box, IconButton, Flex } from '@strapi/design-system';\nimport { ThumbUp, ThumbDown } from '@strapi/icons';\nimport Markdown from 'react-markdown';\nimport { styled } from 'styled-components';\n\nimport { useFeedbackModal } from '../../FeedbackModal';\nimport { useFeedback } from '../../hooks/useFeedback';\nimport {\n  AIMessage,\n  type UserMessage as UserMessageType,\n  AssistantMessage as AssistantMessageType,\n  type MarkerContent as MarkerContentType,\n} from '../../lib/types/messages';\nimport { AnimatedBox } from '../AnimatedBox';\nimport { AttachmentPreview } from '../Attachments/AttachmentPreview';\n\nimport { Marker } from './Marker';\n\nconst MarkdownStyles = styled(Typography)`\n  max-width: 65ch;\n  margin: 0 auto;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: 1.25em;\n    margin-bottom: 0.5em;\n    font-weight: bold;\n  }\n\n  p {\n    margin-bottom: 1em;\n  }\n\n  ul,\n  ol {\n    padding-left: 1.5em; /* indentation for bullet points */\n    margin-bottom: 1em;\n  }\n\n  li {\n    margin-bottom: 0.5em;\n    list-style-type: disc; /* or whatever style you prefer */\n  }\n\n  strong {\n    font-weight: bold;\n  }\n\n  /* code blocks, blockquotes, etc. */\n  code {\n    background-color: ${({ theme }) => theme.colors.neutral100};\n    padding: 0.2em 0.4em;\n    border-radius: ${({ theme }) => theme.borderRadius};\n    border-color: ${({ theme }) => theme.colors.neutral150};\n    border-style: solid;\n    font-family:\n      'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas, monospace;\n  }\n\n  /* links */\n  a {\n    color: ${({ theme }) => theme.colors.primary500};\n    background-color: ${({ theme }) => theme.colors.neutral100};\n    padding: 0.2em 0.4em;\n    border-radius: ${({ theme }) => theme.borderRadius};\n    border-color: ${({ theme }) => theme.colors.neutral150};\n    border-style: solid;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n`;\n\nconst UserMessageTypography = styled(Typography)`\n  overflow-wrap: anywhere;\n  word-break: break-word;\n`;\n\n// ---------------------------\n// Tool: schemaGenerationTool helpers\n// ---------------------------\n\ntype SchemaToolSchema = {\n  action?: 'create' | 'update' | 'remove';\n  uid?: string;\n  name?: string;\n  category?: string;\n  kind?: 'collectionType' | 'singleType' | 'component';\n  modelType?: 'component' | 'collectionType' | 'singleType';\n};\n\ntype SchemaToolPart = {\n  type: 'tool-schemaGenerationTool';\n  input?: { schemas?: SchemaToolSchema[] };\n  output?: { schemas?: SchemaToolSchema[]; error?: unknown };\n  toolCallId?: string;\n};\n\nconst isSchemaToolPart = (part: unknown): part is SchemaToolPart => {\n  if (typeof part !== 'object' || part === null || !('type' in part)) {\n    return false;\n  }\n\n  return part.type === 'tool-schemaGenerationTool';\n};\n\nconst capitalize = (s?: string) => (s ? s.charAt(0).toUpperCase() + s.slice(1) : '');\n\nconst getSchemaLink = (schema: SchemaToolSchema): string | undefined => {\n  const isComponent = (schema.kind ?? schema.modelType) === 'component';\n  if (!schema.uid) return undefined;\n  return isComponent\n    ? `/plugins/content-type-builder/component-categories/${schema.category ?? ''}/${schema.uid}`\n    : `/plugins/content-type-builder/content-types/${schema.uid}`;\n};\n\nconst toMarkerFromSchemaTool = (part: SchemaToolPart): MarkerContentType => {\n  const outSchemas = part.output?.schemas ?? [];\n  const inSchemas = part.input?.schemas ?? [];\n\n  const schemas = (outSchemas.length ? outSchemas : inSchemas) as SchemaToolSchema[];\n  const numSchemas = schemas.length;\n\n  const state: 'loading' | 'success' | 'error' = part.output\n    ? part.output.error\n      ? 'error'\n      : 'success'\n    : 'loading';\n\n  const steps = schemas.map((schema, index) => ({\n    id: `${part.toolCallId ?? 'schemaGenerationTool'}-${schema.uid ?? schema.name ?? index}`,\n    description: capitalize(schema.name ?? schema.uid ?? 'Schema'),\n    status:\n      schema.action === 'create' || schema.action === 'update' || schema.action === 'remove'\n        ? schema.action\n        : ('update' as const),\n    link: getSchemaLink(schema),\n  }));\n\n  const title =\n    state === 'success'\n      ? `Updated ${numSchemas} schema${numSchemas === 1 ? '' : 's'}`\n      : state === 'error'\n        ? `Failed to update schema${numSchemas === 1 ? '' : 's'}`\n        : 'Updating schemas';\n\n  return {\n    type: 'marker',\n    title,\n    state,\n    steps,\n  };\n};\n\nconst MessageContent = ({\n  part,\n}: {\n  part: AIMessage['parts'][number];\n  status?: 'loading' | 'success' | 'error';\n}) => {\n  if (part.type === 'text') {\n    return (\n      <MarkdownStyles>\n        <Markdown\n          components={{\n            a: ({ node: _node, ...props }) => (\n              <a target=\"_blank\" rel=\"noopener noreferrer\" {...props} />\n            ),\n          }}\n        >\n          {part.text}\n        </Markdown>\n      </MarkdownStyles>\n    );\n  }\n\n  if (isSchemaToolPart(part)) {\n    const marker = toMarkerFromSchemaTool(part);\n    return <Marker {...marker} />;\n  }\n\n  return null;\n};\n\nconst UserMessage = ({ message }: { message: UserMessageType }) => {\n  const hasText = message.parts.some(\n    (content) => content.type === 'text' && content.text.trim() !== ''\n  );\n  const attachments = message.parts.filter((content) => content.type === 'file');\n\n  return (\n    <AnimatedBox\n      as={Flex}\n      direction=\"column\"\n      alignItems=\"flex-end\"\n      style={{ alignSelf: 'flex-end' }}\n      gap={2}\n      maxWidth=\"80%\"\n    >\n      {hasText ? (\n        <Box background=\"neutral150\" borderStyle=\"none\" padding={['10px', '16px']} hasRadius>\n          {message.parts.map((content, index) => {\n            if (content.type !== 'text') return null;\n            return <UserMessageTypography key={index}>{content.text}</UserMessageTypography>;\n          })}\n        </Box>\n      ) : null}\n\n      {/* Attachments */}\n      {attachments.map((attachment, idx) => (\n        <AttachmentPreview\n          key={`${attachment.type === 'file' ? attachment.filename : attachment.type}-${idx}`}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          attachment={{ ...attachment, status: 'ready' } as any}\n        />\n      ))}\n    </AnimatedBox>\n  );\n};\n\nconst AssistantMessage = ({\n  message,\n  isLoading,\n}: {\n  message: AssistantMessageType;\n  isLoading?: boolean;\n}) => {\n  const { upvoteMessage } = useFeedback();\n  const { openFeedbackModal } = useFeedbackModal();\n\n  return (\n    <Box style={{ alignSelf: 'flex-start' }} maxWidth=\"90%\">\n      {message.parts.map((content, index) => (\n        <MessageContent key={index} part={content} />\n      ))}\n      {isLoading ? (\n        <Flex gap={1}>\n          <IconButton\n            label=\"Upvote\"\n            size=\"XS\"\n            variant=\"ghost\"\n            onClick={() => upvoteMessage(message.id)}\n          >\n            <ThumbUp />\n          </IconButton>\n          <IconButton\n            label=\"Downvote\"\n            size=\"XS\"\n            variant=\"ghost\"\n            // For downvoting, user must provide specific feedback\n            onClick={() => openFeedbackModal(message.id)}\n          >\n            <ThumbDown />\n          </IconButton>\n        </Flex>\n      ) : null}\n    </Box>\n  );\n};\n\nexport const ChatMessage = ({ message }: { message: AIMessage }) => {\n  /**\n   * IMPORTANT: Messages are rendered using react-markdown (heavy compute)\n   * Component re-renders on each message update, but AI SDK v5 provides\n   * throttling (experimental_throttle: 100ms) which batches updates and reduces\n   * re-render frequency during streaming.\n   */\n  if (message.role === 'user') {\n    return <UserMessage message={message as UserMessageType} />;\n  }\n  return <AssistantMessage message={message as AssistantMessageType} />;\n};\n"],"names":["MarkdownStyles","styled","Typography","theme","colors","neutral100","borderRadius","neutral150","primary500","UserMessageTypography","isSchemaToolPart","part","type","capitalize","s","charAt","toUpperCase","slice","getSchemaLink","schema","isComponent","kind","modelType","uid","undefined","category","toMarkerFromSchemaTool","outSchemas","output","schemas","inSchemas","input","length","numSchemas","state","error","steps","map","index","id","toolCallId","name","description","status","action","link","title","MessageContent","_jsx","Markdown","components","a","node","_node","props","target","rel","text","marker","Marker","UserMessage","message","hasText","parts","some","content","trim","attachments","filter","_jsxs","AnimatedBox","as","Flex","direction","alignItems","style","alignSelf","gap","maxWidth","Box","background","borderStyle","padding","hasRadius","attachment","idx","AttachmentPreview","filename","AssistantMessage","isLoading","upvoteMessage","useFeedback","openFeedbackModal","useFeedbackModal","IconButton","label","size","variant","onClick","ThumbUp","ThumbDown","ChatMessage","role"],"mappings":"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"}