refactor(web): consolidate query mutation skill guidance

Signed-off-by: yyh <yuanyouhuilyz@gmail.com>

.agents/skills/component-refactoring/SKILL.md

@@ -187,53 +187,13 @@ const Template = useMemo(() => {
 
 **When**: Component directly handles API calls, data transformation, or complex async operations.
 
-**Dify Convention**: Use `@tanstack/react-query` hooks from `web/service/use-*.ts` or create custom data hooks.
-
-```typescript
-// ❌ Before: API logic in component
-const MCPServiceCard = () => {
-  const [basicAppConfig, setBasicAppConfig] = useState({})
-  
-  useEffect(() => {
-    if (isBasicApp && appId) {
-      (async () => {
-        const res = await fetchAppDetail({ url: '/apps', id: appId })
-        setBasicAppConfig(res?.model_config || {})
-      })()
-    }
-  }, [appId, isBasicApp])
-  
-  // More API-related logic...
-}
-
-// ✅ After: Extract to data hook using React Query
-// use-app-config.ts
-import { useQuery } from '@tanstack/react-query'
-import { get } from '@/service/base'
-
-const NAME_SPACE = 'appConfig'
-
-export const useAppConfig = (appId: string, isBasicApp: boolean) => {
-  return useQuery({
-    enabled: isBasicApp && !!appId,
-    queryKey: [NAME_SPACE, 'detail', appId],
-    queryFn: () => get<AppDetailResponse>(`/apps/${appId}`),
-    select: data => data?.model_config || {},
-  })
-}
-
-// Component becomes cleaner
-const MCPServiceCard = () => {
-  const { data: config, isLoading } = useAppConfig(appId, isBasicApp)
-  // UI only
-}
-```
-
-**React Query Best Practices in Dify**:
-- Define `NAME_SPACE` for query key organization
-- Use `enabled` option for conditional fetching
-- Use `select` for data transformation
-- Export invalidation hooks: `useInvalidXxx`
+**Dify Convention**:
+- This skill is for component decomposition, not query/mutation design.
+- When refactoring data fetching, follow `web/AGENTS.md`.
+- Use `orpc-contract-first` for contracts, query shape, data-fetching wrappers, and query/mutation call-site patterns.
+- Use `web/docs/query-mutation.md` for Dify-specific conditional query, invalidation, and mutation error-handling rules.
+- Do not introduce deprecated `useInvalid` / `useReset`.
+- Do not add thin passthrough `useQuery` wrappers during refactoring; only extract a custom hook when it truly orchestrates multiple queries/mutations or shared derived state.
 
 **Dify Examples**:
 - `web/service/use-workflow.ts`

.agents/skills/component-refactoring/references/hook-extraction.md

@@ -155,48 +155,15 @@ const Configuration: FC = () => {
 
 ## Common Hook Patterns in Dify
 
-### 1. Data Fetching Hook (React Query)
+### 1. Data Fetching / Mutation Hooks
 
-```typescript
-// Pattern: Use @tanstack/react-query for data fetching
-import { useQuery, useQueryClient } from '@tanstack/react-query'
-import { get } from '@/service/base'
-import { useInvalid } from '@/service/use-base'
+When hook extraction touches query or mutation code, do not use this reference as the source of truth for data-layer patterns.
 
-const NAME_SPACE = 'appConfig'
-
-// Query keys for cache management
-export const appConfigQueryKeys = {
-  detail: (appId: string) => [NAME_SPACE, 'detail', appId] as const,
-}
-
-// Main data hook
-export const useAppConfig = (appId: string) => {
-  return useQuery({
-    enabled: !!appId,
-    queryKey: appConfigQueryKeys.detail(appId),
-    queryFn: () => get<AppDetailResponse>(`/apps/${appId}`),
-    select: data => data?.model_config || null,
-  })
-}
-
-// Invalidation hook for refreshing data
-export const useInvalidAppConfig = () => {
-  return useInvalid([NAME_SPACE])
-}
-
-// Usage in component
-const Component = () => {
-  const { data: config, isLoading, error, refetch } = useAppConfig(appId)
-  const invalidAppConfig = useInvalidAppConfig()
-  
-  const handleRefresh = () => {
-    invalidAppConfig() // Invalidates cache and triggers refetch
-  }
-  
-  return <div>...</div>
-}
-```
+- Follow `web/AGENTS.md` first.
+- Use `orpc-contract-first` for contracts, query shape, data-fetching wrappers, and query/mutation call-site patterns.
+- Use `web/docs/query-mutation.md` for conditional query, invalidation, and mutation error-handling rules.
+- Do not introduce deprecated `useInvalid` / `useReset`.
+- Do not extract thin passthrough `useQuery` hooks; only extract orchestration hooks.
 
 ### 2. Form State Hook
 

.agents/skills/frontend-query-mutation/SKILL.md

@@ -0,0 +1,44 @@
+---
+name: frontend-query-mutation
+description: Guide for implementing Dify frontend query and mutation patterns with TanStack Query and oRPC. Trigger when creating or updating contracts in web/contract, wiring router composition, consuming consoleQuery or marketplaceQuery in components or services, deciding whether to call queryOptions() directly or extract a helper or use-* hook, handling conditional queries, cache invalidation, mutation error handling, or migrating legacy service calls to contract-first query and mutation helpers.
+---
+
+# Frontend Query & Mutation
+
+## Intent
+
+- Keep contract as the single source of truth in `web/contract/*`.
+- Prefer contract-shaped `queryOptions()` and `mutationOptions()`.
+- Keep invalidation and mutation flow knowledge in the service layer.
+- Keep abstractions minimal to preserve TypeScript inference.
+
+## Workflow
+
+1. Identify the change surface.
+   - Read `references/contract-patterns.md` for contract files, router composition, client helpers, and query or mutation call-site shape.
+   - Read `references/runtime-rules.md` for conditional queries, invalidation, error handling, and legacy migrations.
+   - Read both references when a task spans contract shape and runtime behavior.
+2. Implement the smallest abstraction that fits the task.
+   - Default to direct `useQuery(...)` or `useMutation(...)` calls with oRPC helpers at the call site.
+   - Extract a small shared query helper only when multiple call sites share the same extra options.
+   - Create `web/service/use-{domain}.ts` only for orchestration or shared domain behavior.
+3. Preserve Dify conventions.
+   - Keep contract inputs in `{ params, query?, body? }` shape.
+   - Bind invalidation in the service-layer mutation definition.
+   - Prefer `mutate(...)`; use `mutateAsync(...)` only when Promise semantics are required.
+
+## Files Commonly Touched
+
+- `web/contract/console/*.ts`
+- `web/contract/marketplace.ts`
+- `web/contract/router.ts`
+- `web/service/client.ts`
+- `web/service/use-*.ts`
+- component and hook call sites using `consoleQuery` or `marketplaceQuery`
+
+## References
+
+- Use `references/contract-patterns.md` for contract shape, router registration, query and mutation helpers, and anti-patterns that degrade inference.
+- Use `references/runtime-rules.md` for conditional queries, invalidation, `mutate` versus `mutateAsync`, and legacy migration rules.
+
+Treat this skill as the single query and mutation entry point for Dify frontend work. Keep detailed rules in the reference files instead of duplicating them in project docs.

.agents/skills/frontend-query-mutation/agents/openai.yaml

@@ -0,0 +1,4 @@
+interface:
+  display_name: "Frontend Query & Mutation"
+  short_description: "Dify TanStack Query and oRPC patterns"
+  default_prompt: "Use this skill when implementing or reviewing Dify frontend contracts, query and mutation call sites, conditional queries, invalidation, or legacy query/mutation migrations."

.agents/skills/frontend-query-mutation/references/contract-patterns.md

@@ -0,0 +1,98 @@
+# Contract Patterns
+
+## Table of Contents
+
+- Intent
+- Minimal structure
+- Core workflow
+- Query usage decision rule
+- Mutation usage decision rule
+- Anti-patterns
+- Contract rules
+- Type export
+
+## Intent
+
+- Keep contract as the single source of truth in `web/contract/*`.
+- Default query usage to call-site `useQuery(consoleQuery|marketplaceQuery.xxx.queryOptions(...))` when endpoint behavior maps 1:1 to the contract.
+- Keep abstractions minimal and preserve TypeScript inference.
+
+## Minimal Structure
+
+```text
+web/contract/
+├── base.ts
+├── router.ts
+├── marketplace.ts
+└── console/
+    ├── billing.ts
+    └── ...other domains
+web/service/client.ts
+```
+
+## Core Workflow
+
+1. Define contract in `web/contract/console/{domain}.ts` or `web/contract/marketplace.ts`.
+   - Use `base.route({...}).output(type<...>())` as the baseline.
+   - Add `.input(type<...>())` only when the request has `params`, `query`, or `body`.
+   - For `GET` without input, omit `.input(...)`; do not use `.input(type<unknown>())`.
+2. Register contract in `web/contract/router.ts`.
+   - Import directly from domain files and nest by API prefix.
+3. Consume from UI call sites via oRPC query utilities.
+
+```typescript
+import { useQuery } from '@tanstack/react-query'
+import { consoleQuery } from '@/service/client'
+
+const invoiceQuery = useQuery(consoleQuery.billing.invoices.queryOptions({
+  staleTime: 5 * 60 * 1000,
+  throwOnError: true,
+  select: invoice => invoice.url,
+}))
+```
+
+## Query Usage Decision Rule
+
+1. Default to direct `*.queryOptions(...)` usage at the call site.
+2. If 3 or more call sites share the same extra options, extract a small query helper, not a `use-*` passthrough hook.
+3. Create `web/service/use-{domain}.ts` only for orchestration.
+   - Combine multiple queries or mutations.
+   - Share domain-level derived state or invalidation helpers.
+
+```typescript
+const invoicesBaseQueryOptions = () =>
+  consoleQuery.billing.invoices.queryOptions({ retry: false })
+
+const invoiceQuery = useQuery({
+  ...invoicesBaseQueryOptions(),
+  throwOnError: true,
+})
+```
+
+## Mutation Usage Decision Rule
+
+1. Default to mutation helpers from `consoleQuery` or `marketplaceQuery`, for example `useMutation(consoleQuery.billing.bindPartnerStack.mutationOptions(...))`.
+2. If the mutation flow is heavily custom, use oRPC clients as `mutationFn`, for example `consoleClient.xxx` or `marketplaceClient.xxx`, instead of handwritten non-oRPC mutation logic.
+
+## Anti-Patterns
+
+- Do not wrap `useQuery` with `options?: Partial<UseQueryOptions>`.
+- Do not split local `queryKey` and `queryFn` when oRPC `queryOptions` already exists and fits the use case.
+- Do not create thin `use-*` passthrough hooks for a single endpoint.
+- These patterns can degrade inference, especially around `throwOnError` and `select`, and add unnecessary indirection.
+
+## Contract Rules
+
+- Input structure: always use `{ params, query?, body? }`.
+- No-input `GET`: omit `.input(...)`; do not use `.input(type<unknown>())`.
+- Path params: use `{paramName}` in the path and match it in the `params` object.
+- Router nesting: group by API prefix, for example `/billing/*` becomes `billing: {}`.
+- No barrel files: import directly from specific files.
+- Types: import from `@/types/` and use the `type<T>()` helper.
+- Mutations: prefer `mutationOptions`; use explicit `mutationKey` mainly for defaults, filtering, and devtools.
+
+## Type Export
+
+```typescript
+export type ConsoleInputs = InferContractRouterInputs<typeof consoleRouterContract>
+```

.agents/skills/frontend-query-mutation/references/runtime-rules.md

@@ -0,0 +1,133 @@
+# Runtime Rules
+
+## Table of Contents
+
+- Conditional queries
+- Cache invalidation
+- Key API guide
+- `mutate` vs `mutateAsync`
+- Legacy migration
+
+## Conditional Queries
+
+Prefer contract-shaped `queryOptions(...)`.
+When required input is missing, prefer `input: skipToken` instead of placeholder params or non-null assertions.
+Use `enabled` only for extra business gating after the input itself is already valid.
+
+```typescript
+import { skipToken, useQuery } from '@tanstack/react-query'
+
+// Disable the query by skipping input construction.
+function useAccessMode(appId: string | undefined) {
+  return useQuery(consoleQuery.accessControl.appAccessMode.queryOptions({
+    input: appId
+      ? { params: { appId } }
+      : skipToken,
+  }))
+}
+
+// Avoid runtime-only guards that bypass type checking.
+function useBadAccessMode(appId: string | undefined) {
+  return useQuery(consoleQuery.accessControl.appAccessMode.queryOptions({
+    input: { params: { appId: appId! } },
+    enabled: !!appId,
+  }))
+}
+```
+
+## Cache Invalidation
+
+Bind invalidation in the service-layer mutation definition.
+Components may add UI feedback in call-site callbacks, but they should not decide which queries to invalidate.
+
+Use:
+
+- `.key()` for namespace or prefix invalidation
+- `.queryKey(...)` only for exact cache reads or writes such as `getQueryData` and `setQueryData`
+- `queryClient.invalidateQueries(...)` in mutation `onSuccess`
+
+Do not use deprecated `useInvalid` from `use-base.ts`.
+
+```typescript
+// Service layer owns cache invalidation.
+export const useUpdateAccessMode = () => {
+  const queryClient = useQueryClient()
+
+  return useMutation(consoleQuery.accessControl.updateAccessMode.mutationOptions({
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: consoleQuery.accessControl.appWhitelistSubjects.key(),
+      })
+    },
+  }))
+}
+
+// Component only adds UI behavior.
+updateAccessMode({ appId, mode }, {
+  onSuccess: () => Toast.notify({ type: 'success', message: '...' }),
+})
+
+// Avoid putting invalidation knowledge in the component.
+mutate({ appId, mode }, {
+  onSuccess: () => {
+    queryClient.invalidateQueries({
+      queryKey: consoleQuery.accessControl.appWhitelistSubjects.key(),
+    })
+  },
+})
+```
+
+## Key API Guide
+
+- `.key(...)`
+  - Use for partial matching operations.
+  - Prefer it for invalidation, refetch, and cancel patterns.
+  - Example: `queryClient.invalidateQueries({ queryKey: consoleQuery.billing.key() })`
+- `.queryKey(...)`
+  - Use for a specific query's full key.
+  - Prefer it for exact cache addressing and direct reads or writes.
+- `.mutationKey(...)`
+  - Use for a specific mutation's full key.
+  - Prefer it for mutation defaults registration, mutation-status filtering, and devtools grouping.
+
+## `mutate` vs `mutateAsync`
+
+Prefer `mutate` by default.
+Use `mutateAsync` only when Promise semantics are truly required, such as parallel mutations or sequential steps with result dependencies.
+
+Rules:
+
+- Event handlers should usually call `mutate(...)` with `onSuccess` or `onError`.
+- Every `await mutateAsync(...)` must be wrapped in `try/catch`.
+- Do not use `mutateAsync` when callbacks already express the flow clearly.
+
+```typescript
+// Default case.
+mutation.mutate(data, {
+  onSuccess: result => router.push(result.url),
+})
+
+// Promise semantics are required.
+try {
+  const order = await createOrder.mutateAsync(orderData)
+  await confirmPayment.mutateAsync({ orderId: order.id, token })
+  router.push(`/orders/${order.id}`)
+}
+catch (error) {
+  Toast.notify({
+    type: 'error',
+    message: error instanceof Error ? error.message : 'Unknown error',
+  })
+}
+```
+
+## Legacy Migration
+
+When touching old code, migrate it toward these rules:
+
+| Old pattern | New pattern |
+|---|---|
+| `useInvalid(key)` in service layer | `queryClient.invalidateQueries(...)` inside mutation `onSuccess` |
+| component-triggered invalidation after mutation | move invalidation into the service-layer mutation definition |
+| imperative fetch plus manual invalidation | wrap it in `useMutation(...mutationOptions(...))` |
+| `await mutateAsync()` without `try/catch` | switch to `mutate(...)` or add `try/catch` |

.agents/skills/orpc-contract-first/SKILL.md

@@ -1,103 +0,0 @@
----
-name: orpc-contract-first
-description: Guide for implementing oRPC contract-first API patterns in Dify frontend. Trigger when creating or updating contracts in web/contract, wiring router composition, integrating TanStack Query with typed contracts, migrating legacy service calls to oRPC, or deciding whether to call queryOptions directly vs extracting a helper or use-* hook in web/service.
----
-
-# oRPC Contract-First Development
-
-## Intent
-
-- Keep contract as single source of truth in `web/contract/*`.
-- Default query usage: call-site `useQuery(consoleQuery|marketplaceQuery.xxx.queryOptions(...))` when endpoint behavior maps 1:1 to the contract.
-- Keep abstractions minimal and preserve TypeScript inference.
-
-## Minimal Structure
-
-```text
-web/contract/
-├── base.ts
-├── router.ts
-├── marketplace.ts
-└── console/
-    ├── billing.ts
-    └── ...other domains
-web/service/client.ts
-```
-
-## Core Workflow
-
-1. Define contract in `web/contract/console/{domain}.ts` or `web/contract/marketplace.ts`
-   - Use `base.route({...}).output(type<...>())` as baseline.
-   - Add `.input(type<...>())` only when request has `params/query/body`.
-   - For `GET` without input, omit `.input(...)` (do not use `.input(type<unknown>())`).
-2. Register contract in `web/contract/router.ts`
-   - Import directly from domain files and nest by API prefix.
-3. Consume from UI call sites via oRPC query utils.
-
-```typescript
-import { useQuery } from '@tanstack/react-query'
-import { consoleQuery } from '@/service/client'
-
-const invoiceQuery = useQuery(consoleQuery.billing.invoices.queryOptions({
-  staleTime: 5 * 60 * 1000,
-  throwOnError: true,
-  select: invoice => invoice.url,
-}))
-```
-
-## Query Usage Decision Rule
-
-1. Default: call site directly uses `*.queryOptions(...)`.
-2. If 3+ call sites share the same extra options (for example `retry: false`), extract a small queryOptions helper, not a `use-*` passthrough hook.
-3. Create `web/service/use-{domain}.ts` only for orchestration:
-   - Combine multiple queries/mutations.
-   - Share domain-level derived state or invalidation helpers.
-
-```typescript
-const invoicesBaseQueryOptions = () =>
-  consoleQuery.billing.invoices.queryOptions({ retry: false })
-
-const invoiceQuery = useQuery({
-  ...invoicesBaseQueryOptions(),
-  throwOnError: true,
-})
-```
-
-## Mutation Usage Decision Rule
-
-1. Default: call mutation helpers from `consoleQuery` / `marketplaceQuery`, for example `useMutation(consoleQuery.billing.bindPartnerStack.mutationOptions(...))`.
-2. If mutation flow is heavily custom, use oRPC clients as `mutationFn` (for example `consoleClient.xxx` / `marketplaceClient.xxx`), instead of generic handwritten non-oRPC mutation logic.
-
-## Key API Guide (`.key` vs `.queryKey` vs `.mutationKey`)
-
-- `.key(...)`:
-  - Use for partial matching operations (recommended for invalidation/refetch/cancel patterns).
-  - Example: `queryClient.invalidateQueries({ queryKey: consoleQuery.billing.key() })`
-- `.queryKey(...)`:
-  - Use for a specific query's full key (exact query identity / direct cache addressing).
-- `.mutationKey(...)`:
-  - Use for a specific mutation's full key.
-  - Typical use cases: mutation defaults registration, mutation-status filtering (`useIsMutating`, `queryClient.isMutating`), or explicit devtools grouping.
-
-## Anti-Patterns
-
-- Do not wrap `useQuery` with `options?: Partial<UseQueryOptions>`.
-- Do not split local `queryKey/queryFn` when oRPC `queryOptions` already exists and fits the use case.
-- Do not create thin `use-*` passthrough hooks for a single endpoint.
-- Reason: these patterns can degrade inference (`data` may become `unknown`, especially around `throwOnError`/`select`) and add unnecessary indirection.
-
-## Contract Rules
-
-- **Input structure**: Always use `{ params, query?, body? }` format
-- **No-input GET**: Omit `.input(...)`; do not use `.input(type<unknown>())`
-- **Path params**: Use `{paramName}` in path, match in `params` object
-- **Router nesting**: Group by API prefix (e.g., `/billing/*` -> `billing: {}`)
-- **No barrel files**: Import directly from specific files
-- **Types**: Import from `@/types/`, use `type<T>()` helper
-- **Mutations**: Prefer `mutationOptions`; use explicit `mutationKey` mainly for defaults/filtering/devtools
-
-## Type Export
-
-```typescript
-export type ConsoleInputs = InferContractRouterInputs<typeof consoleRouterContract>
-```

.claude/skills/frontend-query-mutation

@@ -0,0 +1 @@
+../../.agents/skills/frontend-query-mutation

.claude/skills/orpc-contract-first

@@ -1 +0,0 @@
-../../.agents/skills/orpc-contract-first

.github/workflows/api-tests.yml

@@ -27,7 +27,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup UV and Python
-        uses: astral-sh/setup-uv@e06108dd0aef18192324c70427afc47652e63a82 # v7.5.0
+        uses: astral-sh/setup-uv@6ee6290f1cbc4156c0bdd66691b2c144ef8df19a # v7.4.0
         with:
           enable-cache: true
           python-version: ${{ matrix.python-version }}

.github/workflows/autofix.yml

@@ -39,7 +39,7 @@ jobs:
         with:
           python-version: "3.11"
 
-      - uses: astral-sh/setup-uv@e06108dd0aef18192324c70427afc47652e63a82 # v7.5.0
+      - uses: astral-sh/setup-uv@6ee6290f1cbc4156c0bdd66691b2c144ef8df19a # v7.4.0
 
       - name: Generate Docker Compose
         if: steps.docker-compose-changes.outputs.any_changed == 'true'

.github/workflows/build-push.yml

@@ -113,7 +113,7 @@ jobs:
             context: "web"
     steps:
       - name: Download digests
-        uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8.0.1
+        uses: actions/download-artifact@70fc10c6e5e1ce46ad2ea6f2b72d43f7d47b13c3 # v8.0.0
         with:
           path: /tmp/digests
           pattern: digests-${{ matrix.context }}-*

.github/workflows/db-migration-test.yml

@@ -19,7 +19,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup UV and Python
-        uses: astral-sh/setup-uv@e06108dd0aef18192324c70427afc47652e63a82 # v7.5.0
+        uses: astral-sh/setup-uv@6ee6290f1cbc4156c0bdd66691b2c144ef8df19a # v7.4.0
         with:
           enable-cache: true
           python-version: "3.12"
@@ -69,7 +69,7 @@ jobs:
           persist-credentials: false
 
       - name: Setup UV and Python
-        uses: astral-sh/setup-uv@e06108dd0aef18192324c70427afc47652e63a82 # v7.5.0
+        uses: astral-sh/setup-uv@6ee6290f1cbc4156c0bdd66691b2c144ef8df19a # v7.4.0
         with:
           enable-cache: true
           python-version: "3.12"

.github/workflows/main-ci.yml

@@ -28,7 +28,7 @@ jobs:
       migration-changed: ${{ steps.changes.outputs.migration }}
     steps:
       - uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
-      - uses: dorny/paths-filter@fbd0ab8f3e69293af611ebaee6363fc25e6d187d # v4.0.1
+      - uses: dorny/paths-filter@de90cc6fb38fc0963ad72b210f1f284cd68cea36 # v3.0.2
         id: changes
         with:
           filters: |

.github/workflows/pyrefly-diff.yml

@@ -22,7 +22,7 @@ jobs:
           fetch-depth: 0
 
       - name: Setup Python & UV
-        uses: astral-sh/setup-uv@e06108dd0aef18192324c70427afc47652e63a82 # v7.5.0
+        uses: astral-sh/setup-uv@6ee6290f1cbc4156c0bdd66691b2c144ef8df19a # v7.4.0
         with:
           enable-cache: true
 

.github/workflows/style.yml

@@ -33,7 +33,7 @@ jobs:
 
       - name: Setup UV and Python
         if: steps.changed-files.outputs.any_changed == 'true'
-        uses: astral-sh/setup-uv@e06108dd0aef18192324c70427afc47652e63a82 # v7.5.0
+        uses: astral-sh/setup-uv@6ee6290f1cbc4156c0bdd66691b2c144ef8df19a # v7.4.0
         with:
           enable-cache: false
           python-version: "3.12"

.github/workflows/translate-i18n-claude.yml

@@ -120,7 +120,7 @@ jobs:
 
       - name: Run Claude Code for Translation Sync
         if: steps.detect_changes.outputs.CHANGED_FILES != ''
-        uses: anthropics/claude-code-action@cd77b50d2b0808657f8e6774085c8bf54484351c # v1.0.72
+        uses: anthropics/claude-code-action@26ec041249acb0a944c0a47b6c0c13f05dbc5b44 # v1.0.70
         with:
           anthropic_api_key: ${{ secrets.ANTHROPIC_API_KEY }}
           github_token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/vdb-tests.yml

@@ -31,7 +31,7 @@ jobs:
           remove_tool_cache: true
 
       - name: Setup UV and Python
-        uses: astral-sh/setup-uv@e06108dd0aef18192324c70427afc47652e63a82 # v7.5.0
+        uses: astral-sh/setup-uv@6ee6290f1cbc4156c0bdd66691b2c144ef8df19a # v7.4.0
         with:
           enable-cache: true
           python-version: ${{ matrix.python-version }}

.github/workflows/web-tests.yml

@@ -77,7 +77,7 @@ jobs:
         uses: ./.github/actions/setup-web
 
       - name: Download blob reports
-        uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8.0.1
+        uses: actions/download-artifact@70fc10c6e5e1ce46ad2ea6f2b72d43f7d47b13c3 # v8.0.0
         with:
           path: web/.vitest-reports
           pattern: blob-report-*

api/.importlinter

@@ -103,6 +103,7 @@ ignore_imports =
     dify_graph.nodes.parameter_extractor.parameter_extractor_node -> core.model_manager
     dify_graph.nodes.question_classifier.question_classifier_node -> core.model_manager
     dify_graph.nodes.tool.tool_node -> core.tools.utils.message_transformer
+    dify_graph.nodes.llm.node -> core.helper.code_executor
     dify_graph.nodes.llm.node -> core.llm_generator.output_parser.errors
     dify_graph.nodes.llm.node -> core.llm_generator.output_parser.structured_output
     dify_graph.nodes.llm.node -> core.model_manager

api/controllers/service_api/wraps.py

@@ -3,7 +3,7 @@ import time
 from collections.abc import Callable
 from enum import StrEnum, auto
 from functools import wraps
-from typing import Concatenate, ParamSpec, TypeVar, cast, overload
+from typing import Concatenate, ParamSpec, TypeVar, cast
 
 from flask import current_app, request
 from flask_login import user_logged_in
@@ -44,22 +44,10 @@ class FetchUserArg(BaseModel):
     required: bool = False
 
 
-@overload
-def validate_app_token(view: Callable[P, R]) -> Callable[P, R]: ...
-
-
-@overload
-def validate_app_token(
-    view: None = None, *, fetch_user_arg: FetchUserArg | None = None
-) -> Callable[[Callable[P, R]], Callable[P, R]]: ...
-
-
-def validate_app_token(
-    view: Callable[P, R] | None = None, *, fetch_user_arg: FetchUserArg | None = None
-) -> Callable[P, R] | Callable[[Callable[P, R]], Callable[P, R]]:
-    def decorator(view_func: Callable[P, R]) -> Callable[P, R]:
+def validate_app_token(view: Callable[P, R] | None = None, *, fetch_user_arg: FetchUserArg | None = None):
+    def decorator(view_func: Callable[P, R]):
         @wraps(view_func)
-        def decorated_view(*args: P.args, **kwargs: P.kwargs) -> R:
+        def decorated_view(*args: P.args, **kwargs: P.kwargs):
             api_token = validate_and_get_api_token("app")
 
             app_model = db.session.query(App).where(App.id == api_token.app_id).first()
@@ -225,20 +213,10 @@ def cloud_edition_billing_rate_limit_check(resource: str, api_token_type: str):
     return interceptor
 
 
-@overload
-def validate_dataset_token(view: Callable[Concatenate[T, P], R]) -> Callable[P, R]: ...
-
-
-@overload
-def validate_dataset_token(view: None = None) -> Callable[[Callable[Concatenate[T, P], R]], Callable[P, R]]: ...
-
-
-def validate_dataset_token(
-    view: Callable[Concatenate[T, P], R] | None = None,
-) -> Callable[P, R] | Callable[[Callable[Concatenate[T, P], R]], Callable[P, R]]:
-    def decorator(view_func: Callable[Concatenate[T, P], R]) -> Callable[P, R]:
-        @wraps(view_func)
-        def decorated(*args: P.args, **kwargs: P.kwargs) -> R:
+def validate_dataset_token(view: Callable[Concatenate[T, P], R] | None = None):
+    def decorator(view: Callable[Concatenate[T, P], R]):
+        @wraps(view)
+        def decorated(*args: P.args, **kwargs: P.kwargs):
             api_token = validate_and_get_api_token("dataset")
 
             # get url path dataset_id from positional args or kwargs
@@ -309,7 +287,7 @@ def validate_dataset_token(
                     raise Unauthorized("Tenant owner account does not exist.")
             else:
                 raise Unauthorized("Tenant does not exist.")
-            return view_func(api_token.tenant_id, *args, **kwargs)  # type: ignore[arg-type]
+            return view(api_token.tenant_id, *args, **kwargs)
 
         return decorated
 

api/core/provider_manager.py

@@ -305,7 +305,9 @@ class ProviderManager:
             available_models = provider_configurations.get_models(model_type=model_type, only_active=True)
 
             if available_models:
-                available_model = available_models[0]
+                available_model = next(
+                    (model for model in available_models if model.model == "gpt-4"), available_models[0]
+                )
 
                 default_model = TenantDefaultModel(
                     tenant_id=tenant_id,

api/core/rag/datasource/vdb/pgvecto_rs/pgvecto_rs.py

@@ -135,8 +135,8 @@ class PGVectoRS(BaseVector):
     def get_ids_by_metadata_field(self, key: str, value: str):
         result = None
         with Session(self._client) as session:
-            select_statement = sql_text(f"SELECT id FROM {self._collection_name} WHERE meta->>:key = :value")
-            result = session.execute(select_statement, {"key": key, "value": value}).fetchall()
+            select_statement = sql_text(f"SELECT id FROM {self._collection_name} WHERE meta->>'{key}' = '{value}'; ")
+            result = session.execute(select_statement).fetchall()
         if result:
             return [item[0] for item in result]
         else:
@@ -172,9 +172,9 @@ class PGVectoRS(BaseVector):
     def text_exists(self, id: str) -> bool:
         with Session(self._client) as session:
             select_statement = sql_text(
-                f"SELECT id FROM {self._collection_name} WHERE meta->>'doc_id' = :doc_id limit 1"
+                f"SELECT id FROM {self._collection_name} WHERE meta->>'doc_id' = '{id}' limit 1; "
             )
-            result = session.execute(select_statement, {"doc_id": id}).fetchall()
+            result = session.execute(select_statement).fetchall()
         return len(result) > 0
 
     def search_by_vector(self, query_vector: list[float], **kwargs: Any) -> list[Document]:

api/core/rag/datasource/vdb/relyt/relyt_vector.py

@@ -154,8 +154,10 @@ class RelytVector(BaseVector):
     def get_ids_by_metadata_field(self, key: str, value: str):
         result = None
         with Session(self.client) as session:
-            select_statement = sql_text(f"""SELECT id FROM "{self._collection_name}" WHERE metadata->>:key = :value""")
-            result = session.execute(select_statement, {"key": key, "value": value}).fetchall()
+            select_statement = sql_text(
+                f"""SELECT id FROM "{self._collection_name}" WHERE metadata->>'{key}' = '{value}'; """
+            )
+            result = session.execute(select_statement).fetchall()
         if result:
             return [item[0] for item in result]
         else:
@@ -199,10 +201,11 @@ class RelytVector(BaseVector):
 
     def delete_by_ids(self, ids: list[str]):
         with Session(self.client) as session:
+            ids_str = ",".join(f"'{doc_id}'" for doc_id in ids)
             select_statement = sql_text(
-                f"""SELECT id FROM "{self._collection_name}" WHERE metadata->>'doc_id' = ANY(:doc_ids)"""
+                f"""SELECT id FROM "{self._collection_name}" WHERE metadata->>'doc_id' in ({ids_str}); """
             )
-            result = session.execute(select_statement, {"doc_ids": ids}).fetchall()
+            result = session.execute(select_statement).fetchall()
         if result:
             ids = [item[0] for item in result]
             self.delete_by_uuids(ids)
@@ -215,9 +218,9 @@ class RelytVector(BaseVector):
     def text_exists(self, id: str) -> bool:
         with Session(self.client) as session:
             select_statement = sql_text(
-                f"""SELECT id FROM "{self._collection_name}" WHERE metadata->>'doc_id' = :doc_id limit 1"""
+                f"""SELECT id FROM "{self._collection_name}" WHERE metadata->>'doc_id' = '{id}' limit 1; """
             )
-            result = session.execute(select_statement, {"doc_id": id}).fetchall()
+            result = session.execute(select_statement).fetchall()
         return len(result) > 0
 
     def search_by_vector(self, query_vector: list[float], **kwargs: Any) -> list[Document]:

api/core/rag/index_processor/index_processor_base.py

@@ -294,7 +294,7 @@ class BaseIndexProcessor(ABC):
             logging.warning("Error downloading image from %s: %s", image_url, str(e))
             return None
         except Exception:
-            logging.warning("Unexpected error downloading image from %s", image_url, exc_info=True)
+            logging.exception("Unexpected error downloading image from %s", image_url)
             return None
 
     def _download_tool_file(self, tool_file_id: str, current_user: Account) -> str | None:

api/core/workflow/node_factory.py

@@ -45,7 +45,6 @@ from dify_graph.nodes.document_extractor import UnstructuredApiConfig
 from dify_graph.nodes.http_request import build_http_request_config
 from dify_graph.nodes.llm.entities import LLMNodeData
 from dify_graph.nodes.llm.exc import LLMModeRequiredError, ModelNotExistError
-from dify_graph.nodes.llm.protocols import TemplateRenderer
 from dify_graph.nodes.parameter_extractor.entities import ParameterExtractorNodeData
 from dify_graph.nodes.question_classifier.entities import QuestionClassifierNodeData
 from dify_graph.nodes.template_transform.template_renderer import (
@@ -229,16 +228,6 @@ class DefaultWorkflowCodeExecutor:
         return isinstance(error, CodeExecutionError)
 
 
-class DefaultLLMTemplateRenderer(TemplateRenderer):
-    def render_jinja2(self, *, template: str, inputs: Mapping[str, Any]) -> str:
-        result = CodeExecutor.execute_workflow_code_template(
-            language=CodeLanguage.JINJA2,
-            code=template,
-            inputs=inputs,
-        )
-        return str(result.get("result", ""))
-
-
 @final
 class DifyNodeFactory(NodeFactory):
     """
@@ -265,7 +254,6 @@ class DifyNodeFactory(NodeFactory):
             max_object_array_length=dify_config.CODE_MAX_OBJECT_ARRAY_LENGTH,
         )
         self._template_renderer = CodeExecutorJinja2TemplateRenderer(code_executor=self._code_executor)
-        self._llm_template_renderer: TemplateRenderer = DefaultLLMTemplateRenderer()
         self._template_transform_max_output_length = dify_config.TEMPLATE_TRANSFORM_MAX_LENGTH
         self._http_request_http_client = ssrf_proxy
         self._http_request_tool_file_manager_factory = ToolFileManager
@@ -403,8 +391,6 @@ class DifyNodeFactory(NodeFactory):
                 model_instance=model_instance,
             ),
         }
-        if validated_node_data.type in {BuiltinNodeTypes.LLM, BuiltinNodeTypes.QUESTION_CLASSIFIER}:
-            node_init_kwargs["template_renderer"] = self._llm_template_renderer
         if include_http_client:
             node_init_kwargs["http_client"] = self._http_request_http_client
         return node_init_kwargs

api/dify_graph/nodes/llm/llm_utils.py

@@ -1,53 +1,34 @@
-from __future__ import annotations
-
 from collections.abc import Sequence
-from typing import Any, cast
+from typing import cast
 
 from core.model_manager import ModelInstance
-from dify_graph.file import FileType, file_manager
 from dify_graph.file.models import File
-from dify_graph.model_runtime.entities import (
+from dify_graph.model_runtime.entities import PromptMessageRole
+from dify_graph.model_runtime.entities.message_entities import (
     ImagePromptMessageContent,
     PromptMessage,
-    PromptMessageContentType,
-    PromptMessageRole,
     TextPromptMessageContent,
 )
-from dify_graph.model_runtime.entities.message_entities import (
-    AssistantPromptMessage,
-    PromptMessageContentUnionTypes,
-    SystemPromptMessage,
-    UserPromptMessage,
-)
-from dify_graph.model_runtime.entities.model_entities import AIModelEntity, ModelFeature, ModelPropertyKey
+from dify_graph.model_runtime.entities.model_entities import AIModelEntity
 from dify_graph.model_runtime.memory import PromptMessageMemory
 from dify_graph.model_runtime.model_providers.__base.large_language_model import LargeLanguageModel
-from dify_graph.nodes.base.entities import VariableSelector
 from dify_graph.runtime import VariablePool
-from dify_graph.variables import ArrayFileSegment, FileSegment
-from dify_graph.variables.segments import ArrayAnySegment, NoneSegment
+from dify_graph.variables.segments import ArrayAnySegment, ArrayFileSegment, FileSegment, NoneSegment
 
-from .entities import LLMNodeChatModelMessage, LLMNodeCompletionModelPromptTemplate, MemoryConfig
-from .exc import (
-    InvalidVariableTypeError,
-    MemoryRolePrefixRequiredError,
-    NoPromptFoundError,
-    TemplateTypeNotSupportError,
-)
-from .protocols import TemplateRenderer
+from .exc import InvalidVariableTypeError
 
 
 def fetch_model_schema(*, model_instance: ModelInstance) -> AIModelEntity:
     model_schema = cast(LargeLanguageModel, model_instance.model_type_instance).get_model_schema(
         model_instance.model_name,
-        dict(model_instance.credentials),
+        model_instance.credentials,
     )
     if not model_schema:
         raise ValueError(f"Model schema not found for {model_instance.model_name}")
     return model_schema
 
 
-def fetch_files(variable_pool: VariablePool, selector: Sequence[str]) -> Sequence[File]:
+def fetch_files(variable_pool: VariablePool, selector: Sequence[str]) -> Sequence["File"]:
     variable = variable_pool.get(selector)
     if variable is None:
         return []
@@ -108,366 +89,3 @@ def fetch_memory_text(
         human_prefix=human_prefix,
         ai_prefix=ai_prefix,
     )
-
-
-def fetch_prompt_messages(
-    *,
-    sys_query: str | None = None,
-    sys_files: Sequence[File],
-    context: str | None = None,
-    memory: PromptMessageMemory | None = None,
-    model_instance: ModelInstance,
-    prompt_template: Sequence[LLMNodeChatModelMessage] | LLMNodeCompletionModelPromptTemplate,
-    stop: Sequence[str] | None = None,
-    memory_config: MemoryConfig | None = None,
-    vision_enabled: bool = False,
-    vision_detail: ImagePromptMessageContent.DETAIL,
-    variable_pool: VariablePool,
-    jinja2_variables: Sequence[VariableSelector],
-    context_files: list[File] | None = None,
-    template_renderer: TemplateRenderer | None = None,
-) -> tuple[Sequence[PromptMessage], Sequence[str] | None]:
-    prompt_messages: list[PromptMessage] = []
-    model_schema = fetch_model_schema(model_instance=model_instance)
-
-    if isinstance(prompt_template, list):
-        prompt_messages.extend(
-            handle_list_messages(
-                messages=prompt_template,
-                context=context,
-                jinja2_variables=jinja2_variables,
-                variable_pool=variable_pool,
-                vision_detail_config=vision_detail,
-                template_renderer=template_renderer,
-            )
-        )
-
-        prompt_messages.extend(
-            handle_memory_chat_mode(
-                memory=memory,
-                memory_config=memory_config,
-                model_instance=model_instance,
-            )
-        )
-
-        if sys_query:
-            prompt_messages.extend(
-                handle_list_messages(
-                    messages=[
-                        LLMNodeChatModelMessage(
-                            text=sys_query,
-                            role=PromptMessageRole.USER,
-                            edition_type="basic",
-                        )
-                    ],
-                    context="",
-                    jinja2_variables=[],
-                    variable_pool=variable_pool,
-                    vision_detail_config=vision_detail,
-                    template_renderer=template_renderer,
-                )
-            )
-    elif isinstance(prompt_template, LLMNodeCompletionModelPromptTemplate):
-        prompt_messages.extend(
-            handle_completion_template(
-                template=prompt_template,
-                context=context,
-                jinja2_variables=jinja2_variables,
-                variable_pool=variable_pool,
-                template_renderer=template_renderer,
-            )
-        )
-
-        memory_text = handle_memory_completion_mode(
-            memory=memory,
-            memory_config=memory_config,
-            model_instance=model_instance,
-        )
-        prompt_content = prompt_messages[0].content
-        if isinstance(prompt_content, str):
-            prompt_content = str(prompt_content)
-            if "#histories#" in prompt_content:
-                prompt_content = prompt_content.replace("#histories#", memory_text)
-            else:
-                prompt_content = memory_text + "\n" + prompt_content
-            prompt_messages[0].content = prompt_content
-        elif isinstance(prompt_content, list):
-            for content_item in prompt_content:
-                if isinstance(content_item, TextPromptMessageContent):
-                    if "#histories#" in content_item.data:
-                        content_item.data = content_item.data.replace("#histories#", memory_text)
-                    else:
-                        content_item.data = memory_text + "\n" + content_item.data
-        else:
-            raise ValueError("Invalid prompt content type")
-
-        if sys_query:
-            if isinstance(prompt_content, str):
-                prompt_messages[0].content = str(prompt_messages[0].content).replace("#sys.query#", sys_query)
-            elif isinstance(prompt_content, list):
-                for content_item in prompt_content:
-                    if isinstance(content_item, TextPromptMessageContent):
-                        content_item.data = sys_query + "\n" + content_item.data
-            else:
-                raise ValueError("Invalid prompt content type")
-    else:
-        raise TemplateTypeNotSupportError(type_name=str(type(prompt_template)))
-
-    _append_file_prompts(
-        prompt_messages=prompt_messages,
-        files=sys_files,
-        vision_enabled=vision_enabled,
-        vision_detail=vision_detail,
-    )
-    _append_file_prompts(
-        prompt_messages=prompt_messages,
-        files=context_files or [],
-        vision_enabled=vision_enabled,
-        vision_detail=vision_detail,
-    )
-
-    filtered_prompt_messages: list[PromptMessage] = []
-    for prompt_message in prompt_messages:
-        if isinstance(prompt_message.content, list):
-            prompt_message_content: list[PromptMessageContentUnionTypes] = []
-            for content_item in prompt_message.content:
-                if not model_schema.features:
-                    if content_item.type == PromptMessageContentType.TEXT:
-                        prompt_message_content.append(content_item)
-                    continue
-
-                if (
-                    (
-                        content_item.type == PromptMessageContentType.IMAGE
-                        and ModelFeature.VISION not in model_schema.features
-                    )
-                    or (
-                        content_item.type == PromptMessageContentType.DOCUMENT
-                        and ModelFeature.DOCUMENT not in model_schema.features
-                    )
-                    or (
-                        content_item.type == PromptMessageContentType.VIDEO
-                        and ModelFeature.VIDEO not in model_schema.features
-                    )
-                    or (
-                        content_item.type == PromptMessageContentType.AUDIO
-                        and ModelFeature.AUDIO not in model_schema.features
-                    )
-                ):
-                    continue
-                prompt_message_content.append(content_item)
-            if prompt_message_content:
-                prompt_message.content = prompt_message_content
-                filtered_prompt_messages.append(prompt_message)
-        elif not prompt_message.is_empty():
-            filtered_prompt_messages.append(prompt_message)
-
-    if len(filtered_prompt_messages) == 0:
-        raise NoPromptFoundError(
-            "No prompt found in the LLM configuration. Please ensure a prompt is properly configured before proceeding."
-        )
-
-    return filtered_prompt_messages, stop
-
-
-def handle_list_messages(
-    *,
-    messages: Sequence[LLMNodeChatModelMessage],
-    context: str | None,
-    jinja2_variables: Sequence[VariableSelector],
-    variable_pool: VariablePool,
-    vision_detail_config: ImagePromptMessageContent.DETAIL,
-    template_renderer: TemplateRenderer | None = None,
-) -> Sequence[PromptMessage]:
-    prompt_messages: list[PromptMessage] = []
-    for message in messages:
-        if message.edition_type == "jinja2":
-            result_text = render_jinja2_message(
-                template=message.jinja2_text or "",
-                jinja2_variables=jinja2_variables,
-                variable_pool=variable_pool,
-                template_renderer=template_renderer,
-            )
-            prompt_messages.append(
-                combine_message_content_with_role(
-                    contents=[TextPromptMessageContent(data=result_text)],
-                    role=message.role,
-                )
-            )
-            continue
-
-        template = message.text.replace("{#context#}", context) if context else message.text
-        segment_group = variable_pool.convert_template(template)
-        file_contents: list[PromptMessageContentUnionTypes] = []
-        for segment in segment_group.value:
-            if isinstance(segment, ArrayFileSegment):
-                for file in segment.value:
-                    if file.type in {FileType.IMAGE, FileType.VIDEO, FileType.AUDIO, FileType.DOCUMENT}:
-                        file_contents.append(
-                            file_manager.to_prompt_message_content(file, image_detail_config=vision_detail_config)
-                        )
-            elif isinstance(segment, FileSegment):
-                file = segment.value
-                if file.type in {FileType.IMAGE, FileType.VIDEO, FileType.AUDIO, FileType.DOCUMENT}:
-                    file_contents.append(
-                        file_manager.to_prompt_message_content(file, image_detail_config=vision_detail_config)
-                    )
-
-        if segment_group.text:
-            prompt_messages.append(
-                combine_message_content_with_role(
-                    contents=[TextPromptMessageContent(data=segment_group.text)],
-                    role=message.role,
-                )
-            )
-        if file_contents:
-            prompt_messages.append(combine_message_content_with_role(contents=file_contents, role=message.role))
-
-    return prompt_messages
-
-
-def render_jinja2_message(
-    *,
-    template: str,
-    jinja2_variables: Sequence[VariableSelector],
-    variable_pool: VariablePool,
-    template_renderer: TemplateRenderer | None = None,
-) -> str:
-    if not template:
-        return ""
-    if template_renderer is None:
-        raise ValueError("template_renderer is required for jinja2 prompt rendering")
-
-    jinja2_inputs: dict[str, Any] = {}
-    for jinja2_variable in jinja2_variables:
-        variable = variable_pool.get(jinja2_variable.value_selector)
-        jinja2_inputs[jinja2_variable.variable] = variable.to_object() if variable else ""
-    return template_renderer.render_jinja2(template=template, inputs=jinja2_inputs)
-
-
-def handle_completion_template(
-    *,
-    template: LLMNodeCompletionModelPromptTemplate,
-    context: str | None,
-    jinja2_variables: Sequence[VariableSelector],
-    variable_pool: VariablePool,
-    template_renderer: TemplateRenderer | None = None,
-) -> Sequence[PromptMessage]:
-    if template.edition_type == "jinja2":
-        result_text = render_jinja2_message(
-            template=template.jinja2_text or "",
-            jinja2_variables=jinja2_variables,
-            variable_pool=variable_pool,
-            template_renderer=template_renderer,
-        )
-    else:
-        template_text = template.text.replace("{#context#}", context) if context else template.text
-        result_text = variable_pool.convert_template(template_text).text
-    return [
-        combine_message_content_with_role(
-            contents=[TextPromptMessageContent(data=result_text)],
-            role=PromptMessageRole.USER,
-        )
-    ]
-
-
-def combine_message_content_with_role(
-    *,
-    contents: str | list[PromptMessageContentUnionTypes] | None = None,
-    role: PromptMessageRole,
-) -> PromptMessage:
-    match role:
-        case PromptMessageRole.USER:
-            return UserPromptMessage(content=contents)
-        case PromptMessageRole.ASSISTANT:
-            return AssistantPromptMessage(content=contents)
-        case PromptMessageRole.SYSTEM:
-            return SystemPromptMessage(content=contents)
-        case _:
-            raise NotImplementedError(f"Role {role} is not supported")
-
-
-def calculate_rest_token(*, prompt_messages: list[PromptMessage], model_instance: ModelInstance) -> int:
-    rest_tokens = 2000
-    runtime_model_schema = fetch_model_schema(model_instance=model_instance)
-    runtime_model_parameters = model_instance.parameters
-
-    model_context_tokens = runtime_model_schema.model_properties.get(ModelPropertyKey.CONTEXT_SIZE)
-    if model_context_tokens:
-        curr_message_tokens = model_instance.get_llm_num_tokens(prompt_messages)
-
-        max_tokens = 0
-        for parameter_rule in runtime_model_schema.parameter_rules:
-            if parameter_rule.name == "max_tokens" or (
-                parameter_rule.use_template and parameter_rule.use_template == "max_tokens"
-            ):
-                max_tokens = (
-                    runtime_model_parameters.get(parameter_rule.name)
-                    or runtime_model_parameters.get(str(parameter_rule.use_template))
-                    or 0
-                )
-
-        rest_tokens = model_context_tokens - max_tokens - curr_message_tokens
-        rest_tokens = max(rest_tokens, 0)
-
-    return rest_tokens
-
-
-def handle_memory_chat_mode(
-    *,
-    memory: PromptMessageMemory | None,
-    memory_config: MemoryConfig | None,
-    model_instance: ModelInstance,
-) -> Sequence[PromptMessage]:
-    if not memory or not memory_config:
-        return []
-    rest_tokens = calculate_rest_token(prompt_messages=[], model_instance=model_instance)
-    return memory.get_history_prompt_messages(
-        max_token_limit=rest_tokens,
-        message_limit=memory_config.window.size if memory_config.window.enabled else None,
-    )
-
-
-def handle_memory_completion_mode(
-    *,
-    memory: PromptMessageMemory | None,
-    memory_config: MemoryConfig | None,
-    model_instance: ModelInstance,
-) -> str:
-    if not memory or not memory_config:
-        return ""
-
-    rest_tokens = calculate_rest_token(prompt_messages=[], model_instance=model_instance)
-    if not memory_config.role_prefix:
-        raise MemoryRolePrefixRequiredError("Memory role prefix is required for completion model.")
-
-    return fetch_memory_text(
-        memory=memory,
-        max_token_limit=rest_tokens,
-        message_limit=memory_config.window.size if memory_config.window.enabled else None,
-        human_prefix=memory_config.role_prefix.user,
-        ai_prefix=memory_config.role_prefix.assistant,
-    )
-
-
-def _append_file_prompts(
-    *,
-    prompt_messages: list[PromptMessage],
-    files: Sequence[File],
-    vision_enabled: bool,
-    vision_detail: ImagePromptMessageContent.DETAIL,
-) -> None:
-    if not vision_enabled or not files:
-        return
-
-    file_prompts = [file_manager.to_prompt_message_content(file, image_detail_config=vision_detail) for file in files]
-    if (
-        prompt_messages
-        and isinstance(prompt_messages[-1], UserPromptMessage)
-        and isinstance(prompt_messages[-1].content, list)
-    ):
-        existing_contents = prompt_messages[-1].content
-        assert isinstance(existing_contents, list)
-        prompt_messages[-1] = UserPromptMessage(content=file_prompts + existing_contents)
-    else:
-        prompt_messages.append(UserPromptMessage(content=file_prompts))

api/dify_graph/nodes/llm/node.py

@@ -11,6 +11,7 @@ from typing import TYPE_CHECKING, Any, Literal
 
 from sqlalchemy import select
 
+from core.helper.code_executor import CodeExecutor, CodeLanguage
 from core.llm_generator.output_parser.errors import OutputParserError
 from core.llm_generator.output_parser.structured_output import invoke_llm_with_structured_output
 from core.model_manager import ModelInstance
@@ -27,10 +28,11 @@ from dify_graph.enums import (
     WorkflowNodeExecutionMetadataKey,
     WorkflowNodeExecutionStatus,
 )
-from dify_graph.file import File, FileTransferMethod, FileType
+from dify_graph.file import File, FileTransferMethod, FileType, file_manager
 from dify_graph.model_runtime.entities import (
     ImagePromptMessageContent,
     PromptMessage,
+    PromptMessageContentType,
     TextPromptMessageContent,
 )
 from dify_graph.model_runtime.entities.llm_entities import (
@@ -41,7 +43,14 @@ from dify_graph.model_runtime.entities.llm_entities import (
     LLMStructuredOutput,
     LLMUsage,
 )
-from dify_graph.model_runtime.entities.message_entities import PromptMessageContentUnionTypes
+from dify_graph.model_runtime.entities.message_entities import (
+    AssistantPromptMessage,
+    PromptMessageContentUnionTypes,
+    PromptMessageRole,
+    SystemPromptMessage,
+    UserPromptMessage,
+)
+from dify_graph.model_runtime.entities.model_entities import ModelFeature, ModelPropertyKey
 from dify_graph.model_runtime.memory import PromptMessageMemory
 from dify_graph.model_runtime.utils.encoders import jsonable_encoder
 from dify_graph.node_events import (
@@ -55,12 +64,13 @@ from dify_graph.node_events import (
 from dify_graph.nodes.base.entities import VariableSelector
 from dify_graph.nodes.base.node import Node
 from dify_graph.nodes.base.variable_template_parser import VariableTemplateParser
-from dify_graph.nodes.llm.protocols import CredentialsProvider, ModelFactory, TemplateRenderer
+from dify_graph.nodes.llm.protocols import CredentialsProvider, ModelFactory
 from dify_graph.nodes.protocols import HttpClientProtocol
 from dify_graph.runtime import VariablePool
 from dify_graph.variables import (
     ArrayFileSegment,
     ArraySegment,
+    FileSegment,
     NoneSegment,
     ObjectSegment,
     StringSegment,
@@ -79,6 +89,9 @@ from .exc import (
     InvalidContextStructureError,
     InvalidVariableTypeError,
     LLMNodeError,
+    MemoryRolePrefixRequiredError,
+    NoPromptFoundError,
+    TemplateTypeNotSupportError,
     VariableNotFoundError,
 )
 from .file_saver import FileSaverImpl, LLMFileSaver
@@ -105,7 +118,6 @@ class LLMNode(Node[LLMNodeData]):
     _model_factory: ModelFactory
     _model_instance: ModelInstance
     _memory: PromptMessageMemory | None
-    _template_renderer: TemplateRenderer
 
     def __init__(
         self,
@@ -118,7 +130,6 @@ class LLMNode(Node[LLMNodeData]):
         model_factory: ModelFactory,
         model_instance: ModelInstance,
         http_client: HttpClientProtocol,
-        template_renderer: TemplateRenderer,
         memory: PromptMessageMemory | None = None,
         llm_file_saver: LLMFileSaver | None = None,
     ):
@@ -135,7 +146,6 @@ class LLMNode(Node[LLMNodeData]):
         self._model_factory = model_factory
         self._model_instance = model_instance
         self._memory = memory
-        self._template_renderer = template_renderer
 
         if llm_file_saver is None:
             dify_ctx = self.require_dify_context()
@@ -230,7 +240,6 @@ class LLMNode(Node[LLMNodeData]):
                 variable_pool=variable_pool,
                 jinja2_variables=self.node_data.prompt_config.jinja2_variables,
                 context_files=context_files,
-                template_renderer=self._template_renderer,
             )
 
             # handle invoke result
@@ -764,24 +773,182 @@ class LLMNode(Node[LLMNodeData]):
         variable_pool: VariablePool,
         jinja2_variables: Sequence[VariableSelector],
         context_files: list[File] | None = None,
-        template_renderer: TemplateRenderer | None = None,
     ) -> tuple[Sequence[PromptMessage], Sequence[str] | None]:
-        return llm_utils.fetch_prompt_messages(
-            sys_query=sys_query,
-            sys_files=sys_files,
-            context=context,
-            memory=memory,
-            model_instance=model_instance,
-            prompt_template=prompt_template,
-            stop=stop,
-            memory_config=memory_config,
-            vision_enabled=vision_enabled,
-            vision_detail=vision_detail,
-            variable_pool=variable_pool,
-            jinja2_variables=jinja2_variables,
-            context_files=context_files,
-            template_renderer=template_renderer,
-        )
+        prompt_messages: list[PromptMessage] = []
+        model_schema = llm_utils.fetch_model_schema(model_instance=model_instance)
+
+        if isinstance(prompt_template, list):
+            # For chat model
+            prompt_messages.extend(
+                LLMNode.handle_list_messages(
+                    messages=prompt_template,
+                    context=context,
+                    jinja2_variables=jinja2_variables,
+                    variable_pool=variable_pool,
+                    vision_detail_config=vision_detail,
+                )
+            )
+
+            # Get memory messages for chat mode
+            memory_messages = _handle_memory_chat_mode(
+                memory=memory,
+                memory_config=memory_config,
+                model_instance=model_instance,
+            )
+            # Extend prompt_messages with memory messages
+            prompt_messages.extend(memory_messages)
+
+            # Add current query to the prompt messages
+            if sys_query:
+                message = LLMNodeChatModelMessage(
+                    text=sys_query,
+                    role=PromptMessageRole.USER,
+                    edition_type="basic",
+                )
+                prompt_messages.extend(
+                    LLMNode.handle_list_messages(
+                        messages=[message],
+                        context="",
+                        jinja2_variables=[],
+                        variable_pool=variable_pool,
+                        vision_detail_config=vision_detail,
+                    )
+                )
+
+        elif isinstance(prompt_template, LLMNodeCompletionModelPromptTemplate):
+            # For completion model
+            prompt_messages.extend(
+                _handle_completion_template(
+                    template=prompt_template,
+                    context=context,
+                    jinja2_variables=jinja2_variables,
+                    variable_pool=variable_pool,
+                )
+            )
+
+            # Get memory text for completion model
+            memory_text = _handle_memory_completion_mode(
+                memory=memory,
+                memory_config=memory_config,
+                model_instance=model_instance,
+            )
+            # Insert histories into the prompt
+            prompt_content = prompt_messages[0].content
+            # For issue #11247 - Check if prompt content is a string or a list
+            if isinstance(prompt_content, str):
+                prompt_content = str(prompt_content)
+                if "#histories#" in prompt_content:
+                    prompt_content = prompt_content.replace("#histories#", memory_text)
+                else:
+                    prompt_content = memory_text + "\n" + prompt_content
+                prompt_messages[0].content = prompt_content
+            elif isinstance(prompt_content, list):
+                for content_item in prompt_content:
+                    if isinstance(content_item, TextPromptMessageContent):
+                        if "#histories#" in content_item.data:
+                            content_item.data = content_item.data.replace("#histories#", memory_text)
+                        else:
+                            content_item.data = memory_text + "\n" + content_item.data
+            else:
+                raise ValueError("Invalid prompt content type")
+
+            # Add current query to the prompt message
+            if sys_query:
+                if isinstance(prompt_content, str):
+                    prompt_content = str(prompt_messages[0].content).replace("#sys.query#", sys_query)
+                    prompt_messages[0].content = prompt_content
+                elif isinstance(prompt_content, list):
+                    for content_item in prompt_content:
+                        if isinstance(content_item, TextPromptMessageContent):
+                            content_item.data = sys_query + "\n" + content_item.data
+                else:
+                    raise ValueError("Invalid prompt content type")
+        else:
+            raise TemplateTypeNotSupportError(type_name=str(type(prompt_template)))
+
+        # The sys_files will be deprecated later
+        if vision_enabled and sys_files:
+            file_prompts = []
+            for file in sys_files:
+                file_prompt = file_manager.to_prompt_message_content(file, image_detail_config=vision_detail)
+                file_prompts.append(file_prompt)
+            # If last prompt is a user prompt, add files into its contents,
+            # otherwise append a new user prompt
+            if (
+                len(prompt_messages) > 0
+                and isinstance(prompt_messages[-1], UserPromptMessage)
+                and isinstance(prompt_messages[-1].content, list)
+            ):
+                prompt_messages[-1] = UserPromptMessage(content=file_prompts + prompt_messages[-1].content)
+            else:
+                prompt_messages.append(UserPromptMessage(content=file_prompts))
+
+        # The context_files
+        if vision_enabled and context_files:
+            file_prompts = []
+            for file in context_files:
+                file_prompt = file_manager.to_prompt_message_content(file, image_detail_config=vision_detail)
+                file_prompts.append(file_prompt)
+            # If last prompt is a user prompt, add files into its contents,
+            # otherwise append a new user prompt
+            if (
+                len(prompt_messages) > 0
+                and isinstance(prompt_messages[-1], UserPromptMessage)
+                and isinstance(prompt_messages[-1].content, list)
+            ):
+                prompt_messages[-1] = UserPromptMessage(content=file_prompts + prompt_messages[-1].content)
+            else:
+                prompt_messages.append(UserPromptMessage(content=file_prompts))
+
+        # Remove empty messages and filter unsupported content
+        filtered_prompt_messages = []
+        for prompt_message in prompt_messages:
+            if isinstance(prompt_message.content, list):
+                prompt_message_content: list[PromptMessageContentUnionTypes] = []
+                for content_item in prompt_message.content:
+                    # Skip content if features are not defined
+                    if not model_schema.features:
+                        if content_item.type != PromptMessageContentType.TEXT:
+                            continue
+                        prompt_message_content.append(content_item)
+                        continue
+
+                    # Skip content if corresponding feature is not supported
+                    if (
+                        (
+                            content_item.type == PromptMessageContentType.IMAGE
+                            and ModelFeature.VISION not in model_schema.features
+                        )
+                        or (
+                            content_item.type == PromptMessageContentType.DOCUMENT
+                            and ModelFeature.DOCUMENT not in model_schema.features
+                        )
+                        or (
+                            content_item.type == PromptMessageContentType.VIDEO
+                            and ModelFeature.VIDEO not in model_schema.features
+                        )
+                        or (
+                            content_item.type == PromptMessageContentType.AUDIO
+                            and ModelFeature.AUDIO not in model_schema.features
+                        )
+                    ):
+                        continue
+                    prompt_message_content.append(content_item)
+                if len(prompt_message_content) == 1 and prompt_message_content[0].type == PromptMessageContentType.TEXT:
+                    prompt_message.content = prompt_message_content[0].data
+                else:
+                    prompt_message.content = prompt_message_content
+            if prompt_message.is_empty():
+                continue
+            filtered_prompt_messages.append(prompt_message)
+
+        if len(filtered_prompt_messages) == 0:
+            raise NoPromptFoundError(
+                "No prompt found in the LLM configuration. "
+                "Please ensure a prompt is properly configured before proceeding."
+            )
+
+        return filtered_prompt_messages, stop
 
     @classmethod
     def _extract_variable_selector_to_variable_mapping(
@@ -881,16 +1048,59 @@ class LLMNode(Node[LLMNodeData]):
         jinja2_variables: Sequence[VariableSelector],
         variable_pool: VariablePool,
         vision_detail_config: ImagePromptMessageContent.DETAIL,
-        template_renderer: TemplateRenderer | None = None,
     ) -> Sequence[PromptMessage]:
-        return llm_utils.handle_list_messages(
-            messages=messages,
-            context=context,
-            jinja2_variables=jinja2_variables,
-            variable_pool=variable_pool,
-            vision_detail_config=vision_detail_config,
-            template_renderer=template_renderer,
-        )
+        prompt_messages: list[PromptMessage] = []
+        for message in messages:
+            if message.edition_type == "jinja2":
+                result_text = _render_jinja2_message(
+                    template=message.jinja2_text or "",
+                    jinja2_variables=jinja2_variables,
+                    variable_pool=variable_pool,
+                )
+                prompt_message = _combine_message_content_with_role(
+                    contents=[TextPromptMessageContent(data=result_text)], role=message.role
+                )
+                prompt_messages.append(prompt_message)
+            else:
+                # Get segment group from basic message
+                if context:
+                    template = message.text.replace("{#context#}", context)
+                else:
+                    template = message.text
+                segment_group = variable_pool.convert_template(template)
+
+                # Process segments for images
+                file_contents = []
+                for segment in segment_group.value:
+                    if isinstance(segment, ArrayFileSegment):
+                        for file in segment.value:
+                            if file.type in {FileType.IMAGE, FileType.VIDEO, FileType.AUDIO, FileType.DOCUMENT}:
+                                file_content = file_manager.to_prompt_message_content(
+                                    file, image_detail_config=vision_detail_config
+                                )
+                                file_contents.append(file_content)
+                    elif isinstance(segment, FileSegment):
+                        file = segment.value
+                        if file.type in {FileType.IMAGE, FileType.VIDEO, FileType.AUDIO, FileType.DOCUMENT}:
+                            file_content = file_manager.to_prompt_message_content(
+                                file, image_detail_config=vision_detail_config
+                            )
+                            file_contents.append(file_content)
+
+                # Create message with text from all segments
+                plain_text = segment_group.text
+                if plain_text:
+                    prompt_message = _combine_message_content_with_role(
+                        contents=[TextPromptMessageContent(data=plain_text)], role=message.role
+                    )
+                    prompt_messages.append(prompt_message)
+
+                if file_contents:
+                    # Create message with image contents
+                    prompt_message = _combine_message_content_with_role(contents=file_contents, role=message.role)
+                    prompt_messages.append(prompt_message)
+
+        return prompt_messages
 
     @staticmethod
     def handle_blocking_result(
@@ -1029,3 +1239,152 @@ class LLMNode(Node[LLMNodeData]):
     @property
     def model_instance(self) -> ModelInstance:
         return self._model_instance
+
+
+def _combine_message_content_with_role(
+    *, contents: str | list[PromptMessageContentUnionTypes] | None = None, role: PromptMessageRole
+):
+    match role:
+        case PromptMessageRole.USER:
+            return UserPromptMessage(content=contents)
+        case PromptMessageRole.ASSISTANT:
+            return AssistantPromptMessage(content=contents)
+        case PromptMessageRole.SYSTEM:
+            return SystemPromptMessage(content=contents)
+        case _:
+            raise NotImplementedError(f"Role {role} is not supported")
+
+
+def _render_jinja2_message(
+    *,
+    template: str,
+    jinja2_variables: Sequence[VariableSelector],
+    variable_pool: VariablePool,
+):
+    if not template:
+        return ""
+
+    jinja2_inputs = {}
+    for jinja2_variable in jinja2_variables:
+        variable = variable_pool.get(jinja2_variable.value_selector)
+        jinja2_inputs[jinja2_variable.variable] = variable.to_object() if variable else ""
+    code_execute_resp = CodeExecutor.execute_workflow_code_template(
+        language=CodeLanguage.JINJA2,
+        code=template,
+        inputs=jinja2_inputs,
+    )
+    result_text = code_execute_resp["result"]
+    return result_text
+
+
+def _calculate_rest_token(
+    *,
+    prompt_messages: list[PromptMessage],
+    model_instance: ModelInstance,
+) -> int:
+    rest_tokens = 2000
+    runtime_model_schema = llm_utils.fetch_model_schema(model_instance=model_instance)
+    runtime_model_parameters = model_instance.parameters
+
+    model_context_tokens = runtime_model_schema.model_properties.get(ModelPropertyKey.CONTEXT_SIZE)
+    if model_context_tokens:
+        curr_message_tokens = model_instance.get_llm_num_tokens(prompt_messages)
+
+        max_tokens = 0
+        for parameter_rule in runtime_model_schema.parameter_rules:
+            if parameter_rule.name == "max_tokens" or (
+                parameter_rule.use_template and parameter_rule.use_template == "max_tokens"
+            ):
+                max_tokens = (
+                    runtime_model_parameters.get(parameter_rule.name)
+                    or runtime_model_parameters.get(str(parameter_rule.use_template))
+                    or 0
+                )
+
+        rest_tokens = model_context_tokens - max_tokens - curr_message_tokens
+        rest_tokens = max(rest_tokens, 0)
+
+    return rest_tokens
+
+
+def _handle_memory_chat_mode(
+    *,
+    memory: PromptMessageMemory | None,
+    memory_config: MemoryConfig | None,
+    model_instance: ModelInstance,
+) -> Sequence[PromptMessage]:
+    memory_messages: Sequence[PromptMessage] = []
+    # Get messages from memory for chat model
+    if memory and memory_config:
+        rest_tokens = _calculate_rest_token(
+            prompt_messages=[],
+            model_instance=model_instance,
+        )
+        memory_messages = memory.get_history_prompt_messages(
+            max_token_limit=rest_tokens,
+            message_limit=memory_config.window.size if memory_config.window.enabled else None,
+        )
+    return memory_messages
+
+
+def _handle_memory_completion_mode(
+    *,
+    memory: PromptMessageMemory | None,
+    memory_config: MemoryConfig | None,
+    model_instance: ModelInstance,
+) -> str:
+    memory_text = ""
+    # Get history text from memory for completion model
+    if memory and memory_config:
+        rest_tokens = _calculate_rest_token(
+            prompt_messages=[],
+            model_instance=model_instance,
+        )
+        if not memory_config.role_prefix:
+            raise MemoryRolePrefixRequiredError("Memory role prefix is required for completion model.")
+        memory_text = llm_utils.fetch_memory_text(
+            memory=memory,
+            max_token_limit=rest_tokens,
+            message_limit=memory_config.window.size if memory_config.window.enabled else None,
+            human_prefix=memory_config.role_prefix.user,
+            ai_prefix=memory_config.role_prefix.assistant,
+        )
+    return memory_text
+
+
+def _handle_completion_template(
+    *,
+    template: LLMNodeCompletionModelPromptTemplate,
+    context: str | None,
+    jinja2_variables: Sequence[VariableSelector],
+    variable_pool: VariablePool,
+) -> Sequence[PromptMessage]:
+    """Handle completion template processing outside of LLMNode class.
+
+    Args:
+        template: The completion model prompt template
+        context: Optional context string
+        jinja2_variables: Variables for jinja2 template rendering
+        variable_pool: Variable pool for template conversion
+
+    Returns:
+        Sequence of prompt messages
+    """
+    prompt_messages = []
+    if template.edition_type == "jinja2":
+        result_text = _render_jinja2_message(
+            template=template.jinja2_text or "",
+            jinja2_variables=jinja2_variables,
+            variable_pool=variable_pool,
+        )
+    else:
+        if context:
+            template_text = template.text.replace("{#context#}", context)
+        else:
+            template_text = template.text
+        result_text = variable_pool.convert_template(template_text).text
+    prompt_message = _combine_message_content_with_role(
+        contents=[TextPromptMessageContent(data=result_text)], role=PromptMessageRole.USER
+    )
+    prompt_messages.append(prompt_message)
+    return prompt_messages

api/dify_graph/nodes/llm/protocols.py

@@ -1,6 +1,5 @@
 from __future__ import annotations
 
-from collections.abc import Mapping
 from typing import Any, Protocol
 
 from core.model_manager import ModelInstance
@@ -20,11 +19,3 @@ class ModelFactory(Protocol):
     def init_model_instance(self, provider_name: str, model_name: str) -> ModelInstance:
         """Create a model instance that is ready for schema lookup and invocation."""
         ...
-
-
-class TemplateRenderer(Protocol):
-    """Port for rendering prompt templates used by LLM-compatible nodes."""
-
-    def render_jinja2(self, *, template: str, inputs: Mapping[str, Any]) -> str:
-        """Render the given Jinja2 template into plain text."""
-        ...

api/dify_graph/nodes/question_classifier/question_classifier_node.py

@@ -28,7 +28,7 @@ from dify_graph.nodes.llm import (
     llm_utils,
 )
 from dify_graph.nodes.llm.file_saver import FileSaverImpl, LLMFileSaver
-from dify_graph.nodes.llm.protocols import CredentialsProvider, ModelFactory, TemplateRenderer
+from dify_graph.nodes.llm.protocols import CredentialsProvider, ModelFactory
 from dify_graph.nodes.protocols import HttpClientProtocol
 from libs.json_in_md_parser import parse_and_check_json_markdown
 
@@ -59,7 +59,6 @@ class QuestionClassifierNode(Node[QuestionClassifierNodeData]):
     _model_factory: "ModelFactory"
     _model_instance: ModelInstance
     _memory: PromptMessageMemory | None
-    _template_renderer: TemplateRenderer
 
     def __init__(
         self,
@@ -72,7 +71,6 @@ class QuestionClassifierNode(Node[QuestionClassifierNodeData]):
         model_factory: "ModelFactory",
         model_instance: ModelInstance,
         http_client: HttpClientProtocol,
-        template_renderer: TemplateRenderer,
         memory: PromptMessageMemory | None = None,
         llm_file_saver: LLMFileSaver | None = None,
     ):
@@ -89,7 +87,6 @@ class QuestionClassifierNode(Node[QuestionClassifierNodeData]):
         self._model_factory = model_factory
         self._model_instance = model_instance
         self._memory = memory
-        self._template_renderer = template_renderer
 
         if llm_file_saver is None:
             dify_ctx = self.require_dify_context()
@@ -145,7 +142,7 @@ class QuestionClassifierNode(Node[QuestionClassifierNodeData]):
         # If both self._get_prompt_template and self._fetch_prompt_messages append a user prompt,
         # two consecutive user prompts will be generated, causing model's error.
         # To avoid this, set sys_query to an empty string so that only one user prompt is appended at the end.
-        prompt_messages, stop = llm_utils.fetch_prompt_messages(
+        prompt_messages, stop = LLMNode.fetch_prompt_messages(
             prompt_template=prompt_template,
             sys_query="",
             memory=memory,
@@ -156,7 +153,6 @@ class QuestionClassifierNode(Node[QuestionClassifierNodeData]):
             vision_detail=node_data.vision.configs.detail,
             variable_pool=variable_pool,
             jinja2_variables=[],
-            template_renderer=self._template_renderer,
         )
 
         result_text = ""
@@ -291,7 +287,7 @@ class QuestionClassifierNode(Node[QuestionClassifierNodeData]):
         model_schema = llm_utils.fetch_model_schema(model_instance=model_instance)
 
         prompt_template = self._get_prompt_template(node_data, query, None, 2000)
-        prompt_messages, _ = llm_utils.fetch_prompt_messages(
+        prompt_messages, _ = LLMNode.fetch_prompt_messages(
             prompt_template=prompt_template,
             sys_query="",
             sys_files=[],
@@ -304,7 +300,6 @@ class QuestionClassifierNode(Node[QuestionClassifierNodeData]):
             vision_detail=node_data.vision.configs.detail,
             variable_pool=self.graph_runtime_state.variable_pool,
             jinja2_variables=[],
-            template_renderer=self._template_renderer,
         )
         rest_tokens = 2000
 

api/migrations/versions/2026_03_02_1805-0ec65df55790_add_indexes_for_human_input_forms.py

@@ -1,68 +0,0 @@
-"""add indexes for human_input_forms query patterns
-
-Revision ID: 0ec65df55790
-Revises: e288952f2994
-Create Date: 2026-03-02 18:05:00.000000
-
-"""
-
-from alembic import op
-
-
-# revision identifiers, used by Alembic.
-revision = "0ec65df55790"
-down_revision = "e288952f2994"
-branch_labels = None
-depends_on = None
-
-
-def upgrade():
-    with op.batch_alter_table("human_input_forms", schema=None) as batch_op:
-        batch_op.create_index(
-            "human_input_forms_workflow_run_id_node_id_idx",
-            ["workflow_run_id", "node_id"],
-            unique=False,
-        )
-        batch_op.create_index(
-            "human_input_forms_status_created_at_idx",
-            ["status", "created_at"],
-            unique=False,
-        )
-        batch_op.create_index(
-            "human_input_forms_status_expiration_time_idx",
-            ["status", "expiration_time"],
-            unique=False,
-        )
-
-    with op.batch_alter_table("human_input_form_deliveries", schema=None) as batch_op:
-        batch_op.create_index(
-            batch_op.f("human_input_form_deliveries_form_id_idx"),
-            ["form_id"],
-            unique=False,
-        )
-
-    with op.batch_alter_table("human_input_form_recipients", schema=None) as batch_op:
-        batch_op.create_index(
-            batch_op.f("human_input_form_recipients_delivery_id_idx"),
-            ["delivery_id"],
-            unique=False,
-        )
-        batch_op.create_index(
-            batch_op.f("human_input_form_recipients_form_id_idx"),
-            ["form_id"],
-            unique=False,
-        )
-
-
-def downgrade():
-    with op.batch_alter_table("human_input_forms", schema=None) as batch_op:
-        batch_op.drop_index("human_input_forms_workflow_run_id_node_id_idx")
-        batch_op.drop_index("human_input_forms_status_expiration_time_idx")
-        batch_op.drop_index("human_input_forms_status_created_at_idx")
-
-    with op.batch_alter_table("human_input_form_recipients", schema=None) as batch_op:
-        batch_op.drop_index(batch_op.f("human_input_form_recipients_form_id_idx"))
-        batch_op.drop_index(batch_op.f("human_input_form_recipients_delivery_id_idx"))
-
-    with op.batch_alter_table("human_input_form_deliveries", schema=None) as batch_op:
-        batch_op.drop_index(batch_op.f("human_input_form_deliveries_form_id_idx"))

api/models/human_input.py

@@ -30,15 +30,6 @@ def _generate_token() -> str:
 
 class HumanInputForm(DefaultFieldsMixin, Base):
     __tablename__ = "human_input_forms"
-    __table_args__ = (
-        sa.Index(
-            "human_input_forms_workflow_run_id_node_id_idx",
-            "workflow_run_id",
-            "node_id",
-        ),
-        sa.Index("human_input_forms_status_expiration_time_idx", "status", "expiration_time"),
-        sa.Index("human_input_forms_status_created_at_idx", "status", "created_at"),
-    )
 
     tenant_id: Mapped[str] = mapped_column(StringUUID, nullable=False)
     app_id: Mapped[str] = mapped_column(StringUUID, nullable=False)
@@ -93,12 +84,6 @@ class HumanInputForm(DefaultFieldsMixin, Base):
 
 class HumanInputDelivery(DefaultFieldsMixin, Base):
     __tablename__ = "human_input_form_deliveries"
-    __table_args__ = (
-        sa.Index(
-            None,
-            "form_id",
-        ),
-    )
 
     form_id: Mapped[str] = mapped_column(
         StringUUID,
@@ -196,10 +181,6 @@ RecipientPayload = Annotated[
 
 class HumanInputFormRecipient(DefaultFieldsMixin, Base):
     __tablename__ = "human_input_form_recipients"
-    __table_args__ = (
-        sa.Index(None, "form_id"),
-        sa.Index(None, "delivery_id"),
-    )
 
     form_id: Mapped[str] = mapped_column(
         StringUUID,

api/pyproject.toml

@@ -6,12 +6,12 @@ requires-python = ">=3.11,<3.13"
 dependencies = [
     "aliyun-log-python-sdk~=0.9.37",
     "arize-phoenix-otel~=0.15.0",
-    "azure-identity==1.25.3",
-    "beautifulsoup4==4.14.3",
-    "boto3==1.42.68",
+    "azure-identity==1.25.2",
+    "beautifulsoup4==4.12.2",
+    "boto3==1.42.65",
     "bs4~=0.0.1",
     "cachetools~=5.3.0",
-    "celery~=5.6.2",
+    "celery~=5.5.2",
     "charset-normalizer>=3.4.4",
     "flask~=3.1.2",
     "flask-compress>=1.17,<1.24",
@@ -35,12 +35,12 @@ dependencies = [
     "jsonschema>=4.25.1",
     "langfuse~=2.51.3",
     "langsmith~=0.7.16",
-    "markdown~=3.10.2",
+    "markdown~=3.8.1",
     "mlflow-skinny>=3.0.0",
     "numpy~=1.26.4",
     "openpyxl~=3.1.5",
     "opik~=1.10.37",
-    "litellm==1.82.2",                                  # Pinned to avoid madoka dependency issue
+    "litellm==1.82.1",                                  # Pinned to avoid madoka dependency issue
     "opentelemetry-api==1.28.0",
     "opentelemetry-distro==0.49b0",
     "opentelemetry-exporter-otlp==1.28.0",
@@ -58,7 +58,7 @@ dependencies = [
     "opentelemetry-sdk==1.28.0",
     "opentelemetry-semantic-conventions==0.49b0",
     "opentelemetry-util-http==0.49b0",
-    "pandas[excel,output-formatting,performance]~=3.0.1",
+    "pandas[excel,output-formatting,performance]~=2.2.2",
     "psycogreen~=1.0.2",
     "psycopg2-binary~=2.9.6",
     "pycryptodome==3.23.0",
@@ -66,22 +66,22 @@ dependencies = [
     "pydantic-extra-types~=2.11.0",
     "pydantic-settings~=2.13.1",
     "pyjwt~=2.12.0",
-    "pypdfium2==5.6.0",
+    "pypdfium2==5.2.0",
     "python-docx~=1.2.0",
-    "python-dotenv==1.2.2",
+    "python-dotenv==1.0.1",
     "pyyaml~=6.0.1",
     "readabilipy~=0.3.0",
     "redis[hiredis]~=7.3.0",
-    "resend~=2.23.0",
-    "sentry-sdk[flask]~=2.54.0",
+    "resend~=2.9.0",
+    "sentry-sdk[flask]~=2.28.0",
     "sqlalchemy~=2.0.29",
-    "starlette==0.52.1",
+    "starlette==0.49.1",
     "tiktoken~=0.12.0",
     "transformers~=5.3.0",
-    "unstructured[docx,epub,md,ppt,pptx]~=0.21.5",
-    "yarl~=1.23.0",
+    "unstructured[docx,epub,md,ppt,pptx]~=0.18.18",
+    "yarl~=1.18.3",
     "webvtt-py~=0.5.1",
-    "sseclient-py~=1.9.0",
+    "sseclient-py~=1.8.0",
     "httpx-sse~=0.4.0",
     "sendgrid~=6.12.3",
     "flask-restx~=1.3.2",
@@ -111,7 +111,7 @@ package = false
 dev = [
     "coverage~=7.13.4",
     "dotenv-linter~=0.7.0",
-    "faker~=40.11.0",
+    "faker~=40.8.0",
     "lxml-stubs~=0.5.1",
     "basedpyright~=1.38.2",
     "ruff~=0.15.5",
@@ -120,7 +120,7 @@ dev = [
     "pytest-cov~=7.0.0",
     "pytest-env~=1.1.3",
     "pytest-mock~=3.15.1",
-    "testcontainers~=4.14.1",
+    "testcontainers~=4.13.2",
     "types-aiofiles~=25.1.0",
     "types-beautifulsoup4~=4.12.0",
     "types-cachetools~=6.2.0",

api/tests/integration_tests/workflow/nodes/test_llm.py

@@ -10,7 +10,7 @@ from core.model_manager import ModelInstance
 from dify_graph.enums import WorkflowNodeExecutionStatus
 from dify_graph.node_events import StreamCompletedEvent
 from dify_graph.nodes.llm.node import LLMNode
-from dify_graph.nodes.llm.protocols import CredentialsProvider, ModelFactory, TemplateRenderer
+from dify_graph.nodes.llm.protocols import CredentialsProvider, ModelFactory
 from dify_graph.nodes.protocols import HttpClientProtocol
 from dify_graph.runtime import GraphRuntimeState, VariablePool
 from dify_graph.system_variable import SystemVariable
@@ -75,7 +75,6 @@ def init_llm_node(config: dict) -> LLMNode:
         credentials_provider=MagicMock(spec=CredentialsProvider),
         model_factory=MagicMock(spec=ModelFactory),
         model_instance=MagicMock(spec=ModelInstance),
-        template_renderer=MagicMock(spec=TemplateRenderer),
         http_client=MagicMock(spec=HttpClientProtocol),
     )
 
@@ -159,7 +158,7 @@ def test_execute_llm():
         return mock_model_instance
 
     # Mock fetch_prompt_messages to avoid database calls
-    def mock_fetch_prompt_messages_1(*_args, **_kwargs):
+    def mock_fetch_prompt_messages_1(**_kwargs):
         from dify_graph.model_runtime.entities.message_entities import SystemPromptMessage, UserPromptMessage
 
         return [

api/tests/unit_tests/core/test_provider_manager.py

@@ -1,34 +1,32 @@
-from unittest.mock import Mock, PropertyMock, patch
-
 import pytest
+from pytest_mock import MockerFixture
 
 from core.entities.provider_entities import ModelSettings
 from core.provider_manager import ProviderManager
-from dify_graph.model_runtime.entities.common_entities import I18nObject
 from dify_graph.model_runtime.entities.model_entities import ModelType
 from models.provider import LoadBalancingModelConfig, ProviderModelSetting
 
 
 @pytest.fixture
-def mock_provider_entity():
-    mock_entity = Mock()
+def mock_provider_entity(mocker: MockerFixture):
+    mock_entity = mocker.Mock()
     mock_entity.provider = "openai"
     mock_entity.configurate_methods = ["predefined-model"]
     mock_entity.supported_model_types = [ModelType.LLM]
 
     # Use PropertyMock to ensure credential_form_schemas is iterable
-    provider_credential_schema = Mock()
-    type(provider_credential_schema).credential_form_schemas = PropertyMock(return_value=[])
+    provider_credential_schema = mocker.Mock()
+    type(provider_credential_schema).credential_form_schemas = mocker.PropertyMock(return_value=[])
     mock_entity.provider_credential_schema = provider_credential_schema
 
-    model_credential_schema = Mock()
-    type(model_credential_schema).credential_form_schemas = PropertyMock(return_value=[])
+    model_credential_schema = mocker.Mock()
+    type(model_credential_schema).credential_form_schemas = mocker.PropertyMock(return_value=[])
     mock_entity.model_credential_schema = model_credential_schema
 
     return mock_entity
 
 
-def test__to_model_settings(mock_provider_entity):
+def test__to_model_settings(mocker: MockerFixture, mock_provider_entity):
     # Mocking the inputs
     ps = ProviderModelSetting(
         tenant_id="tenant_id",
@@ -65,18 +63,18 @@ def test__to_model_settings(mock_provider_entity):
     load_balancing_model_configs[0].id = "id1"
     load_balancing_model_configs[1].id = "id2"
 
-    with patch(
-        "core.helper.model_provider_cache.ProviderCredentialsCache.get",
-        return_value={"openai_api_key": "fake_key"},
-    ):
-        provider_manager = ProviderManager()
+    mocker.patch(
+        "core.helper.model_provider_cache.ProviderCredentialsCache.get", return_value={"openai_api_key": "fake_key"}
+    )
 
-        # Running the method
-        result = provider_manager._to_model_settings(
-            provider_entity=mock_provider_entity,
-            provider_model_settings=provider_model_settings,
-            load_balancing_model_configs=load_balancing_model_configs,
-        )
+    provider_manager = ProviderManager()
+
+    # Running the method
+    result = provider_manager._to_model_settings(
+        provider_entity=mock_provider_entity,
+        provider_model_settings=provider_model_settings,
+        load_balancing_model_configs=load_balancing_model_configs,
+    )
 
     # Asserting that the result is as expected
     assert len(result) == 1
@@ -89,7 +87,7 @@ def test__to_model_settings(mock_provider_entity):
     assert result[0].load_balancing_configs[1].name == "first"
 
 
-def test__to_model_settings_only_one_lb(mock_provider_entity):
+def test__to_model_settings_only_one_lb(mocker: MockerFixture, mock_provider_entity):
     # Mocking the inputs
 
     ps = ProviderModelSetting(
@@ -115,18 +113,18 @@ def test__to_model_settings_only_one_lb(mock_provider_entity):
     ]
     load_balancing_model_configs[0].id = "id1"
 
-    with patch(
-        "core.helper.model_provider_cache.ProviderCredentialsCache.get",
-        return_value={"openai_api_key": "fake_key"},
-    ):
-        provider_manager = ProviderManager()
+    mocker.patch(
+        "core.helper.model_provider_cache.ProviderCredentialsCache.get", return_value={"openai_api_key": "fake_key"}
+    )
 
-        # Running the method
-        result = provider_manager._to_model_settings(
-            provider_entity=mock_provider_entity,
-            provider_model_settings=provider_model_settings,
-            load_balancing_model_configs=load_balancing_model_configs,
-        )
+    provider_manager = ProviderManager()
+
+    # Running the method
+    result = provider_manager._to_model_settings(
+        provider_entity=mock_provider_entity,
+        provider_model_settings=provider_model_settings,
+        load_balancing_model_configs=load_balancing_model_configs,
+    )
 
     # Asserting that the result is as expected
     assert len(result) == 1
@@ -137,7 +135,7 @@ def test__to_model_settings_only_one_lb(mock_provider_entity):
     assert len(result[0].load_balancing_configs) == 0
 
 
-def test__to_model_settings_lb_disabled(mock_provider_entity):
+def test__to_model_settings_lb_disabled(mocker: MockerFixture, mock_provider_entity):
     # Mocking the inputs
     ps = ProviderModelSetting(
         tenant_id="tenant_id",
@@ -172,18 +170,18 @@ def test__to_model_settings_lb_disabled(mock_provider_entity):
     load_balancing_model_configs[0].id = "id1"
     load_balancing_model_configs[1].id = "id2"
 
-    with patch(
-        "core.helper.model_provider_cache.ProviderCredentialsCache.get",
-        return_value={"openai_api_key": "fake_key"},
-    ):
-        provider_manager = ProviderManager()
+    mocker.patch(
+        "core.helper.model_provider_cache.ProviderCredentialsCache.get", return_value={"openai_api_key": "fake_key"}
+    )
 
-        # Running the method
-        result = provider_manager._to_model_settings(
-            provider_entity=mock_provider_entity,
-            provider_model_settings=provider_model_settings,
-            load_balancing_model_configs=load_balancing_model_configs,
-        )
+    provider_manager = ProviderManager()
+
+    # Running the method
+    result = provider_manager._to_model_settings(
+        provider_entity=mock_provider_entity,
+        provider_model_settings=provider_model_settings,
+        load_balancing_model_configs=load_balancing_model_configs,
+    )
 
     # Asserting that the result is as expected
     assert len(result) == 1
@@ -192,39 +190,3 @@ def test__to_model_settings_lb_disabled(mock_provider_entity):
     assert result[0].model_type == ModelType.LLM
     assert result[0].enabled is True
     assert len(result[0].load_balancing_configs) == 0
-
-
-def test_get_default_model_uses_first_available_active_model():
-    mock_session = Mock()
-    mock_session.scalar.return_value = None
-
-    provider_configurations = Mock()
-    provider_configurations.get_models.return_value = [
-        Mock(model="gpt-3.5-turbo", provider=Mock(provider="openai")),
-        Mock(model="gpt-4", provider=Mock(provider="openai")),
-    ]
-
-    manager = ProviderManager()
-    with (
-        patch("core.provider_manager.db.session", mock_session),
-        patch.object(manager, "get_configurations", return_value=provider_configurations),
-        patch("core.provider_manager.ModelProviderFactory") as mock_factory_cls,
-    ):
-        mock_factory_cls.return_value.get_provider_schema.return_value = Mock(
-            provider="openai",
-            label=I18nObject(en_US="OpenAI", zh_Hans="OpenAI"),
-            icon_small=I18nObject(en_US="icon_small.png", zh_Hans="icon_small.png"),
-            supported_model_types=[ModelType.LLM],
-        )
-
-        result = manager.get_default_model("tenant-id", ModelType.LLM)
-
-        assert result is not None
-        assert result.model == "gpt-3.5-turbo"
-        assert result.provider.provider == "openai"
-        provider_configurations.get_models.assert_called_once_with(model_type=ModelType.LLM, only_active=True)
-        mock_session.add.assert_called_once()
-        saved_default_model = mock_session.add.call_args.args[0]
-        assert saved_default_model.model_name == "gpt-3.5-turbo"
-        assert saved_default_model.provider_name == "openai"
-        mock_session.commit.assert_called_once()

api/tests/unit_tests/core/workflow/graph_engine/test_mock_nodes.py

@@ -20,7 +20,7 @@ from dify_graph.nodes.code import CodeNode
 from dify_graph.nodes.document_extractor import DocumentExtractorNode
 from dify_graph.nodes.http_request import HttpRequestNode
 from dify_graph.nodes.llm import LLMNode
-from dify_graph.nodes.llm.protocols import CredentialsProvider, ModelFactory, TemplateRenderer
+from dify_graph.nodes.llm.protocols import CredentialsProvider, ModelFactory
 from dify_graph.nodes.parameter_extractor import ParameterExtractorNode
 from dify_graph.nodes.protocols import HttpClientProtocol, ToolFileManagerProtocol
 from dify_graph.nodes.question_classifier import QuestionClassifierNode
@@ -68,8 +68,6 @@ class MockNodeMixin:
             kwargs.setdefault("model_instance", MagicMock(spec=ModelInstance))
             # LLM-like nodes now require an http_client; provide a mock by default for tests.
             kwargs.setdefault("http_client", MagicMock(spec=HttpClientProtocol))
-            if isinstance(self, (LLMNode, QuestionClassifierNode)):
-                kwargs.setdefault("template_renderer", MagicMock(spec=TemplateRenderer))
 
         # Ensure TemplateTransformNode receives a renderer now required by constructor
         if isinstance(self, TemplateTransformNode):

api/tests/unit_tests/core/workflow/nodes/llm/test_node.py

@@ -34,8 +34,8 @@ from dify_graph.nodes.llm.entities import (
     VisionConfigOptions,
 )
 from dify_graph.nodes.llm.file_saver import LLMFileSaver
-from dify_graph.nodes.llm.node import LLMNode
-from dify_graph.nodes.llm.protocols import CredentialsProvider, ModelFactory, TemplateRenderer
+from dify_graph.nodes.llm.node import LLMNode, _handle_memory_completion_mode
+from dify_graph.nodes.llm.protocols import CredentialsProvider, ModelFactory
 from dify_graph.runtime import GraphRuntimeState, VariablePool
 from dify_graph.system_variable import SystemVariable
 from dify_graph.variables import ArrayAnySegment, ArrayFileSegment, NoneSegment
@@ -107,7 +107,6 @@ def llm_node(
     mock_file_saver = mock.MagicMock(spec=LLMFileSaver)
     mock_credentials_provider = mock.MagicMock(spec=CredentialsProvider)
     mock_model_factory = mock.MagicMock(spec=ModelFactory)
-    mock_template_renderer = mock.MagicMock(spec=TemplateRenderer)
     node_config = {
         "id": "1",
         "data": llm_node_data.model_dump(),
@@ -122,7 +121,6 @@ def llm_node(
         model_factory=mock_model_factory,
         model_instance=mock.MagicMock(spec=ModelInstance),
         llm_file_saver=mock_file_saver,
-        template_renderer=mock_template_renderer,
         http_client=http_client,
     )
     return node
@@ -592,33 +590,6 @@ def test_handle_list_messages_basic(llm_node):
     assert result[0].content == [TextPromptMessageContent(data="Hello, world")]
 
 
-def test_handle_list_messages_jinja2_uses_template_renderer(llm_node):
-    llm_node._template_renderer.render_jinja2.return_value = "Hello, world"
-    messages = [
-        LLMNodeChatModelMessage(
-            text="",
-            jinja2_text="Hello, {{ name }}",
-            role=PromptMessageRole.USER,
-            edition_type="jinja2",
-        )
-    ]
-
-    result = llm_node.handle_list_messages(
-        messages=messages,
-        context=None,
-        jinja2_variables=[],
-        variable_pool=llm_node.graph_runtime_state.variable_pool,
-        vision_detail_config=ImagePromptMessageContent.DETAIL.HIGH,
-        template_renderer=llm_node._template_renderer,
-    )
-
-    assert result == [UserPromptMessage(content=[TextPromptMessageContent(data="Hello, world")])]
-    llm_node._template_renderer.render_jinja2.assert_called_once_with(
-        template="Hello, {{ name }}",
-        inputs={},
-    )
-
-
 def test_handle_memory_completion_mode_uses_prompt_message_interface():
     memory = mock.MagicMock(spec=MockTokenBufferMemory)
     memory.get_history_prompt_messages.return_value = [
@@ -642,8 +613,8 @@ def test_handle_memory_completion_mode_uses_prompt_message_interface():
         window=MemoryConfig.WindowConfig(enabled=True, size=3),
     )
 
-    with mock.patch("dify_graph.nodes.llm.llm_utils.calculate_rest_token", return_value=2000) as mock_rest_token:
-        memory_text = llm_utils.handle_memory_completion_mode(
+    with mock.patch("dify_graph.nodes.llm.node._calculate_rest_token", return_value=2000) as mock_rest_token:
+        memory_text = _handle_memory_completion_mode(
             memory=memory,
             memory_config=memory_config,
             model_instance=model_instance,
@@ -659,7 +630,6 @@ def llm_node_for_multimodal(llm_node_data, graph_init_params, graph_runtime_stat
     mock_file_saver: LLMFileSaver = mock.MagicMock(spec=LLMFileSaver)
     mock_credentials_provider = mock.MagicMock(spec=CredentialsProvider)
     mock_model_factory = mock.MagicMock(spec=ModelFactory)
-    mock_template_renderer = mock.MagicMock(spec=TemplateRenderer)
     node_config = {
         "id": "1",
         "data": llm_node_data.model_dump(),
@@ -674,7 +644,6 @@ def llm_node_for_multimodal(llm_node_data, graph_init_params, graph_runtime_stat
         model_factory=mock_model_factory,
         model_instance=mock.MagicMock(spec=ModelInstance),
         llm_file_saver=mock_file_saver,
-        template_renderer=mock_template_renderer,
         http_client=http_client,
     )
     return node, mock_file_saver

api/tests/unit_tests/core/workflow/nodes/test_question_classifier_node.py

@@ -1,14 +1,5 @@
-from types import SimpleNamespace
-from unittest.mock import MagicMock
-
 from dify_graph.model_runtime.entities import ImagePromptMessageContent
-from dify_graph.nodes.llm.protocols import CredentialsProvider, ModelFactory, TemplateRenderer
-from dify_graph.nodes.protocols import HttpClientProtocol
-from dify_graph.nodes.question_classifier import (
-    QuestionClassifierNode,
-    QuestionClassifierNodeData,
-)
-from tests.workflow_test_utils import build_test_graph_init_params
+from dify_graph.nodes.question_classifier import QuestionClassifierNodeData
 
 
 def test_init_question_classifier_node_data():
@@ -74,52 +65,3 @@ def test_init_question_classifier_node_data_without_vision_config():
     assert node_data.vision.enabled == False
     assert node_data.vision.configs.variable_selector == ["sys", "files"]
     assert node_data.vision.configs.detail == ImagePromptMessageContent.DETAIL.HIGH
-
-
-def test_question_classifier_calculate_rest_token_uses_shared_prompt_builder(monkeypatch):
-    node_data = QuestionClassifierNodeData.model_validate(
-        {
-            "title": "test classifier node",
-            "query_variable_selector": ["id", "name"],
-            "model": {"provider": "openai", "name": "gpt-3.5-turbo", "mode": "completion", "completion_params": {}},
-            "classes": [{"id": "1", "name": "class 1"}],
-            "instruction": "This is a test instruction",
-        }
-    )
-    template_renderer = MagicMock(spec=TemplateRenderer)
-    node = QuestionClassifierNode(
-        id="node-id",
-        config={"id": "node-id", "data": node_data.model_dump(mode="json")},
-        graph_init_params=build_test_graph_init_params(
-            workflow_id="workflow-id",
-            graph_config={},
-            tenant_id="tenant-id",
-            app_id="app-id",
-            user_id="user-id",
-        ),
-        graph_runtime_state=SimpleNamespace(variable_pool=MagicMock()),
-        credentials_provider=MagicMock(spec=CredentialsProvider),
-        model_factory=MagicMock(spec=ModelFactory),
-        model_instance=MagicMock(),
-        http_client=MagicMock(spec=HttpClientProtocol),
-        llm_file_saver=MagicMock(),
-        template_renderer=template_renderer,
-    )
-    fetch_prompt_messages = MagicMock(return_value=([], None))
-    monkeypatch.setattr(
-        "dify_graph.nodes.question_classifier.question_classifier_node.llm_utils.fetch_prompt_messages",
-        fetch_prompt_messages,
-    )
-    monkeypatch.setattr(
-        "dify_graph.nodes.question_classifier.question_classifier_node.llm_utils.fetch_model_schema",
-        MagicMock(return_value=SimpleNamespace(model_properties={}, parameter_rules=[])),
-    )
-
-    node._calculate_rest_token(
-        node_data=node_data,
-        query="hello",
-        model_instance=MagicMock(stop=(), parameters={}),
-        context="",
-    )
-
-    assert fetch_prompt_messages.call_args.kwargs["template_renderer"] is template_renderer

api/tests/unit_tests/core/workflow/test_node_factory.py

@@ -140,29 +140,6 @@ class TestDefaultWorkflowCodeExecutor:
         assert executor.is_execution_error(RuntimeError("boom")) is False
 
 
-class TestDefaultLLMTemplateRenderer:
-    def test_render_jinja2_delegates_to_code_executor(self, monkeypatch):
-        renderer = node_factory.DefaultLLMTemplateRenderer()
-        execute_workflow_code_template = MagicMock(return_value={"result": "hello world"})
-        monkeypatch.setattr(
-            node_factory.CodeExecutor,
-            "execute_workflow_code_template",
-            execute_workflow_code_template,
-        )
-
-        result = renderer.render_jinja2(
-            template="Hello {{ name }}",
-            inputs={"name": "world"},
-        )
-
-        assert result == "hello world"
-        execute_workflow_code_template.assert_called_once_with(
-            language=CodeLanguage.JINJA2,
-            code="Hello {{ name }}",
-            inputs={"name": "world"},
-        )
-
-
 class TestDifyNodeFactoryInit:
     def test_init_builds_default_dependencies(self):
         graph_init_params = SimpleNamespace(run_context={"context": "value"})
@@ -173,7 +150,6 @@ class TestDifyNodeFactoryInit:
         http_request_config = sentinel.http_request_config
         credentials_provider = sentinel.credentials_provider
         model_factory = sentinel.model_factory
-        llm_template_renderer = sentinel.llm_template_renderer
 
         with (
             patch.object(
@@ -196,11 +172,6 @@ class TestDifyNodeFactoryInit:
                 "build_http_request_config",
                 return_value=http_request_config,
             ),
-            patch.object(
-                node_factory,
-                "DefaultLLMTemplateRenderer",
-                return_value=llm_template_renderer,
-            ) as llm_renderer_factory,
             patch.object(
                 node_factory,
                 "build_dify_model_access",
@@ -215,14 +186,11 @@ class TestDifyNodeFactoryInit:
         resolve_dify_context.assert_called_once_with(graph_init_params.run_context)
         build_dify_model_access.assert_called_once_with("tenant-id")
         renderer_factory.assert_called_once()
-        llm_renderer_factory.assert_called_once()
         assert renderer_factory.call_args.kwargs["code_executor"] is factory._code_executor
         assert factory.graph_init_params is graph_init_params
         assert factory.graph_runtime_state is graph_runtime_state
         assert factory._dify_context is dify_context
         assert factory._template_renderer is template_renderer
-
-        assert factory._llm_template_renderer is llm_template_renderer
         assert factory._document_extractor_unstructured_api_config is unstructured_api_config
         assert factory._http_request_config is http_request_config
         assert factory._llm_credentials_provider is credentials_provider
@@ -274,7 +242,6 @@ class TestDifyNodeFactoryCreateNode:
         factory._code_executor = sentinel.code_executor
         factory._code_limits = sentinel.code_limits
         factory._template_renderer = sentinel.template_renderer
-        factory._llm_template_renderer = sentinel.llm_template_renderer
         factory._template_transform_max_output_length = 2048
         factory._http_request_http_client = sentinel.http_client
         factory._http_request_tool_file_manager_factory = sentinel.tool_file_manager_factory
@@ -411,22 +378,8 @@ class TestDifyNodeFactoryCreateNode:
     @pytest.mark.parametrize(
         ("node_type", "constructor_name", "expected_extra_kwargs"),
         [
-            (
-                BuiltinNodeTypes.LLM,
-                "LLMNode",
-                {
-                    "http_client": sentinel.http_client,
-                    "template_renderer": sentinel.llm_template_renderer,
-                },
-            ),
-            (
-                BuiltinNodeTypes.QUESTION_CLASSIFIER,
-                "QuestionClassifierNode",
-                {
-                    "http_client": sentinel.http_client,
-                    "template_renderer": sentinel.llm_template_renderer,
-                },
-            ),
+            (BuiltinNodeTypes.LLM, "LLMNode", {"http_client": sentinel.http_client}),
+            (BuiltinNodeTypes.QUESTION_CLASSIFIER, "QuestionClassifierNode", {"http_client": sentinel.http_client}),
             (BuiltinNodeTypes.PARAMETER_EXTRACTOR, "ParameterExtractorNode", {}),
         ],
     )

web/AGENTS.md

@@ -8,6 +8,10 @@
 - In new or modified code, use only overlay primitives from `@/app/components/base/ui/*`.
 - Do not introduce deprecated overlay imports from `@/app/components/base/*`; when touching legacy callers, prefer migrating them and keep the allowlist shrinking (never expanding).
 
+## Query & Mutation (Mandatory)
+
+- `frontend-query-mutation` is the source of truth for Dify frontend contracts, query and mutation call-site patterns, conditional queries, invalidation, and mutation error handling.
+
 ## Automated Test Generation
 
 - Use `./docs/test.md` as the canonical instruction set for generating frontend automated tests.

web/app/(commonLayout)/app/(appDetailLayout)/[appId]/evaluation/page.tsx

@@ -1,11 +0,0 @@
-import Evaluation from '@/app/components/evaluation'
-
-const Page = async (props: {
-  params: Promise<{ appId: string }>
-}) => {
-  const { appId } = await props.params
-
-  return <Evaluation resourceType="workflow" resourceId={appId} />
-}
-
-export default Page

web/app/(commonLayout)/app/(appDetailLayout)/[appId]/layout-main.tsx

@@ -7,8 +7,6 @@ import {
   RiDashboard2Line,
   RiFileList3Fill,
   RiFileList3Line,
-  RiFlaskFill,
-  RiFlaskLine,
   RiTerminalBoxFill,
   RiTerminalBoxLine,
   RiTerminalWindowFill,
@@ -69,47 +67,40 @@ const AppDetailLayout: FC<IAppDetailLayoutProps> = (props) => {
   }>>([])
 
   const getNavigationConfig = useCallback((appId: string, isCurrentWorkspaceEditor: boolean, mode: AppModeEnum) => {
-    const navConfig = []
-
-    if (isCurrentWorkspaceEditor) {
-      navConfig.push({
-        name: t('appMenus.promptEng', { ns: 'common' }),
-        href: `/app/${appId}/${(mode === AppModeEnum.WORKFLOW || mode === AppModeEnum.ADVANCED_CHAT) ? 'workflow' : 'configuration'}`,
-        icon: RiTerminalWindowLine,
-        selectedIcon: RiTerminalWindowFill,
-      })
-      navConfig.push({
-        name: t('appMenus.evaluation', { ns: 'common' }),
-        href: `/app/${appId}/evaluation`,
-        icon: RiFlaskLine,
-        selectedIcon: RiFlaskFill,
-      })
-    }
-
-    navConfig.push({
-      name: t('appMenus.apiAccess', { ns: 'common' }),
-      href: `/app/${appId}/develop`,
-      icon: RiTerminalBoxLine,
-      selectedIcon: RiTerminalBoxFill,
-    })
-
-    if (isCurrentWorkspaceEditor) {
-      navConfig.push({
-        name: mode !== AppModeEnum.WORKFLOW
-          ? t('appMenus.logAndAnn', { ns: 'common' })
-          : t('appMenus.logs', { ns: 'common' }),
-        href: `/app/${appId}/logs`,
-        icon: RiFileList3Line,
-        selectedIcon: RiFileList3Fill,
-      })
-    }
-
-    navConfig.push({
-      name: t('appMenus.overview', { ns: 'common' }),
-      href: `/app/${appId}/overview`,
-      icon: RiDashboard2Line,
-      selectedIcon: RiDashboard2Fill,
-    })
+    const navConfig = [
+      ...(isCurrentWorkspaceEditor
+        ? [{
+            name: t('appMenus.promptEng', { ns: 'common' }),
+            href: `/app/${appId}/${(mode === AppModeEnum.WORKFLOW || mode === AppModeEnum.ADVANCED_CHAT) ? 'workflow' : 'configuration'}`,
+            icon: RiTerminalWindowLine,
+            selectedIcon: RiTerminalWindowFill,
+          }]
+        : []
+      ),
+      {
+        name: t('appMenus.apiAccess', { ns: 'common' }),
+        href: `/app/${appId}/develop`,
+        icon: RiTerminalBoxLine,
+        selectedIcon: RiTerminalBoxFill,
+      },
+      ...(isCurrentWorkspaceEditor
+        ? [{
+            name: mode !== AppModeEnum.WORKFLOW
+              ? t('appMenus.logAndAnn', { ns: 'common' })
+              : t('appMenus.logs', { ns: 'common' }),
+            href: `/app/${appId}/logs`,
+            icon: RiFileList3Line,
+            selectedIcon: RiFileList3Fill,
+          }]
+        : []
+      ),
+      {
+        name: t('appMenus.overview', { ns: 'common' }),
+        href: `/app/${appId}/overview`,
+        icon: RiDashboard2Line,
+        selectedIcon: RiDashboard2Fill,
+      },
+    ]
     return navConfig
   }, [t])
 

web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/evaluation/page.tsx

@@ -1,11 +0,0 @@
-import Evaluation from '@/app/components/evaluation'
-
-const Page = async (props: {
-  params: Promise<{ datasetId: string }>
-}) => {
-  const { datasetId } = await props.params
-
-  return <Evaluation resourceType="pipeline" resourceId={datasetId} />
-}
-
-export default Page

web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/layout-main.tsx

@@ -6,8 +6,6 @@ import {
   RiEqualizer2Line,
   RiFileTextFill,
   RiFileTextLine,
-  RiFlaskFill,
-  RiFlaskLine,
   RiFocus2Fill,
   RiFocus2Line,
 } from '@remixicon/react'
@@ -88,30 +86,20 @@ const DatasetDetailLayout: FC<IAppDetailLayoutProps> = (props) => {
     ]
 
     if (datasetRes?.provider !== 'external') {
-      return [
-        {
-          name: t('datasetMenus.documents', { ns: 'common' }),
-          href: `/datasets/${datasetId}/documents`,
-          icon: RiFileTextLine,
-          selectedIcon: RiFileTextFill,
-          disabled: isButtonDisabledWithPipeline,
-        },
-        {
-          name: t('datasetMenus.pipeline', { ns: 'common' }),
-          href: `/datasets/${datasetId}/pipeline`,
-          icon: PipelineLine as RemixiconComponentType,
-          selectedIcon: PipelineFill as RemixiconComponentType,
-          disabled: false,
-        },
-        {
-          name: t('datasetMenus.evaluation', { ns: 'common' }),
-          href: `/datasets/${datasetId}/evaluation`,
-          icon: RiFlaskLine,
-          selectedIcon: RiFlaskFill,
-          disabled: false,
-        },
-        ...baseNavigation,
-      ]
+      baseNavigation.unshift({
+        name: t('datasetMenus.pipeline', { ns: 'common' }),
+        href: `/datasets/${datasetId}/pipeline`,
+        icon: PipelineLine as RemixiconComponentType,
+        selectedIcon: PipelineFill as RemixiconComponentType,
+        disabled: false,
+      })
+      baseNavigation.unshift({
+        name: t('datasetMenus.documents', { ns: 'common' }),
+        href: `/datasets/${datasetId}/documents`,
+        icon: RiFileTextLine,
+        selectedIcon: RiFileTextFill,
+        disabled: isButtonDisabledWithPipeline,
+      })
     }
 
     return baseNavigation

web/app/(commonLayout)/role-route-guard.tsx

@@ -6,7 +6,7 @@ import { useEffect } from 'react'
 import Loading from '@/app/components/base/loading'
 import { useAppContext } from '@/context/app-context'
 
-const datasetOperatorRedirectRoutes = ['/apps', '/app', '/snippets', '/explore', '/tools'] as const
+const datasetOperatorRedirectRoutes = ['/apps', '/app', '/explore', '/tools'] as const
 
 const isPathUnderRoute = (pathname: string, route: string) => pathname === route || pathname.startsWith(`${route}/`)
 

web/app/(commonLayout)/snippets/[snippetId]/evaluation/page.tsx

@@ -1,11 +0,0 @@
-import SnippetPage from '@/app/components/snippets'
-
-const Page = async (props: {
-  params: Promise<{ snippetId: string }>
-}) => {
-  const { snippetId } = await props.params
-
-  return <SnippetPage snippetId={snippetId} section="evaluation" />
-}
-
-export default Page

web/app/(commonLayout)/snippets/[snippetId]/orchestrate/page.tsx

@@ -1,11 +0,0 @@
-import SnippetPage from '@/app/components/snippets'
-
-const Page = async (props: {
-  params: Promise<{ snippetId: string }>
-}) => {
-  const { snippetId } = await props.params
-
-  return <SnippetPage snippetId={snippetId} section="orchestrate" />
-}
-
-export default Page

web/app/(commonLayout)/snippets/[snippetId]/page.spec.ts

@@ -1,21 +0,0 @@
-import Page from './page'
-
-const mockRedirect = vi.fn()
-
-vi.mock('next/navigation', () => ({
-  redirect: (path: string) => mockRedirect(path),
-}))
-
-describe('snippet detail redirect page', () => {
-  beforeEach(() => {
-    vi.clearAllMocks()
-  })
-
-  it('should redirect legacy snippet detail routes to orchestrate', async () => {
-    await Page({
-      params: Promise.resolve({ snippetId: 'snippet-1' }),
-    })
-
-    expect(mockRedirect).toHaveBeenCalledWith('/snippets/snippet-1/orchestrate')
-  })
-})

web/app/(commonLayout)/snippets/[snippetId]/page.tsx

@@ -1,11 +0,0 @@
-import { redirect } from 'next/navigation'
-
-const Page = async (props: {
-  params: Promise<{ snippetId: string }>
-}) => {
-  const { snippetId } = await props.params
-
-  redirect(`/snippets/${snippetId}/orchestrate`)
-}
-
-export default Page

web/app/(commonLayout)/snippets/page.tsx

@@ -1,7 +0,0 @@
-import Apps from '@/app/components/apps'
-
-const SnippetsPage = () => {
-  return <Apps pageType="snippets" />
-}
-
-export default SnippetsPage

web/app/components/app-sidebar/__tests__/index.spec.tsx

@@ -165,21 +165,6 @@ describe('AppDetailNav', () => {
       )
       expect(screen.queryByTestId('extra-info')).not.toBeInTheDocument()
     })
-
-    it('should render custom header and navigation when provided', () => {
-      render(
-        <AppDetailNav
-          navigation={navigation}
-          renderHeader={mode => <div data-testid="custom-header" data-mode={mode} />}
-          renderNavigation={mode => <div data-testid="custom-navigation" data-mode={mode} />}
-        />,
-      )
-
-      expect(screen.getByTestId('custom-header')).toHaveAttribute('data-mode', 'expand')
-      expect(screen.getByTestId('custom-navigation')).toHaveAttribute('data-mode', 'expand')
-      expect(screen.queryByTestId('app-info')).not.toBeInTheDocument()
-      expect(screen.queryByTestId('nav-link-Overview')).not.toBeInTheDocument()
-    })
   })
 
   describe('Workflow canvas mode', () => {

web/app/components/app-sidebar/index.tsx

@@ -27,16 +27,12 @@ export type IAppDetailNavProps = {
     disabled?: boolean
   }>
   extraInfo?: (modeState: string) => React.ReactNode
-  renderHeader?: (modeState: string) => React.ReactNode
-  renderNavigation?: (modeState: string) => React.ReactNode
 }
 
 const AppDetailNav = ({
   navigation,
   extraInfo,
   iconType = 'app',
-  renderHeader,
-  renderNavigation,
 }: IAppDetailNavProps) => {
   const { appSidebarExpand, setAppSidebarExpand } = useAppStore(useShallow(state => ({
     appSidebarExpand: state.appSidebarExpand,
@@ -108,11 +104,10 @@ const AppDetailNav = ({
           expand ? 'p-2' : 'p-1',
         )}
       >
-        {renderHeader?.(appSidebarExpand)}
-        {!renderHeader && iconType === 'app' && (
+        {iconType === 'app' && (
           <AppInfo expand={expand} />
         )}
-        {!renderHeader && iconType !== 'app' && (
+        {iconType !== 'app' && (
           <DatasetInfo expand={expand} />
         )}
       </div>
@@ -141,8 +136,7 @@ const AppDetailNav = ({
           expand ? 'px-3 py-2' : 'p-3',
         )}
       >
-        {renderNavigation?.(appSidebarExpand)}
-        {!renderNavigation && navigation.map((item, index) => {
+        {navigation.map((item, index) => {
           return (
             <NavLink
               key={index}

web/app/components/app-sidebar/nav-link/__tests__/index.spec.tsx

@@ -262,20 +262,4 @@ describe('NavLink Animation and Layout Issues', () => {
       expect(iconWrapper).toHaveClass('-ml-1')
     })
   })
-
-  describe('Button Mode', () => {
-    it('should render as an interactive button when href is omitted', () => {
-      const onClick = vi.fn()
-
-      render(<NavLink {...mockProps} href={undefined} active={true} onClick={onClick} />)
-
-      const buttonElement = screen.getByText('Orchestrate').closest('button')
-      expect(buttonElement).not.toBeNull()
-      expect(buttonElement).toHaveClass('bg-components-menu-item-bg-active')
-      expect(buttonElement).toHaveClass('text-text-accent-light-mode-only')
-
-      buttonElement?.click()
-      expect(onClick).toHaveBeenCalledTimes(1)
-    })
-  })
 })

web/app/components/app-sidebar/nav-link/index.tsx

@@ -14,15 +14,13 @@ export type NavIcon = React.ComponentType<
 
 export type NavLinkProps = {
   name: string
-  href?: string
+  href: string
   iconMap: {
     selected: NavIcon
     normal: NavIcon
   }
   mode?: string
   disabled?: boolean
-  active?: boolean
-  onClick?: () => void
 }
 
 const NavLink = ({
@@ -31,8 +29,6 @@ const NavLink = ({
   iconMap,
   mode = 'expand',
   disabled = false,
-  active,
-  onClick,
 }: NavLinkProps) => {
   const segment = useSelectedLayoutSegment()
   const formattedSegment = (() => {
@@ -43,11 +39,8 @@ const NavLink = ({
 
     return res
   })()
-  const isActive = active ?? (href ? href.toLowerCase().split('/')?.pop() === formattedSegment : false)
+  const isActive = href.toLowerCase().split('/')?.pop() === formattedSegment
   const NavIcon = isActive ? iconMap.selected : iconMap.normal
-  const linkClassName = cn(isActive
-    ? 'border-b-[0.25px] border-l-[0.75px] border-r-[0.25px] border-t-[0.75px] border-effects-highlight-lightmode-off bg-components-menu-item-bg-active text-text-accent-light-mode-only system-sm-semibold'
-    : 'text-components-menu-item-text system-sm-medium hover:bg-components-menu-item-bg-hover hover:text-components-menu-item-text-hover', 'flex h-8 items-center rounded-lg pl-3 pr-1')
 
   const renderIcon = () => (
     <div className={cn(mode !== 'expand' && '-ml-1')}>
@@ -77,32 +70,13 @@ const NavLink = ({
     )
   }
 
-  if (!href) {
-    return (
-      <button
-        key={name}
-        type="button"
-        className={linkClassName}
-        title={mode === 'collapse' ? name : ''}
-        onClick={onClick}
-      >
-        {renderIcon()}
-        <span
-          className={cn('overflow-hidden whitespace-nowrap transition-all duration-200 ease-in-out', mode === 'expand'
-            ? 'ml-2 max-w-none opacity-100'
-            : 'ml-0 max-w-0 opacity-0')}
-        >
-          {name}
-        </span>
-      </button>
-    )
-  }
-
   return (
     <Link
       key={name}
       href={href}
-      className={linkClassName}
+      className={cn(isActive
+        ? 'border-b-[0.25px] border-l-[0.75px] border-r-[0.25px] border-t-[0.75px] border-effects-highlight-lightmode-off bg-components-menu-item-bg-active text-text-accent-light-mode-only system-sm-semibold'
+        : 'text-components-menu-item-text system-sm-medium hover:bg-components-menu-item-bg-hover hover:text-components-menu-item-text-hover', 'flex h-8 items-center rounded-lg pl-3 pr-1')}
       title={mode === 'collapse' ? name : ''}
     >
       {renderIcon()}

web/app/components/app-sidebar/snippet-info/index.tsx

@@ -1,53 +0,0 @@
-'use client'
-
-import type { SnippetDetail } from '@/models/snippet'
-import * as React from 'react'
-import AppIcon from '@/app/components/base/app-icon'
-import Badge from '@/app/components/base/badge'
-import { cn } from '@/utils/classnames'
-
-type SnippetInfoProps = {
-  expand: boolean
-  snippet: SnippetDetail
-}
-
-const SnippetInfo = ({
-  expand,
-  snippet,
-}: SnippetInfoProps) => {
-  return (
-    <div className={cn('flex flex-col', expand ? '' : 'p-1')}>
-      <div className="flex flex-col gap-2 p-2">
-        <div className="flex items-start gap-3">
-          <div className={cn(!expand && 'ml-1')}>
-            <AppIcon
-              size={expand ? 'large' : 'small'}
-              iconType="emoji"
-              icon={snippet.icon}
-              background={snippet.iconBackground}
-            />
-          </div>
-          {expand && (
-            <div className="min-w-0 flex-1">
-              <div className="truncate text-text-secondary system-md-semibold">
-                {snippet.name}
-              </div>
-              {snippet.status && (
-                <div className="pt-1">
-                  <Badge>{snippet.status}</Badge>
-                </div>
-              )}
-            </div>
-          )}
-        </div>
-        {expand && snippet.description && (
-          <p className="line-clamp-3 text-text-tertiary system-xs-regular">
-            {snippet.description}
-          </p>
-        )}
-      </div>
-    </div>
-  )
-}
-
-export default React.memo(SnippetInfo)

web/app/components/apps/__tests__/list.spec.tsx

@@ -1,4 +1,4 @@
-import { act, fireEvent, screen, waitFor } from '@testing-library/react'
+import { act, fireEvent, screen } from '@testing-library/react'
 import * as React from 'react'
 import { useStore as useTagStore } from '@/app/components/base/tag-management/store'
 import { renderWithNuqs } from '@/test/nuqs-testing'
@@ -6,15 +6,19 @@ import { AppModeEnum } from '@/types/app'
 
 import List from '../list'
 
+const mockReplace = vi.fn()
+const mockRouter = { replace: mockReplace }
+vi.mock('next/navigation', () => ({
+  useRouter: () => mockRouter,
+  useSearchParams: () => new URLSearchParams(''),
+}))
+
 const mockIsCurrentWorkspaceEditor = vi.fn(() => true)
 const mockIsCurrentWorkspaceDatasetOperator = vi.fn(() => false)
-const mockIsLoadingCurrentWorkspace = vi.fn(() => false)
-
 vi.mock('@/context/app-context', () => ({
   useAppContext: () => ({
     isCurrentWorkspaceEditor: mockIsCurrentWorkspaceEditor(),
     isCurrentWorkspaceDatasetOperator: mockIsCurrentWorkspaceDatasetOperator(),
-    isLoadingCurrentWorkspace: mockIsLoadingCurrentWorkspace(),
   }),
 }))
 
@@ -32,7 +36,6 @@ const mockQueryState = {
   keywords: '',
   isCreatedByMe: false,
 }
-
 vi.mock('../hooks/use-apps-query-state', () => ({
   default: () => ({
     query: mockQueryState,
@@ -42,7 +45,6 @@ vi.mock('../hooks/use-apps-query-state', () => ({
 
 let mockOnDSLFileDropped: ((file: File) => void) | null = null
 let mockDragging = false
-
 vi.mock('../hooks/use-dsl-drag-drop', () => ({
   useDSLDragDrop: ({ onDSLFileDropped }: { onDSLFileDropped: (file: File) => void }) => {
     mockOnDSLFileDropped = onDSLFileDropped
@@ -57,7 +59,6 @@ const mockServiceState = {
   error: null as Error | null,
   hasNextPage: false,
   isLoading: false,
-  isFetching: false,
   isFetchingNextPage: false,
 }
 
@@ -99,7 +100,6 @@ vi.mock('@/service/use-apps', () => ({
   useInfiniteAppList: () => ({
     data: defaultAppData,
     isLoading: mockServiceState.isLoading,
-    isFetching: mockServiceState.isFetching,
     isFetchingNextPage: mockServiceState.isFetchingNextPage,
     fetchNextPage: mockFetchNextPage,
     hasNextPage: mockServiceState.hasNextPage,
@@ -133,21 +133,13 @@ vi.mock('next/dynamic', () => ({
         return React.createElement('div', { 'data-testid': 'tag-management-modal' })
       }
     }
-
     if (fnString.includes('create-from-dsl-modal')) {
       return function MockCreateFromDSLModal({ show, onClose, onSuccess }: { show: boolean, onClose: () => void, onSuccess: () => void }) {
         if (!show)
           return null
-
-        return React.createElement(
-          'div',
-          { 'data-testid': 'create-dsl-modal' },
-          React.createElement('button', { 'data-testid': 'close-dsl-modal', 'onClick': onClose }, 'Close'),
-          React.createElement('button', { 'data-testid': 'success-dsl-modal', 'onClick': onSuccess }, 'Success'),
-        )
+        return React.createElement('div', { 'data-testid': 'create-dsl-modal' }, React.createElement('button', { 'onClick': onClose, 'data-testid': 'close-dsl-modal' }, 'Close'), React.createElement('button', { 'onClick': onSuccess, 'data-testid': 'success-dsl-modal' }, 'Success'))
       }
     }
-
     return () => null
   },
 }))
@@ -196,8 +188,9 @@ beforeAll(() => {
   } as unknown as typeof IntersectionObserver
 })
 
-const renderList = (props: React.ComponentProps<typeof List> = {}, searchParams = '') => {
-  return renderWithNuqs(<List {...props} />, { searchParams })
+// Render helper wrapping with shared nuqs testing helper.
+const renderList = (searchParams = '') => {
+  return renderWithNuqs(<List />, { searchParams })
 }
 
 describe('List', () => {
@@ -209,13 +202,11 @@ describe('List', () => {
     })
     mockIsCurrentWorkspaceEditor.mockReturnValue(true)
     mockIsCurrentWorkspaceDatasetOperator.mockReturnValue(false)
-    mockIsLoadingCurrentWorkspace.mockReturnValue(false)
     mockDragging = false
     mockOnDSLFileDropped = null
     mockServiceState.error = null
     mockServiceState.hasNextPage = false
     mockServiceState.isLoading = false
-    mockServiceState.isFetching = false
     mockServiceState.isFetchingNextPage = false
     mockQueryState.tagIDs = []
     mockQueryState.keywords = ''
@@ -224,42 +215,271 @@ describe('List', () => {
     localStorage.clear()
   })
 
-  describe('Apps Mode', () => {
-    it('should render the apps route switch, dropdown filters, and app cards', () => {
+  describe('Rendering', () => {
+    it('should render without crashing', () => {
+      renderList()
+      expect(screen.getByText('app.types.all')).toBeInTheDocument()
+    })
+
+    it('should render tab slider with all app types', () => {
       renderList()
 
-      expect(screen.getByRole('link', { name: 'app.studio.apps' })).toHaveAttribute('href', '/apps')
-      expect(screen.getByRole('link', { name: 'workflow.tabs.snippets' })).toHaveAttribute('href', '/snippets')
-      expect(screen.getByText('app.studio.filters.types')).toBeInTheDocument()
-      expect(screen.getByText('app.studio.filters.creators')).toBeInTheDocument()
+      expect(screen.getByText('app.types.all')).toBeInTheDocument()
+      expect(screen.getByText('app.types.workflow')).toBeInTheDocument()
+      expect(screen.getByText('app.types.advanced')).toBeInTheDocument()
+      expect(screen.getByText('app.types.chatbot')).toBeInTheDocument()
+      expect(screen.getByText('app.types.agent')).toBeInTheDocument()
+      expect(screen.getByText('app.types.completion')).toBeInTheDocument()
+    })
+
+    it('should render search input', () => {
+      renderList()
+      expect(screen.getByRole('textbox')).toBeInTheDocument()
+    })
+
+    it('should render tag filter', () => {
+      renderList()
       expect(screen.getByText('common.tag.placeholder')).toBeInTheDocument()
+    })
+
+    it('should render created by me checkbox', () => {
+      renderList()
+      expect(screen.getByText('app.showMyCreatedAppsOnly')).toBeInTheDocument()
+    })
+
+    it('should render app cards when apps exist', () => {
+      renderList()
+
       expect(screen.getByTestId('app-card-app-1')).toBeInTheDocument()
       expect(screen.getByTestId('app-card-app-2')).toBeInTheDocument()
+    })
+
+    it('should render new app card for editors', () => {
+      renderList()
       expect(screen.getByTestId('new-app-card')).toBeInTheDocument()
     })
 
-    it('should update the category query when selecting an app type from the dropdown', async () => {
+    it('should render footer when branding is disabled', () => {
+      renderList()
+      expect(screen.getByTestId('footer')).toBeInTheDocument()
+    })
+
+    it('should render drop DSL hint for editors', () => {
+      renderList()
+      expect(screen.getByText('app.newApp.dropDSLToCreateApp')).toBeInTheDocument()
+    })
+  })
+
+  describe('Tab Navigation', () => {
+    it('should update URL when workflow tab is clicked', async () => {
       const { onUrlUpdate } = renderList()
 
-      fireEvent.click(screen.getByText('app.studio.filters.types'))
-      fireEvent.click(await screen.findByText('app.types.workflow'))
+      fireEvent.click(screen.getByText('app.types.workflow'))
 
-      await waitFor(() => expect(onUrlUpdate).toHaveBeenCalled())
+      await vi.waitFor(() => expect(onUrlUpdate).toHaveBeenCalled())
       const lastCall = onUrlUpdate.mock.calls[onUrlUpdate.mock.calls.length - 1][0]
       expect(lastCall.searchParams.get('category')).toBe(AppModeEnum.WORKFLOW)
     })
 
-    it('should keep the creators dropdown visual-only and not update app query state', async () => {
+    it('should update URL when all tab is clicked', async () => {
+      const { onUrlUpdate } = renderList('?category=workflow')
+
+      fireEvent.click(screen.getByText('app.types.all'))
+
+      await vi.waitFor(() => expect(onUrlUpdate).toHaveBeenCalled())
+      const lastCall = onUrlUpdate.mock.calls[onUrlUpdate.mock.calls.length - 1][0]
+      // nuqs removes the default value ('all') from URL params
+      expect(lastCall.searchParams.has('category')).toBe(false)
+    })
+  })
+
+  describe('Search Functionality', () => {
+    it('should render search input field', () => {
       renderList()
-
-      fireEvent.click(screen.getByText('app.studio.filters.creators'))
-      fireEvent.click(await screen.findByText('Evan'))
-
-      expect(mockSetQuery).not.toHaveBeenCalled()
-      expect(screen.getByText('app.studio.filters.creators +1')).toBeInTheDocument()
+      expect(screen.getByRole('textbox')).toBeInTheDocument()
     })
 
-    it('should render and close the DSL import modal when a file is dropped', () => {
+    it('should handle search input change', () => {
+      renderList()
+
+      const input = screen.getByRole('textbox')
+      fireEvent.change(input, { target: { value: 'test search' } })
+
+      expect(mockSetQuery).toHaveBeenCalled()
+    })
+
+    it('should handle search clear button click', () => {
+      mockQueryState.keywords = 'existing search'
+
+      renderList()
+
+      const clearButton = document.querySelector('.group')
+      expect(clearButton).toBeInTheDocument()
+      if (clearButton)
+        fireEvent.click(clearButton)
+
+      expect(mockSetQuery).toHaveBeenCalled()
+    })
+  })
+
+  describe('Tag Filter', () => {
+    it('should render tag filter component', () => {
+      renderList()
+      expect(screen.getByText('common.tag.placeholder')).toBeInTheDocument()
+    })
+  })
+
+  describe('Created By Me Filter', () => {
+    it('should render checkbox with correct label', () => {
+      renderList()
+      expect(screen.getByText('app.showMyCreatedAppsOnly')).toBeInTheDocument()
+    })
+
+    it('should handle checkbox change', () => {
+      renderList()
+
+      const checkbox = screen.getByTestId('checkbox-undefined')
+      fireEvent.click(checkbox)
+
+      expect(mockSetQuery).toHaveBeenCalled()
+    })
+  })
+
+  describe('Non-Editor User', () => {
+    it('should not render new app card for non-editors', () => {
+      mockIsCurrentWorkspaceEditor.mockReturnValue(false)
+
+      renderList()
+
+      expect(screen.queryByTestId('new-app-card')).not.toBeInTheDocument()
+    })
+
+    it('should not render drop DSL hint for non-editors', () => {
+      mockIsCurrentWorkspaceEditor.mockReturnValue(false)
+
+      renderList()
+
+      expect(screen.queryByText(/drop dsl file to create app/i)).not.toBeInTheDocument()
+    })
+  })
+
+  describe('Dataset Operator Behavior', () => {
+    it('should not trigger redirect at component level for dataset operators', () => {
+      mockIsCurrentWorkspaceDatasetOperator.mockReturnValue(true)
+
+      renderList()
+
+      expect(mockReplace).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('Local Storage Refresh', () => {
+    it('should call refetch when refresh key is set in localStorage', () => {
+      localStorage.setItem('needRefreshAppList', '1')
+
+      renderList()
+
+      expect(mockRefetch).toHaveBeenCalled()
+      expect(localStorage.getItem('needRefreshAppList')).toBeNull()
+    })
+  })
+
+  describe('Edge Cases', () => {
+    it('should handle multiple renders without issues', () => {
+      const { rerender } = renderWithNuqs(<List />)
+      expect(screen.getByText('app.types.all')).toBeInTheDocument()
+
+      rerender(<List />)
+      expect(screen.getByText('app.types.all')).toBeInTheDocument()
+    })
+
+    it('should render app cards correctly', () => {
+      renderList()
+
+      expect(screen.getByText('Test App 1')).toBeInTheDocument()
+      expect(screen.getByText('Test App 2')).toBeInTheDocument()
+    })
+
+    it('should render with all filter options visible', () => {
+      renderList()
+
+      expect(screen.getByRole('textbox')).toBeInTheDocument()
+      expect(screen.getByText('common.tag.placeholder')).toBeInTheDocument()
+      expect(screen.getByText('app.showMyCreatedAppsOnly')).toBeInTheDocument()
+    })
+  })
+
+  describe('Dragging State', () => {
+    it('should show drop hint when DSL feature is enabled for editors', () => {
+      renderList()
+      expect(screen.getByText('app.newApp.dropDSLToCreateApp')).toBeInTheDocument()
+    })
+
+    it('should render dragging state overlay when dragging', () => {
+      mockDragging = true
+      const { container } = renderList()
+      expect(container).toBeInTheDocument()
+    })
+  })
+
+  describe('App Type Tabs', () => {
+    it('should render all app type tabs', () => {
+      renderList()
+
+      expect(screen.getByText('app.types.all')).toBeInTheDocument()
+      expect(screen.getByText('app.types.workflow')).toBeInTheDocument()
+      expect(screen.getByText('app.types.advanced')).toBeInTheDocument()
+      expect(screen.getByText('app.types.chatbot')).toBeInTheDocument()
+      expect(screen.getByText('app.types.agent')).toBeInTheDocument()
+      expect(screen.getByText('app.types.completion')).toBeInTheDocument()
+    })
+
+    it('should update URL for each app type tab click', async () => {
+      const { onUrlUpdate } = renderList()
+
+      const appTypeTexts = [
+        { mode: AppModeEnum.WORKFLOW, text: 'app.types.workflow' },
+        { mode: AppModeEnum.ADVANCED_CHAT, text: 'app.types.advanced' },
+        { mode: AppModeEnum.CHAT, text: 'app.types.chatbot' },
+        { mode: AppModeEnum.AGENT_CHAT, text: 'app.types.agent' },
+        { mode: AppModeEnum.COMPLETION, text: 'app.types.completion' },
+      ]
+
+      for (const { mode, text } of appTypeTexts) {
+        onUrlUpdate.mockClear()
+        fireEvent.click(screen.getByText(text))
+        await vi.waitFor(() => expect(onUrlUpdate).toHaveBeenCalled())
+        const lastCall = onUrlUpdate.mock.calls[onUrlUpdate.mock.calls.length - 1][0]
+        expect(lastCall.searchParams.get('category')).toBe(mode)
+      }
+    })
+  })
+
+  describe('App List Display', () => {
+    it('should display all app cards from data', () => {
+      renderList()
+
+      expect(screen.getByTestId('app-card-app-1')).toBeInTheDocument()
+      expect(screen.getByTestId('app-card-app-2')).toBeInTheDocument()
+    })
+
+    it('should display app names correctly', () => {
+      renderList()
+
+      expect(screen.getByText('Test App 1')).toBeInTheDocument()
+      expect(screen.getByText('Test App 2')).toBeInTheDocument()
+    })
+  })
+
+  describe('Footer Visibility', () => {
+    it('should render footer when branding is disabled', () => {
+      renderList()
+      expect(screen.getByTestId('footer')).toBeInTheDocument()
+    })
+  })
+
+  describe('DSL File Drop', () => {
+    it('should handle DSL file drop and show modal', () => {
       renderList()
 
       const mockFile = new File(['test content'], 'test.yml', { type: 'application/yaml' })
@@ -269,49 +489,98 @@ describe('List', () => {
       })
 
       expect(screen.getByTestId('create-dsl-modal')).toBeInTheDocument()
+    })
+
+    it('should close DSL modal when onClose is called', () => {
+      renderList()
+
+      const mockFile = new File(['test content'], 'test.yml', { type: 'application/yaml' })
+      act(() => {
+        if (mockOnDSLFileDropped)
+          mockOnDSLFileDropped(mockFile)
+      })
+
+      expect(screen.getByTestId('create-dsl-modal')).toBeInTheDocument()
+
       fireEvent.click(screen.getByTestId('close-dsl-modal'))
+
       expect(screen.queryByTestId('create-dsl-modal')).not.toBeInTheDocument()
     })
+
+    it('should close DSL modal and refetch when onSuccess is called', () => {
+      renderList()
+
+      const mockFile = new File(['test content'], 'test.yml', { type: 'application/yaml' })
+      act(() => {
+        if (mockOnDSLFileDropped)
+          mockOnDSLFileDropped(mockFile)
+      })
+
+      expect(screen.getByTestId('create-dsl-modal')).toBeInTheDocument()
+
+      fireEvent.click(screen.getByTestId('success-dsl-modal'))
+
+      expect(screen.queryByTestId('create-dsl-modal')).not.toBeInTheDocument()
+      expect(mockRefetch).toHaveBeenCalled()
+    })
   })
 
-  describe('Snippets Mode', () => {
-    it('should render the snippets create card and fake snippet card', () => {
-      renderList({ pageType: 'snippets' })
+  describe('Infinite Scroll', () => {
+    it('should call fetchNextPage when intersection observer triggers', () => {
+      mockServiceState.hasNextPage = true
+      renderList()
 
-      expect(screen.getByText('snippet.create')).toBeInTheDocument()
-      expect(screen.getByText('Tone Rewriter')).toBeInTheDocument()
-      expect(screen.getByText('Rewrites rough drafts into a concise, professional tone for internal stakeholder updates.')).toBeInTheDocument()
-      expect(screen.getByRole('link', { name: /Tone Rewriter/i })).toHaveAttribute('href', '/snippets/snippet-1')
-      expect(screen.queryByTestId('new-app-card')).not.toBeInTheDocument()
-      expect(screen.queryByTestId('app-card-app-1')).not.toBeInTheDocument()
+      if (intersectionCallback) {
+        act(() => {
+          intersectionCallback!(
+            [{ isIntersecting: true } as IntersectionObserverEntry],
+            {} as IntersectionObserver,
+          )
+        })
+      }
+
+      expect(mockFetchNextPage).toHaveBeenCalled()
     })
 
-    it('should filter local snippets by the search input and show the snippet empty state', () => {
-      renderList({ pageType: 'snippets' })
+    it('should not call fetchNextPage when not intersecting', () => {
+      mockServiceState.hasNextPage = true
+      renderList()
 
-      const input = screen.getByRole('textbox')
-      fireEvent.change(input, { target: { value: 'missing snippet' } })
+      if (intersectionCallback) {
+        act(() => {
+          intersectionCallback!(
+            [{ isIntersecting: false } as IntersectionObserverEntry],
+            {} as IntersectionObserver,
+          )
+        })
+      }
 
-      expect(screen.queryByText('Tone Rewriter')).not.toBeInTheDocument()
-      expect(screen.getByText('workflow.tabs.noSnippetsFound')).toBeInTheDocument()
+      expect(mockFetchNextPage).not.toHaveBeenCalled()
     })
 
-    it('should not render app-only controls in snippets mode', () => {
-      renderList({ pageType: 'snippets' })
+    it('should not call fetchNextPage when loading', () => {
+      mockServiceState.hasNextPage = true
+      mockServiceState.isLoading = true
+      renderList()
 
-      expect(screen.queryByText('app.studio.filters.types')).not.toBeInTheDocument()
-      expect(screen.queryByText('common.tag.placeholder')).not.toBeInTheDocument()
-      expect(screen.queryByText('app.newApp.dropDSLToCreateApp')).not.toBeInTheDocument()
-    })
-
-    it('should reserve the infinite-scroll anchor without fetching more pages', () => {
-      renderList({ pageType: 'snippets' })
-
-      act(() => {
-        intersectionCallback?.([{ isIntersecting: true } as IntersectionObserverEntry], {} as IntersectionObserver)
-      })
+      if (intersectionCallback) {
+        act(() => {
+          intersectionCallback!(
+            [{ isIntersecting: true } as IntersectionObserverEntry],
+            {} as IntersectionObserver,
+          )
+        })
+      }
 
       expect(mockFetchNextPage).not.toHaveBeenCalled()
     })
   })
+
+  describe('Error State', () => {
+    it('should handle error state in useEffect', () => {
+      mockServiceState.error = new Error('Test error')
+      const { container } = renderList()
+      expect(container).toBeInTheDocument()
+    })
+  })
 })

web/app/components/apps/app-type-filter-shared.ts

@@ -1,15 +0,0 @@
-import { parseAsStringLiteral } from 'nuqs'
-import { AppModes } from '@/types/app'
-
-export const APP_LIST_CATEGORY_VALUES = ['all', ...AppModes] as const
-export type AppListCategory = typeof APP_LIST_CATEGORY_VALUES[number]
-
-const appListCategorySet = new Set<string>(APP_LIST_CATEGORY_VALUES)
-
-export const isAppListCategory = (value: string): value is AppListCategory => {
-  return appListCategorySet.has(value)
-}
-
-export const parseAsAppListCategory = parseAsStringLiteral(APP_LIST_CATEGORY_VALUES)
-  .withDefault('all')
-  .withOptions({ history: 'push' })

web/app/components/apps/app-type-filter.tsx

@@ -1,71 +0,0 @@
-'use client'
-
-import { useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuRadioItemIndicator,
-  DropdownMenuTrigger,
-} from '@/app/components/base/ui/dropdown-menu'
-import { AppModeEnum } from '@/types/app'
-import { cn } from '@/utils/classnames'
-import { isAppListCategory } from './app-type-filter-shared'
-
-const chipClassName = 'flex h-8 items-center gap-1 rounded-lg border-[0.5px] border-transparent bg-components-input-bg-normal px-2 text-[13px] leading-[18px] text-text-secondary hover:bg-components-input-bg-hover'
-
-type AppTypeFilterProps = {
-  activeTab: import('./app-type-filter-shared').AppListCategory
-  onChange: (value: import('./app-type-filter-shared').AppListCategory) => void
-}
-
-const AppTypeFilter = ({
-  activeTab,
-  onChange,
-}: AppTypeFilterProps) => {
-  const { t } = useTranslation()
-
-  const options = useMemo(() => ([
-    { value: 'all', text: t('types.all', { ns: 'app' }), iconClassName: 'i-ri-apps-2-line' },
-    { value: AppModeEnum.WORKFLOW, text: t('types.workflow', { ns: 'app' }), iconClassName: 'i-ri-exchange-2-line' },
-    { value: AppModeEnum.ADVANCED_CHAT, text: t('types.advanced', { ns: 'app' }), iconClassName: 'i-ri-message-3-line' },
-    { value: AppModeEnum.CHAT, text: t('types.chatbot', { ns: 'app' }), iconClassName: 'i-ri-message-3-line' },
-    { value: AppModeEnum.AGENT_CHAT, text: t('types.agent', { ns: 'app' }), iconClassName: 'i-ri-robot-3-line' },
-    { value: AppModeEnum.COMPLETION, text: t('types.completion', { ns: 'app' }), iconClassName: 'i-ri-file-4-line' },
-  ]), [t])
-
-  const activeOption = options.find(option => option.value === activeTab)
-  const triggerLabel = activeTab === 'all' ? t('studio.filters.types', { ns: 'app' }) : activeOption?.text
-
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger
-        render={(
-          <button
-            type="button"
-            className={cn(chipClassName, activeTab !== 'all' && 'shadow-xs')}
-          />
-        )}
-      >
-        <span aria-hidden className={cn('h-4 w-4 shrink-0 text-text-tertiary', activeOption?.iconClassName ?? 'i-ri-apps-2-line')} />
-        <span>{triggerLabel}</span>
-        <span aria-hidden className="i-ri-arrow-down-s-line h-4 w-4 shrink-0 text-text-tertiary" />
-      </DropdownMenuTrigger>
-      <DropdownMenuContent placement="bottom-start" popupClassName="w-[220px]">
-        <DropdownMenuRadioGroup value={activeTab} onValueChange={value => isAppListCategory(value) && onChange(value)}>
-          {options.map(option => (
-            <DropdownMenuRadioItem key={option.value} value={option.value}>
-              <span aria-hidden className={cn('h-4 w-4 shrink-0 text-text-tertiary', option.iconClassName)} />
-              <span>{option.text}</span>
-              <DropdownMenuRadioItemIndicator />
-            </DropdownMenuRadioItem>
-          ))}
-        </DropdownMenuRadioGroup>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  )
-}
-
-export default AppTypeFilter

web/app/components/apps/creators-filter.tsx

@@ -1,128 +0,0 @@
-'use client'
-
-import { useCallback, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import Input from '@/app/components/base/input'
-import {
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuCheckboxItemIndicator,
-  DropdownMenuContent,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '@/app/components/base/ui/dropdown-menu'
-import { cn } from '@/utils/classnames'
-
-type CreatorOption = {
-  id: string
-  name: string
-  isYou?: boolean
-  avatarClassName: string
-}
-
-const chipClassName = 'flex h-8 items-center gap-1 rounded-lg border-[0.5px] border-transparent bg-components-input-bg-normal px-2 text-[13px] leading-[18px] text-text-secondary hover:bg-components-input-bg-hover'
-
-const creatorOptions: CreatorOption[] = [
-  { id: 'evan', name: 'Evan', isYou: true, avatarClassName: 'bg-gradient-to-br from-[#ff9b3f] to-[#ff4d00]' },
-  { id: 'jack', name: 'Jack', avatarClassName: 'bg-gradient-to-br from-[#fde68a] to-[#d6d3d1]' },
-  { id: 'gigi', name: 'Gigi', avatarClassName: 'bg-gradient-to-br from-[#f9a8d4] to-[#a78bfa]' },
-  { id: 'alice', name: 'Alice', avatarClassName: 'bg-gradient-to-br from-[#93c5fd] to-[#4f46e5]' },
-  { id: 'mandy', name: 'Mandy', avatarClassName: 'bg-gradient-to-br from-[#374151] to-[#111827]' },
-]
-
-const CreatorsFilter = () => {
-  const { t } = useTranslation()
-  const [selectedCreatorIds, setSelectedCreatorIds] = useState<string[]>([])
-  const [keywords, setKeywords] = useState('')
-
-  const filteredCreators = useMemo(() => {
-    const normalizedKeywords = keywords.trim().toLowerCase()
-    if (!normalizedKeywords)
-      return creatorOptions
-
-    return creatorOptions.filter(creator => creator.name.toLowerCase().includes(normalizedKeywords))
-  }, [keywords])
-
-  const selectedCount = selectedCreatorIds.length
-  const triggerLabel = selectedCount > 0
-    ? `${t('studio.filters.creators', { ns: 'app' })} +${selectedCount}`
-    : t('studio.filters.creators', { ns: 'app' })
-
-  const toggleCreator = useCallback((creatorId: string) => {
-    setSelectedCreatorIds((prev) => {
-      if (prev.includes(creatorId))
-        return prev.filter(id => id !== creatorId)
-      return [...prev, creatorId]
-    })
-  }, [])
-
-  const resetCreators = useCallback(() => {
-    setSelectedCreatorIds([])
-    setKeywords('')
-  }, [])
-
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger
-        render={(
-          <button
-            type="button"
-            className={cn(chipClassName, selectedCount > 0 && 'border-components-button-secondary-border bg-components-button-secondary-bg shadow-xs')}
-          />
-        )}
-      >
-        <span aria-hidden className="i-ri-user-shared-line h-4 w-4 shrink-0 text-text-tertiary" />
-        <span>{triggerLabel}</span>
-        <span aria-hidden className="i-ri-arrow-down-s-line h-4 w-4 shrink-0 text-text-tertiary" />
-      </DropdownMenuTrigger>
-      <DropdownMenuContent placement="bottom-start" popupClassName="w-[280px] p-0">
-        <div className="flex items-center gap-2 p-2 pb-1">
-          <Input
-            showLeftIcon
-            showClearIcon
-            value={keywords}
-            onChange={e => setKeywords(e.target.value)}
-            onClear={() => setKeywords('')}
-            placeholder={t('studio.filters.searchCreators', { ns: 'app' })}
-          />
-          <button
-            type="button"
-            className="shrink-0 rounded-md px-2 py-1 text-xs font-medium text-text-tertiary hover:bg-state-base-hover hover:text-text-secondary"
-            onClick={resetCreators}
-          >
-            {t('studio.filters.reset', { ns: 'app' })}
-          </button>
-        </div>
-        <div className="px-1 pb-1">
-          <DropdownMenuCheckboxItem
-            checked={selectedCreatorIds.length === 0}
-            onCheckedChange={resetCreators}
-          >
-            <span aria-hidden className="i-ri-user-line h-4 w-4 shrink-0 text-text-tertiary" />
-            <span>{t('studio.filters.allCreators', { ns: 'app' })}</span>
-            <DropdownMenuCheckboxItemIndicator />
-          </DropdownMenuCheckboxItem>
-          <DropdownMenuSeparator />
-          {filteredCreators.map(creator => (
-            <DropdownMenuCheckboxItem
-              key={creator.id}
-              checked={selectedCreatorIds.includes(creator.id)}
-              onCheckedChange={() => toggleCreator(creator.id)}
-            >
-              <span className={cn('h-5 w-5 shrink-0 rounded-full border border-white', creator.avatarClassName)} />
-              <span className="flex min-w-0 grow items-center justify-between gap-2">
-                <span className="truncate">{creator.name}</span>
-                {creator.isYou && (
-                  <span className="shrink-0 text-text-quaternary">{t('studio.filters.you', { ns: 'app' })}</span>
-                )}
-              </span>
-              <DropdownMenuCheckboxItemIndicator />
-            </DropdownMenuCheckboxItem>
-          ))}
-        </div>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  )
-}
-
-export default CreatorsFilter

web/app/components/apps/index.tsx

@@ -14,20 +14,10 @@ import CreateAppModal from '../explore/create-app-modal'
 import TryApp from '../explore/try-app'
 import List from './list'
 
-export type StudioPageType = 'apps' | 'snippets'
-
-type AppsProps = {
-  pageType?: StudioPageType
-}
-
-const Apps = ({
-  pageType = 'apps',
-}: AppsProps) => {
+const Apps = () => {
   const { t } = useTranslation()
 
-  useDocumentTitle(pageType === 'apps'
-    ? t('menus.apps', { ns: 'common' })
-    : t('tabs.snippets', { ns: 'workflow' }))
+  useDocumentTitle(t('menus.apps', { ns: 'common' }))
   useEducationInit()
 
   const [currentTryAppParams, setCurrentTryAppParams] = useState<TryAppSelection | undefined>(undefined)
@@ -111,7 +101,7 @@ const Apps = ({
     }}
     >
       <div className="relative flex h-0 shrink-0 grow flex-col overflow-y-auto bg-background-body">
-        <List controlRefreshList={controlRefreshList} pageType={pageType} />
+        <List controlRefreshList={controlRefreshList} />
         {isShowTryAppPanel && (
           <TryApp
             appId={currentTryAppParams?.appId || ''}

web/app/components/apps/list.tsx

@@ -1,30 +1,25 @@
 'use client'
 
 import type { FC } from 'react'
-import type { StudioPageType } from '.'
-import type { SnippetListItem } from '@/models/snippet'
-import type { App } from '@/types/app'
 import { useDebounceFn } from 'ahooks'
 import dynamic from 'next/dynamic'
-import Link from 'next/link'
-import { useQueryState } from 'nuqs'
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { parseAsStringLiteral, useQueryState } from 'nuqs'
+import { useCallback, useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Input from '@/app/components/base/input'
+import TabSliderNew from '@/app/components/base/tab-slider-new'
 import TagFilter from '@/app/components/base/tag-management/filter'
 import { useStore as useTagStore } from '@/app/components/base/tag-management/store'
+import CheckboxWithLabel from '@/app/components/datasets/create/website/base/checkbox-with-label'
 import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
 import { useAppContext } from '@/context/app-context'
 import { useGlobalPublicStore } from '@/context/global-public-context'
 import { CheckModal } from '@/hooks/use-pay'
 import { useInfiniteAppList } from '@/service/use-apps'
-import { getSnippetListMock } from '@/service/use-snippets'
+import { AppModeEnum, AppModes } from '@/types/app'
 import { cn } from '@/utils/classnames'
 import AppCard from './app-card'
 import { AppCardSkeleton } from './app-card-skeleton'
-import AppTypeFilter from './app-type-filter'
-import { parseAsAppListCategory } from './app-type-filter-shared'
-import CreatorsFilter from './creators-filter'
 import Empty from './empty'
 import Footer from './footer'
 import useAppsQueryState from './hooks/use-apps-query-state'
@@ -38,104 +33,25 @@ const CreateFromDSLModal = dynamic(() => import('@/app/components/app/create-fro
   ssr: false,
 })
 
-const StudioRouteSwitch = ({ pageType, appsLabel, snippetsLabel }: { pageType: StudioPageType, appsLabel: string, snippetsLabel: string }) => {
-  return (
-    <div className="flex items-center rounded-lg border-[0.5px] border-divider-subtle bg-[rgba(200,206,218,0.2)] p-[1px]">
-      <Link
-        href="/apps"
-        className={cn(
-          'flex h-8 items-center rounded-lg px-3 text-[14px] leading-5 text-text-secondary',
-          pageType === 'apps' && 'bg-components-card-bg font-semibold text-text-primary shadow-xs',
-          pageType !== 'apps' && 'font-medium',
-        )}
-      >
-        {appsLabel}
-      </Link>
-      <Link
-        href="/snippets"
-        className={cn(
-          'flex h-8 items-center rounded-lg px-3 text-[14px] leading-5 text-text-secondary',
-          pageType === 'snippets' && 'bg-components-card-bg font-semibold text-text-primary shadow-xs',
-          pageType !== 'snippets' && 'font-medium',
-        )}
-      >
-        {snippetsLabel}
-      </Link>
-    </div>
-  )
+const APP_LIST_CATEGORY_VALUES = ['all', ...AppModes] as const
+type AppListCategory = typeof APP_LIST_CATEGORY_VALUES[number]
+const appListCategorySet = new Set<string>(APP_LIST_CATEGORY_VALUES)
+
+const isAppListCategory = (value: string): value is AppListCategory => {
+  return appListCategorySet.has(value)
 }
 
-const SnippetCreateCard = () => {
-  const { t } = useTranslation('snippet')
-
-  return (
-    <div className="relative col-span-1 inline-flex h-[160px] flex-col justify-between rounded-xl border-[0.5px] border-components-card-border bg-components-card-bg transition-opacity">
-      <div className="grow rounded-t-xl p-2">
-        <div className="px-6 pb-1 pt-2 text-xs font-medium leading-[18px] text-text-tertiary">{t('create')}</div>
-        <div className="mb-1 flex w-full items-center rounded-lg px-6 py-[7px] text-[13px] font-medium leading-[18px] text-text-tertiary">
-          <span aria-hidden className="i-ri-sticky-note-add-line mr-2 h-4 w-4 shrink-0" />
-          {t('newApp.startFromBlank', { ns: 'app' })}
-        </div>
-        <div className="flex w-full items-center rounded-lg px-6 py-[7px] text-[13px] font-medium leading-[18px] text-text-tertiary">
-          <span aria-hidden className="i-ri-file-upload-line mr-2 h-4 w-4 shrink-0" />
-          {t('importDSL', { ns: 'app' })}
-        </div>
-      </div>
-    </div>
-  )
-}
-
-const SnippetCard = ({
-  snippet,
-}: {
-  snippet: SnippetListItem
-}) => {
-  return (
-    <Link href={`/snippets/${snippet.id}/orchestrate`} className="group col-span-1">
-      <article className="relative inline-flex h-[160px] w-full flex-col rounded-xl border border-components-card-border bg-components-card-bg shadow-sm transition-all duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-lg">
-        {snippet.status && (
-          <div className="absolute right-0 top-0 rounded-bl-lg rounded-tr-xl bg-background-default-dimmed px-2 py-1 text-[10px] font-medium uppercase leading-3 text-text-placeholder">
-            {snippet.status}
-          </div>
-        )}
-        <div className="flex h-[66px] items-center gap-3 px-[14px] pb-3 pt-[14px]">
-          <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border border-divider-regular text-xl text-white" style={{ background: snippet.iconBackground }}>
-            <span aria-hidden>{snippet.icon}</span>
-          </div>
-          <div className="w-0 grow py-[1px]">
-            <div className="truncate text-sm font-semibold leading-5 text-text-secondary" title={snippet.name}>
-              {snippet.name}
-            </div>
-          </div>
-        </div>
-        <div className="h-[58px] px-[14px] text-xs leading-normal text-text-tertiary">
-          <div className="line-clamp-2" title={snippet.description}>
-            {snippet.description}
-          </div>
-        </div>
-        <div className="mt-auto flex items-center gap-1 px-[14px] pb-3 pt-2 text-xs leading-4 text-text-tertiary">
-          <span className="truncate">{snippet.author}</span>
-          <span>·</span>
-          <span className="truncate">{snippet.updatedAt}</span>
-          <span>·</span>
-          <span className="truncate">{snippet.usage}</span>
-        </div>
-      </article>
-    </Link>
-  )
-}
+const parseAsAppListCategory = parseAsStringLiteral(APP_LIST_CATEGORY_VALUES)
+  .withDefault('all')
+  .withOptions({ history: 'push' })
 
 type Props = {
   controlRefreshList?: number
-  pageType?: StudioPageType
 }
-
 const List: FC<Props> = ({
   controlRefreshList = 0,
-  pageType = 'apps',
 }) => {
   const { t } = useTranslation()
-  const isAppsPage = pageType === 'apps'
   const { systemFeatures } = useGlobalPublicStore()
   const { isCurrentWorkspaceEditor, isCurrentWorkspaceDatasetOperator, isLoadingCurrentWorkspace } = useAppContext()
   const showTagManagementModal = useTagStore(s => s.showTagManagementModal)
@@ -145,21 +61,18 @@ const List: FC<Props> = ({
   )
 
   const { query: { tagIDs = [], keywords = '', isCreatedByMe: queryIsCreatedByMe = false }, setQuery } = useAppsQueryState()
+  const [isCreatedByMe, setIsCreatedByMe] = useState(queryIsCreatedByMe)
   const [tagFilterValue, setTagFilterValue] = useState<string[]>(tagIDs)
-  const [appKeywords, setAppKeywords] = useState(keywords)
-  const [snippetKeywords, setSnippetKeywords] = useState('')
+  const [searchKeywords, setSearchKeywords] = useState(keywords)
+  const newAppCardRef = useRef<HTMLDivElement>(null)
+  const containerRef = useRef<HTMLDivElement>(null)
   const [showCreateFromDSLModal, setShowCreateFromDSLModal] = useState(false)
   const [droppedDSLFile, setDroppedDSLFile] = useState<File | undefined>()
-  const containerRef = useRef<HTMLDivElement>(null)
-  const anchorRef = useRef<HTMLDivElement>(null)
-  const newAppCardRef = useRef<HTMLDivElement>(null)
-
-  const setKeywords = useCallback((nextKeywords: string) => {
-    setQuery(prev => ({ ...prev, keywords: nextKeywords }))
+  const setKeywords = useCallback((keywords: string) => {
+    setQuery(prev => ({ ...prev, keywords }))
   }, [setQuery])
-
-  const setTagIDs = useCallback((nextTagIDs: string[]) => {
-    setQuery(prev => ({ ...prev, tagIDs: nextTagIDs }))
+  const setTagIDs = useCallback((tagIDs: string[]) => {
+    setQuery(prev => ({ ...prev, tagIDs }))
   }, [setQuery])
 
   const handleDSLFileDropped = useCallback((file: File) => {
@@ -170,15 +83,15 @@ const List: FC<Props> = ({
   const { dragging } = useDSLDragDrop({
     onDSLFileDropped: handleDSLFileDropped,
     containerRef,
-    enabled: isAppsPage && isCurrentWorkspaceEditor,
+    enabled: isCurrentWorkspaceEditor,
   })
 
   const appListQueryParams = {
     page: 1,
     limit: 30,
-    name: appKeywords,
+    name: searchKeywords,
     tag_ids: tagIDs,
-    is_created_by_me: queryIsCreatedByMe,
+    is_created_by_me: isCreatedByMe,
     ...(activeTab !== 'all' ? { mode: activeTab } : {}),
   }
 
@@ -191,40 +104,48 @@ const List: FC<Props> = ({
     hasNextPage,
     error,
     refetch,
-  } = useInfiniteAppList(appListQueryParams, {
-    enabled: isAppsPage && !isCurrentWorkspaceDatasetOperator,
-  })
+  } = useInfiniteAppList(appListQueryParams, { enabled: !isCurrentWorkspaceDatasetOperator })
 
   useEffect(() => {
-    if (isAppsPage && controlRefreshList > 0)
+    if (controlRefreshList > 0) {
       refetch()
-  }, [controlRefreshList, isAppsPage, refetch])
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [controlRefreshList])
+
+  const anchorRef = useRef<HTMLDivElement>(null)
+  const options = [
+    { value: 'all', text: t('types.all', { ns: 'app' }), icon: <span className="i-ri-apps-2-line mr-1 h-[14px] w-[14px]" /> },
+    { value: AppModeEnum.WORKFLOW, text: t('types.workflow', { ns: 'app' }), icon: <span className="i-ri-exchange-2-line mr-1 h-[14px] w-[14px]" /> },
+    { value: AppModeEnum.ADVANCED_CHAT, text: t('types.advanced', { ns: 'app' }), icon: <span className="i-ri-message-3-line mr-1 h-[14px] w-[14px]" /> },
+    { value: AppModeEnum.CHAT, text: t('types.chatbot', { ns: 'app' }), icon: <span className="i-ri-message-3-line mr-1 h-[14px] w-[14px]" /> },
+    { value: AppModeEnum.AGENT_CHAT, text: t('types.agent', { ns: 'app' }), icon: <span className="i-ri-robot-3-line mr-1 h-[14px] w-[14px]" /> },
+    { value: AppModeEnum.COMPLETION, text: t('types.completion', { ns: 'app' }), icon: <span className="i-ri-file-4-line mr-1 h-[14px] w-[14px]" /> },
+  ]
 
   useEffect(() => {
-    if (!isAppsPage)
-      return
-
     if (localStorage.getItem(NEED_REFRESH_APP_LIST_KEY) === '1') {
       localStorage.removeItem(NEED_REFRESH_APP_LIST_KEY)
       refetch()
     }
-  }, [isAppsPage, refetch])
+  }, [refetch])
 
   useEffect(() => {
     if (isCurrentWorkspaceDatasetOperator)
       return
-
-    const hasMore = isAppsPage ? (hasNextPage ?? true) : false
+    const hasMore = hasNextPage ?? true
     let observer: IntersectionObserver | undefined
 
     if (error) {
-      observer?.disconnect()
+      if (observer)
+        observer.disconnect()
       return
     }
 
     if (anchorRef.current && containerRef.current) {
+      // Calculate dynamic rootMargin: clamps to 100-200px range, using 20% of container height as the base value for better responsiveness
       const containerHeight = containerRef.current.clientHeight
-      const dynamicMargin = Math.max(100, Math.min(containerHeight * 0.2, 200))
+      const dynamicMargin = Math.max(100, Math.min(containerHeight * 0.2, 200)) // Clamps to 100-200px range, using 20% of container height as the base value
 
       observer = new IntersectionObserver((entries) => {
         if (entries[0].isIntersecting && !isLoading && !isFetchingNextPage && !error && hasMore)
@@ -232,148 +153,110 @@ const List: FC<Props> = ({
       }, {
         root: containerRef.current,
         rootMargin: `${dynamicMargin}px`,
-        threshold: 0.1,
+        threshold: 0.1, // Trigger when 10% of the anchor element is visible
       })
       observer.observe(anchorRef.current)
     }
-
     return () => observer?.disconnect()
-  }, [error, fetchNextPage, hasNextPage, isAppsPage, isCurrentWorkspaceDatasetOperator, isFetchingNextPage, isLoading])
+  }, [isLoading, isFetchingNextPage, fetchNextPage, error, hasNextPage, isCurrentWorkspaceDatasetOperator])
 
-  const { run: handleAppSearch } = useDebounceFn((value: string) => {
-    setAppKeywords(value)
+  const { run: handleSearch } = useDebounceFn(() => {
+    setSearchKeywords(keywords)
   }, { wait: 500 })
+  const handleKeywordsChange = (value: string) => {
+    setKeywords(value)
+    handleSearch()
+  }
 
-  const handleKeywordsChange = useCallback((value: string) => {
-    if (isAppsPage) {
-      setKeywords(value)
-      handleAppSearch(value)
-      return
-    }
-
-    setSnippetKeywords(value)
-  }, [handleAppSearch, isAppsPage, setKeywords])
-
-  const { run: handleTagsUpdate } = useDebounceFn((value: string[]) => {
-    setTagIDs(value)
+  const { run: handleTagsUpdate } = useDebounceFn(() => {
+    setTagIDs(tagFilterValue)
   }, { wait: 500 })
-
-  const handleTagsChange = useCallback((value: string[]) => {
+  const handleTagsChange = (value: string[]) => {
     setTagFilterValue(value)
-    handleTagsUpdate(value)
-  }, [handleTagsUpdate])
+    handleTagsUpdate()
+  }
 
-  const appItems = useMemo<App[]>(() => {
-    return (data?.pages ?? []).flatMap(({ data: apps }) => apps)
-  }, [data?.pages])
+  const handleCreatedByMeChange = useCallback(() => {
+    const newValue = !isCreatedByMe
+    setIsCreatedByMe(newValue)
+    setQuery(prev => ({ ...prev, isCreatedByMe: newValue }))
+  }, [isCreatedByMe, setQuery])
 
-  const snippetItems = useMemo(() => getSnippetListMock(), [])
-
-  const filteredSnippetItems = useMemo(() => {
-    const normalizedKeywords = snippetKeywords.trim().toLowerCase()
-    if (!normalizedKeywords)
-      return snippetItems
-
-    return snippetItems.filter(item =>
-      item.name.toLowerCase().includes(normalizedKeywords)
-      || item.description.toLowerCase().includes(normalizedKeywords),
-    )
-  }, [snippetItems, snippetKeywords])
-
-  const showSkeleton = isAppsPage && (isLoading || (isFetching && data?.pages?.length === 0))
-  const hasAnyApp = (data?.pages?.[0]?.total ?? 0) > 0
-  const hasAnySnippet = filteredSnippetItems.length > 0
-  const currentKeywords = isAppsPage ? keywords : snippetKeywords
+  const pages = data?.pages ?? []
+  const hasAnyApp = (pages[0]?.total ?? 0) > 0
+  // Show skeleton during initial load or when refetching with no previous data
+  const showSkeleton = isLoading || (isFetching && pages.length === 0)
 
   return (
     <>
       <div ref={containerRef} className="relative flex h-0 shrink-0 grow flex-col overflow-y-auto bg-background-body">
         {dragging && (
-          <div className="absolute inset-0 z-50 m-0.5 rounded-2xl border-2 border-dashed border-components-dropzone-border-accent bg-[rgba(21,90,239,0.14)] p-2" />
+          <div className="absolute inset-0 z-50 m-0.5 rounded-2xl border-2 border-dashed border-components-dropzone-border-accent bg-[rgba(21,90,239,0.14)] p-2">
+          </div>
         )}
 
         <div className="sticky top-0 z-10 flex flex-wrap items-center justify-between gap-y-2 bg-background-body px-12 pb-5 pt-7">
-          <div className="flex flex-wrap items-center gap-2">
-            <StudioRouteSwitch
-              pageType={pageType}
-              appsLabel={t('studio.apps', { ns: 'app' })}
-              snippetsLabel={t('tabs.snippets', { ns: 'workflow' })}
-            />
-            {isAppsPage && (
-              <AppTypeFilter
-                activeTab={activeTab}
-                onChange={(value) => {
-                  void setActiveTab(value)
-                }}
-              />
-            )}
-            <CreatorsFilter />
-            {isAppsPage && (
-              <TagFilter type="app" value={tagFilterValue} onChange={handleTagsChange} />
-            )}
-          </div>
-
+          <TabSliderNew
+            value={activeTab}
+            onChange={(nextValue) => {
+              if (isAppListCategory(nextValue))
+                setActiveTab(nextValue)
+            }}
+            options={options}
+          />
           <div className="flex items-center gap-2">
+            <CheckboxWithLabel
+              className="mr-2"
+              label={t('showMyCreatedAppsOnly', { ns: 'app' })}
+              isChecked={isCreatedByMe}
+              onChange={handleCreatedByMeChange}
+            />
+            <TagFilter type="app" value={tagFilterValue} onChange={handleTagsChange} />
             <Input
               showLeftIcon
               showClearIcon
               wrapperClassName="w-[200px]"
-              placeholder={isAppsPage ? undefined : t('tabs.searchSnippets', { ns: 'workflow' })}
-              value={currentKeywords}
+              value={keywords}
               onChange={e => handleKeywordsChange(e.target.value)}
               onClear={() => handleKeywordsChange('')}
             />
           </div>
         </div>
-
         <div className={cn(
           'relative grid grow grid-cols-1 content-start gap-4 px-12 pt-2 sm:grid-cols-1 md:grid-cols-2 xl:grid-cols-4 2xl:grid-cols-5 2k:grid-cols-6',
-          isAppsPage && !hasAnyApp && 'overflow-hidden',
+          !hasAnyApp && 'overflow-hidden',
         )}
         >
           {(isCurrentWorkspaceEditor || isLoadingCurrentWorkspace) && (
-            isAppsPage
-              ? (
-                  <NewAppCard
-                    ref={newAppCardRef}
-                    isLoading={isLoadingCurrentWorkspace}
-                    onSuccess={refetch}
-                    selectedAppType={activeTab}
-                    className={cn(!hasAnyApp && 'z-10')}
-                  />
-                )
-              : <SnippetCreateCard />
+            <NewAppCard
+              ref={newAppCardRef}
+              isLoading={isLoadingCurrentWorkspace}
+              onSuccess={refetch}
+              selectedAppType={activeTab}
+              className={cn(!hasAnyApp && 'z-10')}
+            />
           )}
+          {(() => {
+            if (showSkeleton)
+              return <AppCardSkeleton count={6} />
 
-          {showSkeleton && <AppCardSkeleton count={6} />}
+            if (hasAnyApp) {
+              return pages.flatMap(({ data: apps }) => apps).map(app => (
+                <AppCard key={app.id} app={app} onRefresh={refetch} />
+              ))
+            }
 
-          {!showSkeleton && isAppsPage && hasAnyApp && appItems.map(app => (
-            <AppCard key={app.id} app={app} onRefresh={refetch} />
-          ))}
-
-          {!showSkeleton && !isAppsPage && hasAnySnippet && filteredSnippetItems.map(snippet => (
-            <SnippetCard key={snippet.id} snippet={snippet} />
-          ))}
-
-          {!showSkeleton && isAppsPage && !hasAnyApp && <Empty />}
-
-          {!showSkeleton && !isAppsPage && !hasAnySnippet && (
-            <div className="col-span-full flex min-h-[240px] items-center justify-center rounded-xl border border-dashed border-divider-regular bg-components-card-bg p-6 text-center text-sm text-text-tertiary">
-              {t('tabs.noSnippetsFound', { ns: 'workflow' })}
-            </div>
-          )}
-
-          {isAppsPage && isFetchingNextPage && (
+            // No apps - show empty state
+            return <Empty />
+          })()}
+          {isFetchingNextPage && (
             <AppCardSkeleton count={3} />
           )}
         </div>
 
-        {isAppsPage && isCurrentWorkspaceEditor && (
+        {isCurrentWorkspaceEditor && (
           <div
-            className={cn(
-              'flex items-center justify-center gap-2 py-4',
-              dragging ? 'text-text-accent' : 'text-text-quaternary',
-            )}
+            className={`flex items-center justify-center gap-2 py-4 ${dragging ? 'text-text-accent' : 'text-text-quaternary'}`}
             role="region"
             aria-label={t('newApp.dropDSLToCreateApp', { ns: 'app' })}
           >
@@ -381,18 +264,17 @@ const List: FC<Props> = ({
             <span className="system-xs-regular">{t('newApp.dropDSLToCreateApp', { ns: 'app' })}</span>
           </div>
         )}
-
         {!systemFeatures.branding.enabled && (
           <Footer />
         )}
         <CheckModal />
         <div ref={anchorRef} className="h-0"> </div>
-        {isAppsPage && showTagManagementModal && (
+        {showTagManagementModal && (
           <TagManagementModal type="app" show={showTagManagementModal} />
         )}
       </div>
 
-      {isAppsPage && showCreateFromDSLModal && (
+      {showCreateFromDSLModal && (
         <CreateFromDSLModal
           show={showCreateFromDSLModal}
           onClose={() => {

web/app/components/evaluation/__tests__/index.spec.tsx

@@ -1,112 +0,0 @@
-import { act, fireEvent, render, screen } from '@testing-library/react'
-import Evaluation from '..'
-import { getEvaluationMockConfig } from '../mock'
-import { useEvaluationStore } from '../store'
-
-vi.mock('@/app/components/header/account-setting/model-provider-page/hooks', () => ({
-  useModelList: () => ({
-    data: [{
-      provider: 'openai',
-      models: [{ model: 'gpt-4o-mini' }],
-    }],
-  }),
-}))
-
-vi.mock('@/app/components/header/account-setting/model-provider-page/model-selector', () => ({
-  default: ({ defaultModel }: { defaultModel?: { provider: string, model: string } }) => (
-    <div data-testid="evaluation-model-selector">
-      {defaultModel ? `${defaultModel.provider}:${defaultModel.model}` : 'empty'}
-    </div>
-  ),
-}))
-
-describe('Evaluation', () => {
-  beforeEach(() => {
-    useEvaluationStore.setState({ resources: {} })
-  })
-
-  it('should search, add metrics, and create a batch history record', async () => {
-    vi.useFakeTimers()
-
-    render(<Evaluation resourceType="workflow" resourceId="app-1" />)
-
-    expect(screen.getByTestId('evaluation-model-selector')).toHaveTextContent('openai:gpt-4o-mini')
-
-    fireEvent.click(screen.getByRole('button', { name: 'evaluation.metrics.add' }))
-    expect(screen.getByTestId('evaluation-metric-loading')).toBeInTheDocument()
-
-    await act(async () => {
-      vi.advanceTimersByTime(200)
-    })
-
-    fireEvent.change(screen.getByPlaceholderText('evaluation.metrics.searchPlaceholder'), {
-      target: { value: 'does-not-exist' },
-    })
-
-    await act(async () => {
-      vi.advanceTimersByTime(200)
-    })
-
-    expect(screen.getByText('evaluation.metrics.noResults')).toBeInTheDocument()
-
-    fireEvent.change(screen.getByPlaceholderText('evaluation.metrics.searchPlaceholder'), {
-      target: { value: 'faith' },
-    })
-
-    await act(async () => {
-      vi.advanceTimersByTime(200)
-    })
-
-    fireEvent.click(screen.getByRole('button', { name: /Faithfulness/i }))
-    expect(screen.getAllByText('Faithfulness').length).toBeGreaterThan(0)
-
-    fireEvent.click(screen.getByRole('button', { name: 'evaluation.batch.run' }))
-    expect(screen.getByText('evaluation.batch.status.running')).toBeInTheDocument()
-
-    await act(async () => {
-      vi.advanceTimersByTime(1300)
-    })
-
-    expect(screen.getByText('evaluation.batch.status.success')).toBeInTheDocument()
-    expect(screen.getByText('Workflow evaluation batch')).toBeInTheDocument()
-
-    vi.useRealTimers()
-  })
-
-  it('should render time placeholders and hide the value row for empty operators', () => {
-    const resourceType = 'workflow'
-    const resourceId = 'app-2'
-    const store = useEvaluationStore.getState()
-    const config = getEvaluationMockConfig(resourceType)
-
-    const timeField = config.fieldOptions.find(field => field.type === 'time')!
-    let groupId = ''
-    let itemId = ''
-
-    act(() => {
-      store.ensureResource(resourceType, resourceId)
-      store.setJudgeModel(resourceType, resourceId, 'openai::gpt-4o-mini')
-
-      const group = useEvaluationStore.getState().resources['workflow:app-2'].conditions[0]
-      groupId = group.id
-      itemId = group.items[0].id
-
-      store.updateConditionField(resourceType, resourceId, groupId, itemId, timeField.id)
-      store.updateConditionOperator(resourceType, resourceId, groupId, itemId, 'before')
-    })
-
-    let rerender: ReturnType<typeof render>['rerender']
-    act(() => {
-      ({ rerender } = render(<Evaluation resourceType={resourceType} resourceId={resourceId} />))
-    })
-
-    expect(screen.getByText('evaluation.conditions.selectTime')).toBeInTheDocument()
-
-    act(() => {
-      store.updateConditionOperator(resourceType, resourceId, groupId, itemId, 'is_empty')
-      rerender(<Evaluation resourceType={resourceType} resourceId={resourceId} />)
-    })
-
-    expect(screen.queryByText('evaluation.conditions.selectTime')).not.toBeInTheDocument()
-  })
-})

web/app/components/evaluation/__tests__/store.spec.ts

@@ -1,96 +0,0 @@
-import { getEvaluationMockConfig } from '../mock'
-import {
-  getAllowedOperators,
-  isCustomMetricConfigured,
-  requiresConditionValue,
-  useEvaluationStore,
-} from '../store'
-
-describe('evaluation store', () => {
-  beforeEach(() => {
-    useEvaluationStore.setState({ resources: {} })
-  })
-
-  it('should configure a custom metric mapping to a valid state', () => {
-    const resourceType = 'workflow'
-    const resourceId = 'app-1'
-    const store = useEvaluationStore.getState()
-    const config = getEvaluationMockConfig(resourceType)
-
-    store.ensureResource(resourceType, resourceId)
-    store.addCustomMetric(resourceType, resourceId)
-
-    const initialMetric = useEvaluationStore.getState().resources['workflow:app-1'].metrics.find(metric => metric.kind === 'custom-workflow')
-    expect(initialMetric).toBeDefined()
-    expect(isCustomMetricConfigured(initialMetric!)).toBe(false)
-
-    store.setCustomMetricWorkflow(resourceType, resourceId, initialMetric!.id, config.workflowOptions[0].id)
-    store.updateCustomMetricMapping(resourceType, resourceId, initialMetric!.id, initialMetric!.customConfig!.mappings[0].id, {
-      sourceFieldId: config.fieldOptions[0].id,
-      targetVariableId: config.workflowOptions[0].targetVariables[0].id,
-    })
-
-    const configuredMetric = useEvaluationStore.getState().resources['workflow:app-1'].metrics.find(metric => metric.id === initialMetric!.id)
-    expect(isCustomMetricConfigured(configuredMetric!)).toBe(true)
-  })
-
-  it('should add and remove builtin metrics', () => {
-    const resourceType = 'workflow'
-    const resourceId = 'app-2'
-    const store = useEvaluationStore.getState()
-    const config = getEvaluationMockConfig(resourceType)
-
-    store.ensureResource(resourceType, resourceId)
-    store.addBuiltinMetric(resourceType, resourceId, config.builtinMetrics[1].id)
-
-    const addedMetric = useEvaluationStore.getState().resources['workflow:app-2'].metrics.find(metric => metric.optionId === config.builtinMetrics[1].id)
-    expect(addedMetric).toBeDefined()
-
-    store.removeMetric(resourceType, resourceId, addedMetric!.id)
-
-    expect(useEvaluationStore.getState().resources['workflow:app-2'].metrics.some(metric => metric.id === addedMetric!.id)).toBe(false)
-  })
-
-  it('should update condition groups and adapt operators to field types', () => {
-    const resourceType = 'pipeline'
-    const resourceId = 'dataset-1'
-    const store = useEvaluationStore.getState()
-    const config = getEvaluationMockConfig(resourceType)
-
-    store.ensureResource(resourceType, resourceId)
-
-    const initialGroup = useEvaluationStore.getState().resources['pipeline:dataset-1'].conditions[0]
-    store.setConditionGroupOperator(resourceType, resourceId, initialGroup.id, 'or')
-    store.addConditionGroup(resourceType, resourceId)
-
-    const booleanField = config.fieldOptions.find(field => field.type === 'boolean')!
-    const currentItem = useEvaluationStore.getState().resources['pipeline:dataset-1'].conditions[0].items[0]
-    store.updateConditionField(resourceType, resourceId, initialGroup.id, currentItem.id, booleanField.id)
-
-    const updatedGroup = useEvaluationStore.getState().resources['pipeline:dataset-1'].conditions[0]
-    expect(updatedGroup.logicalOperator).toBe('or')
-    expect(updatedGroup.items[0].operator).toBe('is')
-    expect(getAllowedOperators(resourceType, booleanField.id)).toEqual(['is', 'is_not'])
-  })
-
-  it('should support time fields and clear values for empty operators', () => {
-    const resourceType = 'workflow'
-    const resourceId = 'app-3'
-    const store = useEvaluationStore.getState()
-    const config = getEvaluationMockConfig(resourceType)
-
-    store.ensureResource(resourceType, resourceId)
-
-    const timeField = config.fieldOptions.find(field => field.type === 'time')!
-    const item = useEvaluationStore.getState().resources['workflow:app-3'].conditions[0].items[0]
-
-    store.updateConditionField(resourceType, resourceId, useEvaluationStore.getState().resources['workflow:app-3'].conditions[0].id, item.id, timeField.id)
-    store.updateConditionOperator(resourceType, resourceId, useEvaluationStore.getState().resources['workflow:app-3'].conditions[0].id, item.id, 'is_empty')
-
-    const updatedItem = useEvaluationStore.getState().resources['workflow:app-3'].conditions[0].items[0]
-
-    expect(getAllowedOperators(resourceType, timeField.id)).toEqual(['is', 'before', 'after', 'is_empty', 'is_not_empty'])
-    expect(requiresConditionValue('is_empty')).toBe(false)
-    expect(updatedItem.value).toBeNull()
-  })
-})

web/app/components/evaluation/mock.ts

@@ -1,184 +0,0 @@
-import type {
-  ComparisonOperator,
-  EvaluationFieldOption,
-  EvaluationMockConfig,
-  EvaluationResourceType,
-  MetricOption,
-} from './types'
-
-const judgeModels = [
-  {
-    id: 'gpt-4.1-mini',
-    label: 'GPT-4.1 mini',
-    provider: 'OpenAI',
-  },
-  {
-    id: 'claude-3-7-sonnet',
-    label: 'Claude 3.7 Sonnet',
-    provider: 'Anthropic',
-  },
-  {
-    id: 'gemini-2.0-flash',
-    label: 'Gemini 2.0 Flash',
-    provider: 'Google',
-  },
-]
-
-const builtinMetrics: MetricOption[] = [
-  {
-    id: 'answer-correctness',
-    label: 'Answer Correctness',
-    description: 'Compares the response with the expected answer and scores factual alignment.',
-    group: 'quality',
-    badges: ['LLM', 'Built-in'],
-  },
-  {
-    id: 'faithfulness',
-    label: 'Faithfulness',
-    description: 'Checks whether the answer stays grounded in the retrieved evidence.',
-    group: 'quality',
-    badges: ['LLM', 'Retrieval'],
-  },
-  {
-    id: 'relevance',
-    label: 'Relevance',
-    description: 'Evaluates how directly the answer addresses the original request.',
-    group: 'quality',
-    badges: ['LLM'],
-  },
-  {
-    id: 'latency',
-    label: 'Latency',
-    description: 'Captures runtime responsiveness for the full execution path.',
-    group: 'operations',
-    badges: ['System'],
-  },
-  {
-    id: 'token-usage',
-    label: 'Token Usage',
-    description: 'Tracks prompt and completion token consumption for the run.',
-    group: 'operations',
-    badges: ['System'],
-  },
-  {
-    id: 'tool-success-rate',
-    label: 'Tool Success Rate',
-    description: 'Measures whether each required tool invocation finishes without failure.',
-    group: 'operations',
-    badges: ['Workflow'],
-  },
-]
-
-const workflowOptions = [
-  {
-    id: 'workflow-precision-review',
-    label: 'Precision Review Workflow',
-    description: 'Custom evaluator for nuanced quality review.',
-    targetVariables: [
-      { id: 'query', label: 'query' },
-      { id: 'answer', label: 'answer' },
-      { id: 'reference', label: 'reference' },
-    ],
-  },
-  {
-    id: 'workflow-risk-review',
-    label: 'Risk Review Workflow',
-    description: 'Custom evaluator for policy and escalation checks.',
-    targetVariables: [
-      { id: 'input', label: 'input' },
-      { id: 'output', label: 'output' },
-    ],
-  },
-]
-
-const workflowFields: EvaluationFieldOption[] = [
-  { id: 'app.input.query', label: 'Query', group: 'App Input', type: 'string' },
-  { id: 'app.input.locale', label: 'Locale', group: 'App Input', type: 'enum', options: [{ value: 'en-US', label: 'en-US' }, { value: 'zh-Hans', label: 'zh-Hans' }] },
-  { id: 'app.output.answer', label: 'Answer', group: 'App Output', type: 'string' },
-  { id: 'app.output.score', label: 'Score', group: 'App Output', type: 'number' },
-  { id: 'app.output.published_at', label: 'Publication Date', group: 'App Output', type: 'time' },
-  { id: 'system.has_context', label: 'Has Context', group: 'System', type: 'boolean' },
-]
-
-const pipelineFields: EvaluationFieldOption[] = [
-  { id: 'dataset.input.document_id', label: 'Document ID', group: 'Dataset', type: 'string' },
-  { id: 'dataset.input.chunk_count', label: 'Chunk Count', group: 'Dataset', type: 'number' },
-  { id: 'dataset.input.updated_at', label: 'Updated At', group: 'Dataset', type: 'time' },
-  { id: 'retrieval.output.hit_rate', label: 'Hit Rate', group: 'Retrieval', type: 'number' },
-  { id: 'retrieval.output.source', label: 'Source', group: 'Retrieval', type: 'enum', options: [{ value: 'bm25', label: 'BM25' }, { value: 'hybrid', label: 'Hybrid' }] },
-  { id: 'pipeline.output.published', label: 'Published', group: 'Output', type: 'boolean' },
-]
-
-const snippetFields: EvaluationFieldOption[] = [
-  { id: 'snippet.input.blog_url', label: 'Blog URL', group: 'Snippet Input', type: 'string' },
-  { id: 'snippet.input.platforms', label: 'Platforms', group: 'Snippet Input', type: 'string' },
-  { id: 'snippet.output.content', label: 'Generated Content', group: 'Snippet Output', type: 'string' },
-  { id: 'snippet.output.length', label: 'Output Length', group: 'Snippet Output', type: 'number' },
-  { id: 'snippet.output.scheduled_at', label: 'Scheduled At', group: 'Snippet Output', type: 'time' },
-  { id: 'system.requires_review', label: 'Requires Review', group: 'System', type: 'boolean' },
-]
-
-export const getComparisonOperators = (fieldType: EvaluationFieldOption['type']): ComparisonOperator[] => {
-  if (fieldType === 'number')
-    return ['is', 'is_not', 'greater_than', 'less_than', 'greater_or_equal', 'less_or_equal', 'is_empty', 'is_not_empty']
-
-  if (fieldType === 'time')
-    return ['is', 'before', 'after', 'is_empty', 'is_not_empty']
-
-  if (fieldType === 'boolean' || fieldType === 'enum')
-    return ['is', 'is_not']
-
-  return ['contains', 'not_contains', 'is', 'is_not', 'is_empty', 'is_not_empty']
-}
-
-export const getDefaultOperator = (fieldType: EvaluationFieldOption['type']): ComparisonOperator => {
-  return getComparisonOperators(fieldType)[0]
-}
-
-export const getEvaluationMockConfig = (resourceType: EvaluationResourceType): EvaluationMockConfig => {
-  if (resourceType === 'pipeline') {
-    return {
-      judgeModels,
-      builtinMetrics,
-      workflowOptions,
-      fieldOptions: pipelineFields,
-      templateFileName: 'pipeline-evaluation-template.csv',
-      batchRequirements: [
-        'Include one row per retrieval scenario.',
-        'Provide the expected source or target chunk for each case.',
-        'Keep numeric metrics in plain number format.',
-      ],
-      historySummaryLabel: 'Pipeline evaluation batch',
-    }
-  }
-
-  if (resourceType === 'snippet') {
-    return {
-      judgeModels,
-      builtinMetrics,
-      workflowOptions,
-      fieldOptions: snippetFields,
-      templateFileName: 'snippet-evaluation-template.csv',
-      batchRequirements: [
-        'Include one row per snippet execution case.',
-        'Provide the expected final content or acceptance rule.',
-        'Keep optional fields empty when not used.',
-      ],
-      historySummaryLabel: 'Snippet evaluation batch',
-    }
-  }
-
-  return {
-    judgeModels,
-    builtinMetrics,
-    workflowOptions,
-    fieldOptions: workflowFields,
-    templateFileName: 'workflow-evaluation-template.csv',
-    batchRequirements: [
-      'Include one row per workflow test case.',
-      'Provide both user input and expected answer when available.',
-      'Keep boolean columns as true or false.',
-    ],
-    historySummaryLabel: 'Workflow evaluation batch',
-  }
-}

web/app/components/evaluation/store.ts

@@ -1,635 +0,0 @@
-import type {
-  BatchTestRecord,
-  ComparisonOperator,
-  EvaluationFieldOption,
-  EvaluationMetric,
-  EvaluationResourceState,
-  EvaluationResourceType,
-  JudgmentConditionGroup,
-} from './types'
-import { create } from 'zustand'
-import { getComparisonOperators, getDefaultOperator, getEvaluationMockConfig } from './mock'
-
-type EvaluationStore = {
-  resources: Record<string, EvaluationResourceState>
-  ensureResource: (resourceType: EvaluationResourceType, resourceId: string) => void
-  setJudgeModel: (resourceType: EvaluationResourceType, resourceId: string, judgeModelId: string) => void
-  addBuiltinMetric: (resourceType: EvaluationResourceType, resourceId: string, optionId: string) => void
-  addCustomMetric: (resourceType: EvaluationResourceType, resourceId: string) => void
-  removeMetric: (resourceType: EvaluationResourceType, resourceId: string, metricId: string) => void
-  setCustomMetricWorkflow: (resourceType: EvaluationResourceType, resourceId: string, metricId: string, workflowId: string) => void
-  addCustomMetricMapping: (resourceType: EvaluationResourceType, resourceId: string, metricId: string) => void
-  updateCustomMetricMapping: (
-    resourceType: EvaluationResourceType,
-    resourceId: string,
-    metricId: string,
-    mappingId: string,
-    patch: { sourceFieldId?: string | null, targetVariableId?: string | null },
-  ) => void
-  removeCustomMetricMapping: (resourceType: EvaluationResourceType, resourceId: string, metricId: string, mappingId: string) => void
-  addConditionGroup: (resourceType: EvaluationResourceType, resourceId: string) => void
-  removeConditionGroup: (resourceType: EvaluationResourceType, resourceId: string, groupId: string) => void
-  setConditionGroupOperator: (resourceType: EvaluationResourceType, resourceId: string, groupId: string, logicalOperator: 'and' | 'or') => void
-  addConditionItem: (resourceType: EvaluationResourceType, resourceId: string, groupId: string) => void
-  removeConditionItem: (resourceType: EvaluationResourceType, resourceId: string, groupId: string, itemId: string) => void
-  updateConditionField: (resourceType: EvaluationResourceType, resourceId: string, groupId: string, itemId: string, fieldId: string) => void
-  updateConditionOperator: (resourceType: EvaluationResourceType, resourceId: string, groupId: string, itemId: string, operator: ComparisonOperator) => void
-  updateConditionValue: (
-    resourceType: EvaluationResourceType,
-    resourceId: string,
-    groupId: string,
-    itemId: string,
-    value: string | number | boolean | null,
-  ) => void
-  setBatchTab: (resourceType: EvaluationResourceType, resourceId: string, tab: EvaluationResourceState['activeBatchTab']) => void
-  setUploadedFileName: (resourceType: EvaluationResourceType, resourceId: string, uploadedFileName: string | null) => void
-  runBatchTest: (resourceType: EvaluationResourceType, resourceId: string) => void
-}
-
-const buildResourceKey = (resourceType: EvaluationResourceType, resourceId: string) => `${resourceType}:${resourceId}`
-const initialResourceCache: Record<string, EvaluationResourceState> = {}
-
-const createId = (prefix: string) => `${prefix}-${Math.random().toString(36).slice(2, 10)}`
-
-export const conditionOperatorsWithoutValue: ComparisonOperator[] = ['is_empty', 'is_not_empty']
-
-export const requiresConditionValue = (operator: ComparisonOperator) => !conditionOperatorsWithoutValue.includes(operator)
-
-const getConditionValue = (
-  field: EvaluationFieldOption | undefined,
-  operator: ComparisonOperator,
-  previousValue: string | number | boolean | null = null,
-) => {
-  if (!field || !requiresConditionValue(operator))
-    return null
-
-  if (field.type === 'boolean')
-    return typeof previousValue === 'boolean' ? previousValue : null
-
-  if (field.type === 'enum')
-    return typeof previousValue === 'string' ? previousValue : null
-
-  if (field.type === 'number')
-    return typeof previousValue === 'number' ? previousValue : null
-
-  return typeof previousValue === 'string' ? previousValue : null
-}
-
-const buildConditionItem = (resourceType: EvaluationResourceType) => {
-  const field = getEvaluationMockConfig(resourceType).fieldOptions[0]
-  const operator = field ? getDefaultOperator(field.type) : 'contains'
-
-  return {
-    id: createId('condition'),
-    fieldId: field?.id ?? null,
-    operator,
-    value: getConditionValue(field, operator),
-  }
-}
-
-const buildInitialState = (resourceType: EvaluationResourceType): EvaluationResourceState => {
-  const config = getEvaluationMockConfig(resourceType)
-  const defaultMetric = config.builtinMetrics[0]
-
-  return {
-    judgeModelId: null,
-    metrics: defaultMetric
-      ? [{
-          id: createId('metric'),
-          optionId: defaultMetric.id,
-          kind: 'builtin',
-          label: defaultMetric.label,
-          description: defaultMetric.description,
-          badges: defaultMetric.badges,
-        }]
-      : [],
-    conditions: [{
-      id: createId('group'),
-      logicalOperator: 'and',
-      items: [buildConditionItem(resourceType)],
-    }],
-    activeBatchTab: 'input-fields',
-    uploadedFileName: null,
-    batchRecords: [],
-  }
-}
-
-const withResourceState = (
-  resources: EvaluationStore['resources'],
-  resourceType: EvaluationResourceType,
-  resourceId: string,
-) => {
-  const resourceKey = buildResourceKey(resourceType, resourceId)
-
-  return {
-    resourceKey,
-    resource: resources[resourceKey] ?? buildInitialState(resourceType),
-  }
-}
-
-const updateMetric = (
-  metrics: EvaluationMetric[],
-  metricId: string,
-  updater: (metric: EvaluationMetric) => EvaluationMetric,
-) => metrics.map(metric => metric.id === metricId ? updater(metric) : metric)
-
-const updateConditionGroup = (
-  groups: JudgmentConditionGroup[],
-  groupId: string,
-  updater: (group: JudgmentConditionGroup) => JudgmentConditionGroup,
-) => groups.map(group => group.id === groupId ? updater(group) : group)
-
-export const isCustomMetricConfigured = (metric: EvaluationMetric) => {
-  if (metric.kind !== 'custom-workflow')
-    return true
-
-  if (!metric.customConfig?.workflowId)
-    return false
-
-  return metric.customConfig.mappings.length > 0
-    && metric.customConfig.mappings.every(mapping => !!mapping.sourceFieldId && !!mapping.targetVariableId)
-}
-
-export const isEvaluationRunnable = (state: EvaluationResourceState) => {
-  return !!state.judgeModelId
-    && state.metrics.length > 0
-    && state.metrics.every(isCustomMetricConfigured)
-    && state.conditions.some(group => group.items.length > 0)
-}
-
-export const useEvaluationStore = create<EvaluationStore>((set, get) => ({
-  resources: {},
-  ensureResource: (resourceType, resourceId) => {
-    const resourceKey = buildResourceKey(resourceType, resourceId)
-    if (get().resources[resourceKey])
-      return
-
-    set(state => ({
-      resources: {
-        ...state.resources,
-        [resourceKey]: buildInitialState(resourceType),
-      },
-    }))
-  },
-  setJudgeModel: (resourceType, resourceId, judgeModelId) => {
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            judgeModelId,
-          },
-        },
-      }
-    })
-  },
-  addBuiltinMetric: (resourceType, resourceId, optionId) => {
-    const option = getEvaluationMockConfig(resourceType).builtinMetrics.find(metric => metric.id === optionId)
-    if (!option)
-      return
-
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      if (resource.metrics.some(metric => metric.optionId === optionId && metric.kind === 'builtin'))
-        return state
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            metrics: [
-              ...resource.metrics,
-              {
-                id: createId('metric'),
-                optionId: option.id,
-                kind: 'builtin',
-                label: option.label,
-                description: option.description,
-                badges: option.badges,
-              },
-            ],
-          },
-        },
-      }
-    })
-  },
-  addCustomMetric: (resourceType, resourceId) => {
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            metrics: [
-              ...resource.metrics,
-              {
-                id: createId('metric'),
-                optionId: createId('custom'),
-                kind: 'custom-workflow',
-                label: 'Custom Evaluator',
-                description: 'Map workflow variables to your evaluation inputs.',
-                badges: ['Workflow'],
-                customConfig: {
-                  workflowId: null,
-                  mappings: [{
-                    id: createId('mapping'),
-                    sourceFieldId: null,
-                    targetVariableId: null,
-                  }],
-                },
-              },
-            ],
-          },
-        },
-      }
-    })
-  },
-  removeMetric: (resourceType, resourceId, metricId) => {
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            metrics: resource.metrics.filter(metric => metric.id !== metricId),
-          },
-        },
-      }
-    })
-  },
-  setCustomMetricWorkflow: (resourceType, resourceId, metricId, workflowId) => {
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            metrics: updateMetric(resource.metrics, metricId, metric => ({
-              ...metric,
-              customConfig: metric.customConfig
-                ? {
-                    ...metric.customConfig,
-                    workflowId,
-                    mappings: metric.customConfig.mappings.map(mapping => ({
-                      ...mapping,
-                      targetVariableId: null,
-                    })),
-                  }
-                : metric.customConfig,
-            })),
-          },
-        },
-      }
-    })
-  },
-  addCustomMetricMapping: (resourceType, resourceId, metricId) => {
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            metrics: updateMetric(resource.metrics, metricId, metric => ({
-              ...metric,
-              customConfig: metric.customConfig
-                ? {
-                    ...metric.customConfig,
-                    mappings: [
-                      ...metric.customConfig.mappings,
-                      {
-                        id: createId('mapping'),
-                        sourceFieldId: null,
-                        targetVariableId: null,
-                      },
-                    ],
-                  }
-                : metric.customConfig,
-            })),
-          },
-        },
-      }
-    })
-  },
-  updateCustomMetricMapping: (resourceType, resourceId, metricId, mappingId, patch) => {
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            metrics: updateMetric(resource.metrics, metricId, metric => ({
-              ...metric,
-              customConfig: metric.customConfig
-                ? {
-                    ...metric.customConfig,
-                    mappings: metric.customConfig.mappings.map(mapping => mapping.id === mappingId ? { ...mapping, ...patch } : mapping),
-                  }
-                : metric.customConfig,
-            })),
-          },
-        },
-      }
-    })
-  },
-  removeCustomMetricMapping: (resourceType, resourceId, metricId, mappingId) => {
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            metrics: updateMetric(resource.metrics, metricId, metric => ({
-              ...metric,
-              customConfig: metric.customConfig
-                ? {
-                    ...metric.customConfig,
-                    mappings: metric.customConfig.mappings.filter(mapping => mapping.id !== mappingId),
-                  }
-                : metric.customConfig,
-            })),
-          },
-        },
-      }
-    })
-  },
-  addConditionGroup: (resourceType, resourceId) => {
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            conditions: [
-              ...resource.conditions,
-              {
-                id: createId('group'),
-                logicalOperator: 'and',
-                items: [buildConditionItem(resourceType)],
-              },
-            ],
-          },
-        },
-      }
-    })
-  },
-  removeConditionGroup: (resourceType, resourceId, groupId) => {
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            conditions: resource.conditions.filter(group => group.id !== groupId),
-          },
-        },
-      }
-    })
-  },
-  setConditionGroupOperator: (resourceType, resourceId, groupId, logicalOperator) => {
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            conditions: updateConditionGroup(resource.conditions, groupId, group => ({
-              ...group,
-              logicalOperator,
-            })),
-          },
-        },
-      }
-    })
-  },
-  addConditionItem: (resourceType, resourceId, groupId) => {
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            conditions: updateConditionGroup(resource.conditions, groupId, group => ({
-              ...group,
-              items: [
-                ...group.items,
-                buildConditionItem(resourceType),
-              ],
-            })),
-          },
-        },
-      }
-    })
-  },
-  removeConditionItem: (resourceType, resourceId, groupId, itemId) => {
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            conditions: updateConditionGroup(resource.conditions, groupId, group => ({
-              ...group,
-              items: group.items.filter(item => item.id !== itemId),
-            })),
-          },
-        },
-      }
-    })
-  },
-  updateConditionField: (resourceType, resourceId, groupId, itemId, fieldId) => {
-    const field = getEvaluationMockConfig(resourceType).fieldOptions.find(option => option.id === fieldId)
-
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            conditions: updateConditionGroup(resource.conditions, groupId, group => ({
-              ...group,
-              items: group.items.map((item) => {
-                if (item.id !== itemId)
-                  return item
-
-                return {
-                  ...item,
-                  fieldId,
-                  operator: field ? getDefaultOperator(field.type) : item.operator,
-                  value: getConditionValue(field, field ? getDefaultOperator(field.type) : item.operator),
-                }
-              }),
-            })),
-          },
-        },
-      }
-    })
-  },
-  updateConditionOperator: (resourceType, resourceId, groupId, itemId, operator) => {
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-      const fieldOptions = getEvaluationMockConfig(resourceType).fieldOptions
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            conditions: updateConditionGroup(resource.conditions, groupId, group => ({
-              ...group,
-              items: group.items.map((item) => {
-                if (item.id !== itemId)
-                  return item
-
-                const field = fieldOptions.find(option => option.id === item.fieldId)
-
-                return {
-                  ...item,
-                  operator,
-                  value: getConditionValue(field, operator, item.value),
-                }
-              }),
-            })),
-          },
-        },
-      }
-    })
-  },
-  updateConditionValue: (resourceType, resourceId, groupId, itemId, value) => {
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            conditions: updateConditionGroup(resource.conditions, groupId, group => ({
-              ...group,
-              items: group.items.map(item => item.id === itemId ? { ...item, value } : item),
-            })),
-          },
-        },
-      }
-    })
-  },
-  setBatchTab: (resourceType, resourceId, tab) => {
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            activeBatchTab: tab,
-          },
-        },
-      }
-    })
-  },
-  setUploadedFileName: (resourceType, resourceId, uploadedFileName) => {
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            uploadedFileName,
-          },
-        },
-      }
-    })
-  },
-  runBatchTest: (resourceType, resourceId) => {
-    const config = getEvaluationMockConfig(resourceType)
-    const recordId = createId('batch')
-    const nextRecord: BatchTestRecord = {
-      id: recordId,
-      fileName: get().resources[buildResourceKey(resourceType, resourceId)]?.uploadedFileName ?? config.templateFileName,
-      status: 'running',
-      startedAt: new Date().toLocaleTimeString(),
-      summary: config.historySummaryLabel,
-    }
-
-    set((state) => {
-      const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-      return {
-        resources: {
-          ...state.resources,
-          [resourceKey]: {
-            ...resource,
-            activeBatchTab: 'history',
-            batchRecords: [nextRecord, ...resource.batchRecords],
-          },
-        },
-      }
-    })
-
-    window.setTimeout(() => {
-      set((state) => {
-        const { resource, resourceKey } = withResourceState(state.resources, resourceType, resourceId)
-
-        return {
-          resources: {
-            ...state.resources,
-            [resourceKey]: {
-              ...resource,
-              batchRecords: resource.batchRecords.map(record => record.id === recordId
-                ? {
-                    ...record,
-                    status: resource.metrics.length > 1 ? 'success' : 'failed',
-                  }
-                : record),
-            },
-          },
-        }
-      })
-    }, 1200)
-  },
-}))
-
-export const useEvaluationResource = (resourceType: EvaluationResourceType, resourceId: string) => {
-  const resourceKey = buildResourceKey(resourceType, resourceId)
-  return useEvaluationStore(state => state.resources[resourceKey] ?? (initialResourceCache[resourceKey] ??= buildInitialState(resourceType)))
-}
-
-export const getAllowedOperators = (resourceType: EvaluationResourceType, fieldId: string | null) => {
-  const field = getEvaluationMockConfig(resourceType).fieldOptions.find(option => option.id === fieldId)
-
-  if (!field)
-    return ['contains'] as ComparisonOperator[]
-
-  return getComparisonOperators(field.type)
-}

web/app/components/evaluation/types.ts

@@ -1,117 +0,0 @@
-export type EvaluationResourceType = 'workflow' | 'pipeline' | 'snippet'
-
-export type MetricKind = 'builtin' | 'custom-workflow'
-
-export type BatchTestTab = 'input-fields' | 'history'
-
-export type FieldType = 'string' | 'number' | 'boolean' | 'enum' | 'time'
-
-export type ComparisonOperator
-  = | 'contains'
-    | 'not_contains'
-    | 'is'
-    | 'is_not'
-    | 'is_empty'
-    | 'is_not_empty'
-    | 'greater_than'
-    | 'less_than'
-    | 'greater_or_equal'
-    | 'less_or_equal'
-    | 'before'
-    | 'after'
-
-export type JudgeModelOption = {
-  id: string
-  label: string
-  provider: string
-}
-
-export type MetricOption = {
-  id: string
-  label: string
-  description: string
-  group: string
-  badges: string[]
-}
-
-export type EvaluationWorkflowOption = {
-  id: string
-  label: string
-  description: string
-  targetVariables: Array<{
-    id: string
-    label: string
-  }>
-}
-
-export type EvaluationFieldOption = {
-  id: string
-  label: string
-  group: string
-  type: FieldType
-  options?: Array<{
-    value: string
-    label: string
-  }>
-}
-
-export type CustomMetricMapping = {
-  id: string
-  sourceFieldId: string | null
-  targetVariableId: string | null
-}
-
-export type CustomMetricConfig = {
-  workflowId: string | null
-  mappings: CustomMetricMapping[]
-}
-
-export type EvaluationMetric = {
-  id: string
-  optionId: string
-  kind: MetricKind
-  label: string
-  description: string
-  badges: string[]
-  customConfig?: CustomMetricConfig
-}
-
-export type JudgmentConditionItem = {
-  id: string
-  fieldId: string | null
-  operator: ComparisonOperator
-  value: string | number | boolean | null
-}
-
-export type JudgmentConditionGroup = {
-  id: string
-  logicalOperator: 'and' | 'or'
-  items: JudgmentConditionItem[]
-}
-
-export type BatchTestRecord = {
-  id: string
-  fileName: string
-  status: 'running' | 'success' | 'failed'
-  startedAt: string
-  summary: string
-}
-
-export type EvaluationResourceState = {
-  judgeModelId: string | null
-  metrics: EvaluationMetric[]
-  conditions: JudgmentConditionGroup[]
-  activeBatchTab: BatchTestTab
-  uploadedFileName: string | null
-  batchRecords: BatchTestRecord[]
-}
-
-export type EvaluationMockConfig = {
-  judgeModels: JudgeModelOption[]
-  builtinMetrics: MetricOption[]
-  workflowOptions: EvaluationWorkflowOption[]
-  fieldOptions: EvaluationFieldOption[]
-  templateFileName: string
-  batchRequirements: string[]
-  historySummaryLabel: string
-}

web/app/components/header/app-nav/index.tsx

@@ -105,7 +105,7 @@ const AppNav = () => {
         icon={<RiRobot2Line className="h-4 w-4" />}
         activeIcon={<RiRobot2Fill className="h-4 w-4" />}
         text={t('menus.apps', { ns: 'common' })}
-        activeSegment={['apps', 'app', 'snippets']}
+        activeSegment={['apps', 'app']}
         link="/apps"
         curNav={appDetail}
         navigationItems={navItems}

web/app/components/header/header-wrapper.tsx

@@ -14,7 +14,7 @@ const HeaderWrapper = ({
   children,
 }: HeaderWrapperProps) => {
   const pathname = usePathname()
-  const isBordered = ['/apps', '/snippets', '/datasets/create', '/tools'].includes(pathname)
+  const isBordered = ['/apps', '/datasets/create', '/tools'].includes(pathname)
   // Check if the current path is a workflow canvas & fullscreen
   const inWorkflowCanvas = pathname.endsWith('/workflow')
   const isPipelineCanvas = pathname.endsWith('/pipeline')

web/app/components/snippets/__tests__/index.spec.tsx

@@ -1,171 +0,0 @@
-import type { SnippetDetailPayload } from '@/models/snippet'
-import { fireEvent, render, screen } from '@testing-library/react'
-import { PipelineInputVarType } from '@/models/pipeline'
-import SnippetPage from '..'
-import { useSnippetDetailStore } from '../store'
-
-const mockUseSnippetDetail = vi.fn()
-
-vi.mock('@/service/use-snippets', () => ({
-  useSnippetDetail: (snippetId: string) => mockUseSnippetDetail(snippetId),
-}))
-
-vi.mock('@/service/use-common', () => ({
-  useFileUploadConfig: () => ({
-    data: undefined,
-  }),
-}))
-
-vi.mock('@/hooks/use-breakpoints', () => ({
-  default: () => 'desktop',
-  MediaType: { mobile: 'mobile', desktop: 'desktop' },
-}))
-
-vi.mock('@/app/components/workflow', () => ({
-  default: ({ children }: { children: React.ReactNode }) => (
-    <div data-testid="workflow-default-context">{children}</div>
-  ),
-  WorkflowWithInnerContext: ({ children, viewport }: { children: React.ReactNode, viewport?: { zoom?: number } }) => (
-    <div data-testid="workflow-inner-context">
-      <span data-testid="workflow-viewport-zoom">{viewport?.zoom ?? 'none'}</span>
-      {children}
-    </div>
-  ),
-}))
-
-vi.mock('@/app/components/workflow/context', () => ({
-  WorkflowContextProvider: ({ children }: { children: React.ReactNode }) => (
-    <div data-testid="workflow-context-provider">{children}</div>
-  ),
-}))
-
-vi.mock('@/app/components/app-sidebar', () => ({
-  default: ({
-    renderHeader,
-    renderNavigation,
-  }: {
-    renderHeader?: (modeState: string) => React.ReactNode
-    renderNavigation?: (modeState: string) => React.ReactNode
-  }) => (
-    <div data-testid="app-sidebar">
-      <div data-testid="app-sidebar-header">{renderHeader?.('expand')}</div>
-      <div data-testid="app-sidebar-navigation">{renderNavigation?.('expand')}</div>
-    </div>
-  ),
-}))
-
-vi.mock('@/app/components/app-sidebar/nav-link', () => ({
-  default: ({ name, onClick }: { name: string, onClick?: () => void }) => (
-    <button type="button" onClick={onClick}>{name}</button>
-  ),
-}))
-
-vi.mock('@/app/components/workflow/panel', () => ({
-  default: ({ components }: { components?: { left?: React.ReactNode, right?: React.ReactNode } }) => (
-    <div data-testid="workflow-panel">
-      <div data-testid="workflow-panel-left">{components?.left}</div>
-      <div data-testid="workflow-panel-right">{components?.right}</div>
-    </div>
-  ),
-}))
-
-vi.mock('@/app/components/workflow/utils', async (importOriginal) => {
-  const actual = await importOriginal<typeof import('@/app/components/workflow/utils')>()
-
-  return {
-    ...actual,
-    initialNodes: (nodes: unknown[]) => nodes,
-    initialEdges: (edges: unknown[]) => edges,
-  }
-})
-
-vi.mock('react-sortablejs', () => ({
-  ReactSortable: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
-}))
-
-const mockSnippetDetail: SnippetDetailPayload = {
-  snippet: {
-    id: 'snippet-1',
-    name: 'Tone Rewriter',
-    description: 'A static snippet mock.',
-    author: 'Evan',
-    updatedAt: 'Updated 2h ago',
-    usage: 'Used 19 times',
-    icon: '🪄',
-    iconBackground: '#E0EAFF',
-    status: 'Draft',
-  },
-  graph: {
-    viewport: { x: 0, y: 0, zoom: 1 },
-    nodes: [],
-    edges: [],
-  },
-  inputFields: [
-    {
-      type: PipelineInputVarType.textInput,
-      label: 'Blog URL',
-      variable: 'blog_url',
-      required: true,
-      options: [],
-      placeholder: 'Paste a source article URL',
-      max_length: 256,
-    },
-  ],
-  uiMeta: {
-    inputFieldCount: 1,
-    checklistCount: 2,
-    autoSavedAt: 'Auto-saved · a few seconds ago',
-  },
-}
-
-describe('SnippetPage', () => {
-  beforeEach(() => {
-    vi.clearAllMocks()
-    useSnippetDetailStore.getState().reset()
-    mockUseSnippetDetail.mockReturnValue({
-      data: mockSnippetDetail,
-      isLoading: false,
-    })
-  })
-
-  it('should render the snippet detail shell', () => {
-    render(<SnippetPage snippetId="snippet-1" />)
-
-    expect(screen.getByText('Tone Rewriter')).toBeInTheDocument()
-    expect(screen.getByText('A static snippet mock.')).toBeInTheDocument()
-    expect(screen.getByTestId('app-sidebar')).toBeInTheDocument()
-    expect(screen.getByTestId('workflow-context-provider')).toBeInTheDocument()
-    expect(screen.getByTestId('workflow-default-context')).toBeInTheDocument()
-    expect(screen.getByTestId('workflow-inner-context')).toBeInTheDocument()
-    expect(screen.getByTestId('workflow-viewport-zoom').textContent).toBe('1')
-  })
-
-  it('should open the input field panel and editor', () => {
-    render(<SnippetPage snippetId="snippet-1" />)
-
-    fireEvent.click(screen.getAllByRole('button', { name: /snippet\.inputFieldButton/i })[0])
-    expect(screen.getAllByText('snippet.panelTitle').length).toBeGreaterThan(0)
-
-    fireEvent.click(screen.getAllByRole('button', { name: /datasetPipeline\.inputFieldPanel\.addInputField/i })[0])
-    expect(screen.getAllByText('datasetPipeline.inputFieldPanel.addInputField').length).toBeGreaterThan(1)
-  })
-
-  it('should toggle the publish menu', () => {
-    render(<SnippetPage snippetId="snippet-1" />)
-
-    fireEvent.click(screen.getByRole('button', { name: /snippet\.publishButton/i }))
-    expect(screen.getByText('snippet.publishMenuCurrentDraft')).toBeInTheDocument()
-  })
-
-  it('should render a controlled not found state', () => {
-    mockUseSnippetDetail.mockReturnValue({
-      data: null,
-      isLoading: false,
-    })
-
-    render(<SnippetPage snippetId="missing-snippet" />)
-
-    expect(screen.getByText('snippet.notFoundTitle')).toBeInTheDocument()
-    expect(screen.getByText('snippet.notFoundDescription')).toBeInTheDocument()
-  })
-})

web/app/components/snippets/components/input-field-editor.tsx

@@ -1,54 +0,0 @@
-'use client'
-
-import type { FormData } from '@/app/components/rag-pipeline/components/panel/input-field/editor/form/types'
-import type { SnippetInputField } from '@/models/snippet'
-import { useCallback, useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import InputFieldForm from '@/app/components/rag-pipeline/components/panel/input-field/editor/form'
-import { convertFormDataToINputField, convertToInputFieldFormData } from '@/app/components/rag-pipeline/components/panel/input-field/editor/utils'
-
-type SnippetInputFieldEditorProps = {
-  field?: SnippetInputField | null
-  onClose: () => void
-  onSubmit: (field: SnippetInputField) => void
-}
-
-const SnippetInputFieldEditor = ({
-  field,
-  onClose,
-  onSubmit,
-}: SnippetInputFieldEditorProps) => {
-  const { t } = useTranslation()
-
-  const initialData = useMemo(() => {
-    return convertToInputFieldFormData(field || undefined)
-  }, [field])
-
-  const handleSubmit = useCallback((value: FormData) => {
-    onSubmit(convertFormDataToINputField(value))
-  }, [onSubmit])
-
-  return (
-    <div className="relative mr-1 flex h-fit max-h-full w-[min(400px,calc(100vw-24px))] flex-col overflow-y-auto rounded-2xl border border-components-panel-border bg-components-panel-bg shadow-2xl shadow-shadow-shadow-9">
-      <div className="flex items-center pb-1 pl-4 pr-11 pt-3.5 text-text-primary system-xl-semibold">
-        {field ? t('inputFieldPanel.editInputField', { ns: 'datasetPipeline' }) : t('inputFieldPanel.addInputField', { ns: 'datasetPipeline' })}
-      </div>
-      <button
-        type="button"
-        className="absolute right-2.5 top-2.5 flex h-8 w-8 items-center justify-center"
-        onClick={onClose}
-      >
-        <span aria-hidden className="i-ri-close-line h-4 w-4 text-text-tertiary" />
-      </button>
-      <InputFieldForm
-        initialData={initialData}
-        supportFile
-        onCancel={onClose}
-        onSubmit={handleSubmit}
-        isEditMode={!!field}
-      />
-    </div>
-  )
-}
-
-export default SnippetInputFieldEditor

web/app/components/snippets/components/panel/index.tsx

@@ -1,119 +0,0 @@
-'use client'
-
-import type { SortableItem } from '@/app/components/rag-pipeline/components/panel/input-field/field-list/types'
-import type { SnippetInputField } from '@/models/snippet'
-import { memo, useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
-import Button from '@/app/components/base/button'
-import Divider from '@/app/components/base/divider'
-import FieldListContainer from '@/app/components/rag-pipeline/components/panel/input-field/field-list/field-list-container'
-
-type SnippetInputFieldPanelProps = {
-  fields: SnippetInputField[]
-  onClose: () => void
-  onAdd: () => void
-  onEdit: (field: SnippetInputField) => void
-  onRemove: (index: number) => void
-  onPrimarySortChange: (fields: SnippetInputField[]) => void
-  onSecondarySortChange: (fields: SnippetInputField[]) => void
-}
-
-const toInputFields = (list: SortableItem[]) => {
-  return list.map((item) => {
-    const { id: _id, chosen: _chosen, selected: _selected, ...field } = item
-    return field
-  })
-}
-
-const SnippetInputFieldPanel = ({
-  fields,
-  onClose,
-  onAdd,
-  onEdit,
-  onRemove,
-  onPrimarySortChange,
-  onSecondarySortChange,
-}: SnippetInputFieldPanelProps) => {
-  const { t } = useTranslation('snippet')
-  const primaryFields = fields.slice(0, 2)
-  const secondaryFields = fields.slice(2)
-
-  const handlePrimaryRemove = useCallback((index: number) => {
-    onRemove(index)
-  }, [onRemove])
-
-  const handleSecondaryRemove = useCallback((index: number) => {
-    onRemove(index + primaryFields.length)
-  }, [onRemove, primaryFields.length])
-
-  const handlePrimaryEdit = useCallback((id: string) => {
-    const field = primaryFields.find(item => item.variable === id)
-    if (field)
-      onEdit(field)
-  }, [onEdit, primaryFields])
-
-  const handleSecondaryEdit = useCallback((id: string) => {
-    const field = secondaryFields.find(item => item.variable === id)
-    if (field)
-      onEdit(field)
-  }, [onEdit, secondaryFields])
-
-  return (
-    <div className="mr-1 flex h-full w-[min(400px,calc(100vw-24px))] flex-col rounded-2xl border border-components-panel-border bg-components-panel-bg shadow-xl shadow-shadow-shadow-5">
-      <div className="flex items-start justify-between gap-3 px-4 pb-2 pt-4">
-        <div className="min-w-0">
-          <div className="text-text-primary system-xl-semibold">
-            {t('panelTitle')}
-          </div>
-          <div className="pt-1 text-text-tertiary system-sm-regular">
-            {t('panelDescription')}
-          </div>
-        </div>
-        <button
-          type="button"
-          className="flex h-8 w-8 items-center justify-center rounded-lg text-text-tertiary hover:bg-state-base-hover"
-          onClick={onClose}
-        >
-          <span aria-hidden className="i-ri-close-line h-4 w-4" />
-        </button>
-      </div>
-
-      <div className="px-4 pb-2">
-        <Button variant="secondary" size="small" className="w-full justify-center gap-1" onClick={onAdd}>
-          <span aria-hidden className="i-ri-add-line h-4 w-4" />
-          {t('inputFieldPanel.addInputField', { ns: 'datasetPipeline' })}
-        </Button>
-      </div>
-
-      <div className="flex grow flex-col overflow-y-auto">
-        <div className="px-4 pb-1 pt-2 text-text-secondary system-xs-semibold-uppercase">
-          {t('panelPrimaryGroup')}
-        </div>
-        <FieldListContainer
-          className="flex flex-col gap-y-1 px-4 pb-2"
-          inputFields={primaryFields}
-          onListSortChange={list => onPrimarySortChange(toInputFields(list))}
-          onRemoveField={handlePrimaryRemove}
-          onEditField={handlePrimaryEdit}
-        />
-
-        <div className="px-4 py-2">
-          <Divider type="horizontal" className="bg-divider-subtle" />
-        </div>
-
-        <div className="px-4 pb-1 text-text-secondary system-xs-semibold-uppercase">
-          {t('panelSecondaryGroup')}
-        </div>
-        <FieldListContainer
-          className="flex flex-col gap-y-1 px-4 pb-4"
-          inputFields={secondaryFields}
-          onListSortChange={list => onSecondarySortChange(toInputFields(list))}
-          onRemoveField={handleSecondaryRemove}
-          onEditField={handleSecondaryEdit}
-        />
-      </div>
-    </div>
-  )
-}
-
-export default memo(SnippetInputFieldPanel)

web/app/components/snippets/components/publish-menu.tsx

@@ -1,29 +0,0 @@
-'use client'
-
-import type { SnippetDetailUIModel } from '@/models/snippet'
-import { useTranslation } from 'react-i18next'
-import Button from '@/app/components/base/button'
-
-const PublishMenu = ({
-  uiMeta,
-}: {
-  uiMeta: SnippetDetailUIModel
-}) => {
-  const { t } = useTranslation('snippet')
-
-  return (
-    <div className="w-80 rounded-2xl border border-components-panel-border bg-components-panel-bg p-4 shadow-[0px_20px_24px_-4px_rgba(9,9,11,0.08),0px_8px_8px_-4px_rgba(9,9,11,0.03)]">
-      <div className="text-text-tertiary system-xs-semibold-uppercase">
-        {t('publishMenuCurrentDraft')}
-      </div>
-      <div className="pt-1 text-text-secondary system-sm-medium">
-        {uiMeta.autoSavedAt}
-      </div>
-      <Button variant="primary" size="small" className="mt-4 w-full justify-center">
-        {t('publishButton')}
-      </Button>
-    </div>
-  )
-}
-
-export default PublishMenu

web/app/components/snippets/components/snippet-children.tsx

@@ -1,106 +0,0 @@
-'use client'
-
-import type { SnippetDetailUIModel, SnippetInputField } from '@/models/snippet'
-import SnippetInputFieldEditor from './input-field-editor'
-import SnippetInputFieldPanel from './panel'
-import PublishMenu from './publish-menu'
-import SnippetHeader from './snippet-header'
-import SnippetWorkflowPanel from './workflow-panel'
-
-type SnippetChildrenProps = {
-  fields: SnippetInputField[]
-  uiMeta: SnippetDetailUIModel
-  editingField: SnippetInputField | null
-  isEditorOpen: boolean
-  isInputPanelOpen: boolean
-  isPublishMenuOpen: boolean
-  onToggleInputPanel: () => void
-  onTogglePublishMenu: () => void
-  onCloseInputPanel: () => void
-  onOpenEditor: (field?: SnippetInputField | null) => void
-  onCloseEditor: () => void
-  onSubmitField: (field: SnippetInputField) => void
-  onRemoveField: (index: number) => void
-  onPrimarySortChange: (fields: SnippetInputField[]) => void
-  onSecondarySortChange: (fields: SnippetInputField[]) => void
-}
-
-const SnippetChildren = ({
-  fields,
-  uiMeta,
-  editingField,
-  isEditorOpen,
-  isInputPanelOpen,
-  isPublishMenuOpen,
-  onToggleInputPanel,
-  onTogglePublishMenu,
-  onCloseInputPanel,
-  onOpenEditor,
-  onCloseEditor,
-  onSubmitField,
-  onRemoveField,
-  onPrimarySortChange,
-  onSecondarySortChange,
-}: SnippetChildrenProps) => {
-  return (
-    <>
-      <div className="pointer-events-none absolute inset-x-0 top-0 z-10 h-24 bg-gradient-to-b from-background-body to-transparent" />
-
-      <SnippetHeader
-        inputFieldCount={fields.length}
-        onToggleInputPanel={onToggleInputPanel}
-        onTogglePublishMenu={onTogglePublishMenu}
-      />
-
-      <SnippetWorkflowPanel
-        fields={fields}
-        editingField={editingField}
-        isEditorOpen={isEditorOpen}
-        isInputPanelOpen={isInputPanelOpen}
-        onCloseInputPanel={onCloseInputPanel}
-        onOpenEditor={onOpenEditor}
-        onCloseEditor={onCloseEditor}
-        onSubmitField={onSubmitField}
-        onRemoveField={onRemoveField}
-        onPrimarySortChange={onPrimarySortChange}
-        onSecondarySortChange={onSecondarySortChange}
-      />
-
-      {isPublishMenuOpen && (
-        <div className="absolute right-3 top-14 z-20">
-          <PublishMenu uiMeta={uiMeta} />
-        </div>
-      )}
-
-      {isInputPanelOpen && (
-        <div className="pointer-events-none absolute inset-y-3 right-3 z-30 flex justify-end">
-          <div className="pointer-events-auto h-full xl:hidden">
-            <SnippetInputFieldPanel
-              fields={fields}
-              onClose={onCloseInputPanel}
-              onAdd={() => onOpenEditor()}
-              onEdit={onOpenEditor}
-              onRemove={onRemoveField}
-              onPrimarySortChange={onPrimarySortChange}
-              onSecondarySortChange={onSecondarySortChange}
-            />
-          </div>
-        </div>
-      )}
-
-      {isEditorOpen && (
-        <div className="pointer-events-none absolute inset-0 z-40 flex items-center justify-center bg-black/10 px-3 xl:hidden">
-          <div className="pointer-events-auto w-full max-w-md">
-            <SnippetInputFieldEditor
-              field={editingField}
-              onClose={onCloseEditor}
-              onSubmit={onSubmitField}
-            />
-          </div>
-        </div>
-      )}
-    </>
-  )
-}
-
-export default SnippetChildren

web/app/components/snippets/components/snippet-header/index.tsx

@@ -1,61 +0,0 @@
-'use client'
-
-import { useTranslation } from 'react-i18next'
-
-type SnippetHeaderProps = {
-  inputFieldCount: number
-  onToggleInputPanel: () => void
-  onTogglePublishMenu: () => void
-}
-
-const SnippetHeader = ({
-  inputFieldCount,
-  onToggleInputPanel,
-  onTogglePublishMenu,
-}: SnippetHeaderProps) => {
-  const { t } = useTranslation('snippet')
-
-  return (
-    <div className="absolute right-3 top-3 z-20 flex flex-wrap items-center justify-end gap-2">
-      <button
-        type="button"
-        className="flex items-center gap-2 rounded-lg border border-components-button-secondary-border bg-components-button-secondary-bg px-3 py-2 text-text-secondary shadow-xs backdrop-blur"
-        onClick={onToggleInputPanel}
-      >
-        <span className="text-[13px] font-medium leading-4">{t('inputFieldButton')}</span>
-        <span className="rounded-md border border-divider-deep px-1.5 py-0.5 text-[10px] font-medium leading-3 text-text-tertiary">
-          {inputFieldCount}
-        </span>
-      </button>
-
-      <button
-        type="button"
-        className="flex items-center gap-2 rounded-lg border border-components-button-secondary-border bg-components-button-secondary-bg px-3 py-2 text-text-accent shadow-xs backdrop-blur"
-      >
-        <span aria-hidden className="i-ri-play-mini-fill h-4 w-4" />
-        <span className="text-[13px] font-medium leading-4">{t('testRunButton')}</span>
-        <span className="rounded-md bg-state-accent-active px-1.5 py-0.5 text-[10px] font-semibold leading-3 text-text-accent">R</span>
-      </button>
-
-      <div className="relative">
-        <button
-          type="button"
-          className="flex items-center gap-1 rounded-lg bg-components-button-primary-bg px-3 py-2 text-white shadow-[0px_2px_2px_-1px_rgba(0,0,0,0.12),0px_1px_1px_-1px_rgba(0,0,0,0.12),0px_0px_0px_0.5px_rgba(9,9,11,0.05)]"
-          onClick={onTogglePublishMenu}
-        >
-          <span className="text-[13px] font-medium leading-4">{t('publishButton')}</span>
-          <span aria-hidden className="i-ri-arrow-down-s-line h-4 w-4" />
-        </button>
-      </div>
-
-      <button
-        type="button"
-        className="flex h-9 w-9 items-center justify-center rounded-lg border border-components-button-secondary-border bg-components-button-secondary-bg text-text-tertiary shadow-xs"
-      >
-        <span aria-hidden className="i-ri-more-2-line h-4 w-4" />
-      </button>
-    </div>
-  )
-}
-
-export default SnippetHeader

web/app/components/snippets/components/snippet-main.tsx

@@ -1,198 +0,0 @@
-'use client'
-
-import type { NavIcon } from '@/app/components/app-sidebar/nav-link'
-import type { WorkflowProps } from '@/app/components/workflow'
-import type { SnippetDetailPayload, SnippetInputField, SnippetSection } from '@/models/snippet'
-import {
-  RiFlaskFill,
-  RiFlaskLine,
-  RiGitBranchFill,
-  RiGitBranchLine,
-} from '@remixicon/react'
-import { useEffect, useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useShallow } from 'zustand/react/shallow'
-import AppSideBar from '@/app/components/app-sidebar'
-import NavLink from '@/app/components/app-sidebar/nav-link'
-import SnippetInfo from '@/app/components/app-sidebar/snippet-info'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import Toast from '@/app/components/base/toast'
-import Evaluation from '@/app/components/evaluation'
-import { WorkflowWithInnerContext } from '@/app/components/workflow'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import { useSnippetDetailStore } from '../store'
-import SnippetChildren from './snippet-children'
-
-type SnippetMainProps = {
-  payload: SnippetDetailPayload
-  snippetId: string
-  section: SnippetSection
-} & Pick<WorkflowProps, 'nodes' | 'edges' | 'viewport'>
-
-const ORCHESTRATE_ICONS: { normal: NavIcon, selected: NavIcon } = {
-  normal: RiGitBranchLine,
-  selected: RiGitBranchFill,
-}
-
-const EVALUATION_ICONS: { normal: NavIcon, selected: NavIcon } = {
-  normal: RiFlaskLine,
-  selected: RiFlaskFill,
-}
-
-const SnippetMain = ({
-  payload,
-  snippetId,
-  section,
-  nodes,
-  edges,
-  viewport,
-}: SnippetMainProps) => {
-  const { t } = useTranslation('snippet')
-  const { graph, snippet, uiMeta } = payload
-  const media = useBreakpoints()
-  const isMobile = media === MediaType.mobile
-  const [fields, setFields] = useState<SnippetInputField[]>(payload.inputFields)
-  const setAppSidebarExpand = useAppStore(state => state.setAppSidebarExpand)
-  const {
-    editingField,
-    isEditorOpen,
-    isInputPanelOpen,
-    isPublishMenuOpen,
-    closeEditor,
-    openEditor,
-    reset,
-    setInputPanelOpen,
-    toggleInputPanel,
-    togglePublishMenu,
-  } = useSnippetDetailStore(useShallow(state => ({
-    editingField: state.editingField,
-    isEditorOpen: state.isEditorOpen,
-    isInputPanelOpen: state.isInputPanelOpen,
-    isPublishMenuOpen: state.isPublishMenuOpen,
-    closeEditor: state.closeEditor,
-    openEditor: state.openEditor,
-    reset: state.reset,
-    setInputPanelOpen: state.setInputPanelOpen,
-    toggleInputPanel: state.toggleInputPanel,
-    togglePublishMenu: state.togglePublishMenu,
-  })))
-
-  useEffect(() => {
-    reset()
-  }, [reset, snippetId])
-
-  useEffect(() => {
-    const localeMode = localStorage.getItem('app-detail-collapse-or-expand') || 'expand'
-    const mode = isMobile ? 'collapse' : 'expand'
-    setAppSidebarExpand(isMobile ? mode : localeMode)
-  }, [isMobile, setAppSidebarExpand])
-
-  const primaryFields = useMemo(() => fields.slice(0, 2), [fields])
-  const secondaryFields = useMemo(() => fields.slice(2), [fields])
-
-  const handlePrimarySortChange = (newFields: SnippetInputField[]) => {
-    setFields([...newFields, ...secondaryFields])
-  }
-
-  const handleSecondarySortChange = (newFields: SnippetInputField[]) => {
-    setFields([...primaryFields, ...newFields])
-  }
-
-  const handleRemoveField = (index: number) => {
-    setFields(current => current.filter((_, currentIndex) => currentIndex !== index))
-  }
-
-  const handleSubmitField = (field: SnippetInputField) => {
-    const originalVariable = editingField?.variable
-    const duplicated = fields.some(item => item.variable === field.variable && item.variable !== originalVariable)
-
-    if (duplicated) {
-      Toast.notify({
-        type: 'error',
-        message: t('inputFieldPanel.error.variableDuplicate', { ns: 'datasetPipeline' }),
-      })
-      return
-    }
-
-    if (originalVariable)
-      setFields(current => current.map(item => item.variable === originalVariable ? field : item))
-    else
-      setFields(current => [...current, field])
-
-    closeEditor()
-  }
-
-  const handleToggleInputPanel = () => {
-    if (isInputPanelOpen)
-      closeEditor()
-    toggleInputPanel()
-  }
-
-  const handleCloseInputPanel = () => {
-    closeEditor()
-    setInputPanelOpen(false)
-  }
-
-  return (
-    <div className="relative flex h-full overflow-hidden bg-background-body">
-      <AppSideBar
-        navigation={[]}
-        renderHeader={mode => <SnippetInfo expand={mode === 'expand'} snippet={snippet} />}
-        renderNavigation={mode => (
-          <>
-            <NavLink
-              mode={mode}
-              name={t('sectionOrchestrate')}
-              iconMap={ORCHESTRATE_ICONS}
-              href={`/snippets/${snippetId}/orchestrate`}
-              active={section === 'orchestrate'}
-            />
-            <NavLink
-              mode={mode}
-              name={t('sectionEvaluation')}
-              iconMap={EVALUATION_ICONS}
-              href={`/snippets/${snippetId}/evaluation`}
-              active={section === 'evaluation'}
-            />
-          </>
-        )}
-      />
-
-      <div className="relative min-h-0 min-w-0 grow overflow-hidden">
-        <div className="absolute inset-0 min-h-0 min-w-0 overflow-hidden">
-          {section === 'evaluation'
-            ? (
-                <Evaluation resourceType="snippet" resourceId={snippetId} />
-              )
-            : (
-                <WorkflowWithInnerContext
-                  nodes={nodes}
-                  edges={edges}
-                  viewport={viewport ?? graph.viewport}
-                >
-                  <SnippetChildren
-                    fields={fields}
-                    uiMeta={uiMeta}
-                    editingField={editingField}
-                    isEditorOpen={isEditorOpen}
-                    isInputPanelOpen={isInputPanelOpen}
-                    isPublishMenuOpen={isPublishMenuOpen}
-                    onToggleInputPanel={handleToggleInputPanel}
-                    onTogglePublishMenu={togglePublishMenu}
-                    onCloseInputPanel={handleCloseInputPanel}
-                    onOpenEditor={openEditor}
-                    onCloseEditor={closeEditor}
-                    onSubmitField={handleSubmitField}
-                    onRemoveField={handleRemoveField}
-                    onPrimarySortChange={handlePrimarySortChange}
-                    onSecondarySortChange={handleSecondarySortChange}
-                  />
-                </WorkflowWithInnerContext>
-              )}
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default SnippetMain

web/app/components/snippets/components/workflow-panel.tsx

@@ -1,111 +0,0 @@
-'use client'
-
-import type { PanelProps } from '@/app/components/workflow/panel'
-import type { SnippetInputField } from '@/models/snippet'
-import { memo, useMemo } from 'react'
-import Panel from '@/app/components/workflow/panel'
-import SnippetInputFieldEditor from './input-field-editor'
-import SnippetInputFieldPanel from './panel'
-
-type SnippetWorkflowPanelProps = {
-  fields: SnippetInputField[]
-  editingField: SnippetInputField | null
-  isEditorOpen: boolean
-  isInputPanelOpen: boolean
-  onCloseInputPanel: () => void
-  onOpenEditor: (field?: SnippetInputField | null) => void
-  onCloseEditor: () => void
-  onSubmitField: (field: SnippetInputField) => void
-  onRemoveField: (index: number) => void
-  onPrimarySortChange: (fields: SnippetInputField[]) => void
-  onSecondarySortChange: (fields: SnippetInputField[]) => void
-}
-
-const SnippetPanelOnLeft = ({
-  fields,
-  editingField,
-  isEditorOpen,
-  isInputPanelOpen,
-  onCloseInputPanel,
-  onOpenEditor,
-  onCloseEditor,
-  onSubmitField,
-  onRemoveField,
-  onPrimarySortChange,
-  onSecondarySortChange,
-}: SnippetWorkflowPanelProps) => {
-  return (
-    <div className="hidden xl:flex">
-      {isEditorOpen && (
-        <SnippetInputFieldEditor
-          field={editingField}
-          onClose={onCloseEditor}
-          onSubmit={onSubmitField}
-        />
-      )}
-      {isInputPanelOpen && (
-        <SnippetInputFieldPanel
-          fields={fields}
-          onClose={onCloseInputPanel}
-          onAdd={() => onOpenEditor()}
-          onEdit={onOpenEditor}
-          onRemove={onRemoveField}
-          onPrimarySortChange={onPrimarySortChange}
-          onSecondarySortChange={onSecondarySortChange}
-        />
-      )}
-    </div>
-  )
-}
-
-const SnippetWorkflowPanel = ({
-  fields,
-  editingField,
-  isEditorOpen,
-  isInputPanelOpen,
-  onCloseInputPanel,
-  onOpenEditor,
-  onCloseEditor,
-  onSubmitField,
-  onRemoveField,
-  onPrimarySortChange,
-  onSecondarySortChange,
-}: SnippetWorkflowPanelProps) => {
-  const panelProps: PanelProps = useMemo(() => {
-    return {
-      components: {
-        left: (
-          <SnippetPanelOnLeft
-            fields={fields}
-            editingField={editingField}
-            isEditorOpen={isEditorOpen}
-            isInputPanelOpen={isInputPanelOpen}
-            onCloseInputPanel={onCloseInputPanel}
-            onOpenEditor={onOpenEditor}
-            onCloseEditor={onCloseEditor}
-            onSubmitField={onSubmitField}
-            onRemoveField={onRemoveField}
-            onPrimarySortChange={onPrimarySortChange}
-            onSecondarySortChange={onSecondarySortChange}
-          />
-        ),
-      },
-    }
-  }, [
-    editingField,
-    fields,
-    isEditorOpen,
-    isInputPanelOpen,
-    onCloseEditor,
-    onCloseInputPanel,
-    onOpenEditor,
-    onPrimarySortChange,
-    onRemoveField,
-    onSecondarySortChange,
-    onSubmitField,
-  ])
-
-  return <Panel {...panelProps} />
-}
-
-export default memo(SnippetWorkflowPanel)

web/app/components/snippets/hooks/use-snippet-init.ts

@@ -1,5 +0,0 @@
-import { useSnippetDetail } from '@/service/use-snippets'
-
-export const useSnippetInit = (snippetId: string) => {
-  return useSnippetDetail(snippetId)
-}

web/app/components/snippets/index.tsx

@@ -1,86 +0,0 @@
-'use client'
-
-import type { SnippetSection } from '@/models/snippet'
-import { useMemo } from 'react'
-import { useTranslation } from 'react-i18next'
-import Loading from '@/app/components/base/loading'
-import WorkflowWithDefaultContext from '@/app/components/workflow'
-import { WorkflowContextProvider } from '@/app/components/workflow/context'
-import {
-  initialEdges,
-  initialNodes,
-} from '@/app/components/workflow/utils'
-import SnippetMain from './components/snippet-main'
-import { useSnippetInit } from './hooks/use-snippet-init'
-
-type SnippetPageProps = {
-  snippetId: string
-  section?: SnippetSection
-}
-
-const SnippetPage = ({
-  snippetId,
-  section = 'orchestrate',
-}: SnippetPageProps) => {
-  const { t } = useTranslation('snippet')
-  const { data, isLoading } = useSnippetInit(snippetId)
-  const nodesData = useMemo(() => {
-    if (!data)
-      return []
-
-    return initialNodes(data.graph.nodes, data.graph.edges)
-  }, [data])
-  const edgesData = useMemo(() => {
-    if (!data)
-      return []
-
-    return initialEdges(data.graph.edges, data.graph.nodes)
-  }, [data])
-
-  if (isLoading) {
-    return (
-      <div className="flex h-full items-center justify-center bg-background-body">
-        <Loading />
-      </div>
-    )
-  }
-
-  if (!data) {
-    return (
-      <div className="flex h-full items-center justify-center bg-background-body px-6">
-        <div className="w-full max-w-md rounded-2xl border border-divider-subtle bg-components-card-bg p-8 text-center shadow-sm">
-          <div className="text-3xl font-semibold text-text-primary">404</div>
-          <div className="pt-3 text-text-primary system-md-semibold">{t('notFoundTitle')}</div>
-          <div className="pt-2 text-text-tertiary system-sm-regular">{t('notFoundDescription')}</div>
-        </div>
-      </div>
-    )
-  }
-
-  return (
-    <WorkflowWithDefaultContext
-      edges={edgesData}
-      nodes={nodesData}
-    >
-      <SnippetMain
-        key={snippetId}
-        snippetId={snippetId}
-        section={section}
-        payload={data}
-        nodes={nodesData}
-        edges={edgesData}
-        viewport={data.graph.viewport}
-      />
-    </WorkflowWithDefaultContext>
-  )
-}
-
-const SnippetPageWrapper = (props: SnippetPageProps) => {
-  return (
-    <WorkflowContextProvider>
-      <SnippetPage {...props} />
-    </WorkflowContextProvider>
-  )
-}
-
-export default SnippetPageWrapper

web/app/components/snippets/store/index.ts

@@ -1,44 +0,0 @@
-'use client'
-
-import type { SnippetInputField, SnippetSection } from '@/models/snippet'
-import { create } from 'zustand'
-
-type SnippetDetailUIState = {
-  activeSection: SnippetSection
-  isInputPanelOpen: boolean
-  isPublishMenuOpen: boolean
-  isPreviewMode: boolean
-  isEditorOpen: boolean
-  editingField: SnippetInputField | null
-  setActiveSection: (section: SnippetSection) => void
-  setInputPanelOpen: (value: boolean) => void
-  toggleInputPanel: () => void
-  setPublishMenuOpen: (value: boolean) => void
-  togglePublishMenu: () => void
-  setPreviewMode: (value: boolean) => void
-  openEditor: (field?: SnippetInputField | null) => void
-  closeEditor: () => void
-  reset: () => void
-}
-
-const initialState = {
-  activeSection: 'orchestrate' as SnippetSection,
-  isInputPanelOpen: false,
-  isPublishMenuOpen: false,
-  isPreviewMode: false,
-  editingField: null,
-  isEditorOpen: false,
-}
-
-export const useSnippetDetailStore = create<SnippetDetailUIState>(set => ({
-  ...initialState,
-  setActiveSection: activeSection => set({ activeSection }),
-  setInputPanelOpen: isInputPanelOpen => set({ isInputPanelOpen }),
-  toggleInputPanel: () => set(state => ({ isInputPanelOpen: !state.isInputPanelOpen, isPublishMenuOpen: false })),
-  setPublishMenuOpen: isPublishMenuOpen => set({ isPublishMenuOpen }),
-  togglePublishMenu: () => set(state => ({ isPublishMenuOpen: !state.isPublishMenuOpen })),
-  setPreviewMode: isPreviewMode => set({ isPreviewMode }),
-  openEditor: (editingField = null) => set({ editingField, isEditorOpen: true, isInputPanelOpen: true }),
-  closeEditor: () => set({ editingField: null, isEditorOpen: false }),
-  reset: () => set(initialState),
-}))

web/app/components/workflow/block-selector/hooks.ts

@@ -71,10 +71,6 @@ export const useTabs = ({
       name: t('tabs.start', { ns: 'workflow' }),
       show: shouldShowStartTab,
       disabled: shouldDisableStartTab,
-    }, {
-      key: TabsEnum.Snippets,
-      name: t('tabs.snippets', { ns: 'workflow' }),
-      show: true,
     }]
 
     return tabConfigs.filter(tab => tab.show)
@@ -104,7 +100,6 @@ export const useTabs = ({
       preferredOrder.push(TabsEnum.Sources)
     if (!noStart)
       preferredOrder.push(TabsEnum.Start)
-    preferredOrder.push(TabsEnum.Snippets)
 
     for (const tabKey of preferredOrder) {
       const validKey = getValidTabKey(tabKey)

web/app/components/workflow/block-selector/main.tsx

@@ -15,7 +15,6 @@ import type {
 import {
   memo,
   useCallback,
-  useEffect,
   useMemo,
   useState,
 } from 'react'
@@ -33,7 +32,6 @@ import SearchBox from '@/app/components/plugins/marketplace/search-box'
 import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
 import { BlockEnum, isTriggerNode } from '../types'
 import { useTabs } from './hooks'
-import Snippets from './snippets'
 import Tabs from './tabs'
 import { TabsEnum } from './types'
 
@@ -90,7 +88,6 @@ const NodeSelector: FC<NodeSelectorProps> = ({
   const { t } = useTranslation()
   const nodes = useNodes()
   const [searchText, setSearchText] = useState('')
-  const [snippetsLoading, setSnippetsLoading] = useState(() => Boolean(openFromProps) && defaultActiveTab === TabsEnum.Snippets)
   const [tags, setTags] = useState<string[]>([])
   const [localOpen, setLocalOpen] = useState(false)
   // Exclude nodes explicitly ignored (such as the node currently being edited) when checking canvas state.
@@ -122,6 +119,28 @@ const NodeSelector: FC<NodeSelectorProps> = ({
   // Default rule: user input option is only available when no Start node nor Trigger node exists on canvas.
   const defaultAllowUserInputSelection = !hasUserInputNode && !hasTriggerNode
   const canSelectUserInput = allowUserInputSelection ?? defaultAllowUserInputSelection
+  const open = openFromProps === undefined ? localOpen : openFromProps
+  const handleOpenChange = useCallback((newOpen: boolean) => {
+    setLocalOpen(newOpen)
+
+    if (!newOpen)
+      setSearchText('')
+
+    if (onOpenChange)
+      onOpenChange(newOpen)
+  }, [onOpenChange])
+  const handleTrigger = useCallback<MouseEventHandler<HTMLDivElement>>((e) => {
+    if (disabled)
+      return
+    e.stopPropagation()
+    handleOpenChange(!open)
+  }, [handleOpenChange, open, disabled])
+
+  const handleSelect = useCallback<OnSelectBlock>((type, pluginDefaultValue) => {
+    handleOpenChange(false)
+    onSelect(type, pluginDefaultValue)
+  }, [handleOpenChange, onSelect])
+
   const {
     activeTab,
     setActiveTab,
@@ -135,51 +154,10 @@ const NodeSelector: FC<NodeSelectorProps> = ({
     hasUserInputNode,
     forceEnableStartTab,
   })
-  const open = openFromProps === undefined ? localOpen : openFromProps
-  const handleOpenChange = useCallback((newOpen: boolean) => {
-    setLocalOpen(newOpen)
-
-    if (!newOpen) {
-      setSearchText('')
-      setSnippetsLoading(false)
-    }
-    else if (activeTab === TabsEnum.Snippets) {
-      setSnippetsLoading(true)
-    }
-
-    if (onOpenChange)
-      onOpenChange(newOpen)
-  }, [activeTab, onOpenChange])
-  const handleTrigger = useCallback<MouseEventHandler<HTMLDivElement>>((e) => {
-    if (disabled)
-      return
-    e.stopPropagation()
-    handleOpenChange(!open)
-  }, [handleOpenChange, open, disabled])
-
-  const handleSelect = useCallback<OnSelectBlock>((type, pluginDefaultValue) => {
-    handleOpenChange(false)
-    onSelect(type, pluginDefaultValue)
-  }, [handleOpenChange, onSelect])
 
   const handleActiveTabChange = useCallback((newActiveTab: TabsEnum) => {
     setActiveTab(newActiveTab)
-    if (open && newActiveTab === TabsEnum.Snippets)
-      setSnippetsLoading(true)
-  }, [open, setActiveTab])
-
-  useEffect(() => {
-    if (!snippetsLoading)
-      return
-
-    const timer = window.setTimeout(() => {
-      setSnippetsLoading(false)
-    }, 200)
-
-    return () => {
-      window.clearTimeout(timer)
-    }
-  }, [snippetsLoading])
+  }, [setActiveTab])
 
   const searchPlaceholder = useMemo(() => {
     if (activeTab === TabsEnum.Start)
@@ -193,8 +171,6 @@ const NodeSelector: FC<NodeSelectorProps> = ({
 
     if (activeTab === TabsEnum.Sources)
       return t('tabs.searchDataSource', { ns: 'workflow' })
-    if (activeTab === TabsEnum.Snippets)
-      return t('tabs.searchSnippets', { ns: 'workflow' })
     return ''
   }, [activeTab, t])
 
@@ -281,17 +257,6 @@ const NodeSelector: FC<NodeSelectorProps> = ({
                     inputClassName="grow"
                   />
                 )}
-                {activeTab === TabsEnum.Snippets && (
-                  <Input
-                    showLeftIcon
-                    showClearIcon
-                    autoFocus
-                    value={searchText}
-                    placeholder={searchPlaceholder}
-                    onChange={e => setSearchText(e.target.value)}
-                    onClear={() => setSearchText('')}
-                  />
-                )}
               </div>
             )}
             onSelect={handleSelect}
@@ -303,7 +268,6 @@ const NodeSelector: FC<NodeSelectorProps> = ({
             noTools={noTools}
             onTagsChange={setTags}
             forceShowStartContent={forceShowStartContent}
-            snippetsElem={<Snippets loading={snippetsLoading} searchText={searchText} />}
           />
         </div>
       </PortalToFollowElemContent>

web/app/components/workflow/block-selector/snippets.tsx

@@ -1,247 +0,0 @@
-import type { ReactNode } from 'react'
-import {
-  memo,
-  useDeferredValue,
-  useMemo,
-  useState,
-} from 'react'
-import { useTranslation } from 'react-i18next'
-import Button from '@/app/components/base/button'
-import {
-  SearchMenu,
-} from '@/app/components/base/icons/src/vender/line/others'
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from '@/app/components/base/ui/tooltip'
-import { cn } from '@/utils/classnames'
-import BlockIcon from '../block-icon'
-import { BlockEnum } from '../types'
-
-type SnippetsProps = {
-  loading?: boolean
-  searchText: string
-}
-
-type StaticSnippet = {
-  id: string
-  badge: string
-  badgeClassName: string
-  title: string
-  description: string
-  author?: string
-  relatedBlocks?: BlockEnum[]
-}
-
-const STATIC_SNIPPETS: StaticSnippet[] = [
-  {
-    id: 'customer-review',
-    badge: 'CR',
-    title: 'Customer Review',
-    description: 'Customer Review Description',
-    author: 'Evan',
-    relatedBlocks: [
-      BlockEnum.LLM,
-      BlockEnum.Code,
-      BlockEnum.KnowledgeRetrieval,
-      BlockEnum.QuestionClassifier,
-      BlockEnum.IfElse,
-    ],
-    badgeClassName: 'bg-gradient-to-br from-orange-500 to-rose-500',
-  },
-] as const
-
-const LoadingSkeleton = () => {
-  return (
-    <div className="relative overflow-hidden">
-      <div className="p-1">
-        {['skeleton-1', 'skeleton-2', 'skeleton-3', 'skeleton-4'].map((key, index) => (
-          <div
-            key={key}
-            className={cn(
-              'flex items-center gap-1 px-3 py-1 opacity-20',
-              index === 3 && 'opacity-10',
-            )}
-          >
-            <div className="my-1 h-6 w-6 shrink-0 rounded-lg border-[0.5px] border-effects-icon-border bg-text-quaternary" />
-            <div className="min-w-0 flex-1 px-1 py-1">
-              <div className="h-2 w-[200px] rounded-[2px] bg-text-quaternary" />
-            </div>
-          </div>
-        ))}
-      </div>
-      <div className="pointer-events-none absolute inset-0 bg-gradient-to-b from-components-panel-bg-transparent to-background-default-subtle" />
-    </div>
-  )
-}
-
-const SnippetBadge = ({
-  badge,
-  badgeClassName,
-}: Pick<StaticSnippet, 'badge' | 'badgeClassName'>) => {
-  return (
-    <div
-      aria-hidden="true"
-      className={cn(
-        'flex h-6 w-6 shrink-0 items-center justify-center rounded-lg text-[9px] font-semibold uppercase text-white shadow-[0px_3px_10px_-2px_rgba(9,9,11,0.08),0px_2px_4px_-2px_rgba(9,9,11,0.06)]',
-        badgeClassName,
-      )}
-    >
-      {badge}
-    </div>
-  )
-}
-
-const SnippetDetailCard = ({
-  author,
-  description,
-  relatedBlocks = [],
-  title,
-  triggerBadge,
-}: {
-  author?: string
-  description?: string
-  relatedBlocks?: BlockEnum[]
-  title: string
-  triggerBadge: ReactNode
-}) => {
-  return (
-    <div className="w-[224px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur px-3 pb-4 pt-3 shadow-lg backdrop-blur-[5px]">
-      <div className="flex flex-col gap-2">
-        <div className="flex flex-col gap-2">
-          {triggerBadge}
-          <div className="text-text-primary system-md-medium">{title}</div>
-        </div>
-        {!!description && (
-          <div className="w-[200px] text-text-secondary system-xs-regular">
-            {description}
-          </div>
-        )}
-        {!!relatedBlocks.length && (
-          <div className="flex items-center gap-0.5 pt-1">
-            {relatedBlocks.map(block => (
-              <BlockIcon
-                key={block}
-                type={block}
-                size="sm"
-              />
-            ))}
-          </div>
-        )}
-      </div>
-      {!!author && (
-        <div className="pt-3 text-text-tertiary system-xs-regular">
-          {author}
-        </div>
-      )}
-    </div>
-  )
-}
-
-const Snippets = ({
-  loading = false,
-  searchText,
-}: SnippetsProps) => {
-  const { t } = useTranslation()
-  const deferredSearchText = useDeferredValue(searchText)
-  const [hoveredSnippetId, setHoveredSnippetId] = useState<string | null>(null)
-
-  const snippets = useMemo(() => {
-    return STATIC_SNIPPETS.map(item => ({
-      ...item,
-    }))
-  }, [])
-
-  const filteredSnippets = useMemo(() => {
-    const normalizedSearch = deferredSearchText.trim().toLowerCase()
-    if (!normalizedSearch)
-      return snippets
-
-    return snippets.filter(item => item.title.toLowerCase().includes(normalizedSearch))
-  }, [deferredSearchText, snippets])
-
-  if (loading)
-    return <LoadingSkeleton />
-
-  if (!filteredSnippets.length) {
-    return (
-      <div className="flex min-h-[480px] flex-col items-center justify-center gap-2 px-4">
-        <SearchMenu className="h-8 w-8 text-text-tertiary" />
-        <div className="text-text-secondary system-sm-regular">
-          {t('tabs.noSnippetsFound', { ns: 'workflow' })}
-        </div>
-        <Button
-          variant="secondary-accent"
-          size="small"
-          onClick={(e) => {
-            e.preventDefault()
-          }}
-        >
-          {t('tabs.createSnippet', { ns: 'workflow' })}
-        </Button>
-      </div>
-    )
-  }
-
-  return (
-    <div className="max-h-[480px] max-w-[500px] overflow-y-auto p-1">
-      {filteredSnippets.map((item) => {
-        const badge = (
-          <SnippetBadge
-            badge={item.badge}
-            badgeClassName={item.badgeClassName}
-          />
-        )
-
-        const row = (
-          <div
-            className={cn(
-              'flex h-8 items-center gap-2 rounded-lg px-3',
-              hoveredSnippetId === item.id && 'bg-background-default-hover',
-            )}
-            onMouseEnter={() => setHoveredSnippetId(item.id)}
-            onMouseLeave={() => setHoveredSnippetId(current => current === item.id ? null : current)}
-          >
-            {badge}
-            <div className="min-w-0 text-text-secondary system-sm-medium">
-              {item.title}
-            </div>
-            {hoveredSnippetId === item.id && item.author && (
-              <div className="ml-auto text-text-tertiary system-xs-regular">
-                {item.author}
-              </div>
-            )}
-          </div>
-        )
-
-        if (!item.description)
-          return <div key={item.id}>{row}</div>
-
-        return (
-          <Tooltip key={item.id}>
-            <TooltipTrigger
-              delay={0}
-              render={row}
-            />
-            <TooltipContent
-              placement="left-start"
-              variant="plain"
-              popupClassName="!bg-transparent !p-0"
-            >
-              <SnippetDetailCard
-                author={item.author}
-                description={item.description}
-                relatedBlocks={item.relatedBlocks}
-                title={item.title}
-                triggerBadge={badge}
-              />
-            </TooltipContent>
-          </Tooltip>
-        )
-      })}
-    </div>
-  )
-}
-
-export default memo(Snippets)

web/app/components/workflow/block-selector/tabs.tsx

@@ -40,7 +40,6 @@ export type TabsProps = {
   noTools?: boolean
   forceShowStartContent?: boolean // Force show Start content even when noBlocks=true
   allowStartNodeSelection?: boolean // Allow user input option even when trigger node already exists (e.g. change-node flow or when no Start node yet).
-  snippetsElem?: React.ReactNode
 }
 const Tabs: FC<TabsProps> = ({
   activeTab,
@@ -58,7 +57,6 @@ const Tabs: FC<TabsProps> = ({
   noTools,
   forceShowStartContent = false,
   allowStartNodeSelection = false,
-  snippetsElem,
 }) => {
   const { t } = useTranslation()
   const { data: buildInTools } = useAllBuiltInTools()
@@ -236,13 +234,6 @@ const Tabs: FC<TabsProps> = ({
           />
         )
       }
-      {
-        activeTab === TabsEnum.Snippets && snippetsElem && (
-          <div className="border-t border-divider-subtle">
-            {snippetsElem}
-          </div>
-        )
-      }
     </div>
   )
 }

web/app/components/workflow/block-selector/types.ts

@@ -7,7 +7,6 @@ export enum TabsEnum {
   Blocks = 'blocks',
   Tools = 'tools',
   Sources = 'sources',
-  Snippets = 'snippets',
 }
 
 export enum ToolTypeEnum {

web/app/components/workflow/create-snippet-dialog.tsx

@@ -1,178 +0,0 @@
-'use client'
-
-import type { FC } from 'react'
-import type { AppIconSelection } from '@/app/components/base/app-icon-picker'
-import { useKeyPress } from 'ahooks'
-import { useCallback, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import AppIcon from '@/app/components/base/app-icon'
-import AppIconPicker from '@/app/components/base/app-icon-picker'
-import Button from '@/app/components/base/button'
-import Input from '@/app/components/base/input'
-import Textarea from '@/app/components/base/textarea'
-import Toast from '@/app/components/base/toast'
-import { Dialog, DialogCloseButton, DialogContent, DialogPortal, DialogTitle } from '@/app/components/base/ui/dialog'
-import ShortcutsName from './shortcuts-name'
-
-export type CreateSnippetDialogPayload = {
-  name: string
-  description: string
-  icon: AppIconSelection
-  selectedNodeIds: string[]
-}
-
-type CreateSnippetDialogProps = {
-  isOpen: boolean
-  selectedNodeIds: string[]
-  onClose: () => void
-  onConfirm: (payload: CreateSnippetDialogPayload) => void
-}
-
-const defaultIcon: AppIconSelection = {
-  type: 'emoji',
-  icon: '🤖',
-  background: '#FFEAD5',
-}
-
-const CreateSnippetDialog: FC<CreateSnippetDialogProps> = ({
-  isOpen,
-  selectedNodeIds,
-  onClose,
-  onConfirm,
-}) => {
-  const { t } = useTranslation()
-  const [name, setName] = useState('')
-  const [description, setDescription] = useState('')
-  const [icon, setIcon] = useState<AppIconSelection>(defaultIcon)
-  const [showAppIconPicker, setShowAppIconPicker] = useState(false)
-
-  const resetForm = useCallback(() => {
-    setName('')
-    setDescription('')
-    setIcon(defaultIcon)
-    setShowAppIconPicker(false)
-  }, [])
-
-  const handleClose = useCallback(() => {
-    resetForm()
-    onClose()
-  }, [onClose, resetForm])
-
-  const handleConfirm = useCallback(() => {
-    const trimmedName = name.trim()
-    const trimmedDescription = description.trim()
-
-    if (!trimmedName)
-      return
-
-    const payload = {
-      name: trimmedName,
-      description: trimmedDescription,
-      icon,
-      selectedNodeIds,
-    }
-
-    onConfirm(payload)
-    Toast.notify({
-      type: 'success',
-      message: t('snippet.createSuccess', { ns: 'workflow' }),
-    })
-    handleClose()
-  }, [description, handleClose, icon, name, onConfirm, selectedNodeIds, t])
-
-  useKeyPress(['meta.enter', 'ctrl.enter'], () => {
-    if (!isOpen)
-      return
-
-    handleConfirm()
-  })
-
-  return (
-    <>
-      <Dialog open={isOpen} onOpenChange={open => !open && handleClose()}>
-        <DialogContent className="w-[520px] max-w-[520px] p-0">
-          <DialogCloseButton />
-
-          <div className="px-6 pb-3 pt-6">
-            <DialogTitle className="text-text-primary title-2xl-semi-bold">
-              {t('snippet.createDialogTitle', { ns: 'workflow' })}
-            </DialogTitle>
-          </div>
-
-          <div className="space-y-4 px-6 py-2">
-            <div className="flex items-end gap-3">
-              <div className="flex-1 pb-0.5">
-                <div className="mb-1 flex h-6 items-center text-text-secondary system-sm-medium">
-                  {t('snippet.nameLabel', { ns: 'workflow' })}
-                </div>
-                <Input
-                  value={name}
-                  onChange={e => setName(e.target.value)}
-                  placeholder={t('snippet.namePlaceholder', { ns: 'workflow' }) || ''}
-                  autoFocus
-                />
-              </div>
-
-              <AppIcon
-                size="xxl"
-                className="shrink-0 cursor-pointer"
-                iconType={icon.type}
-                icon={icon.type === 'emoji' ? icon.icon : icon.fileId}
-                background={icon.type === 'emoji' ? icon.background : undefined}
-                imageUrl={icon.type === 'image' ? icon.url : undefined}
-                onClick={() => setShowAppIconPicker(true)}
-              />
-            </div>
-
-            <div>
-              <div className="mb-1 flex h-6 items-center text-text-secondary system-sm-medium">
-                {t('snippet.descriptionLabel', { ns: 'workflow' })}
-              </div>
-              <Textarea
-                className="resize-none"
-                value={description}
-                onChange={e => setDescription(e.target.value)}
-                placeholder={t('snippet.descriptionPlaceholder', { ns: 'workflow' }) || ''}
-              />
-            </div>
-          </div>
-
-          <div className="flex items-center justify-end gap-2 px-6 pb-6 pt-5">
-            <Button onClick={handleClose}>
-              {t('operation.cancel', { ns: 'common' })}
-            </Button>
-            <Button
-              variant="primary"
-              disabled={!name.trim()}
-              onClick={handleConfirm}
-            >
-              {t('snippet.confirm', { ns: 'workflow' })}
-              <ShortcutsName className="ml-1" keys={['ctrl', 'enter']} bgColor="white" />
-            </Button>
-          </div>
-        </DialogContent>
-
-        <DialogPortal>
-          <div className="pointer-events-none fixed left-1/2 top-1/2 z-[1002] flex -translate-x-1/2 translate-y-[170px] items-center gap-1 text-text-quaternary body-xs-regular">
-            <span>{t('snippet.shortcuts.press', { ns: 'workflow' })}</span>
-            <ShortcutsName keys={['ctrl', 'enter']} textColor="secondary" />
-            <span>{t('snippet.shortcuts.toConfirm', { ns: 'workflow' })}</span>
-          </div>
-        </DialogPortal>
-      </Dialog>
-
-      {showAppIconPicker && (
-        <AppIconPicker
-          className="z-[1100]"
-          onSelect={(selection) => {
-            setIcon(selection)
-            setShowAppIconPicker(false)
-          }}
-          onClose={() => setShowAppIconPicker(false)}
-        />
-      )}
-    </>
-  )
-}
-
-export default CreateSnippetDialog

web/app/components/workflow/selection-contextmenu.tsx

@@ -6,7 +6,7 @@ import {
   RiAlignRight,
   RiAlignTop,
 } from '@remixicon/react'
-import { useClickAway, useKeyPress } from 'ahooks'
+import { useClickAway } from 'ahooks'
 import { produce } from 'immer'
 import {
   memo,
@@ -14,17 +14,13 @@ import {
   useEffect,
   useMemo,
   useRef,
-  useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useStore as useReactFlowStore, useStoreApi } from 'reactflow'
-import CreateSnippetDialog from './create-snippet-dialog'
 import { useNodesReadOnly, useNodesSyncDraft } from './hooks'
 import { useSelectionInteractions } from './hooks/use-selection-interactions'
 import { useWorkflowHistory, WorkflowHistoryEvent } from './hooks/use-workflow-history'
-import ShortcutsName from './shortcuts-name'
 import { useStore, useWorkflowStore } from './store'
-import { BlockEnum, TRIGGER_NODE_TYPES } from './types'
 
 enum AlignType {
   Left = 'left',
@@ -43,8 +39,6 @@ const SelectionContextmenu = () => {
   const { getNodesReadOnly } = useNodesReadOnly()
   const { handleSelectionContextmenuCancel } = useSelectionInteractions()
   const selectionMenu = useStore(s => s.selectionMenu)
-  const [isCreateSnippetDialogOpen, setIsCreateSnippetDialogOpen] = useState(false)
-  const [selectedNodeIdsSnapshot, setSelectedNodeIdsSnapshot] = useState<string[]>([])
 
   // Access React Flow methods
   const store = useStoreApi()
@@ -73,7 +67,7 @@ const SelectionContextmenu = () => {
 
       const menuWidth = 240
 
-      const estimatedMenuHeight = 420
+      const estimatedMenuHeight = 380
 
       if (left + menuWidth > containerWidth)
         left = left - menuWidth
@@ -97,32 +91,6 @@ const SelectionContextmenu = () => {
       handleSelectionContextmenuCancel()
   }, [selectionMenu, selectedNodes.length, handleSelectionContextmenuCancel])
 
-  const isAddToSnippetDisabled = useMemo(() => {
-    return selectedNodes.some(node =>
-      node.data.type === BlockEnum.Start || TRIGGER_NODE_TYPES.includes(node.data.type as typeof TRIGGER_NODE_TYPES[number]))
-  }, [selectedNodes])
-
-  const handleOpenCreateSnippetDialog = useCallback(() => {
-    if (isAddToSnippetDisabled)
-      return
-
-    setSelectedNodeIdsSnapshot(selectedNodes.map(node => node.id))
-    setIsCreateSnippetDialogOpen(true)
-    handleSelectionContextmenuCancel()
-  }, [handleSelectionContextmenuCancel, isAddToSnippetDisabled, selectedNodes])
-
-  const handleCloseCreateSnippetDialog = useCallback(() => {
-    setIsCreateSnippetDialogOpen(false)
-    setSelectedNodeIdsSnapshot([])
-  }, [])
-
-  useKeyPress(['meta.g', 'ctrl.g'], () => {
-    if (!selectionMenu || isAddToSnippetDisabled)
-      return
-
-    handleOpenCreateSnippetDialog()
-  })
-
   // Handle align nodes logic
   const handleAlignNode = useCallback((currentNode: any, nodeToAlign: any, alignType: AlignType, minX: number, maxX: number, minY: number, maxY: number) => {
     const width = nodeToAlign.width
@@ -401,114 +369,88 @@ const SelectionContextmenu = () => {
     }
   }, [store, workflowStore, selectedNodes, getNodesReadOnly, handleSyncWorkflowDraft, saveStateToHistory, handleSelectionContextmenuCancel, handleAlignNode, handleDistributeNodes])
 
-  if (!selectionMenu && !isCreateSnippetDialogOpen)
+  if (!selectionMenu)
     return null
 
   return (
-    <>
-      {selectionMenu && (
-        <div
-          className="absolute z-[9]"
-          style={{
-            left: menuPosition.left,
-            top: menuPosition.top,
-          }}
-          ref={ref}
-        >
-          <div ref={menuRef} className="w-[240px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl">
-            <div className="p-1">
-              <div
-                className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-30 data-[disabled=true]:hover:bg-transparent"
-                data-disabled={isAddToSnippetDisabled}
-                aria-disabled={isAddToSnippetDisabled}
-                onClick={handleOpenCreateSnippetDialog}
-              >
-                <span>{t('snippet.addToSnippet', { ns: 'workflow' })}</span>
-                {!isAddToSnippetDisabled && (
-                  <ShortcutsName className="ml-auto" keys={['ctrl', 'g']} textColor="secondary" />
-                )}
-              </div>
-            </div>
-            <div className="h-px bg-divider-regular"></div>
-            <div className="p-1">
-              <div className="system-xs-medium px-2 py-2 text-text-tertiary">
-                {t('operator.vertical', { ns: 'workflow' })}
-              </div>
-              <div
-                className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
-                onClick={() => handleAlignNodes(AlignType.Top)}
-              >
-                <RiAlignTop className="h-4 w-4" />
-                {t('operator.alignTop', { ns: 'workflow' })}
-              </div>
-              <div
-                className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
-                onClick={() => handleAlignNodes(AlignType.Middle)}
-              >
-                <RiAlignCenter className="h-4 w-4 rotate-90" />
-                {t('operator.alignMiddle', { ns: 'workflow' })}
-              </div>
-              <div
-                className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
-                onClick={() => handleAlignNodes(AlignType.Bottom)}
-              >
-                <RiAlignBottom className="h-4 w-4" />
-                {t('operator.alignBottom', { ns: 'workflow' })}
-              </div>
-              <div
-                className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
-                onClick={() => handleAlignNodes(AlignType.DistributeVertical)}
-              >
-                <RiAlignJustify className="h-4 w-4 rotate-90" />
-                {t('operator.distributeVertical', { ns: 'workflow' })}
-              </div>
-            </div>
-            <div className="h-px bg-divider-regular"></div>
-            <div className="p-1">
-              <div className="system-xs-medium px-2 py-2 text-text-tertiary">
-                {t('operator.horizontal', { ns: 'workflow' })}
-              </div>
-              <div
-                className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
-                onClick={() => handleAlignNodes(AlignType.Left)}
-              >
-                <RiAlignLeft className="h-4 w-4" />
-                {t('operator.alignLeft', { ns: 'workflow' })}
-              </div>
-              <div
-                className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
-                onClick={() => handleAlignNodes(AlignType.Center)}
-              >
-                <RiAlignCenter className="h-4 w-4" />
-                {t('operator.alignCenter', { ns: 'workflow' })}
-              </div>
-              <div
-                className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
-                onClick={() => handleAlignNodes(AlignType.Right)}
-              >
-                <RiAlignRight className="h-4 w-4" />
-                {t('operator.alignRight', { ns: 'workflow' })}
-              </div>
-              <div
-                className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
-                onClick={() => handleAlignNodes(AlignType.DistributeHorizontal)}
-              >
-                <RiAlignJustify className="h-4 w-4" />
-                {t('operator.distributeHorizontal', { ns: 'workflow' })}
-              </div>
-            </div>
+    <div
+      className="absolute z-[9]"
+      style={{
+        left: menuPosition.left,
+        top: menuPosition.top,
+      }}
+      ref={ref}
+    >
+      <div ref={menuRef} className="w-[240px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl">
+        <div className="p-1">
+          <div className="system-xs-medium px-2 py-2 text-text-tertiary">
+            {t('operator.vertical', { ns: 'workflow' })}
+          </div>
+          <div
+            className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
+            onClick={() => handleAlignNodes(AlignType.Top)}
+          >
+            <RiAlignTop className="h-4 w-4" />
+            {t('operator.alignTop', { ns: 'workflow' })}
+          </div>
+          <div
+            className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
+            onClick={() => handleAlignNodes(AlignType.Middle)}
+          >
+            <RiAlignCenter className="h-4 w-4 rotate-90" />
+            {t('operator.alignMiddle', { ns: 'workflow' })}
+          </div>
+          <div
+            className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
+            onClick={() => handleAlignNodes(AlignType.Bottom)}
+          >
+            <RiAlignBottom className="h-4 w-4" />
+            {t('operator.alignBottom', { ns: 'workflow' })}
+          </div>
+          <div
+            className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
+            onClick={() => handleAlignNodes(AlignType.DistributeVertical)}
+          >
+            <RiAlignJustify className="h-4 w-4 rotate-90" />
+            {t('operator.distributeVertical', { ns: 'workflow' })}
           </div>
         </div>
-      )}
-      <CreateSnippetDialog
-        isOpen={isCreateSnippetDialogOpen}
-        selectedNodeIds={selectedNodeIdsSnapshot}
-        onClose={handleCloseCreateSnippetDialog}
-        onConfirm={(payload) => {
-          void payload
-        }}
-      />
-    </>
+        <div className="h-px bg-divider-regular"></div>
+        <div className="p-1">
+          <div className="system-xs-medium px-2 py-2 text-text-tertiary">
+            {t('operator.horizontal', { ns: 'workflow' })}
+          </div>
+          <div
+            className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
+            onClick={() => handleAlignNodes(AlignType.Left)}
+          >
+            <RiAlignLeft className="h-4 w-4" />
+            {t('operator.alignLeft', { ns: 'workflow' })}
+          </div>
+          <div
+            className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
+            onClick={() => handleAlignNodes(AlignType.Center)}
+          >
+            <RiAlignCenter className="h-4 w-4" />
+            {t('operator.alignCenter', { ns: 'workflow' })}
+          </div>
+          <div
+            className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
+            onClick={() => handleAlignNodes(AlignType.Right)}
+          >
+            <RiAlignRight className="h-4 w-4" />
+            {t('operator.alignRight', { ns: 'workflow' })}
+          </div>
+          <div
+            className="flex h-8 cursor-pointer items-center gap-2 rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover"
+            onClick={() => handleAlignNodes(AlignType.DistributeHorizontal)}
+          >
+            <RiAlignJustify className="h-4 w-4" />
+            {t('operator.distributeHorizontal', { ns: 'workflow' })}
+          </div>
+        </div>
+      </div>
+    </div>
   )
 }
 

web/i18n-config/resources.ts

@@ -14,7 +14,6 @@ import type datasetPipeline from '../i18n/en-US/dataset-pipeline.json'
 import type datasetSettings from '../i18n/en-US/dataset-settings.json'
 import type dataset from '../i18n/en-US/dataset.json'
 import type education from '../i18n/en-US/education.json'
-import type evaluation from '../i18n/en-US/evaluation.json'
 import type explore from '../i18n/en-US/explore.json'
 import type layout from '../i18n/en-US/layout.json'
 import type login from '../i18n/en-US/login.json'
@@ -26,7 +25,6 @@ import type plugin from '../i18n/en-US/plugin.json'
 import type register from '../i18n/en-US/register.json'
 import type runLog from '../i18n/en-US/run-log.json'
 import type share from '../i18n/en-US/share.json'
-import type snippet from '../i18n/en-US/snippet.json'
 import type time from '../i18n/en-US/time.json'
 import type tools from '../i18n/en-US/tools.json'
 import type workflow from '../i18n/en-US/workflow.json'
@@ -49,7 +47,6 @@ export type Resources = {
   datasetPipeline: typeof datasetPipeline
   datasetSettings: typeof datasetSettings
   education: typeof education
-  evaluation: typeof evaluation
   explore: typeof explore
   layout: typeof layout
   login: typeof login
@@ -61,7 +58,6 @@ export type Resources = {
   register: typeof register
   runLog: typeof runLog
   share: typeof share
-  snippet: typeof snippet
   time: typeof time
   tools: typeof tools
   workflow: typeof workflow
@@ -84,7 +80,6 @@ export const namespaces = [
   'datasetPipeline',
   'datasetSettings',
   'education',
-  'evaluation',
   'explore',
   'layout',
   'login',
@@ -96,7 +91,6 @@ export const namespaces = [
   'register',
   'runLog',
   'share',
-  'snippet',
   'time',
   'tools',
   'workflow',

web/i18n/en-US/app.json

@@ -208,13 +208,6 @@
   "structOutput.required": "Required",
   "structOutput.structured": "Structured",
   "structOutput.structuredTip": "Structured Outputs is a feature that ensures the model will always generate responses that adhere to your supplied JSON Schema",
-  "studio.apps": "Apps",
-  "studio.filters.allCreators": "All creators",
-  "studio.filters.creators": "Creators",
-  "studio.filters.reset": "Reset",
-  "studio.filters.searchCreators": "Search creator...",
-  "studio.filters.types": "Types",
-  "studio.filters.you": "You",
   "switch": "Switch to Workflow Orchestrate",
   "switchLabel": "The app copy to be created",
   "switchStart": "Start switch",

web/i18n/en-US/common.json

@@ -93,7 +93,6 @@
   "apiBasedExtension.type": "Type",
   "appMenus.apiAccess": "API Access",
   "appMenus.apiAccessTip": "This knowledge base is accessible via the Service API",
-  "appMenus.evaluation": "Evaluation",
   "appMenus.logAndAnn": "Logs & Annotations",
   "appMenus.logs": "Logs",
   "appMenus.overview": "Monitoring",
@@ -150,7 +149,6 @@
   "dataSource.website.with": "With",
   "datasetMenus.documents": "Documents",
   "datasetMenus.emptyTip": "This Knowledge has not been integrated within any application. Please refer to the document for guidance.",
-  "datasetMenus.evaluation": "Evaluation",
   "datasetMenus.hitTesting": "Retrieval Testing",
   "datasetMenus.noRelatedApp": "No linked apps",
   "datasetMenus.pipeline": "Pipeline",

web/i18n/en-US/evaluation.json

@@ -1,73 +0,0 @@
-{
-  "batch.downloadTemplate": "Download Excel Template",
-  "batch.emptyHistory": "No test history yet.",
-  "batch.noticeDescription": "Download the template, upload your cases, then run a local mock batch test.",
-  "batch.noticeTitle": "Quick start",
-  "batch.requirementsTitle": "Data requirements",
-  "batch.run": "Run Test",
-  "batch.status.failed": "Failed",
-  "batch.status.running": "Running",
-  "batch.status.success": "Success",
-  "batch.tabs.history": "Test History",
-  "batch.tabs.input-fields": "Input Fields",
-  "batch.title": "Batch Test",
-  "batch.uploadHint": "Select a .csv or .xlsx file",
-  "batch.uploadTitle": "Upload test file",
-  "batch.validation": "Complete the judge model, metrics, and custom mappings before running a batch test.",
-  "conditions.addCondition": "Add Condition",
-  "conditions.addGroup": "Add Condition Group",
-  "conditions.boolean.false": "False",
-  "conditions.boolean.true": "True",
-  "conditions.description": "Define additional rules for when results should pass or fail.",
-  "conditions.emptyDescription": "Start with a condition group to define evaluation gates.",
-  "conditions.emptyTitle": "No conditions yet",
-  "conditions.fieldPlaceholder": "Select field",
-  "conditions.groupLabel": "Group {{index}}",
-  "conditions.logical.and": "AND",
-  "conditions.logical.or": "OR",
-  "conditions.operators.after": "After",
-  "conditions.operators.before": "Before",
-  "conditions.operators.contains": "Contains",
-  "conditions.operators.greater_or_equal": "Greater than or equal",
-  "conditions.operators.greater_than": "Greater than",
-  "conditions.operators.is": "Is",
-  "conditions.operators.is_empty": "Is empty",
-  "conditions.operators.is_not": "Is not",
-  "conditions.operators.is_not_empty": "Is not empty",
-  "conditions.operators.less_or_equal": "Less than or equal",
-  "conditions.operators.less_than": "Less than",
-  "conditions.operators.not_contains": "Does not contain",
-  "conditions.removeCondition": "Remove condition",
-  "conditions.removeGroup": "Remove condition group",
-  "conditions.selectFieldFirst": "Select a field first",
-  "conditions.selectTime": "Choose a time...",
-  "conditions.selectValue": "Choose a value",
-  "conditions.title": "Judgment Conditions",
-  "conditions.valuePlaceholder": "Enter a value",
-  "description": "Configure judge models, metrics, and batch tests for this resource.",
-  "judgeModel.description": "Choose the model used to score your evaluation results.",
-  "judgeModel.title": "Judge Model",
-  "metrics.add": "Add Metric",
-  "metrics.addCustom": "Add Custom Metrics",
-  "metrics.added": "Added",
-  "metrics.custom.addMapping": "Add Mapping",
-  "metrics.custom.description": "Select an evaluation workflow and map your variables before running tests.",
-  "metrics.custom.mappingTitle": "Variable Mapping",
-  "metrics.custom.mappingWarning": "Complete the workflow selection and each variable mapping to enable batch tests.",
-  "metrics.custom.sourcePlaceholder": "Source variable",
-  "metrics.custom.targetPlaceholder": "Target variable",
-  "metrics.custom.title": "Custom Evaluator",
-  "metrics.custom.warningBadge": "Needs setup",
-  "metrics.custom.workflowLabel": "Evaluation Workflow",
-  "metrics.custom.workflowPlaceholder": "Select a workflow",
-  "metrics.description": "Combine built-in metrics with custom evaluator workflows.",
-  "metrics.groups.operations": "Operations",
-  "metrics.groups.quality": "Quality",
-  "metrics.noResults": "No metrics match your search.",
-  "metrics.remove": "Remove metric",
-  "metrics.searchPlaceholder": "Search metrics",
-  "metrics.showLess": "Show less",
-  "metrics.showMore": "Show more",
-  "metrics.title": "Metrics",
-  "title": "Evaluation"
-}

web/i18n/en-US/snippet.json

@@ -1,16 +0,0 @@
-{
-  "create": "CREATE SNIPPET",
-  "inputFieldButton": "Input Field",
-  "notFoundDescription": "The requested snippet mock was not found.",
-  "notFoundTitle": "Snippet not found",
-  "panelDescription": "Defines the input fields that allow the snippet to receive data from other nodes.",
-  "panelPrimaryGroup": "Core inputs",
-  "panelSecondaryGroup": "Optional inputs",
-  "panelTitle": "Input Field",
-  "publishButton": "Publish",
-  "publishMenuCurrentDraft": "Current draft unpublished",
-  "sectionEvaluation": "Evaluation",
-  "sectionOrchestrate": "Orchestrate",
-  "testRunButton": "Test run",
-  "variableInspect": "Variable Inspect"
-}

web/i18n/en-US/workflow.json

@@ -1083,16 +1083,6 @@
   "singleRun.testRun": "Test Run",
   "singleRun.testRunIteration": "Test Run Iteration",
   "singleRun.testRunLoop": "Test Run Loop",
-  "snippet.addToSnippet": "Add to snippet",
-  "snippet.confirm": "Confirm",
-  "snippet.createDialogTitle": "Create Snippet",
-  "snippet.createSuccess": "Snippet created",
-  "snippet.descriptionLabel": "Description (Optional)",
-  "snippet.descriptionPlaceholder": "Briefly describe your snippet",
-  "snippet.nameLabel": "Snippet Name & Icon",
-  "snippet.namePlaceholder": "Snippet name",
-  "snippet.shortcuts.press": "Press",
-  "snippet.shortcuts.toConfirm": "to confirm",
   "tabs.-": "Default",
   "tabs.addAll": "Add all",
   "tabs.agent": "Agent Strategy",
@@ -1100,7 +1090,6 @@
   "tabs.allTool": "All",
   "tabs.allTriggers": "All triggers",
   "tabs.blocks": "Nodes",
-  "tabs.createSnippet": "Create a snippet",
   "tabs.customTool": "Custom",
   "tabs.featuredTools": "Featured",
   "tabs.hideActions": "Hide tools",
@@ -1110,19 +1099,16 @@
   "tabs.noFeaturedTriggers": "Discover more triggers in Marketplace",
   "tabs.noPluginsFound": "No plugins were found",
   "tabs.noResult": "No match found",
-  "tabs.noSnippetsFound": "No snippets were found",
   "tabs.plugin": "Plugin",
   "tabs.pluginByAuthor": "By {{author}}",
   "tabs.question-understand": "Question Understand",
   "tabs.requestToCommunity": "Requests to the community",
   "tabs.searchBlock": "Search node",
   "tabs.searchDataSource": "Search Data Source",
-  "tabs.searchSnippets": "Search snippets...",
   "tabs.searchTool": "Search tool",
   "tabs.searchTrigger": "Search triggers...",
   "tabs.showLessFeatured": "Show less",
   "tabs.showMoreFeatured": "Show more",
-  "tabs.snippets": "Snippets",
   "tabs.sources": "Sources",
   "tabs.start": "Start",
   "tabs.startDisabledTip": "Trigger node and user input node are mutually exclusive.",

web/i18n/zh-Hans/common.json

@@ -93,7 +93,6 @@
   "apiBasedExtension.type": "类型",
   "appMenus.apiAccess": "访问 API",
   "appMenus.apiAccessTip": "此知识库可通过服务 API 访问",
-  "appMenus.evaluation": "评测",
   "appMenus.logAndAnn": "日志与标注",
   "appMenus.logs": "日志",
   "appMenus.overview": "监测",
@@ -150,7 +149,6 @@
   "dataSource.website.with": "使用",
   "datasetMenus.documents": "文档",
   "datasetMenus.emptyTip": "此知识尚未集成到任何应用程序中。请参阅文档以获取指导。",
-  "datasetMenus.evaluation": "评测",
   "datasetMenus.hitTesting": "召回测试",
   "datasetMenus.noRelatedApp": "无关联应用",
   "datasetMenus.pipeline": "流水线",

web/i18n/zh-Hans/evaluation.json

@@ -1,73 +0,0 @@
-{
-  "batch.downloadTemplate": "下载 Excel 模板",
-  "batch.emptyHistory": "还没有测试历史。",
-  "batch.noticeDescription": "先下载模板，再上传测试集，然后运行本地模拟批量测试。",
-  "batch.noticeTitle": "快速开始",
-  "batch.requirementsTitle": "数据要求",
-  "batch.run": "运行测试",
-  "batch.status.failed": "失败",
-  "batch.status.running": "运行中",
-  "batch.status.success": "成功",
-  "batch.tabs.history": "测试历史",
-  "batch.tabs.input-fields": "输入字段",
-  "batch.title": "批量测试",
-  "batch.uploadHint": "选择 .csv 或 .xlsx 文件",
-  "batch.uploadTitle": "上传测试文件",
-  "batch.validation": "运行批量测试前，请先完成判定模型、指标和自定义映射配置。",
-  "conditions.addCondition": "添加条件",
-  "conditions.addGroup": "添加条件组",
-  "conditions.boolean.false": "否",
-  "conditions.boolean.true": "是",
-  "conditions.description": "定义额外规则，决定结果何时通过或失败。",
-  "conditions.emptyDescription": "从一个条件组开始，定义评测门槛。",
-  "conditions.emptyTitle": "还没有条件",
-  "conditions.fieldPlaceholder": "选择字段",
-  "conditions.groupLabel": "条件组 {{index}}",
-  "conditions.logical.and": "且",
-  "conditions.logical.or": "或",
-  "conditions.operators.after": "晚于",
-  "conditions.operators.before": "早于",
-  "conditions.operators.contains": "包含",
-  "conditions.operators.greater_or_equal": "大于等于",
-  "conditions.operators.greater_than": "大于",
-  "conditions.operators.is": "等于",
-  "conditions.operators.is_empty": "为空",
-  "conditions.operators.is_not": "不等于",
-  "conditions.operators.is_not_empty": "不为空",
-  "conditions.operators.less_or_equal": "小于等于",
-  "conditions.operators.less_than": "小于",
-  "conditions.operators.not_contains": "不包含",
-  "conditions.removeCondition": "删除条件",
-  "conditions.removeGroup": "删除条件组",
-  "conditions.selectFieldFirst": "请先选择字段",
-  "conditions.selectTime": "选择时间...",
-  "conditions.selectValue": "选择值",
-  "conditions.title": "判定条件",
-  "conditions.valuePlaceholder": "输入值",
-  "description": "为当前资源配置判定模型、评测指标和批量测试。",
-  "judgeModel.description": "选择用于打分和判定评测结果的模型。",
-  "judgeModel.title": "判定模型",
-  "metrics.add": "添加指标",
-  "metrics.addCustom": "添加自定义指标",
-  "metrics.added": "已添加",
-  "metrics.custom.addMapping": "添加映射",
-  "metrics.custom.description": "选择评测工作流并完成变量映射后即可运行测试。",
-  "metrics.custom.mappingTitle": "变量映射",
-  "metrics.custom.mappingWarning": "请先完成工作流选择和所有变量映射，再运行批量测试。",
-  "metrics.custom.sourcePlaceholder": "源变量",
-  "metrics.custom.targetPlaceholder": "目标变量",
-  "metrics.custom.title": "自定义评测器",
-  "metrics.custom.warningBadge": "待配置",
-  "metrics.custom.workflowLabel": "评测工作流",
-  "metrics.custom.workflowPlaceholder": "选择工作流",
-  "metrics.description": "组合内置指标和自定义评测工作流。",
-  "metrics.groups.operations": "运行",
-  "metrics.groups.quality": "质量",
-  "metrics.noResults": "没有匹配的指标。",
-  "metrics.remove": "删除指标",
-  "metrics.searchPlaceholder": "搜索指标",
-  "metrics.showLess": "收起",
-  "metrics.showMore": "展开更多",
-  "metrics.title": "指标",
-  "title": "评测"
-}

web/i18n/zh-Hans/snippet.json

@@ -1,16 +0,0 @@
-{
-  "create": "创建 Snippet",
-  "inputFieldButton": "输入字段",
-  "notFoundDescription": "未找到对应的 snippet 静态数据。",
-  "notFoundTitle": "未找到 Snippet",
-  "panelDescription": "定义允许 snippet 从其他节点接收数据的输入字段。",
-  "panelPrimaryGroup": "核心输入",
-  "panelSecondaryGroup": "可选输入",
-  "panelTitle": "输入字段",
-  "publishButton": "发布",
-  "publishMenuCurrentDraft": "当前草稿未发布",
-  "sectionEvaluation": "评测",
-  "sectionOrchestrate": "编排",
-  "testRunButton": "测试运行",
-  "variableInspect": "变量查看"
-}

web/i18n/zh-Hans/workflow.json

@@ -1083,16 +1083,6 @@
   "singleRun.testRun": "测试运行",
   "singleRun.testRunIteration": "测试运行迭代",
   "singleRun.testRunLoop": "测试运行循环",
-  "snippet.addToSnippet": "添加到 snippet",
-  "snippet.confirm": "确认",
-  "snippet.createDialogTitle": "创建 Snippet",
-  "snippet.createSuccess": "Snippet 已创建",
-  "snippet.descriptionLabel": "描述（可选）",
-  "snippet.descriptionPlaceholder": "简要描述你的 snippet",
-  "snippet.nameLabel": "Snippet 名称和图标",
-  "snippet.namePlaceholder": "Snippet 名称",
-  "snippet.shortcuts.press": "按下",
-  "snippet.shortcuts.toConfirm": "确认",
   "tabs.-": "默认",
   "tabs.addAll": "添加全部",
   "tabs.agent": "Agent 策略",
@@ -1100,7 +1090,6 @@
   "tabs.allTool": "全部",
   "tabs.allTriggers": "全部触发器",
   "tabs.blocks": "节点",
-  "tabs.createSnippet": "创建 snippet",
   "tabs.customTool": "自定义",
   "tabs.featuredTools": "精选推荐",
   "tabs.hideActions": "收起工具",
@@ -1110,19 +1099,16 @@
   "tabs.noFeaturedTriggers": "前往插件市场查看更多触发器",
   "tabs.noPluginsFound": "未找到插件",
   "tabs.noResult": "未找到匹配项",
-  "tabs.noSnippetsFound": "未找到 snippets",
   "tabs.plugin": "插件",
   "tabs.pluginByAuthor": "来自 {{author}}",
   "tabs.question-understand": "问题理解",
   "tabs.requestToCommunity": "向社区反馈",
   "tabs.searchBlock": "搜索节点",
   "tabs.searchDataSource": "搜索数据源",
-  "tabs.searchSnippets": "搜索 snippets...",
   "tabs.searchTool": "搜索工具",
   "tabs.searchTrigger": "搜索触发器...",
   "tabs.showLessFeatured": "收起",
   "tabs.showMoreFeatured": "查看更多",
-  "tabs.snippets": "Snippets",
   "tabs.sources": "数据源",
   "tabs.start": "开始",
   "tabs.startDisabledTip": "触发节点与用户输入节点互斥。",

web/models/snippet.ts

@@ -1,50 +0,0 @@
-import type { Viewport } from 'reactflow'
-import type { Edge, Node } from '@/app/components/workflow/types'
-import type { InputVar } from '@/models/pipeline'
-
-export type SnippetSection = 'orchestrate' | 'evaluation'
-
-export type SnippetListItem = {
-  id: string
-  name: string
-  description: string
-  author: string
-  updatedAt: string
-  usage: string
-  icon: string
-  iconBackground: string
-  status?: string
-}
-
-export type SnippetDetail = {
-  id: string
-  name: string
-  description: string
-  author: string
-  updatedAt: string
-  usage: string
-  icon: string
-  iconBackground: string
-  status?: string
-}
-
-export type SnippetCanvasData = {
-  nodes: Node[]
-  edges: Edge[]
-  viewport: Viewport
-}
-
-export type SnippetInputField = InputVar
-
-export type SnippetDetailUIModel = {
-  inputFieldCount: number
-  checklistCount: number
-  autoSavedAt: string
-}
-
-export type SnippetDetailPayload = {
-  snippet: SnippetDetail
-  graph: SnippetCanvasData
-  inputFields: SnippetInputField[]
-  uiMeta: SnippetDetailUIModel
-}

web/service/use-base.ts

@@ -1,31 +1,29 @@
 import type { QueryKey } from '@tanstack/react-query'
-import {
-
-  useQueryClient,
-} from '@tanstack/react-query'
+import { useQueryClient } from '@tanstack/react-query'
+import { useCallback } from 'react'
 
+/**
+ * @deprecated Convenience wrapper scheduled for removal.
+ * Prefer binding invalidation in `useMutation` callbacks at the service layer.
+ */
 export const useInvalid = (key?: QueryKey) => {
   const queryClient = useQueryClient()
-  return () => {
+  return useCallback(() => {
     if (!key)
       return
-    queryClient.invalidateQueries(
-      {
-        queryKey: key,
-      },
-    )
-  }
+    queryClient.invalidateQueries({ queryKey: key })
+  }, [queryClient, key])
 }
 
+/**
+ * @deprecated Convenience wrapper scheduled for removal.
+ * Prefer binding reset in `useMutation` callbacks at the service layer.
+ */
 export const useReset = (key?: QueryKey) => {
   const queryClient = useQueryClient()
-  return () => {
+  return useCallback(() => {
     if (!key)
       return
-    queryClient.resetQueries(
-      {
-        queryKey: key,
-      },
-    )
-  }
+    queryClient.resetQueries({ queryKey: key })
+  }, [queryClient, key])
 }