github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-02-14 02:35:12 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): use invocation context provider in inspector panel

Browse Source
This commit is contained in:
psychedelicious
2025-07-18 11:50:14 +10:00
committed by Kent Keirsey
parent 1a47a5317c
commit 6934b05c85
3 changed files with 27 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
invokeai/frontend/web/src/features/nodes/components/sidePanel/inspector/InspectorDetailsTab.tsx
View File

@@ -2,6 +2,7 @@ import { Box, Flex, FormControl, FormLabel, HStack, Text } from '@invoke-ai/ui-l
import { useAppSelector } from 'app/store/storeHooks';
import { IAINoContentFallback } from 'common/components/IAIImageFallback';
import ScrollableContent from 'common/components/OverlayScrollbars/ScrollableContent';
import { InvocationNodeContextProvider } from 'features/nodes/components/flow/nodes/Invocation/context';
import { InvocationNodeNotesTextarea } from 'features/nodes/components/flow/nodes/Invocation/InvocationNodeNotesTextarea';
import { TemplateGate } from 'features/nodes/components/sidePanel/inspector/NodeTemplateGate';
import { useNodeNeedsUpdate } from 'features/nodes/hooks/useNodeNeedsUpdate';
@@ -22,12 +23,14 @@ const InspectorDetailsTab = () => {
}
return (
<TemplateGate
nodeId={lastSelectedNodeId}
fallback={<IAINoContentFallback label={t('nodes.noNodeSelected')} icon={null} />}
>
<Content nodeId={lastSelectedNodeId} />
</TemplateGate>
<InvocationNodeContextProvider nodeId={lastSelectedNodeId}>
<TemplateGate
nodeId={lastSelectedNodeId}
fallback={<IAINoContentFallback label={t('nodes.noNodeSelected')} icon={null} />}
>
<Content nodeId={lastSelectedNodeId} />
</TemplateGate>
</InvocationNodeContextProvider>
);
};

15
invokeai/frontend/web/src/features/nodes/components/sidePanel/inspector/InspectorOutputsTab.tsx
View File

@@ -3,6 +3,7 @@ import { useAppSelector } from 'app/store/storeHooks';
import { IAINoContentFallback } from 'common/components/IAIImageFallback';
import ScrollableContent from 'common/components/OverlayScrollbars/ScrollableContent';
import DataViewer from 'features/gallery/components/ImageMetadataViewer/DataViewer';
import { InvocationNodeContextProvider } from 'features/nodes/components/flow/nodes/Invocation/context';
import { TemplateGate } from 'features/nodes/components/sidePanel/inspector/NodeTemplateGate';
import { useNodeExecutionState } from 'features/nodes/hooks/useNodeExecutionState';
import { useNodeTemplateOrThrow } from 'features/nodes/hooks/useNodeTemplateOrThrow';
@@ -22,12 +23,14 @@ const InspectorOutputsTab = () => {
}
return (
<TemplateGate
nodeId={lastSelectedNodeId}
fallback={<IAINoContentFallback label={t('nodes.noNodeSelected')} icon={null} />}
>
<Content nodeId={lastSelectedNodeId} />
</TemplateGate>
<InvocationNodeContextProvider nodeId={lastSelectedNodeId}>
<TemplateGate
nodeId={lastSelectedNodeId}
fallback={<IAINoContentFallback label={t('nodes.noNodeSelected')} icon={null} />}
>
<Content nodeId={lastSelectedNodeId} />
</TemplateGate>
</InvocationNodeContextProvider>
);
};

15
invokeai/frontend/web/src/features/nodes/components/sidePanel/inspector/InspectorTemplateTab.tsx
View File

@@ -1,6 +1,7 @@
import { useAppSelector } from 'app/store/storeHooks';
import { IAINoContentFallback } from 'common/components/IAIImageFallback';
import DataViewer from 'features/gallery/components/ImageMetadataViewer/DataViewer';
import { InvocationNodeContextProvider } from 'features/nodes/components/flow/nodes/Invocation/context';
import { TemplateGate } from 'features/nodes/components/sidePanel/inspector/NodeTemplateGate';
import { useNodeTemplateOrThrow } from 'features/nodes/hooks/useNodeTemplateOrThrow';
import { selectLastSelectedNodeId } from 'features/nodes/store/selectors';
@@ -16,12 +17,14 @@ const NodeTemplateInspector = () => {
}
return (
<TemplateGate
nodeId={lastSelectedNodeId}
fallback={<IAINoContentFallback label={t('nodes.noNodeSelected')} icon={null} />}
>
<Content nodeId={lastSelectedNodeId} />
</TemplateGate>
<InvocationNodeContextProvider nodeId={lastSelectedNodeId}>
<TemplateGate
nodeId={lastSelectedNodeId}
fallback={<IAINoContentFallback label={t('nodes.noNodeSelected')} icon={null} />}
>
<Content nodeId={lastSelectedNodeId} />
</TemplateGate>
</InvocationNodeContextProvider>
);
};