diff --git a/src/composables/useCoreCommands.ts b/src/composables/useCoreCommands.ts
index f691ff7f1e..25fa740110 100644
--- a/src/composables/useCoreCommands.ts
+++ b/src/composables/useCoreCommands.ts
@@ -1220,6 +1220,12 @@ export function useCoreCommands(): ComfyCommand[] {
         await settingStore.set('Comfy.Assets.UseAssetAPI', !current)
         await useWorkflowService().reloadCurrentWorkflow() // ensure changes take effect immediately
       }
+    },
+    {
+      id: 'Comfy.ToggleLinear',
+      icon: 'pi pi-database',
+      label: 'toggle linear mode',
+      function: () => (canvasStore.linearMode = !canvasStore.linearMode)
     }
   ]
 
diff --git a/src/platform/workflow/core/services/workflowService.ts b/src/platform/workflow/core/services/workflowService.ts
index 2eba1345ba..59b1b6faf4 100644
--- a/src/platform/workflow/core/services/workflowService.ts
+++ b/src/platform/workflow/core/services/workflowService.ts
@@ -11,6 +11,7 @@ import {
   useWorkflowStore
 } from '@/platform/workflow/management/stores/workflowStore'
 import type { ComfyWorkflowJSON } from '@/platform/workflow/validation/schemas/workflowSchema'
+import { useCanvasStore } from '@/renderer/core/canvas/canvasStore'
 import { useWorkflowThumbnail } from '@/renderer/core/thumbnail/useWorkflowThumbnail'
 import { app } from '@/scripts/app'
 import { blankGraph, defaultGraph } from '@/scripts/defaultGraph'
@@ -332,6 +333,7 @@ export const useWorkflowService = () => {
     const loadedWorkflow = await workflowStore.openWorkflow(value)
     loadedWorkflow.changeTracker.reset(workflowData)
     loadedWorkflow.changeTracker.restore()
+    useCanvasStore().linearMode = !!loadedWorkflow.activeState.extra?.linearMode
   }
 
   /**
diff --git a/src/renderer/core/canvas/canvasStore.ts b/src/renderer/core/canvas/canvasStore.ts
index 42740ec22c..bfc54c1db5 100644
--- a/src/renderer/core/canvas/canvasStore.ts
+++ b/src/renderer/core/canvas/canvasStore.ts
@@ -40,6 +40,8 @@ export const useCanvasStore = defineStore('canvas', () => {
   // Reactive scale percentage that syncs with app.canvas.ds.scale
   const appScalePercentage = ref(100)
 
+  const linearMode = ref(false)
+
   // Set up scale synchronization when canvas is available
   let originalOnChanged: ((scale: number, offset: Point) => void) | undefined =
     undefined
@@ -138,6 +140,7 @@ export const useCanvasStore = defineStore('canvas', () => {
     groupSelected,
     rerouteSelected,
     appScalePercentage,
+    linearMode,
     updateSelectedItems,
     getCanvas,
     setAppZoomFromPercentage,
diff --git a/src/stores/imagePreviewStore.ts b/src/stores/imagePreviewStore.ts
index 300c532c97..ee8ae759bd 100644
--- a/src/stores/imagePreviewStore.ts
+++ b/src/stores/imagePreviewStore.ts
@@ -40,6 +40,7 @@ export const useNodeOutputStore = defineStore('nodeOutput', () => {
   const { nodeIdToNodeLocatorId, nodeToNodeLocatorId } = useWorkflowStore()
   const { executionIdToNodeLocatorId } = useExecutionStore()
   const scheduledRevoke: Record<NodeLocatorId, { stop: () => void }> = {}
+  const latestOutput = ref<string[]>([])
 
   function scheduleRevoke(locator: NodeLocatorId, cb: () => void) {
     scheduledRevoke[locator]?.stop()
@@ -146,6 +147,13 @@ export const useNodeOutputStore = defineStore('nodeOutput', () => {
       }
     }
 
+    //TODO:Preview params and deduplication
+    latestOutput.value =
+      (outputs as ExecutedWsMessage['output'])?.images?.map((image) => {
+        const imgUrlPart = new URLSearchParams(image)
+        const rand = app.getRandParam()
+        return api.apiURL(`/view?${imgUrlPart}${rand}`)
+      }) ?? []
     app.nodeOutputs[nodeLocatorId] = outputs
     nodeOutputs.value[nodeLocatorId] = outputs
   }
@@ -213,6 +221,7 @@ export const useNodeOutputStore = defineStore('nodeOutput', () => {
       scheduledRevoke[nodeLocatorId].stop()
       delete scheduledRevoke[nodeLocatorId]
     }
+    latestOutput.value = previewImages
     app.nodePreviewImages[nodeLocatorId] = previewImages
     nodePreviewImages.value[nodeLocatorId] = previewImages
   }
@@ -381,6 +390,7 @@ export const useNodeOutputStore = defineStore('nodeOutput', () => {
 
     // State
     nodeOutputs,
-    nodePreviewImages
+    nodePreviewImages,
+    latestOutput
   }
 })
diff --git a/src/views/GraphView.vue b/src/views/GraphView.vue
index b7ffa19e14..8415150562 100644
--- a/src/views/GraphView.vue
+++ b/src/views/GraphView.vue
@@ -5,12 +5,14 @@
     <div id="comfyui-body-left" class="comfyui-body-left" />
     <div id="comfyui-body-right" class="comfyui-body-right" />
     <div
+      v-show="!linearMode"
       id="graph-canvas-container"
       ref="graphCanvasContainerRef"
       class="graph-canvas-container"
     >
       <GraphCanvas @ready="onGraphReady" />
     </div>
+    <LinearView v-if="linearMode" />
   </div>
 
   <GlobalToast />
@@ -22,6 +24,7 @@
 
 <script setup lang="ts">
 import { useEventListener } from '@vueuse/core'
+import { storeToRefs } from 'pinia'
 import type { ToastMessageOptions } from 'primevue/toast'
 import { useToast } from 'primevue/usetoast'
 import {
@@ -54,6 +57,7 @@ import { useTelemetry } from '@/platform/telemetry'
 import { useFrontendVersionMismatchWarning } from '@/platform/updates/common/useFrontendVersionMismatchWarning'
 import { useVersionCompatibilityStore } from '@/platform/updates/common/versionCompatibilityStore'
 import { useTemplateUrlLoader } from '@/platform/workflow/templates/composables/useTemplateUrlLoader'
+import { useCanvasStore } from '@/renderer/core/canvas/canvasStore'
 import type { StatusWsMessageStatus } from '@/schemas/apiSchema'
 import { api } from '@/scripts/api'
 import { app } from '@/scripts/app'
@@ -76,6 +80,7 @@ import { useColorPaletteStore } from '@/stores/workspace/colorPaletteStore'
 import { useSidebarTabStore } from '@/stores/workspace/sidebarTabStore'
 import { useWorkspaceStore } from '@/stores/workspaceStore'
 import { electronAPI, isElectron } from '@/utils/envUtil'
+import LinearView from '@/views/LinearView.vue'
 
 setupAutoQueueHandler()
 useProgressFavicon()
@@ -93,6 +98,7 @@ const queueStore = useQueueStore()
 const assetsStore = useAssetsStore()
 const versionCompatibilityStore = useVersionCompatibilityStore()
 const graphCanvasContainerRef = ref<HTMLDivElement | null>(null)
+const { linearMode } = storeToRefs(useCanvasStore())
 
 const telemetry = useTelemetry()
 const firebaseAuthStore = useFirebaseAuthStore()
diff --git a/src/views/LinearView.vue b/src/views/LinearView.vue
new file mode 100644
index 0000000000..edc8330ef6
--- /dev/null
+++ b/src/views/LinearView.vue
@@ -0,0 +1,120 @@
+<script setup lang="ts">
+import { storeToRefs } from 'pinia'
+import Button from 'primevue/button'
+import Splitter from 'primevue/splitter'
+import SplitterPanel from 'primevue/splitterpanel'
+import { computed } from 'vue'
+
+import ExtensionSlot from '@/components/common/ExtensionSlot.vue'
+import CurrentUserButton from '@/components/topbar/CurrentUserButton.vue'
+import LoginButton from '@/components/topbar/LoginButton.vue'
+import { useCurrentUser } from '@/composables/auth/useCurrentUser'
+import { useGraphNodeManager } from '@/composables/graph/useGraphNodeManager'
+import { useQueueSidebarTab } from '@/composables/sidebarTabs/useQueueSidebarTab'
+import { t } from '@/i18n'
+import { useTelemetry } from '@/platform/telemetry'
+import NodeWidgets from '@/renderer/extensions/vueNodes/components/NodeWidgets.vue'
+import WidgetInputNumberInput from '@/renderer/extensions/vueNodes/widgets/components/WidgetInputNumber.vue'
+import { app } from '@/scripts/app'
+import { useCommandStore } from '@/stores/commandStore'
+import { useNodeOutputStore } from '@/stores/imagePreviewStore'
+//import { useQueueStore } from '@/stores/queueStore'
+import { useQueueSettingsStore } from '@/stores/queueStore'
+import { isElectron } from '@/utils/envUtil'
+
+//const queueStore = useQueueStore()
+const { vueNodeData } = useGraphNodeManager(app.graph)
+const nodeOutputStore = useNodeOutputStore()
+const commandStore = useCommandStore()
+const nodeData = computed(() => vueNodeData?.values().next().value)
+const { isLoggedIn } = useCurrentUser()
+const isDesktop = isElectron()
+
+const batchCountWidget = {
+  options: { step2: 1, precision: 1, min: 1, max: 100 },
+  value: 1,
+  name: t('Number of generations'),
+  type: 'number'
+}
+
+const { batchCount } = storeToRefs(useQueueSettingsStore())
+
+//TODO: refactor out of this file.
+//code length is small, but changes should propogate
+async function runButtonClick(e: Event) {
+  const isShiftPressed = 'shiftKey' in e && e.shiftKey
+  const commandId = isShiftPressed
+    ? 'Comfy.QueuePromptFront'
+    : 'Comfy.QueuePrompt'
+
+  useTelemetry()?.trackUiButtonClicked({
+    button_id: 'queue_run_linear'
+  })
+  if (batchCount.value > 1) {
+    useTelemetry()?.trackUiButtonClicked({
+      button_id: 'queue_run_multiple_batches_submitted'
+    })
+  }
+  await commandStore.execute(commandId, {
+    metadata: {
+      subscribe_to_run: false,
+      trigger_source: 'button'
+    }
+  })
+}
+</script>
+<template>
+  <Splitter class="absolute h-full w-full">
+    <SplitterPanel :size="1" class="min-w-min bg-comfy-menu-bg">
+      <div
+        class="sidebar-content-container h-full w-full overflow-x-hidden overflow-y-auto"
+      >
+        <ExtensionSlot :extension="useQueueSidebarTab()" />
+      </div>
+    </SplitterPanel>
+    <SplitterPanel
+      :size="98"
+      class="flex flex-row overflow-y-auto flex-wrap min-w-min gap-4"
+    >
+      <img
+        v-for="previewUrl in nodeOutputStore.latestOutput"
+        :key="previewUrl"
+        class="pointer-events-none object-contain flex-1 max-h-full"
+        :src="previewUrl"
+      />
+    </SplitterPanel>
+    <SplitterPanel
+      :size="1"
+      class="flex flex-col gap-4 p-4 bg-comfy-menu-bg min-w-min"
+    >
+      <div
+        class="actionbar-container flex h-12 items-center rounded-lg border border-[var(--interface-stroke)] px-2 gap-2"
+      >
+        <Button label="Feedback" severity="secondary" />
+        <Button
+          label="Open Workflow"
+          severity="secondary"
+          class="min-w-max"
+          icon="icon-[comfy--workflow]"
+          icon-pos="right"
+        />
+        <Button label="Share" severity="contrast" />
+        <CurrentUserButton v-if="isLoggedIn" />
+        <LoginButton v-else-if="isDesktop" />
+      </div>
+      <NodeWidgets :node-data class="overflow-y-auto *:max-h-60" />
+      <div class="border-t-1 border-node-component-border pt-4 mx-4">
+        <WidgetInputNumberInput
+          v-model="batchCount"
+          :widget="batchCountWidget"
+        />
+        <Button
+          :label="t('menu.run')"
+          class="w-full mt-4"
+          icon="icon-[lucide--play]"
+          @click="runButtonClick"
+        />
+      </div>
+    </SplitterPanel>
+  </Splitter>
+</template>