diff --git a/.gitignore b/.gitignore
index ca136a17e5..44a0864b5b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,16 +1,4 @@
-# ignore default image save location and model symbolic link
 .idea/
-embeddings/
-outputs/
-models/ldm/stable-diffusion-v1/model.ckpt
-**/restoration/codeformer/weights
-
-# ignore user models config
-configs/models.user.yaml
-config/models.user.yml
-invokeai.init
-.version
-.last_model
 
 # ignore the Anaconda/Miniconda installer used while building Docker image
 anaconda.sh
@@ -186,38 +174,17 @@ cython_debug/
 #  option (not recommended) you can uncomment the following to ignore the entire idea folder.
 #.idea/
 
-src
 **/__pycache__/
-outputs
 
-# Logs and associated folders
-# created from generated embeddings.
-logs
-testtube
-checkpoints
 # If it's a Mac
 .DS_Store
 
-invokeai/frontend/yarn.lock
-invokeai/frontend/node_modules
-
 # Let the frontend manage its own gitignore
 !invokeai/frontend/web/*
 
 # Scratch folder
 .scratch/
 .vscode/
-gfpgan/
-models/ldm/stable-diffusion-v1/*.sha256
-
-# GFPGAN model files
-gfpgan/
-
-# config file (will be created by installer)
-configs/models.yaml
-
-# ignore initfile
-.invokeai
 
 # ignore environment.yml and requirements.txt
 # these are links to the real files in environments-and-requirements
diff --git a/invokeai/frontend/web/src/features/nodes/components/sidePanel/inspector/outputs/ImageOutputPreview.tsx b/invokeai/frontend/web/src/features/nodes/components/sidePanel/inspector/outputs/ImageOutputPreview.tsx
new file mode 100644
index 0000000000..4d89fcbc69
--- /dev/null
+++ b/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);
diff --git a/invokeai/frontend/web/src/features/nodes/components/sidePanel/inspector/outputs/NumberOutputPreview.tsx b/invokeai/frontend/web/src/features/nodes/components/sidePanel/inspector/outputs/NumberOutputPreview.tsx
new file mode 100644
index 0000000000..ebe03740b3
--- /dev/null
+++ b/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);
diff --git a/invokeai/frontend/web/src/features/nodes/components/sidePanel/inspector/outputs/StringOutputPreview.tsx b/invokeai/frontend/web/src/features/nodes/components/sidePanel/inspector/outputs/StringOutputPreview.tsx
new file mode 100644
index 0000000000..1dce0530dd
--- /dev/null
+++ b/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);