dify

dify/web/app/(commonLayout)/explore/apps/page.tsx

@@ -0,0 +1,8 @@
+import React from 'react'
+import AppList from '@/app/components/explore/app-list'
+
+const Apps = () => {
+  return <AppList />
+}
+
+export default React.memo(Apps)

dify/web/app/(commonLayout)/explore/installed/[appId]/page.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import Main from '@/app/components/explore/installed-app'
+
+export type IInstalledAppProps = {
+  params?: Promise<{
+    appId: string
+  }>
+}
+
+// Using Next.js page convention for async server components
+async function InstalledApp({ params }: IInstalledAppProps) {
+  const { appId } = await (params ?? Promise.reject(new Error('Missing params')))
+  return (
+    <Main id={appId} />
+  )
+}
+
+export default InstalledApp

dify/web/app/(commonLayout)/explore/layout.tsx

@@ -0,0 +1,18 @@
+'use client'
+import type { FC, PropsWithChildren } from 'react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import ExploreClient from '@/app/components/explore'
+import useDocumentTitle from '@/hooks/use-document-title'
+
+const ExploreLayout: FC<PropsWithChildren> = ({ children }) => {
+  const { t } = useTranslation()
+  useDocumentTitle(t('common.menus.explore'))
+  return (
+    <ExploreClient>
+      {children}
+    </ExploreClient>
+  )
+}
+
+export default React.memo(ExploreLayout)