From 72c92fa60a33a24c3b6f74ee1f7406f7c7f715af Mon Sep 17 00:00:00 2001
From: Archie <archievingram@gmail.com>
Date: Sun, 7 Jun 2026 08:36:03 -0400
Subject: [PATCH] refactor(web): mark Props of explore/try-app/preview
 components as read-only (#25219) (#37135)

Co-authored-by: archievi <13202986+archievi@users.noreply.github.com>
---
 .../components/explore/try-app/preview/basic-app-preview.tsx  | 2 +-
 .../components/explore/try-app/preview/flow-app-preview.tsx   | 4 ++--
 web/app/components/explore/try-app/preview/index.tsx          | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/app/components/explore/try-app/preview/basic-app-preview.tsx b/web/app/components/explore/try-app/preview/basic-app-preview.tsx
index cbc56377fd..c118b8e51e 100644
--- a/web/app/components/explore/try-app/preview/basic-app-preview.tsx
+++ b/web/app/components/explore/try-app/preview/basic-app-preview.tsx
@@ -29,7 +29,7 @@ import { basePath } from '@/utils/var'
 import { useTextGenerationCurrentProviderAndModelAndModelList } from '../../../header/account-setting/model-provider-page/hooks'
 
 type Props = {
-  appId: string
+  readonly appId: string
 }
 
 const defaultModelConfig = {
diff --git a/web/app/components/explore/try-app/preview/flow-app-preview.tsx b/web/app/components/explore/try-app/preview/flow-app-preview.tsx
index 89a68a2ec1..fa7232e930 100644
--- a/web/app/components/explore/try-app/preview/flow-app-preview.tsx
+++ b/web/app/components/explore/try-app/preview/flow-app-preview.tsx
@@ -7,8 +7,8 @@ import WorkflowPreview from '@/app/components/workflow/workflow-preview'
 import { useGetTryAppFlowPreview } from '@/service/use-try-app'
 
 type Props = {
-  appId: string
-  className?: string
+  readonly appId: string
+  readonly className?: string
 }
 
 const FlowAppPreview: FC<Props> = ({
diff --git a/web/app/components/explore/try-app/preview/index.tsx b/web/app/components/explore/try-app/preview/index.tsx
index 3acaf63117..91a6bc42e2 100644
--- a/web/app/components/explore/try-app/preview/index.tsx
+++ b/web/app/components/explore/try-app/preview/index.tsx
@@ -6,8 +6,8 @@ import BasicAppPreview from './basic-app-preview'
 import FlowAppPreview from './flow-app-preview'
 
 type Props = {
-  appId: string
-  appDetail: TryAppInfo
+  readonly appId: string
+  readonly appDetail: TryAppInfo
 }
 
 const Preview: FC<Props> = ({