chore: clean up .gitignore

invokeai/frontend/web/src/features/nodes/components/sidePanel/inspector/outputs/ImageOutputPreview.tsx

@@ -0,0 +1,17 @@
+import IAIDndImage from 'common/components/IAIDndImage';
+import { memo } from 'react';
+import { useGetImageDTOQuery } from 'services/api/endpoints/images';
+import { ImageOutput } from 'services/api/types';
+
+type Props = {
+  output: ImageOutput;
+};
+
+const ImageOutputPreview = ({ output }: Props) => {
+  const { image } = output;
+  const { data: imageDTO } = useGetImageDTOQuery(image.image_name);
+
+  return <IAIDndImage imageDTO={imageDTO} />;
+};
+
+export default memo(ImageOutputPreview);

invokeai/frontend/web/src/features/nodes/components/sidePanel/inspector/outputs/NumberOutputPreview.tsx

@@ -0,0 +1,13 @@
+import { Text } from '@chakra-ui/react';
+import { memo } from 'react';
+import { FloatOutput, IntegerOutput } from 'services/api/types';
+
+type Props = {
+  output: IntegerOutput | FloatOutput;
+};
+
+const NumberOutputPreview = ({ output }: Props) => {
+  return <Text>{output.value}</Text>;
+};
+
+export default memo(NumberOutputPreview);

invokeai/frontend/web/src/features/nodes/components/sidePanel/inspector/outputs/StringOutputPreview.tsx

@@ -0,0 +1,13 @@
+import { Text } from '@chakra-ui/react';
+import { memo } from 'react';
+import { StringOutput } from 'services/api/types';
+
+type Props = {
+  output: StringOutput;
+};
+
+const StringOutputPreview = ({ output }: Props) => {
+  return <Text>{output.value}</Text>;
+};
+
+export default memo(StringOutputPreview);