feat: frontend part of support try apps (#31287)

Co-authored-by: CodingOnStar <hanxujiang@dify.ai>
Co-authored-by: yyh <92089059+lyzno1@users.noreply.github.com>

web/context/app-list-context.ts

@@ -0,0 +1,19 @@
+import type { CurrentTryAppParams } from './explore-context'
+import { noop } from 'es-toolkit/function'
+import { createContext } from 'use-context-selector'
+
+type Props = {
+  currentApp?: CurrentTryAppParams
+  isShowTryAppPanel: boolean
+  setShowTryAppPanel: (showTryAppPanel: boolean, params?: CurrentTryAppParams) => void
+  controlHideCreateFromTemplatePanel: number
+}
+
+const AppListContext = createContext<Props>({
+  isShowTryAppPanel: false,
+  setShowTryAppPanel: noop,
+  currentApp: undefined,
+  controlHideCreateFromTemplatePanel: 0,
+})
+
+export default AppListContext

web/context/debug-configuration.ts

@@ -29,6 +29,7 @@ import { PromptMode } from '@/models/debug'
 import { AppModeEnum, ModelModeType, Resolution, RETRIEVE_TYPE, TransferMethod } from '@/types/app'
 
 type IDebugConfiguration = {
+  readonly?: boolean
   appId: string
   isAPIKeySet: boolean
   isTrailFinished: boolean
@@ -108,6 +109,7 @@ type IDebugConfiguration = {
 }
 
 const DebugConfigurationContext = createContext<IDebugConfiguration>({
+  readonly: false,
   appId: '',
   isAPIKeySet: false,
   isTrailFinished: false,

web/context/explore-context.ts

@@ -1,8 +1,13 @@
-import type { InstalledApp } from '@/models/explore'
+import type { App, InstalledApp } from '@/models/explore'
 import { noop } from 'es-toolkit/function'
 import { createContext } from 'use-context-selector'
 
-type IExplore = {
+export type CurrentTryAppParams = {
+  appId: string
+  app: App
+}
+
+export type IExplore = {
   controlUpdateInstalledApps: number
   setControlUpdateInstalledApps: (controlUpdateInstalledApps: number) => void
   hasEditPermission: boolean
@@ -10,6 +15,9 @@ type IExplore = {
   setInstalledApps: (installedApps: InstalledApp[]) => void
   isFetchingInstalledApps: boolean
   setIsFetchingInstalledApps: (isFetchingInstalledApps: boolean) => void
+  currentApp?: CurrentTryAppParams
+  isShowTryAppPanel: boolean
+  setShowTryAppPanel: (showTryAppPanel: boolean, params?: CurrentTryAppParams) => void
 }
 
 const ExploreContext = createContext<IExplore>({
@@ -20,6 +28,9 @@ const ExploreContext = createContext<IExplore>({
   setInstalledApps: noop,
   isFetchingInstalledApps: false,
   setIsFetchingInstalledApps: noop,
+  isShowTryAppPanel: false,
+  setShowTryAppPanel: noop,
+  currentApp: undefined,
 })
 
 export default ExploreContext