@strapi/content-type-builder 5.24.2 → 5.26.0

package/dist/admin/pages/App/index.js

@@ -5,6 +5,9 @@ var React = require('react');
 var strapiAdmin = require('@strapi/admin/strapi-admin');
 var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
+var Chat = require('../../components/AIChat/Chat.js');
+var aiClient = require('../../components/AIChat/lib/aiClient.js');
+var ChatProvider = require('../../components/AIChat/providers/ChatProvider.js');
 var AutoReloadOverlayBlocker = require('../../components/AutoReloadOverlayBlocker.js');
 var ContentTypeBuilderNav = require('../../components/ContentTypeBuilderNav/ContentTypeBuilderNav.js');
 var DataManagerProvider = require('../../components/DataManager/DataManagerProvider.js');
@@ -25,6 +28,31 @@ const App = ()=>{
         defaultMessage: 'Content Types Builder'
     });
     const autoReload = strapiAdmin.useAppInfo('DataManagerProvider', (state)=>state.autoReload);
+    const isAIEnabled = strapiAdmin.useAIAvailability();
+    const state = strapiAdmin.useGuidedTour('ContentTypeBuilderApp', (s)=>s.state);
+    const dispatch = strapiAdmin.useGuidedTour('ContentTypeBuilderApp', (s)=>s.dispatch);
+    // Prefetch AI token on initial load
+    React.useEffect(()=>{
+        aiClient.prefetchAIToken();
+    }, []);
+    // Set tour type based on AI availability when the app loads
+    React.useEffect(()=>{
+        const tourType = isAIEnabled ? 'ContentTypeBuilderAI' : 'ContentTypeBuilderNoAI';
+        const currentTourType = state.tours.contentTypeBuilder.tourType;
+        if (currentTourType !== tourType) {
+            dispatch({
+                type: 'set_tour_type',
+                payload: {
+                    tourName: 'contentTypeBuilder',
+                    tourType
+                }
+            });
+        }
+    }, [
+        isAIEnabled,
+        state.tours.contentTypeBuilder.tourType,
+        dispatch
+    ]);
     return /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Page.Protect, {
         permissions: constants.PERMISSIONS.main,
         children: [
@@ -36,36 +64,39 @@ const App = ()=>{
                     children: /*#__PURE__*/ jsxRuntime.jsxs(DataManagerProvider, {
                         children: [
                             /*#__PURE__*/ jsxRuntime.jsx(ExitPrompt.ExitPrompt, {}),
-                            /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                                children: [
-                                    autoReload && /*#__PURE__*/ jsxRuntime.jsx(FormModal.FormModal, {}),
-                                    /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Root, {
-                                        sideNav: /*#__PURE__*/ jsxRuntime.jsx(ContentTypeBuilderNav.ContentTypeBuilderNav, {}),
-                                        children: /*#__PURE__*/ jsxRuntime.jsx(React.Suspense, {
-                                            fallback: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {}),
-                                            children: /*#__PURE__*/ jsxRuntime.jsxs(reactRouterDom.Routes, {
-                                                children: [
-                                                    /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
-                                                        path: "content-types/create-content-type",
-                                                        element: /*#__PURE__*/ jsxRuntime.jsx(EmptyState.EmptyState, {})
-                                                    }),
-                                                    /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
-                                                        path: "content-types/:contentTypeUid",
-                                                        element: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
-                                                    }),
-                                                    /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
-                                                        path: `component-categories/:categoryUid/:componentUid`,
-                                                        element: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
-                                                    }),
-                                                    /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
-                                                        path: "*",
-                                                        element: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
-                                                    })
-                                                ]
+                            /*#__PURE__*/ jsxRuntime.jsx(ChatProvider.ChatProvider, {
+                                children: /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                                    children: [
+                                        autoReload && /*#__PURE__*/ jsxRuntime.jsx(FormModal.FormModal, {}),
+                                        /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Root, {
+                                            sideNav: /*#__PURE__*/ jsxRuntime.jsx(ContentTypeBuilderNav.ContentTypeBuilderNav, {}),
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(React.Suspense, {
+                                                fallback: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {}),
+                                                children: /*#__PURE__*/ jsxRuntime.jsxs(reactRouterDom.Routes, {
+                                                    children: [
+                                                        /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
+                                                            path: "content-types/create-content-type",
+                                                            element: /*#__PURE__*/ jsxRuntime.jsx(EmptyState.EmptyState, {})
+                                                        }),
+                                                        /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
+                                                            path: "content-types/:contentTypeUid",
+                                                            element: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
+                                                        }),
+                                                        /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
+                                                            path: `component-categories/:categoryUid/:componentUid`,
+                                                            element: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
+                                                        }),
+                                                        /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Route, {
+                                                            path: "*",
+                                                            element: /*#__PURE__*/ jsxRuntime.jsx(ListView, {})
+                                                        })
+                                                    ]
+                                                })
                                             })
-                                        })
-                                    })
-                                ]
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(Chat.Chat, {})
+                                    ]
+                                })
                             })
                         ]
                     })

package/dist/admin/pages/App/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../admin/src/pages/App/index.tsx"],"sourcesContent":["/* eslint-disable import/no-default-export */\n/* eslint-disable check-file/filename-naming-convention  */\n/* eslint-disable check-file/no-index */\nimport { lazy, Suspense, useEffect, useRef } from 'react';\n\nimport { Page, Layouts, useAppInfo } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { AutoReloadOverlayBlockerProvider } from '../../components/AutoReloadOverlayBlocker';\nimport { ContentTypeBuilderNav } from '../../components/ContentTypeBuilderNav/ContentTypeBuilderNav';\nimport DataManagerProvider from '../../components/DataManager/DataManagerProvider';\nimport { ExitPrompt } from '../../components/ExitPrompt';\nimport { FormModal } from '../../components/FormModal/FormModal';\nimport { FormModalNavigationProvider } from '../../components/FormModalNavigation/FormModalNavigationProvider';\nimport { PERMISSIONS } from '../../constants';\nimport { pluginId } from '../../pluginId';\nimport { EmptyState } from '../ListView/EmptyState';\n\nconst ListView = lazy(() => import('../ListView/ListView'));\n\nconst App = () => {\n  const { formatMessage } = useIntl();\n  const title = formatMessage({\n    id: `${pluginId}.plugin.name`,\n    defaultMessage: 'Content Types Builder',\n  });\n\n  const autoReload = useAppInfo('DataManagerProvider', (state) => state.autoReload);\n\n  return (\n    <Page.Protect permissions={PERMISSIONS.main}>\n      <Page.Title>{title}</Page.Title>\n      <AutoReloadOverlayBlockerProvider>\n        <FormModalNavigationProvider>\n          <DataManagerProvider>\n            <ExitPrompt />\n            <>\n              {autoReload && <FormModal />}\n              <Layouts.Root sideNav={<ContentTypeBuilderNav />}>\n                <Suspense fallback={<Page.Loading />}>\n                  <Routes>\n                    <Route path=\"content-types/create-content-type\" element={<EmptyState />} />\n                    <Route path=\"content-types/:contentTypeUid\" element={<ListView />} />\n                    <Route\n                      path={`component-categories/:categoryUid/:componentUid`}\n                      element={<ListView />}\n                    />\n                    <Route path=\"*\" element={<ListView />} />\n                  </Routes>\n                </Suspense>\n              </Layouts.Root>\n            </>\n          </DataManagerProvider>\n        </FormModalNavigationProvider>\n      </AutoReloadOverlayBlockerProvider>\n    </Page.Protect>\n  );\n};\n\nexport default App;\n"],"names":["ListView","lazy","App","formatMessage","useIntl","title","id","pluginId","defaultMessage","autoReload","useAppInfo","state","_jsxs","Page","Protect","permissions","PERMISSIONS","main","_jsx","Title","AutoReloadOverlayBlockerProvider","FormModalNavigationProvider","DataManagerProvider","ExitPrompt","_Fragment","FormModal","Layouts","Root","sideNav","ContentTypeBuilderNav","Suspense","fallback","Loading","Routes","Route","path","element","EmptyState"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,QAAWC,iBAAAA,UAAAA,CAAK,IAAM,8FAAO,yBAAA,MAAA,CAAA;AAEnC,MAAMC,GAAM,GAAA,IAAA;IACV,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQF,aAAc,CAAA;AAC1BG,QAAAA,EAAAA,EAAI,CAAC,EAAEC,iBAAS,CAAA,YAAY,CAAC;QAC7BC,cAAgB,EAAA;AAClB,KAAA,CAAA;AAEA,IAAA,MAAMC,aAAaC,sBAAW,CAAA,qBAAA,EAAuB,CAACC,KAAAA,GAAUA,MAAMF,UAAU,CAAA;IAEhF,qBACEG,eAAA,CAACC,iBAAKC,OAAO,EAAA;AAACC,QAAAA,WAAAA,EAAaC,sBAAYC,IAAI;;AACzC,0BAAAC,cAAA,CAACL,iBAAKM,KAAK,EAAA;AAAEd,gBAAAA,QAAAA,EAAAA;;0BACba,cAACE,CAAAA,yDAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAF,cAACG,CAAAA,uDAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAT,eAACU,CAAAA,mBAAAA,EAAAA;;0CACCJ,cAACK,CAAAA,qBAAAA,EAAAA,EAAAA,CAAAA;AACD,0CAAAX,eAAA,CAAAY,mBAAA,EAAA;;AACGf,oCAAAA,UAAAA,kBAAcS,cAACO,CAAAA,mBAAAA,EAAAA,EAAAA,CAAAA;AAChB,kDAAAP,cAAA,CAACQ,oBAAQC,IAAI,EAAA;AAACC,wCAAAA,OAAAA,gBAASV,cAACW,CAAAA,2CAAAA,EAAAA,EAAAA,CAAAA;AACtB,wCAAA,QAAA,gBAAAX,cAACY,CAAAA,cAAAA,EAAAA;4CAASC,QAAU,gBAAAb,cAAA,CAACL,iBAAKmB,OAAO,EAAA,EAAA,CAAA;AAC/B,4CAAA,QAAA,gBAAApB,eAACqB,CAAAA,qBAAAA,EAAAA;;kEACCf,cAACgB,CAAAA,oBAAAA,EAAAA;wDAAMC,IAAK,EAAA,mCAAA;AAAoCC,wDAAAA,OAAAA,gBAASlB,cAACmB,CAAAA,qBAAAA,EAAAA,EAAAA;;kEAC1DnB,cAACgB,CAAAA,oBAAAA,EAAAA;wDAAMC,IAAK,EAAA,+BAAA;AAAgCC,wDAAAA,OAAAA,gBAASlB,cAAClB,CAAAA,QAAAA,EAAAA,EAAAA;;kEACtDkB,cAACgB,CAAAA,oBAAAA,EAAAA;wDACCC,IAAM,EAAA,CAAC,+CAA+C,CAAC;AACvDC,wDAAAA,OAAAA,gBAASlB,cAAClB,CAAAA,QAAAA,EAAAA,EAAAA;;kEAEZkB,cAACgB,CAAAA,oBAAAA,EAAAA;wDAAMC,IAAK,EAAA,GAAA;AAAIC,wDAAAA,OAAAA,gBAASlB,cAAClB,CAAAA,QAAAA,EAAAA,EAAAA;;;;;;;;;;;;;;AAU9C;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../admin/src/pages/App/index.tsx"],"sourcesContent":["/* eslint-disable import/no-default-export */\n/* eslint-disable check-file/filename-naming-convention  */\n/* eslint-disable check-file/no-index */\nimport { lazy, Suspense, useEffect } from 'react';\n\nimport {\n  Page,\n  Layouts,\n  useAppInfo,\n  useGuidedTour,\n  useAIAvailability,\n} from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { Chat } from '../../components/AIChat/Chat';\nimport { prefetchAIToken } from '../../components/AIChat/lib/aiClient';\nimport { ChatProvider } from '../../components/AIChat/providers/ChatProvider';\nimport { AutoReloadOverlayBlockerProvider } from '../../components/AutoReloadOverlayBlocker';\nimport { ContentTypeBuilderNav } from '../../components/ContentTypeBuilderNav/ContentTypeBuilderNav';\nimport DataManagerProvider from '../../components/DataManager/DataManagerProvider';\nimport { ExitPrompt } from '../../components/ExitPrompt';\nimport { FormModal } from '../../components/FormModal/FormModal';\nimport { FormModalNavigationProvider } from '../../components/FormModalNavigation/FormModalNavigationProvider';\nimport { PERMISSIONS } from '../../constants';\nimport { pluginId } from '../../pluginId';\nimport { EmptyState } from '../ListView/EmptyState';\n\nconst ListView = lazy(() => import('../ListView/ListView'));\n\nconst App = () => {\n  const { formatMessage } = useIntl();\n  const title = formatMessage({\n    id: `${pluginId}.plugin.name`,\n    defaultMessage: 'Content Types Builder',\n  });\n\n  const autoReload = useAppInfo('DataManagerProvider', (state) => state.autoReload);\n  const isAIEnabled = useAIAvailability();\n  const state = useGuidedTour('ContentTypeBuilderApp', (s) => s.state);\n  const dispatch = useGuidedTour('ContentTypeBuilderApp', (s) => s.dispatch);\n\n  // Prefetch AI token on initial load\n  useEffect(() => {\n    prefetchAIToken();\n  }, []);\n\n  // Set tour type based on AI availability when the app loads\n  useEffect(() => {\n    const tourType = isAIEnabled ? 'ContentTypeBuilderAI' : 'ContentTypeBuilderNoAI';\n    const currentTourType = state.tours.contentTypeBuilder.tourType;\n\n    if (currentTourType !== tourType) {\n      dispatch({\n        type: 'set_tour_type',\n        payload: { tourName: 'contentTypeBuilder', tourType },\n      });\n    }\n  }, [isAIEnabled, state.tours.contentTypeBuilder.tourType, dispatch]);\n\n  return (\n    <Page.Protect permissions={PERMISSIONS.main}>\n      <Page.Title>{title}</Page.Title>\n      <AutoReloadOverlayBlockerProvider>\n        <FormModalNavigationProvider>\n          <DataManagerProvider>\n            <ExitPrompt />\n            <ChatProvider>\n              <>\n                {autoReload && <FormModal />}\n                <Layouts.Root sideNav={<ContentTypeBuilderNav />}>\n                  <Suspense fallback={<Page.Loading />}>\n                    <Routes>\n                      <Route path=\"content-types/create-content-type\" element={<EmptyState />} />\n                      <Route path=\"content-types/:contentTypeUid\" element={<ListView />} />\n                      <Route\n                        path={`component-categories/:categoryUid/:componentUid`}\n                        element={<ListView />}\n                      />\n                      <Route path=\"*\" element={<ListView />} />\n                    </Routes>\n                  </Suspense>\n                </Layouts.Root>\n                <Chat />\n              </>\n            </ChatProvider>\n          </DataManagerProvider>\n        </FormModalNavigationProvider>\n      </AutoReloadOverlayBlockerProvider>\n    </Page.Protect>\n  );\n};\n\nexport default App;\n"],"names":["ListView","lazy","App","formatMessage","useIntl","title","id","pluginId","defaultMessage","autoReload","useAppInfo","state","isAIEnabled","useAIAvailability","useGuidedTour","s","dispatch","useEffect","prefetchAIToken","tourType","currentTourType","tours","contentTypeBuilder","type","payload","tourName","_jsxs","Page","Protect","permissions","PERMISSIONS","main","_jsx","Title","AutoReloadOverlayBlockerProvider","FormModalNavigationProvider","DataManagerProvider","ExitPrompt","ChatProvider","_Fragment","FormModal","Layouts","Root","sideNav","ContentTypeBuilderNav","Suspense","fallback","Loading","Routes","Route","path","element","EmptyState","Chat"],"mappings":"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"}

package/dist/admin/pages/App/index.mjs

@@ -1,8 +1,11 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Suspense, lazy } from 'react';
-import { useAppInfo, Page, Layouts } from '@strapi/admin/strapi-admin';
+import { useEffect, Suspense, lazy } from 'react';
+import { useAppInfo, useAIAvailability, useGuidedTour, Page, Layouts } from '@strapi/admin/strapi-admin';
 import { useIntl } from 'react-intl';
 import { Routes, Route } from 'react-router-dom';
+import { Chat } from '../../components/AIChat/Chat.mjs';
+import { prefetchAIToken } from '../../components/AIChat/lib/aiClient.mjs';
+import { ChatProvider } from '../../components/AIChat/providers/ChatProvider.mjs';
 import { AutoReloadOverlayBlockerProvider } from '../../components/AutoReloadOverlayBlocker.mjs';
 import { ContentTypeBuilderNav } from '../../components/ContentTypeBuilderNav/ContentTypeBuilderNav.mjs';
 import DataManagerProvider from '../../components/DataManager/DataManagerProvider.mjs';
@@ -21,6 +24,31 @@ const App = ()=>{
         defaultMessage: 'Content Types Builder'
     });
     const autoReload = useAppInfo('DataManagerProvider', (state)=>state.autoReload);
+    const isAIEnabled = useAIAvailability();
+    const state = useGuidedTour('ContentTypeBuilderApp', (s)=>s.state);
+    const dispatch = useGuidedTour('ContentTypeBuilderApp', (s)=>s.dispatch);
+    // Prefetch AI token on initial load
+    useEffect(()=>{
+        prefetchAIToken();
+    }, []);
+    // Set tour type based on AI availability when the app loads
+    useEffect(()=>{
+        const tourType = isAIEnabled ? 'ContentTypeBuilderAI' : 'ContentTypeBuilderNoAI';
+        const currentTourType = state.tours.contentTypeBuilder.tourType;
+        if (currentTourType !== tourType) {
+            dispatch({
+                type: 'set_tour_type',
+                payload: {
+                    tourName: 'contentTypeBuilder',
+                    tourType
+                }
+            });
+        }
+    }, [
+        isAIEnabled,
+        state.tours.contentTypeBuilder.tourType,
+        dispatch
+    ]);
     return /*#__PURE__*/ jsxs(Page.Protect, {
         permissions: PERMISSIONS.main,
         children: [
@@ -32,36 +60,39 @@ const App = ()=>{
                     children: /*#__PURE__*/ jsxs(DataManagerProvider, {
                         children: [
                             /*#__PURE__*/ jsx(ExitPrompt, {}),
-                            /*#__PURE__*/ jsxs(Fragment, {
-                                children: [
-                                    autoReload && /*#__PURE__*/ jsx(FormModal, {}),
-                                    /*#__PURE__*/ jsx(Layouts.Root, {
-                                        sideNav: /*#__PURE__*/ jsx(ContentTypeBuilderNav, {}),
-                                        children: /*#__PURE__*/ jsx(Suspense, {
-                                            fallback: /*#__PURE__*/ jsx(Page.Loading, {}),
-                                            children: /*#__PURE__*/ jsxs(Routes, {
-                                                children: [
-                                                    /*#__PURE__*/ jsx(Route, {
-                                                        path: "content-types/create-content-type",
-                                                        element: /*#__PURE__*/ jsx(EmptyState, {})
-                                                    }),
-                                                    /*#__PURE__*/ jsx(Route, {
-                                                        path: "content-types/:contentTypeUid",
-                                                        element: /*#__PURE__*/ jsx(ListView, {})
-                                                    }),
-                                                    /*#__PURE__*/ jsx(Route, {
-                                                        path: `component-categories/:categoryUid/:componentUid`,
-                                                        element: /*#__PURE__*/ jsx(ListView, {})
-                                                    }),
-                                                    /*#__PURE__*/ jsx(Route, {
-                                                        path: "*",
-                                                        element: /*#__PURE__*/ jsx(ListView, {})
-                                                    })
-                                                ]
+                            /*#__PURE__*/ jsx(ChatProvider, {
+                                children: /*#__PURE__*/ jsxs(Fragment, {
+                                    children: [
+                                        autoReload && /*#__PURE__*/ jsx(FormModal, {}),
+                                        /*#__PURE__*/ jsx(Layouts.Root, {
+                                            sideNav: /*#__PURE__*/ jsx(ContentTypeBuilderNav, {}),
+                                            children: /*#__PURE__*/ jsx(Suspense, {
+                                                fallback: /*#__PURE__*/ jsx(Page.Loading, {}),
+                                                children: /*#__PURE__*/ jsxs(Routes, {
+                                                    children: [
+                                                        /*#__PURE__*/ jsx(Route, {
+                                                            path: "content-types/create-content-type",
+                                                            element: /*#__PURE__*/ jsx(EmptyState, {})
+                                                        }),
+                                                        /*#__PURE__*/ jsx(Route, {
+                                                            path: "content-types/:contentTypeUid",
+                                                            element: /*#__PURE__*/ jsx(ListView, {})
+                                                        }),
+                                                        /*#__PURE__*/ jsx(Route, {
+                                                            path: `component-categories/:categoryUid/:componentUid`,
+                                                            element: /*#__PURE__*/ jsx(ListView, {})
+                                                        }),
+                                                        /*#__PURE__*/ jsx(Route, {
+                                                            path: "*",
+                                                            element: /*#__PURE__*/ jsx(ListView, {})
+                                                        })
+                                                    ]
+                                                })
                                             })
-                                        })
-                                    })
-                                ]
+                                        }),
+                                        /*#__PURE__*/ jsx(Chat, {})
+                                    ]
+                                })
                             })
                         ]
                     })

package/dist/admin/pages/App/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../admin/src/pages/App/index.tsx"],"sourcesContent":["/* eslint-disable import/no-default-export */\n/* eslint-disable check-file/filename-naming-convention  */\n/* eslint-disable check-file/no-index */\nimport { lazy, Suspense, useEffect, useRef } from 'react';\n\nimport { Page, Layouts, useAppInfo } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { AutoReloadOverlayBlockerProvider } from '../../components/AutoReloadOverlayBlocker';\nimport { ContentTypeBuilderNav } from '../../components/ContentTypeBuilderNav/ContentTypeBuilderNav';\nimport DataManagerProvider from '../../components/DataManager/DataManagerProvider';\nimport { ExitPrompt } from '../../components/ExitPrompt';\nimport { FormModal } from '../../components/FormModal/FormModal';\nimport { FormModalNavigationProvider } from '../../components/FormModalNavigation/FormModalNavigationProvider';\nimport { PERMISSIONS } from '../../constants';\nimport { pluginId } from '../../pluginId';\nimport { EmptyState } from '../ListView/EmptyState';\n\nconst ListView = lazy(() => import('../ListView/ListView'));\n\nconst App = () => {\n  const { formatMessage } = useIntl();\n  const title = formatMessage({\n    id: `${pluginId}.plugin.name`,\n    defaultMessage: 'Content Types Builder',\n  });\n\n  const autoReload = useAppInfo('DataManagerProvider', (state) => state.autoReload);\n\n  return (\n    <Page.Protect permissions={PERMISSIONS.main}>\n      <Page.Title>{title}</Page.Title>\n      <AutoReloadOverlayBlockerProvider>\n        <FormModalNavigationProvider>\n          <DataManagerProvider>\n            <ExitPrompt />\n            <>\n              {autoReload && <FormModal />}\n              <Layouts.Root sideNav={<ContentTypeBuilderNav />}>\n                <Suspense fallback={<Page.Loading />}>\n                  <Routes>\n                    <Route path=\"content-types/create-content-type\" element={<EmptyState />} />\n                    <Route path=\"content-types/:contentTypeUid\" element={<ListView />} />\n                    <Route\n                      path={`component-categories/:categoryUid/:componentUid`}\n                      element={<ListView />}\n                    />\n                    <Route path=\"*\" element={<ListView />} />\n                  </Routes>\n                </Suspense>\n              </Layouts.Root>\n            </>\n          </DataManagerProvider>\n        </FormModalNavigationProvider>\n      </AutoReloadOverlayBlockerProvider>\n    </Page.Protect>\n  );\n};\n\nexport default App;\n"],"names":["ListView","lazy","App","formatMessage","useIntl","title","id","pluginId","defaultMessage","autoReload","useAppInfo","state","_jsxs","Page","Protect","permissions","PERMISSIONS","main","_jsx","Title","AutoReloadOverlayBlockerProvider","FormModalNavigationProvider","DataManagerProvider","ExitPrompt","_Fragment","FormModal","Layouts","Root","sideNav","ContentTypeBuilderNav","Suspense","fallback","Loading","Routes","Route","path","element","EmptyState"],"mappings":";;;;;;;;;;;;;;;AAmBA,MAAMA,QAAWC,iBAAAA,IAAAA,CAAK,IAAM,OAAO,0BAAA,CAAA,CAAA;AAEnC,MAAMC,GAAM,GAAA,IAAA;IACV,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQF,aAAc,CAAA;AAC1BG,QAAAA,EAAAA,EAAI,CAAC,EAAEC,QAAS,CAAA,YAAY,CAAC;QAC7BC,cAAgB,EAAA;AAClB,KAAA,CAAA;AAEA,IAAA,MAAMC,aAAaC,UAAW,CAAA,qBAAA,EAAuB,CAACC,KAAAA,GAAUA,MAAMF,UAAU,CAAA;IAEhF,qBACEG,IAAA,CAACC,KAAKC,OAAO,EAAA;AAACC,QAAAA,WAAAA,EAAaC,YAAYC,IAAI;;AACzC,0BAAAC,GAAA,CAACL,KAAKM,KAAK,EAAA;AAAEd,gBAAAA,QAAAA,EAAAA;;0BACba,GAACE,CAAAA,gCAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAF,GAACG,CAAAA,2BAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAT,IAACU,CAAAA,mBAAAA,EAAAA;;0CACCJ,GAACK,CAAAA,UAAAA,EAAAA,EAAAA,CAAAA;AACD,0CAAAX,IAAA,CAAAY,QAAA,EAAA;;AACGf,oCAAAA,UAAAA,kBAAcS,GAACO,CAAAA,SAAAA,EAAAA,EAAAA,CAAAA;AAChB,kDAAAP,GAAA,CAACQ,QAAQC,IAAI,EAAA;AAACC,wCAAAA,OAAAA,gBAASV,GAACW,CAAAA,qBAAAA,EAAAA,EAAAA,CAAAA;AACtB,wCAAA,QAAA,gBAAAX,GAACY,CAAAA,QAAAA,EAAAA;4CAASC,QAAU,gBAAAb,GAAA,CAACL,KAAKmB,OAAO,EAAA,EAAA,CAAA;AAC/B,4CAAA,QAAA,gBAAApB,IAACqB,CAAAA,MAAAA,EAAAA;;kEACCf,GAACgB,CAAAA,KAAAA,EAAAA;wDAAMC,IAAK,EAAA,mCAAA;AAAoCC,wDAAAA,OAAAA,gBAASlB,GAACmB,CAAAA,UAAAA,EAAAA,EAAAA;;kEAC1DnB,GAACgB,CAAAA,KAAAA,EAAAA;wDAAMC,IAAK,EAAA,+BAAA;AAAgCC,wDAAAA,OAAAA,gBAASlB,GAAClB,CAAAA,QAAAA,EAAAA,EAAAA;;kEACtDkB,GAACgB,CAAAA,KAAAA,EAAAA;wDACCC,IAAM,EAAA,CAAC,+CAA+C,CAAC;AACvDC,wDAAAA,OAAAA,gBAASlB,GAAClB,CAAAA,QAAAA,EAAAA,EAAAA;;kEAEZkB,GAACgB,CAAAA,KAAAA,EAAAA;wDAAMC,IAAK,EAAA,GAAA;AAAIC,wDAAAA,OAAAA,gBAASlB,GAAClB,CAAAA,QAAAA,EAAAA,EAAAA;;;;;;;;;;;;;;AAU9C;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../admin/src/pages/App/index.tsx"],"sourcesContent":["/* eslint-disable import/no-default-export */\n/* eslint-disable check-file/filename-naming-convention  */\n/* eslint-disable check-file/no-index */\nimport { lazy, Suspense, useEffect } from 'react';\n\nimport {\n  Page,\n  Layouts,\n  useAppInfo,\n  useGuidedTour,\n  useAIAvailability,\n} from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\nimport { Route, Routes } from 'react-router-dom';\n\nimport { Chat } from '../../components/AIChat/Chat';\nimport { prefetchAIToken } from '../../components/AIChat/lib/aiClient';\nimport { ChatProvider } from '../../components/AIChat/providers/ChatProvider';\nimport { AutoReloadOverlayBlockerProvider } from '../../components/AutoReloadOverlayBlocker';\nimport { ContentTypeBuilderNav } from '../../components/ContentTypeBuilderNav/ContentTypeBuilderNav';\nimport DataManagerProvider from '../../components/DataManager/DataManagerProvider';\nimport { ExitPrompt } from '../../components/ExitPrompt';\nimport { FormModal } from '../../components/FormModal/FormModal';\nimport { FormModalNavigationProvider } from '../../components/FormModalNavigation/FormModalNavigationProvider';\nimport { PERMISSIONS } from '../../constants';\nimport { pluginId } from '../../pluginId';\nimport { EmptyState } from '../ListView/EmptyState';\n\nconst ListView = lazy(() => import('../ListView/ListView'));\n\nconst App = () => {\n  const { formatMessage } = useIntl();\n  const title = formatMessage({\n    id: `${pluginId}.plugin.name`,\n    defaultMessage: 'Content Types Builder',\n  });\n\n  const autoReload = useAppInfo('DataManagerProvider', (state) => state.autoReload);\n  const isAIEnabled = useAIAvailability();\n  const state = useGuidedTour('ContentTypeBuilderApp', (s) => s.state);\n  const dispatch = useGuidedTour('ContentTypeBuilderApp', (s) => s.dispatch);\n\n  // Prefetch AI token on initial load\n  useEffect(() => {\n    prefetchAIToken();\n  }, []);\n\n  // Set tour type based on AI availability when the app loads\n  useEffect(() => {\n    const tourType = isAIEnabled ? 'ContentTypeBuilderAI' : 'ContentTypeBuilderNoAI';\n    const currentTourType = state.tours.contentTypeBuilder.tourType;\n\n    if (currentTourType !== tourType) {\n      dispatch({\n        type: 'set_tour_type',\n        payload: { tourName: 'contentTypeBuilder', tourType },\n      });\n    }\n  }, [isAIEnabled, state.tours.contentTypeBuilder.tourType, dispatch]);\n\n  return (\n    <Page.Protect permissions={PERMISSIONS.main}>\n      <Page.Title>{title}</Page.Title>\n      <AutoReloadOverlayBlockerProvider>\n        <FormModalNavigationProvider>\n          <DataManagerProvider>\n            <ExitPrompt />\n            <ChatProvider>\n              <>\n                {autoReload && <FormModal />}\n                <Layouts.Root sideNav={<ContentTypeBuilderNav />}>\n                  <Suspense fallback={<Page.Loading />}>\n                    <Routes>\n                      <Route path=\"content-types/create-content-type\" element={<EmptyState />} />\n                      <Route path=\"content-types/:contentTypeUid\" element={<ListView />} />\n                      <Route\n                        path={`component-categories/:categoryUid/:componentUid`}\n                        element={<ListView />}\n                      />\n                      <Route path=\"*\" element={<ListView />} />\n                    </Routes>\n                  </Suspense>\n                </Layouts.Root>\n                <Chat />\n              </>\n            </ChatProvider>\n          </DataManagerProvider>\n        </FormModalNavigationProvider>\n      </AutoReloadOverlayBlockerProvider>\n    </Page.Protect>\n  );\n};\n\nexport default App;\n"],"names":["ListView","lazy","App","formatMessage","useIntl","title","id","pluginId","defaultMessage","autoReload","useAppInfo","state","isAIEnabled","useAIAvailability","useGuidedTour","s","dispatch","useEffect","prefetchAIToken","tourType","currentTourType","tours","contentTypeBuilder","type","payload","tourName","_jsxs","Page","Protect","permissions","PERMISSIONS","main","_jsx","Title","AutoReloadOverlayBlockerProvider","FormModalNavigationProvider","DataManagerProvider","ExitPrompt","ChatProvider","_Fragment","FormModal","Layouts","Root","sideNav","ContentTypeBuilderNav","Suspense","fallback","Loading","Routes","Route","path","element","EmptyState","Chat"],"mappings":"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"}

package/dist/admin/pages/ListView/EmptyState.js

@@ -3,35 +3,101 @@
 var jsxRuntime = require('react/jsx-runtime');
 var strapiAdmin = require('@strapi/admin/strapi-admin');
 var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var Symbols = require('@strapi/icons/symbols');
 var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var FigmaIcon = require('../../components/AIChat/components/icons/FigmaIcon.js');
+var ChatProvider = require('../../components/AIChat/providers/ChatProvider.js');
+var UploadCodeModal = require('../../components/AIChat/UploadCodeModal.js');
+var UploadFigmaModal = require('../../components/AIChat/UploadFigmaModal.js');
 var getTrad = require('../../utils/getTrad.js');
 
+// Styled container that implements responsive behavior
+const ResponsiveContainer = styledComponents.styled(designSystem.Flex)`
+  @container (max-width: 200px) {
+    .hide-on-small {
+      display: none;
+    }
+  }
+  container-type: inline-size;
+`;
 const EmptyState = ()=>{
     const { formatMessage } = reactIntl.useIntl();
     const pluginName = formatMessage({
-        id: getTrad.getTrad('plugin.name'),
-        defaultMessage: 'Content-Type Builder'
+        id: getTrad.getTrad('table.content.create-first-content-type.title'),
+        defaultMessage: 'No content types'
     });
-    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    const { isChatEnabled, openChat } = ChatProvider.useStrapiChat();
+    const { openCodeUpload } = UploadCodeModal.useUploadProjectToChat();
+    const { openFigmaUpload } = UploadFigmaModal.useUploadFigmaToChat();
+    return /*#__PURE__*/ jsxRuntime.jsxs(ResponsiveContainer, {
+        justifyContent: "center",
+        height: "100%",
+        width: '400px',
+        maxWidth: "90%",
+        margin: "auto",
+        direction: "column",
+        gap: 6,
         children: [
+            /*#__PURE__*/ jsxRuntime.jsx(Symbols.EmptyDocuments, {
+                width: "160px",
+                height: "88px"
+            }),
             /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.tours.contentTypeBuilder.Introduction, {
                 children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {})
             }),
             /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                justifyContent: "center",
+                gap: 2,
                 alignItems: "center",
-                height: "100%",
                 direction: "column",
                 children: [
                     /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                        variant: "alpha",
+                        variant: "beta",
+                        textAlign: "center",
                         children: pluginName
                     }),
                     /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                        variant: "delta",
+                        variant: "omega",
+                        textAlign: "center",
+                        textColor: "neutral600",
+                        children: formatMessage({
+                            id: getTrad.getTrad('table.content.create-first-content-type.description'),
+                            defaultMessage: 'Create collection types, single types and components in order to build your schema.'
+                        })
+                    })
+                ]
+            }),
+            isChatEnabled && /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                gap: 2,
+                direction: "column",
+                className: "hide-on-small",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                        startIcon: /*#__PURE__*/ jsxRuntime.jsx(FigmaIcon.FigmaIcon, {}),
+                        variant: "tertiary",
+                        onClick: ()=>openFigmaUpload(true),
+                        children: formatMessage({
+                            id: getTrad.getTrad('table.content.create-first-content-type.import-figma'),
+                            defaultMessage: 'Import from Figma'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                        startIcon: /*#__PURE__*/ jsxRuntime.jsx(Icons.Paperclip, {}),
+                        variant: "tertiary",
+                        onClick: ()=>openCodeUpload(true),
+                        children: formatMessage({
+                            id: getTrad.getTrad('table.content.create-first-content-type.import-code'),
+                            defaultMessage: 'Import from computer'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                        startIcon: /*#__PURE__*/ jsxRuntime.jsx(Icons.Sparkle, {}),
+                        variant: "tertiary",
+                        onClick: openChat,
                         children: formatMessage({
-                            id: getTrad.getTrad('table.content.create-first-content-type'),
-                            defaultMessage: 'Create your first Collection-Type'
+                            id: getTrad.getTrad('table.content.create-first-content-type.start-with-prompt'),
+                            defaultMessage: 'Start with a prompt'
                         })
                     })
                 ]

package/dist/admin/pages/ListView/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../../admin/src/pages/ListView/EmptyState.tsx"],"sourcesContent":["import { tours } from '@strapi/admin/strapi-admin';\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../../utils/getTrad';\n\nexport const EmptyState = () => {\n  const { formatMessage } = useIntl();\n\n  const pluginName = formatMessage({\n    id: getTrad('plugin.name'),\n    defaultMessage: 'Content-Type Builder',\n  });\n\n  return (\n    <>\n      <tours.contentTypeBuilder.Introduction>\n        {/* Invisible Anchor */}\n        <Box />\n      </tours.contentTypeBuilder.Introduction>\n      <Flex justifyContent=\"center\" alignItems=\"center\" height=\"100%\" direction=\"column\">\n        <Typography variant=\"alpha\">{pluginName}</Typography>\n        <Typography variant=\"delta\">\n          {formatMessage({\n            id: getTrad('table.content.create-first-content-type'),\n            defaultMessage: 'Create your first Collection-Type',\n          })}\n        </Typography>\n      </Flex>\n    </>\n  );\n};\n"],"names":["EmptyState","formatMessage","useIntl","pluginName","id","getTrad","defaultMessage","_jsxs","_Fragment","_jsx","tours","contentTypeBuilder","Introduction","Box","Flex","justifyContent","alignItems","height","direction","Typography","variant"],"mappings":";;;;;;;;MAMaA,UAAa,GAAA,IAAA;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,MAAMC,aAAaF,aAAc,CAAA;AAC/BG,QAAAA,EAAAA,EAAIC,eAAQ,CAAA,aAAA,CAAA;QACZC,cAAgB,EAAA;AAClB,KAAA,CAAA;IAEA,qBACEC,eAAA,CAAAC,mBAAA,EAAA;;0BACEC,cAACC,CAAAA,iBAAAA,CAAMC,kBAAkB,CAACC,YAAY,EAAA;AAEpC,gBAAA,QAAA,gBAAAH,cAACI,CAAAA,gBAAAA,EAAAA,EAAAA;;0BAEHN,eAACO,CAAAA,iBAAAA,EAAAA;gBAAKC,cAAe,EAAA,QAAA;gBAASC,UAAW,EAAA,QAAA;gBAASC,MAAO,EAAA,MAAA;gBAAOC,SAAU,EAAA,QAAA;;kCACxET,cAACU,CAAAA,uBAAAA,EAAAA;wBAAWC,OAAQ,EAAA,OAAA;AAASjB,wBAAAA,QAAAA,EAAAA;;kCAC7BM,cAACU,CAAAA,uBAAAA,EAAAA;wBAAWC,OAAQ,EAAA,OAAA;kCACjBnB,aAAc,CAAA;AACbG,4BAAAA,EAAAA,EAAIC,eAAQ,CAAA,yCAAA,CAAA;4BACZC,cAAgB,EAAA;AAClB,yBAAA;;;;;;AAKV;;;;"}
+{"version":3,"file":"EmptyState.js","sources":["../../../../admin/src/pages/ListView/EmptyState.tsx"],"sourcesContent":["import { tours } from '@strapi/admin/strapi-admin';\nimport { Button, Box, Flex, Typography } from '@strapi/design-system';\nimport { Sparkle, Paperclip } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { FigmaIcon } from '../../components/AIChat/components/icons/FigmaIcon';\nimport { useStrapiChat } from '../../components/AIChat/providers/ChatProvider';\nimport { useUploadProjectToChat } from '../../components/AIChat/UploadCodeModal';\nimport { useUploadFigmaToChat } from '../../components/AIChat/UploadFigmaModal';\nimport { getTrad } from '../../utils/getTrad';\n\n// Styled container that implements responsive behavior\nconst ResponsiveContainer = styled(Flex)`\n  @container (max-width: 200px) {\n    .hide-on-small {\n      display: none;\n    }\n  }\n  container-type: inline-size;\n`;\n\nexport const EmptyState = () => {\n  const { formatMessage } = useIntl();\n\n  const pluginName = formatMessage({\n    id: getTrad('table.content.create-first-content-type.title'),\n    defaultMessage: 'No content types',\n  });\n\n  const { isChatEnabled, openChat } = useStrapiChat();\n  const { openCodeUpload } = useUploadProjectToChat();\n  const { openFigmaUpload } = useUploadFigmaToChat();\n\n  return (\n    <ResponsiveContainer\n      justifyContent=\"center\"\n      height=\"100%\"\n      width={'400px'}\n      maxWidth=\"90%\"\n      margin=\"auto\"\n      direction=\"column\"\n      gap={6}\n    >\n      <EmptyDocuments width=\"160px\" height=\"88px\" />\n      <tours.contentTypeBuilder.Introduction>\n        {/* Invisible Anchor */}\n        <Box />\n      </tours.contentTypeBuilder.Introduction>\n      <Flex gap={2} alignItems=\"center\" direction=\"column\">\n        <Typography variant=\"beta\" textAlign=\"center\">\n          {pluginName}\n        </Typography>\n        <Typography variant=\"omega\" textAlign=\"center\" textColor=\"neutral600\">\n          {formatMessage({\n            id: getTrad('table.content.create-first-content-type.description'),\n            defaultMessage:\n              'Create collection types, single types and components in order to build your schema.',\n          })}\n        </Typography>\n      </Flex>\n\n      {/* Chat is not available on small screens either way */}\n      {isChatEnabled && (\n        <Flex gap={2} direction=\"column\" className=\"hide-on-small\">\n          <Button\n            startIcon={<FigmaIcon />}\n            variant=\"tertiary\"\n            onClick={() => openFigmaUpload(true)}\n          >\n            {formatMessage({\n              id: getTrad('table.content.create-first-content-type.import-figma'),\n              defaultMessage: 'Import from Figma',\n            })}\n          </Button>\n          <Button startIcon={<Paperclip />} variant=\"tertiary\" onClick={() => openCodeUpload(true)}>\n            {formatMessage({\n              id: getTrad('table.content.create-first-content-type.import-code'),\n              defaultMessage: 'Import from computer',\n            })}\n          </Button>\n          <Button startIcon={<Sparkle />} variant=\"tertiary\" onClick={openChat}>\n            {formatMessage({\n              id: getTrad('table.content.create-first-content-type.start-with-prompt'),\n              defaultMessage: 'Start with a prompt',\n            })}\n          </Button>\n        </Flex>\n      )}\n    </ResponsiveContainer>\n  );\n};\n"],"names":["ResponsiveContainer","styled","Flex","EmptyState","formatMessage","useIntl","pluginName","id","getTrad","defaultMessage","isChatEnabled","openChat","useStrapiChat","openCodeUpload","useUploadProjectToChat","openFigmaUpload","useUploadFigmaToChat","_jsxs","justifyContent","height","width","maxWidth","margin","direction","gap","_jsx","EmptyDocuments","tours","contentTypeBuilder","Introduction","Box","alignItems","Typography","variant","textAlign","textColor","className","Button","startIcon","FigmaIcon","onClick","Paperclip","Sparkle"],"mappings":"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"}

package/dist/admin/pages/ListView/EmptyState.mjs

@@ -1,35 +1,101 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { tours } from '@strapi/admin/strapi-admin';
-import { Box, Flex, Typography } from '@strapi/design-system';
+import { Flex, Box, Typography, Button } from '@strapi/design-system';
+import { Paperclip, Sparkle } from '@strapi/icons';
+import { EmptyDocuments } from '@strapi/icons/symbols';
 import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { FigmaIcon } from '../../components/AIChat/components/icons/FigmaIcon.mjs';
+import { useStrapiChat } from '../../components/AIChat/providers/ChatProvider.mjs';
+import { useUploadProjectToChat } from '../../components/AIChat/UploadCodeModal.mjs';
+import { useUploadFigmaToChat } from '../../components/AIChat/UploadFigmaModal.mjs';
 import { getTrad } from '../../utils/getTrad.mjs';
 
+// Styled container that implements responsive behavior
+const ResponsiveContainer = styled(Flex)`
+  @container (max-width: 200px) {
+    .hide-on-small {
+      display: none;
+    }
+  }
+  container-type: inline-size;
+`;
 const EmptyState = ()=>{
     const { formatMessage } = useIntl();
     const pluginName = formatMessage({
-        id: getTrad('plugin.name'),
-        defaultMessage: 'Content-Type Builder'
+        id: getTrad('table.content.create-first-content-type.title'),
+        defaultMessage: 'No content types'
     });
-    return /*#__PURE__*/ jsxs(Fragment, {
+    const { isChatEnabled, openChat } = useStrapiChat();
+    const { openCodeUpload } = useUploadProjectToChat();
+    const { openFigmaUpload } = useUploadFigmaToChat();
+    return /*#__PURE__*/ jsxs(ResponsiveContainer, {
+        justifyContent: "center",
+        height: "100%",
+        width: '400px',
+        maxWidth: "90%",
+        margin: "auto",
+        direction: "column",
+        gap: 6,
         children: [
+            /*#__PURE__*/ jsx(EmptyDocuments, {
+                width: "160px",
+                height: "88px"
+            }),
             /*#__PURE__*/ jsx(tours.contentTypeBuilder.Introduction, {
                 children: /*#__PURE__*/ jsx(Box, {})
             }),
             /*#__PURE__*/ jsxs(Flex, {
-                justifyContent: "center",
+                gap: 2,
                 alignItems: "center",
-                height: "100%",
                 direction: "column",
                 children: [
                     /*#__PURE__*/ jsx(Typography, {
-                        variant: "alpha",
+                        variant: "beta",
+                        textAlign: "center",
                         children: pluginName
                     }),
                     /*#__PURE__*/ jsx(Typography, {
-                        variant: "delta",
+                        variant: "omega",
+                        textAlign: "center",
+                        textColor: "neutral600",
+                        children: formatMessage({
+                            id: getTrad('table.content.create-first-content-type.description'),
+                            defaultMessage: 'Create collection types, single types and components in order to build your schema.'
+                        })
+                    })
+                ]
+            }),
+            isChatEnabled && /*#__PURE__*/ jsxs(Flex, {
+                gap: 2,
+                direction: "column",
+                className: "hide-on-small",
+                children: [
+                    /*#__PURE__*/ jsx(Button, {
+                        startIcon: /*#__PURE__*/ jsx(FigmaIcon, {}),
+                        variant: "tertiary",
+                        onClick: ()=>openFigmaUpload(true),
+                        children: formatMessage({
+                            id: getTrad('table.content.create-first-content-type.import-figma'),
+                            defaultMessage: 'Import from Figma'
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        startIcon: /*#__PURE__*/ jsx(Paperclip, {}),
+                        variant: "tertiary",
+                        onClick: ()=>openCodeUpload(true),
+                        children: formatMessage({
+                            id: getTrad('table.content.create-first-content-type.import-code'),
+                            defaultMessage: 'Import from computer'
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        startIcon: /*#__PURE__*/ jsx(Sparkle, {}),
+                        variant: "tertiary",
+                        onClick: openChat,
                         children: formatMessage({
-                            id: getTrad('table.content.create-first-content-type'),
-                            defaultMessage: 'Create your first Collection-Type'
+                            id: getTrad('table.content.create-first-content-type.start-with-prompt'),
+                            defaultMessage: 'Start with a prompt'
                         })
                     })
                 ]

package/dist/admin/pages/ListView/EmptyState.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.mjs","sources":["../../../../admin/src/pages/ListView/EmptyState.tsx"],"sourcesContent":["import { tours } from '@strapi/admin/strapi-admin';\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../../utils/getTrad';\n\nexport const EmptyState = () => {\n  const { formatMessage } = useIntl();\n\n  const pluginName = formatMessage({\n    id: getTrad('plugin.name'),\n    defaultMessage: 'Content-Type Builder',\n  });\n\n  return (\n    <>\n      <tours.contentTypeBuilder.Introduction>\n        {/* Invisible Anchor */}\n        <Box />\n      </tours.contentTypeBuilder.Introduction>\n      <Flex justifyContent=\"center\" alignItems=\"center\" height=\"100%\" direction=\"column\">\n        <Typography variant=\"alpha\">{pluginName}</Typography>\n        <Typography variant=\"delta\">\n          {formatMessage({\n            id: getTrad('table.content.create-first-content-type'),\n            defaultMessage: 'Create your first Collection-Type',\n          })}\n        </Typography>\n      </Flex>\n    </>\n  );\n};\n"],"names":["EmptyState","formatMessage","useIntl","pluginName","id","getTrad","defaultMessage","_jsxs","_Fragment","_jsx","tours","contentTypeBuilder","Introduction","Box","Flex","justifyContent","alignItems","height","direction","Typography","variant"],"mappings":";;;;;;MAMaA,UAAa,GAAA,IAAA;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,MAAMC,aAAaF,aAAc,CAAA;AAC/BG,QAAAA,EAAAA,EAAIC,OAAQ,CAAA,aAAA,CAAA;QACZC,cAAgB,EAAA;AAClB,KAAA,CAAA;IAEA,qBACEC,IAAA,CAAAC,QAAA,EAAA;;0BACEC,GAACC,CAAAA,KAAAA,CAAMC,kBAAkB,CAACC,YAAY,EAAA;AAEpC,gBAAA,QAAA,gBAAAH,GAACI,CAAAA,GAAAA,EAAAA,EAAAA;;0BAEHN,IAACO,CAAAA,IAAAA,EAAAA;gBAAKC,cAAe,EAAA,QAAA;gBAASC,UAAW,EAAA,QAAA;gBAASC,MAAO,EAAA,MAAA;gBAAOC,SAAU,EAAA,QAAA;;kCACxET,GAACU,CAAAA,UAAAA,EAAAA;wBAAWC,OAAQ,EAAA,OAAA;AAASjB,wBAAAA,QAAAA,EAAAA;;kCAC7BM,GAACU,CAAAA,UAAAA,EAAAA;wBAAWC,OAAQ,EAAA,OAAA;kCACjBnB,aAAc,CAAA;AACbG,4BAAAA,EAAAA,EAAIC,OAAQ,CAAA,yCAAA,CAAA;4BACZC,cAAgB,EAAA;AAClB,yBAAA;;;;;;AAKV;;;;"}
+{"version":3,"file":"EmptyState.mjs","sources":["../../../../admin/src/pages/ListView/EmptyState.tsx"],"sourcesContent":["import { tours } from '@strapi/admin/strapi-admin';\nimport { Button, Box, Flex, Typography } from '@strapi/design-system';\nimport { Sparkle, Paperclip } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { FigmaIcon } from '../../components/AIChat/components/icons/FigmaIcon';\nimport { useStrapiChat } from '../../components/AIChat/providers/ChatProvider';\nimport { useUploadProjectToChat } from '../../components/AIChat/UploadCodeModal';\nimport { useUploadFigmaToChat } from '../../components/AIChat/UploadFigmaModal';\nimport { getTrad } from '../../utils/getTrad';\n\n// Styled container that implements responsive behavior\nconst ResponsiveContainer = styled(Flex)`\n  @container (max-width: 200px) {\n    .hide-on-small {\n      display: none;\n    }\n  }\n  container-type: inline-size;\n`;\n\nexport const EmptyState = () => {\n  const { formatMessage } = useIntl();\n\n  const pluginName = formatMessage({\n    id: getTrad('table.content.create-first-content-type.title'),\n    defaultMessage: 'No content types',\n  });\n\n  const { isChatEnabled, openChat } = useStrapiChat();\n  const { openCodeUpload } = useUploadProjectToChat();\n  const { openFigmaUpload } = useUploadFigmaToChat();\n\n  return (\n    <ResponsiveContainer\n      justifyContent=\"center\"\n      height=\"100%\"\n      width={'400px'}\n      maxWidth=\"90%\"\n      margin=\"auto\"\n      direction=\"column\"\n      gap={6}\n    >\n      <EmptyDocuments width=\"160px\" height=\"88px\" />\n      <tours.contentTypeBuilder.Introduction>\n        {/* Invisible Anchor */}\n        <Box />\n      </tours.contentTypeBuilder.Introduction>\n      <Flex gap={2} alignItems=\"center\" direction=\"column\">\n        <Typography variant=\"beta\" textAlign=\"center\">\n          {pluginName}\n        </Typography>\n        <Typography variant=\"omega\" textAlign=\"center\" textColor=\"neutral600\">\n          {formatMessage({\n            id: getTrad('table.content.create-first-content-type.description'),\n            defaultMessage:\n              'Create collection types, single types and components in order to build your schema.',\n          })}\n        </Typography>\n      </Flex>\n\n      {/* Chat is not available on small screens either way */}\n      {isChatEnabled && (\n        <Flex gap={2} direction=\"column\" className=\"hide-on-small\">\n          <Button\n            startIcon={<FigmaIcon />}\n            variant=\"tertiary\"\n            onClick={() => openFigmaUpload(true)}\n          >\n            {formatMessage({\n              id: getTrad('table.content.create-first-content-type.import-figma'),\n              defaultMessage: 'Import from Figma',\n            })}\n          </Button>\n          <Button startIcon={<Paperclip />} variant=\"tertiary\" onClick={() => openCodeUpload(true)}>\n            {formatMessage({\n              id: getTrad('table.content.create-first-content-type.import-code'),\n              defaultMessage: 'Import from computer',\n            })}\n          </Button>\n          <Button startIcon={<Sparkle />} variant=\"tertiary\" onClick={openChat}>\n            {formatMessage({\n              id: getTrad('table.content.create-first-content-type.start-with-prompt'),\n              defaultMessage: 'Start with a prompt',\n            })}\n          </Button>\n        </Flex>\n      )}\n    </ResponsiveContainer>\n  );\n};\n"],"names":["ResponsiveContainer","styled","Flex","EmptyState","formatMessage","useIntl","pluginName","id","getTrad","defaultMessage","isChatEnabled","openChat","useStrapiChat","openCodeUpload","useUploadProjectToChat","openFigmaUpload","useUploadFigmaToChat","_jsxs","justifyContent","height","width","maxWidth","margin","direction","gap","_jsx","EmptyDocuments","tours","contentTypeBuilder","Introduction","Box","alignItems","Typography","variant","textAlign","textColor","className","Button","startIcon","FigmaIcon","onClick","Paperclip","Sparkle"],"mappings":"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"}

package/dist/admin/src/components/AIChat/Chat.d.ts

@@ -0,0 +1,2 @@
+declare const Chat: () => import("react/jsx-runtime").JSX.Element | null;
+export { Chat };

package/dist/admin/src/components/AIChat/FeedbackModal.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+interface FeedbackModalContextType {
+    isFeedbackModalOpen: boolean;
+    currentMessageId: string | null;
+    openFeedbackModal: (messageId: string) => void;
+    closeFeedbackModal: () => void;
+}
+export declare const useFeedbackModal: () => FeedbackModalContextType;
+export declare const FeedbackProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const FeedbackModal: React.FC;
+export {};

package/dist/admin/src/components/AIChat/UploadCodeModal.d.ts

@@ -0,0 +1,12 @@
+interface UploadProjectContextType {
+    isCodeUploadOpen: boolean;
+    submitOnFinish: boolean;
+    openCodeUpload: (submitOnFinish?: boolean) => void;
+    closeCodeUpload: () => void;
+}
+export declare const useUploadProjectToChat: () => UploadProjectContextType;
+export declare const UploadProjectToChatProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const UploadCodeModal: () => import("react/jsx-runtime").JSX.Element;
+export {};