diff --git a/src/components/rightSidePanel/RightSidePanel.vue b/src/components/rightSidePanel/RightSidePanel.vue index b23346bf43..1ba514f66a 100644 --- a/src/components/rightSidePanel/RightSidePanel.vue +++ b/src/components/rightSidePanel/RightSidePanel.vue @@ -8,12 +8,14 @@ import Tab from '@/components/tab/Tab.vue' import TabList from '@/components/tab/TabList.vue' import Button from '@/components/ui/button/Button.vue' import { useGraphHierarchy } from '@/composables/graph/useGraphHierarchy' +import { st } from '@/i18n' import { SubgraphNode } from '@/lib/litegraph/src/litegraph' import type { LGraphNode } from '@/lib/litegraph/src/litegraph' import { useSettingStore } from '@/platform/settings/settingStore' import { useCanvasStore } from '@/renderer/core/canvas/canvasStore' import { useRightSidePanelStore } from '@/stores/workspace/rightSidePanelStore' import type { RightSidePanelTab } from '@/stores/workspace/rightSidePanelStore' +import { resolveNodeDisplayName } from '@/utils/nodeTitleUtil' import { cn } from '@/utils/tailwindUtil' import TabInfo from './info/TabInfo.vue' @@ -146,9 +148,12 @@ function resolveTitle() { return groups[0].title || t('rightSidePanel.fallbackGroupTitle') } if (nodes.length === 1) { - return ( - nodes[0].title || nodes[0].type || t('rightSidePanel.fallbackNodeTitle') - ) + const fallbackNodeTitle = t('rightSidePanel.fallbackNodeTitle') + return resolveNodeDisplayName(nodes[0], { + emptyLabel: fallbackNodeTitle, + untitledLabel: fallbackNodeTitle, + st + }) } } return t('rightSidePanel.title', { count: items.length }) diff --git a/src/components/rightSidePanel/parameters/WidgetItem.vue b/src/components/rightSidePanel/parameters/WidgetItem.vue index 6a2eca7487..4cd05636a5 100644 --- a/src/components/rightSidePanel/parameters/WidgetItem.vue +++ b/src/components/rightSidePanel/parameters/WidgetItem.vue @@ -1,9 +1,11 @@