mirror of
https://github.com/langgenius/dify.git
synced 2026-05-05 09:58:04 +08:00
fix: hide artifacts tab in variable inspect panel for classic mode
Guard variable-inspect from rendering artifacts-related UI and API calls when sandbox is not enabled, preventing unnecessary sandbox-file requests.
This commit is contained in:
@ -1,12 +1,14 @@
|
||||
import type { FC, ReactNode } from 'react'
|
||||
import { useMemo } from 'react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import { useFeatures } from '@/app/components/base/features/hooks'
|
||||
import { cn } from '@/utils/classnames'
|
||||
import { InspectTab } from './types'
|
||||
|
||||
const TAB_ITEMS = [
|
||||
{ value: InspectTab.Variables, labelKey: 'debug.variableInspect.tab.variables' },
|
||||
{ value: InspectTab.Artifacts, labelKey: 'debug.variableInspect.tab.artifacts' },
|
||||
] as const
|
||||
{ value: InspectTab.Variables, labelKey: 'debug.variableInspect.tab.variables' as const },
|
||||
{ value: InspectTab.Artifacts, labelKey: 'debug.variableInspect.tab.artifacts' as const, sandboxOnly: true as const },
|
||||
]
|
||||
|
||||
type TabHeaderProps = {
|
||||
activeTab: InspectTab
|
||||
@ -20,10 +22,16 @@ const TabHeader: FC<TabHeaderProps> = ({
|
||||
children,
|
||||
}) => {
|
||||
const { t } = useTranslation('workflow')
|
||||
const sandboxEnabled = useFeatures(s => s.features.sandbox?.enabled) ?? false
|
||||
|
||||
const visibleTabs = useMemo(
|
||||
() => TAB_ITEMS.filter(tab => !tab.sandboxOnly || sandboxEnabled),
|
||||
[sandboxEnabled],
|
||||
)
|
||||
|
||||
return (
|
||||
<div className="flex h-10 w-full shrink-0 items-center gap-0.5 pl-3 pr-2">
|
||||
{TAB_ITEMS.map(tab => (
|
||||
{visibleTabs.map(tab => (
|
||||
<button
|
||||
key={tab.value}
|
||||
type="button"
|
||||
|
||||
Reference in New Issue
Block a user