@@ -45,47 +35,26 @@ export default function Sidebar({ current, onClick, onCreateFromBlank }: Sidebar
type CategoryItemProps = {
active: boolean
- category: AppCategories
- onClick?: (category: AppCategories) => void
+ category: AppCategories | string
+ onClick?: (category: AppCategories | string) => void
}
function CategoryItem({ category, active, onClick }: CategoryItemProps) {
return
{ onClick?.(category) }}>
-
+ {category === AppCategories.RECOMMENDED &&
+
+
}
}
type AppCategoryLabelProps = {
- category: AppCategories
+ category: AppCategories | string
className?: string
}
export function AppCategoryLabel({ category, className }: AppCategoryLabelProps) {
const { t } = useTranslation()
- return
{t(`app.newAppFromTemplate.sidebar.${category}`)}
-}
-
-type AppCategoryIconProps = {
- category: AppCategories
-}
-function AppCategoryIcon({ category }: AppCategoryIconProps) {
- if (category === AppCategories.AGENT)
- return
- if (category === AppCategories.ASSISTANT)
- return
- if (category === AppCategories.HR)
- return
- if (category === AppCategories.PROGRAMMING)
- return
- if (category === AppCategories.RECOMMENDED)
- return
- if (category === AppCategories.WRITING)
- return
- if (category === AppCategories.WORKFLOW)
- return
- return
+ return
{category === AppCategories.RECOMMENDED ? t('app.newAppFromTemplate.sidebar.Recommended') : category}
}
diff --git a/web/app/components/app/create-from-dsl-modal/dsl-confirm-modal.tsx b/web/app/components/app/create-from-dsl-modal/dsl-confirm-modal.tsx
new file mode 100644
index 0000000000..e6aadaa326
--- /dev/null
+++ b/web/app/components/app/create-from-dsl-modal/dsl-confirm-modal.tsx
@@ -0,0 +1,46 @@
+import { useTranslation } from 'react-i18next'
+import Modal from '@/app/components/base/modal'
+import Button from '@/app/components/base/button'
+
+type DSLConfirmModalProps = {
+ versions?: {
+ importedVersion: string
+ systemVersion: string
+ }
+ onCancel: () => void
+ onConfirm: () => void
+ confirmDisabled?: boolean
+}
+const DSLConfirmModal = ({
+ versions = { importedVersion: '', systemVersion: '' },
+ onCancel,
+ onConfirm,
+ confirmDisabled = false,
+}: DSLConfirmModalProps) => {
+ const { t } = useTranslation()
+
+ return (
+
onCancel()}
+ className='w-[480px]'
+ >
+
+
{t('app.newApp.appCreateDSLErrorTitle')}
+
+
{t('app.newApp.appCreateDSLErrorPart1')}
+
{t('app.newApp.appCreateDSLErrorPart2')}
+
+
{t('app.newApp.appCreateDSLErrorPart3')}{versions.importedVersion}
+
{t('app.newApp.appCreateDSLErrorPart4')}{versions.systemVersion}
+
+
+
+
+
+
+
+ )
+}
+
+export default DSLConfirmModal
diff --git a/web/app/components/app/overview/embedded/index.tsx b/web/app/components/app/overview/embedded/index.tsx
index d4e5dd8898..691b727b8e 100644
--- a/web/app/components/app/overview/embedded/index.tsx
+++ b/web/app/components/app/overview/embedded/index.tsx
@@ -29,7 +29,7 @@ const OPTION_MAP = {
iframe: {
getContent: (url: string, token: string) =>
`