feat(workspace): prototype partner-node discovery controls

feat(workspace): prototype partner-node toggle with client-side enforcement
Workspace-level enable/disable for partner (API) nodes (DES-484). Disabled nodes are hidden from search/library/context menu, blocked from insertion, filtered out of the template gallery, and block workflow execution with an explanatory dialog. State is localStorage-backed pending the workspace backend endpoints.
2026-07-15 03:37:48 +00:00 · 2026-07-10 15:24:50 -07:00 · 2026-07-10 12:37:28 -07:00
45 changed files with 968 additions and 1294 deletions
--- a/.coderabbit.yaml
+++ b/.coderabbit.yaml
@@ -65,39 +65,12 @@ reviews:
          When warning, reference the specific ADR by number and link to `docs/adr/` for context. Frame findings as directional guidance since ADR 0003 and 0008 are in Proposed status.

  path_instructions:
-    - path: '**/*.ts'
-      instructions: |
-        Treat `docs/guidance/typescript.md` as required review context.
-    - path: '**/*.vue'
-      instructions: |
-        Treat `docs/guidance/typescript.md` and
-        `docs/guidance/vue-components.md` as required review context. For
-        changed components or views under `src/components/` or `src/views/`,
-        also apply `docs/guidance/design-standards.md` and assess accessibility.
-    - path: '**/*.stories.ts'
-      instructions: |
-        Treat `docs/guidance/storybook.md` as required review context.
-    - path: 'src/lib/litegraph/**'
-      instructions: |
-        Treat `docs/adr/README.md` as required review context. For widget
-        serialization changes, also read
-        `docs/WIDGET_SERIALIZATION.md`.
    - path: '**/*.test.ts'
      instructions: |
-        Treat `.agents/checks/test-quality.md`, `docs/testing/README.md`,
-        `docs/guidance/vitest.md`, and `docs/testing/vitest-patterns.md` as
-        required review context for every changed Vitest test file.
+        Treat `.agents/checks/test-quality.md`, `docs/testing/README.md`, and `docs/guidance/vitest.md` as required review context for every changed Vitest test file.
    - path: 'src/lib/litegraph/**/*.test.ts'
      instructions: |
-        Treat `.agents/checks/test-quality.md`, `docs/testing/README.md`,
-        `docs/guidance/vitest.md`, `docs/testing/vitest-patterns.md`, and
-        `docs/testing/litegraph-testing.md` as required review context for
-        every changed LiteGraph Vitest test file.
+        Treat `.agents/checks/test-quality.md`, `docs/testing/README.md`, `docs/guidance/vitest.md`, and `docs/testing/litegraph-testing.md` as required review context for every changed litegraph Vitest test file.
    - path: '{browser_tests,apps/website/e2e}/**/*.spec.ts'
      instructions: |
-        Treat `.agents/checks/test-quality.md`, `docs/testing/README.md`,
-        `docs/testing/vitest-patterns.md`, and `docs/guidance/playwright.md`
-        as required review context for every changed Playwright test file. For
-        `browser_tests/`, also read `browser_tests/README.md` and
-        `browser_tests/AGENTS.md`, and apply
-        `.agents/checks/playwright-e2e.md`.
+        Treat `.agents/checks/test-quality.md`, `docs/testing/README.md`, and `docs/guidance/playwright.md` as required review context for every changed Playwright test file.
--- a/browser_tests/tests/reviewGuidanceVerification.spec.ts
+++ b/browser_tests/tests/reviewGuidanceVerification.spec.ts
@@ -1,9 +0,0 @@
-import { expect } from '@playwright/test'
-
-import { comfyPageFixture as test } from '@e2e/fixtures/ComfyPage'
-
-test.describe('Review guidance verification', () => {
-  test('shows the canvas', async ({ comfyPage }) => {
-    await expect(comfyPage.canvas).toBeVisible()
-  })
-})
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,6 +12,7 @@ import { computed, onMounted, watch } from 'vue'
 import GlobalDialog from '@/components/dialog/GlobalDialog.vue'
 import config from '@/config'
 import { isDesktop } from '@/platform/distribution/types'
+import { installPartnerNodePrototype } from '@/platform/workspace/partnerNodePrototype/installPartnerNodePrototype'
 import { app } from '@/scripts/app'
 import { useWorkspaceStore } from '@/stores/workspaceStore'
 import { electronAPI } from '@/utils/envUtil'
@@ -21,6 +22,8 @@ import { useConflictDetection } from '@/workbench/extensions/manager/composables
 const workspaceStore = useWorkspaceStore()
 app.extensionManager = useWorkspaceStore()

+installPartnerNodePrototype()
+
 const conflictDetection = useConflictDetection()
 const isLoading = computed<boolean>(() => workspaceStore.spinner)

--- a/src/components/boundingBoxes/WidgetBoundingBoxes.vue
+++ b/src/components/boundingBoxes/WidgetBoundingBoxes.vue
@@ -4,67 +4,37 @@
    data-testid="bounding-boxes"
    @pointerdown.stop
  >
-    <div class="flex flex-col">
-      <div
-        class="flex h-9 items-center gap-1 rounded-t-sm border border-b-0 border-component-node-border bg-component-node-widget-background px-2"
-      >
-        <Button
-          variant="textonly"
-          size="unset"
-          :aria-pressed="grid"
-          :class="
-            cn(
-              actionBtnClass,
-              grid && 'bg-component-node-widget-background-selected'
-            )
-          "
-          @click="grid = !grid"
-        >
-          <i class="icon-[lucide--grid-3x3] size-4" />
-          <span>{{ $t('boundingBoxes.grid') }}</span>
-        </Button>
-        <Button
-          variant="textonly"
-          size="unset"
-          :class="cn(actionBtnClass, 'ml-auto')"
-          @click="clearAll"
-        >
-          <i class="icon-[lucide--undo-2] size-4" />
-          <span>{{ $t('boundingBoxes.clearAll') }}</span>
-        </Button>
-      </div>
-      <div
-        ref="canvasContainer"
-        class="relative w-full shrink-0 overflow-hidden rounded-b-sm border border-t-0 border-component-node-border bg-base-background"
-        :style="canvasStyle"
-      >
-        <canvas
-          ref="canvasEl"
-          tabindex="0"
-          class="absolute inset-0 size-full rounded-sm text-node-component-slot-text outline-none"
-          :style="{ cursor: canvasCursor }"
-          @pointerdown="onPointerDown"
-          @pointermove="onCanvasPointerMove"
-          @pointerup="onDocPointerUp"
-          @pointercancel="onDocPointerUp"
-          @pointerleave="onPointerLeave"
-          @lostpointercapture="onDocPointerUp"
-          @dblclick="onDoubleClick"
-          @keydown="onCanvasKeyDown"
-          @focus="focused = true"
-          @blur="focused = false"
-        />
-        <textarea
-          v-if="inlineEditor"
-          ref="inlineEditorEl"
-          v-model="inlineEditor.value"
-          class="absolute box-border resize-none rounded-sm border-2 bg-black/90 p-1 font-mono text-xs text-white outline-none"
-          :style="inlineEditor.style"
-          data-capture-wheel="true"
-          @keydown.stop="onInlineKeyDown"
-          @blur="commitInlineEditor"
-        />
-      </div>
+    <div
+      ref="canvasContainer"
+      class="relative w-full shrink-0 overflow-hidden rounded-sm border border-component-node-border bg-node-component-surface"
+      :style="canvasStyle"
+    >
+      <canvas
+        ref="canvasEl"
+        tabindex="0"
+        class="absolute inset-0 size-full rounded-sm outline-none"
+        :style="{ cursor: canvasCursor }"
+        @pointerdown="onPointerDown"
+        @pointermove="onCanvasPointerMove"
+        @pointerup="onDocPointerUp"
+        @pointercancel="onDocPointerUp"
+        @pointerleave="onPointerLeave"
+        @lostpointercapture="onDocPointerUp"
+        @dblclick="onDoubleClick"
+        @keydown="onCanvasKeyDown"
+        @focus="focused = true"
+        @blur="focused = false"
+      />
+      <textarea
+        v-if="inlineEditor"
+        ref="inlineEditorEl"
+        v-model="inlineEditor.value"
+        class="absolute box-border resize-none rounded-sm border-2 bg-black/90 p-1 font-mono text-xs text-white outline-none"
+        :style="inlineEditor.style"
+        data-capture-wheel="true"
+        @keydown.stop="onInlineKeyDown"
+        @blur="commitInlineEditor"
+      />
    </div>

    <div
@@ -152,6 +122,16 @@
    <div v-else-if="hasRegions" class="text-node-text-muted px-1 text-xs">
      {{ $t('boundingBoxes.clickRegionToEdit') }}
    </div>
+
+    <Button
+      variant="secondary"
+      size="md"
+      class="gap-2 rounded-lg border border-component-node-border bg-component-node-background text-xs text-muted-foreground hover:text-base-foreground"
+      @click="clearAll"
+    >
+      <i class="icon-[lucide--undo-2]" />
+      {{ $t('boundingBoxes.clearAll') }}
+    </Button>
  </div>
 </template>

@@ -167,9 +147,6 @@ import { useBoundingBoxes } from '@/composables/boundingBoxes/useBoundingBoxes'
 import type { BoundingBox } from '@/types/boundingBoxes'
 import type { NodeId } from '@/types/nodeId'

-const actionBtnClass =
-  'flex shrink-0 items-center gap-1.5 rounded-md border-0 bg-transparent px-2 py-1 text-sm text-base-foreground outline-none transition-colors hover:bg-component-node-widget-background-hovered'
-
 const { nodeId } = defineProps<{ nodeId: NodeId }>()
 const modelValue = defineModel<BoundingBox[]>({ default: () => [] })

@@ -195,8 +172,7 @@ const {
  commitInlineEditor,
  setActiveType,
  clearAll,
-  syncState,
-  grid
+  syncState
 } = useBoundingBoxes(nodeId, {
  canvasEl,
  canvasContainer,
--- a/src/components/palette/PaletteSwatchRow.test.ts
+++ b/src/components/palette/PaletteSwatchRow.test.ts
@@ -32,7 +32,7 @@ describe('PaletteSwatchRow', () => {

  it('appends a color when the add button is clicked', async () => {
    const { emitted } = renderRow(['#ff0000'])
-    await userEvent.click(screen.getByRole('button', { name: '+' }))
+    await userEvent.click(screen.getByRole('button'))
    expect(lastEmit(emitted)).toEqual(['#ff0000', '#ffffff'])
  })

@@ -44,14 +44,18 @@ describe('PaletteSwatchRow', () => {

  it('hides the add button once the max is reached', () => {
    renderRow(['#a', '#b'], 2)
-    expect(screen.queryByRole('button', { name: '+' })).toBeNull()
+    expect(screen.queryByRole('button')).toBeNull()
  })

-  it('opens the color picker when a swatch is clicked', async () => {
-    const { container } = renderRow(['#ff0000'])
-    const swatch = container.querySelector('[data-index="0"]')!
-    await userEvent.click(swatch)
-    expect(swatch.getAttribute('data-state')).toBe('open')
+  it('writes a picked color back through the hidden color input', async () => {
+    const { container, emitted } = renderRow(['#ff0000', '#00ff00'])
+    await fireEvent.click(container.querySelector('[data-index="1"]')!)
+    const input = container.querySelector(
+      'input[type="color"]'
+    ) as HTMLInputElement
+    input.value = '#0000ff'
+    await fireEvent.input(input)
+    expect(lastEmit(emitted)).toEqual(['#ff0000', '#0000ff'])
  })

  it('starts a drag on pointer down without emitting', async () => {
--- a/src/components/palette/PaletteSwatchRow.vue
+++ b/src/components/palette/PaletteSwatchRow.vue
@@ -1,25 +1,17 @@
 <template>
  <div ref="container" class="flex flex-wrap items-center gap-1">
-    <ColorPicker
+    <div
      v-for="(hex, i) in modelValue"
-      :key="i"
-      :model-value="hex"
-      :alpha="false"
-      @update:model-value="(value) => updateAt(i, value)"
-    >
-      <template #trigger>
-        <button
-          type="button"
-          :data-index="i"
-          :data-hex="hex"
-          class="relative size-5 cursor-pointer rounded-sm border border-component-node-border p-0"
-          :style="{ background: hex }"
-          :title="t('palette.swatchTitle')"
-          @contextmenu.prevent.stop="remove(i)"
-          @pointerdown="onPointerDown(i, $event)"
-        />
-      </template>
-    </ColorPicker>
+      :key="`${i}-${hex}`"
+      :data-index="i"
+      :data-hex="hex"
+      class="relative size-5 cursor-pointer rounded-sm border border-component-node-border"
+      :style="{ background: hex }"
+      :title="t('palette.swatchTitle')"
+      @click="openPicker(i, $event)"
+      @contextmenu.prevent.stop="remove(i)"
+      @pointerdown="onPointerDown(i, $event)"
+    />
    <button
      v-if="modelValue.length < max"
      type="button"
@@ -29,6 +21,12 @@
    >
      +
    </button>
+    <input
+      ref="picker"
+      type="color"
+      class="pointer-events-none absolute size-0 opacity-0"
+      @input="onPickerInput"
+    />
  </div>
 </template>

@@ -36,7 +34,6 @@
 import { useTemplateRef } from 'vue'
 import { useI18n } from 'vue-i18n'

-import ColorPicker from '@/components/ui/color-picker/ColorPicker.vue'
 import { usePaletteSwatchRow } from '@/composables/palette/usePaletteSwatchRow'

 const { max = 5 } = defineProps<{ max?: number }>()
@@ -44,9 +41,8 @@ const modelValue = defineModel<string[]>({ required: true })
 const { t } = useI18n()

 const container = useTemplateRef<HTMLDivElement>('container')
+const picker = useTemplateRef<HTMLInputElement>('picker')

-const { updateAt, remove, addColor, onPointerDown } = usePaletteSwatchRow({
-  modelValue,
-  container
-})
+const { openPicker, onPickerInput, remove, addColor, onPointerDown } =
+  usePaletteSwatchRow({ modelValue, container, picker })
 </script>
--- a/src/components/reviewGuidanceVerification/ReviewGuidanceVerification.stories.ts
+++ b/src/components/reviewGuidanceVerification/ReviewGuidanceVerification.stories.ts
@@ -1,17 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3-vite'
-
-import ReviewGuidanceVerification from './ReviewGuidanceVerification.vue'
-
-const meta: Meta<typeof ReviewGuidanceVerification> = {
-  title: 'Verification/Review Guidance',
-  component: ReviewGuidanceVerification,
-  args: {
-    disabled: false,
-    loading: false
-  }
-}
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Default: Story = {}
--- a/src/components/reviewGuidanceVerification/ReviewGuidanceVerification.vue
+++ b/src/components/reviewGuidanceVerification/ReviewGuidanceVerification.vue
@@ -1,16 +0,0 @@
-<script setup lang="ts">
-const { disabled = false, loading = false } = defineProps<{
-  disabled?: boolean
-  loading?: boolean
-}>()
-</script>
-
-<template>
-  <div :aria-busy="loading" :aria-disabled="disabled" />
-</template>
-
-<style scoped>
-div {
-  color: white;
-}
-</style>
--- a/src/components/ui/color-picker/ColorPicker.vue
+++ b/src/components/ui/color-picker/ColorPicker.vue
@@ -14,27 +14,20 @@ import { cn } from '@comfyorg/tailwind-utils'

 import ColorPickerPanel from './ColorPickerPanel.vue'

-const { alpha = true } = defineProps<{
+defineProps<{
  class?: string
  disabled?: boolean
-  alpha?: boolean
 }>()

 const modelValue = defineModel<string>({ default: '#000000' })

-function readHsva(hex: string): HSVA {
-  const next = hexToHsva(hex || '#000000')
-  if (!alpha) next.a = 100
-  return next
-}
-
-const hsva = ref<HSVA>(readHsva(modelValue.value))
+const hsva = ref<HSVA>(hexToHsva(modelValue.value || '#000000'))
 const displayMode = ref<'hex' | 'rgba'>('hex')

 watch(modelValue, (newVal) => {
  const current = hsvaToHex(hsva.value)
  if (newVal !== current) {
-    hsva.value = readHsva(newVal)
+    hsva.value = hexToHsva(newVal || '#000000')
  }
 })

@@ -74,51 +67,49 @@ const contentStyle = useModalLiftedZIndex(isOpen)
 <template>
  <PopoverRoot v-model:open="isOpen">
    <PopoverTrigger as-child>
-      <slot name="trigger">
-        <button
-          type="button"
-          :disabled="$props.disabled"
-          :class="
-            cn(
-              'flex h-8 w-full items-center overflow-clip rounded-lg border border-transparent bg-component-node-widget-background pr-2 outline-none hover:bg-component-node-widget-background-hovered disabled:cursor-not-allowed disabled:opacity-50',
-              isOpen && 'border-node-stroke',
-              $props.class
-            )
-          "
+      <button
+        type="button"
+        :disabled="$props.disabled"
+        :class="
+          cn(
+            'flex h-8 w-full items-center overflow-clip rounded-lg border border-transparent bg-component-node-widget-background pr-2 outline-none hover:bg-component-node-widget-background-hovered disabled:cursor-not-allowed disabled:opacity-50',
+            isOpen && 'border-node-stroke',
+            $props.class
+          )
+        "
+      >
+        <div class="flex size-8 shrink-0 items-center justify-center">
+          <div class="relative size-4 overflow-hidden rounded-sm">
+            <div
+              class="absolute inset-0"
+              :style="{
+                backgroundImage:
+                  'repeating-conic-gradient(#808080 0% 25%, transparent 0% 50%)',
+                backgroundSize: '4px 4px'
+              }"
+            />
+            <div
+              class="absolute inset-0"
+              :style="{ backgroundColor: previewColor }"
+            />
+          </div>
+        </div>
+        <div
+          class="flex flex-1 items-center justify-between pl-1 text-xs text-component-node-foreground"
        >
-          <div class="flex size-8 shrink-0 items-center justify-center">
-            <div class="relative size-4 overflow-hidden rounded-sm">
-              <div
-                class="absolute inset-0"
-                :style="{
-                  backgroundImage:
-                    'repeating-conic-gradient(#808080 0% 25%, transparent 0% 50%)',
-                  backgroundSize: '4px 4px'
-                }"
-              />
-              <div
-                class="absolute inset-0"
-                :style="{ backgroundColor: previewColor }"
-              />
+          <template v-if="displayMode === 'hex'">
+            <span>{{ displayHex }}</span>
+          </template>
+          <template v-else>
+            <div class="flex gap-2">
+              <span>{{ baseRgb.r }}</span>
+              <span>{{ baseRgb.g }}</span>
+              <span>{{ baseRgb.b }}</span>
            </div>
-          </div>
-          <div
-            class="flex flex-1 items-center justify-between pl-1 text-xs text-component-node-foreground"
-          >
-            <template v-if="displayMode === 'hex'">
-              <span>{{ displayHex }}</span>
-            </template>
-            <template v-else>
-              <div class="flex gap-2">
-                <span>{{ baseRgb.r }}</span>
-                <span>{{ baseRgb.g }}</span>
-                <span>{{ baseRgb.b }}</span>
-              </div>
-            </template>
-            <span>{{ hsva.a }}%</span>
-          </div>
-        </button>
-      </slot>
+          </template>
+          <span>{{ hsva.a }}%</span>
+        </div>
+      </button>
    </PopoverTrigger>
    <PopoverPortal>
      <PopoverContent
@@ -132,7 +123,6 @@ const contentStyle = useModalLiftedZIndex(isOpen)
        <ColorPickerPanel
          v-model:hsva="hsva"
          v-model:display-mode="displayMode"
-          :alpha
        />
      </PopoverContent>
    </PopoverPortal>
--- a/src/components/ui/color-picker/ColorPickerPanel.vue
+++ b/src/components/ui/color-picker/ColorPickerPanel.vue
@@ -13,8 +13,6 @@ import { hsbToRgb, rgbToHex } from '@/utils/colorUtil'
 import ColorPickerSaturationValue from './ColorPickerSaturationValue.vue'
 import ColorPickerSlider from './ColorPickerSlider.vue'

-const { alpha = true } = defineProps<{ alpha?: boolean }>()
-
 const hsva = defineModel<HSVA>('hsva', { required: true })
 const displayMode = defineModel<'hex' | 'rgba'>('displayMode', {
  required: true
@@ -39,7 +37,6 @@ const { t } = useI18n()
    />
    <ColorPickerSlider v-model="hsva.h" type="hue" />
    <ColorPickerSlider
-      v-if="alpha"
      v-model="hsva.a"
      type="alpha"
      :hue="hsva.h"
@@ -75,7 +72,7 @@ const { t } = useI18n()
          <span class="w-6 shrink-0 text-center">{{ rgb.g }}</span>
          <span class="w-6 shrink-0 text-center">{{ rgb.b }}</span>
        </template>
-        <span v-if="alpha" class="shrink-0 border-l border-border-subtle pl-1"
+        <span class="shrink-0 border-l border-border-subtle pl-1"
          >{{ hsva.a }}%</span
        >
      </div>
--- a/src/composables/boundingBoxes/boundingBoxesUtil.test.ts
+++ b/src/composables/boundingBoxes/boundingBoxesUtil.test.ts
@@ -156,7 +156,7 @@ describe('fromBoundingBoxes', () => {
        y: 200,
        width: 300,
        height: 400,
-        metadata: { type: 'text', text: 'hi', desc: 'd', palette: ['#ffffff'] }
+        metadata: { type: 'text', text: 'hi', desc: 'd', palette: ['#fff'] }
      }
    ]
    expect(fromBoundingBoxes(boxes, 1000, 1000)[0]).toEqual({
@@ -167,31 +167,10 @@ describe('fromBoundingBoxes', () => {
      type: 'text',
      text: 'hi',
      desc: 'd',
-      palette: ['#ffffff']
+      palette: ['#fff']
    })
  })

-  it('normalizes palette entries and drops invalid colors', () => {
-    const boxes: BoundingBox[] = [
-      {
-        x: 0,
-        y: 0,
-        width: 10,
-        height: 10,
-        metadata: {
-          type: 'obj',
-          text: '',
-          desc: '',
-          palette: ['#FF0000', '#abc', 'red', '', 123] as unknown as string[]
-        }
-      }
-    ]
-    expect(fromBoundingBoxes(boxes, 100, 100)[0].palette).toEqual([
-      '#ff0000',
-      '#aabbcc'
-    ])
-  })
-
  it('fills defaults when metadata is missing or partial', () => {
    const boxes = [{ x: 0, y: 0, width: 10, height: 10 }] as BoundingBox[]
    expect(fromBoundingBoxes(boxes, 100, 100)[0]).toMatchObject({
--- a/src/composables/boundingBoxes/boundingBoxesUtil.ts
+++ b/src/composables/boundingBoxes/boundingBoxesUtil.ts
@@ -202,22 +202,6 @@ function isBoundingBox(b: unknown): b is BoundingBox {
  )
 }

-function normalizeHexColor(color: unknown): string | null {
-  if (typeof color !== 'string') return null
-  const hex = color.trim().toLowerCase()
-  const short = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/.exec(hex)
-  if (short) {
-    return `#${short[1]}${short[1]}${short[2]}${short[2]}${short[3]}${short[3]}`
-  }
-  return /^#([0-9a-f]{6}|[0-9a-f]{8})$/.test(hex) ? hex : null
-}
-
-function normalizePalette(palette: unknown): string[] {
-  return Array.isArray(palette)
-    ? palette.map(normalizeHexColor).filter((c): c is string => c !== null)
-    : []
-}
-
 export function fromBoundingBoxes(
  boxes: readonly BoundingBox[],
  width: number,
@@ -235,7 +219,9 @@ export function fromBoundingBoxes(
      type: meta.type === 'text' ? 'text' : 'obj',
      text: typeof meta.text === 'string' ? meta.text : '',
      desc: typeof meta.desc === 'string' ? meta.desc : '',
-      palette: normalizePalette(meta.palette)
+      palette: Array.isArray(meta.palette)
+        ? meta.palette.filter((c): c is string => typeof c === 'string')
+        : []
    }
  })
 }
--- a/src/composables/boundingBoxes/useBoundingBoxes.test.ts
+++ b/src/composables/boundingBoxes/useBoundingBoxes.test.ts
@@ -8,32 +8,14 @@ import { useBoundingBoxes } from './useBoundingBoxes'
 import type { BoundingBox } from '@/types/boundingBoxes'
 import { toNodeId } from '@/types/nodeId'

-const { appState, outputState } = vi.hoisted(() => ({
-  appState: { node: null as unknown },
-  outputState: {
-    outputs: undefined as unknown,
-    nodeOutputs: null as { value: Record<string, unknown> } | null
-  }
+const { appState } = vi.hoisted(() => ({
+  appState: { node: null as unknown }
 }))

 vi.mock('@/scripts/app', () => ({
  app: { canvas: { graph: { getNodeById: () => appState.node } } }
 }))

-vi.mock('@/stores/nodeOutputStore', async () => {
-  const { ref } = await import('vue')
-  const nodeOutputs = ref<Record<string, unknown>>({})
-  outputState.nodeOutputs = nodeOutputs
-  return {
-    useNodeOutputStore: () => ({
-      nodeOutputs,
-      nodePreviewImages: ref({}),
-      getNodeImageUrls: () => undefined,
-      getNodeOutputs: () => outputState.outputs
-    })
-  }
-})
-
 const ctx = {
  measureText: (s: string) => ({ width: s.length * 7 }),
  setTransform: () => {},
@@ -45,9 +27,6 @@ const ctx = {
  save: () => {},
  restore: () => {},
  beginPath: () => {},
-  moveTo: () => {},
-  arc: () => {},
-  fill: () => {},
  rect: () => {},
  clip: () => {},
  font: '',
@@ -79,32 +58,17 @@ function makeCanvas(): HTMLCanvasElement {
  return el
 }

-interface MockNode {
-  widgets: { name: string; value: unknown }[]
-  findInputSlot: (name: string) => number
-  getInputNode: () => null
-  isInputConnected?: () => boolean
-}
-
-function makeNode(): MockNode {
+function makeNode() {
  return {
    widgets: [
      { name: 'width', value: 512 },
-      { name: 'height', value: 512 },
-      { name: 'last_incoming', value: [] }
+      { name: 'height', value: 512 }
    ],
    findInputSlot: () => -1,
    getInputNode: () => null
  }
 }

-const lastIncomingOf = (node: MockNode) =>
-  node.widgets.find((w) => w.name === 'last_incoming')!.value
-
-const setLastIncomingOf = (node: MockNode, value: BoundingBox[]) => {
-  node.widgets.find((w) => w.name === 'last_incoming')!.value = value
-}
-
 const pe = (
  clientX: number,
  clientY: number,
@@ -132,8 +96,6 @@ interface Captured extends Api {
  modelValue: Ref<BoundingBox[]>
 }

-const modelBoxes = (c: Captured) => c.modelValue.value
-
 function setup(initial: BoundingBox[] = []) {
  let captured: Captured | undefined
  const Harness = defineComponent({
@@ -166,19 +128,9 @@ const box = (over: Partial<BoundingBox> = {}): BoundingBox => ({
  ...over
 })

-function makeConnectedNode(): MockNode {
-  return {
-    ...makeNode(),
-    findInputSlot: (name: string) => (name === 'bboxes' ? 1 : -1),
-    isInputConnected: () => true
-  }
-}
-
 beforeEach(() => {
  setActivePinia(createPinia())
  appState.node = makeNode()
-  outputState.outputs = undefined
-  if (outputState.nodeOutputs) outputState.nodeOutputs.value = {}
  vi.stubGlobal('requestAnimationFrame', (cb: FrameRequestCallback) => {
    void Promise.resolve().then(() => cb(0))
    return 1
@@ -216,8 +168,8 @@ describe('useBoundingBoxes drawing', () => {
    c.onCanvasPointerMove(pe(60, 60))
    c.onDocPointerUp(pe(60, 60))
    await flush()
-    expect(modelBoxes(c)).toHaveLength(1)
-    expect(modelBoxes(c)[0].width).toBeGreaterThan(0)
+    expect(c.modelValue.value).toHaveLength(1)
+    expect(c.modelValue.value[0].width).toBeGreaterThan(0)
  })

  it('discards a zero-size draw', async () => {
@@ -225,7 +177,7 @@ describe('useBoundingBoxes drawing', () => {
    c.onPointerDown(pe(10, 10))
    c.onDocPointerUp(pe(10, 10))
    await flush()
-    expect(modelBoxes(c)).toHaveLength(0)
+    expect(c.modelValue.value).toHaveLength(0)
  })

  it('selects an existing region instead of drawing when clicking inside it', async () => {
@@ -233,7 +185,7 @@ describe('useBoundingBoxes drawing', () => {
    c.onPointerDown(pe(30, 30))
    c.onDocPointerUp(pe(30, 30))
    await flush()
-    expect(modelBoxes(c)).toHaveLength(1)
+    expect(c.modelValue.value).toHaveLength(1)
  })
 })

@@ -242,7 +194,7 @@ describe('useBoundingBoxes region editing', () => {
    const c = setup([box()])
    c.setActiveType('text')
    await flush()
-    expect(modelBoxes(c)[0].metadata.type).toBe('text')
+    expect(c.modelValue.value[0].metadata.type).toBe('text')
  })

  it('deletes the active region on Delete', async () => {
@@ -253,18 +205,14 @@ describe('useBoundingBoxes region editing', () => {
      stopPropagation: () => {}
    } as unknown as KeyboardEvent)
    await flush()
-    expect(modelBoxes(c)).toHaveLength(0)
+    expect(c.modelValue.value).toHaveLength(0)
  })

-  it('clears all regions and invalidates the applied upstream input', async () => {
-    const node = makeNode()
-    setLastIncomingOf(node, [box()])
-    appState.node = node
+  it('clears all regions', async () => {
    const c = setup([box(), box({ x: 0 })])
    c.clearAll()
    await flush()
-    expect(modelBoxes(c)).toHaveLength(0)
-    expect(lastIncomingOf(node)).toEqual([])
+    expect(c.modelValue.value).toHaveLength(0)
  })
 })

@@ -278,7 +226,7 @@ describe('useBoundingBoxes inline editor', () => {
    c.inlineEditor.value!.value = 'a label'
    c.commitInlineEditor()
    await flush()
-    expect(modelBoxes(c)[0].metadata.desc).toBe('a label')
+    expect(c.modelValue.value[0].metadata.desc).toBe('a label')
    expect(c.inlineEditor.value).toBeNull()
  })

@@ -291,168 +239,6 @@ describe('useBoundingBoxes inline editor', () => {
  })
 })

-describe('useBoundingBoxes incoming bboxes input', () => {
-  it('adopts cached outputs on mount without overwriting existing edits', () => {
-    const node = makeConnectedNode()
-    appState.node = node
-    const incoming = [box({ x: 0, width: 100 })]
-    outputState.outputs = { input_bboxes: incoming }
-    const c = setup([box({ x: 200, width: 300 })])
-    expect(modelBoxes(c)).toHaveLength(1)
-    expect(modelBoxes(c)[0].width).toBe(300)
-    expect(lastIncomingOf(node)).toEqual(incoming)
-  })
-
-  it('does not re-apply an already applied output after a remount', async () => {
-    const node = makeConnectedNode()
-    const incoming = [box({ x: 0, width: 100 })]
-    setLastIncomingOf(node, incoming)
-    appState.node = node
-    outputState.outputs = { input_bboxes: incoming }
-    const c = setup([box({ x: 200, width: 300 })])
-    outputState.nodeOutputs!.value = { updated: true }
-    await flush()
-    expect(modelBoxes(c)[0].width).toBe(300)
-  })
-
-  it('ignores incoming output when the input is not connected', () => {
-    outputState.outputs = { input_bboxes: [box({ x: 0, width: 100 })] }
-    const c = setup([])
-    expect(modelBoxes(c)).toHaveLength(0)
-  })
-
-  it('repopulates from the next run after clearing the canvas', async () => {
-    appState.node = makeConnectedNode()
-    const c = setup([])
-
-    outputState.outputs = { input_bboxes: [box({ x: 0, width: 100 })] }
-    outputState.nodeOutputs!.value = { n: 1 }
-    await flush()
-    expect(modelBoxes(c)).toHaveLength(1)
-
-    c.clearAll()
-    await flush()
-    expect(modelBoxes(c)).toHaveLength(0)
-
-    outputState.nodeOutputs!.value = { n: 2 }
-    await flush()
-    expect(modelBoxes(c)).toHaveLength(1)
-    expect(modelBoxes(c)[0].width).toBe(100)
-  })
-
-  it('does not apply output updates while the input is disconnected', async () => {
-    let connected = true
-    appState.node = {
-      ...makeConnectedNode(),
-      isInputConnected: () => connected
-    }
-    const c = setup([])
-
-    outputState.outputs = { input_bboxes: [box({ x: 0, width: 100 })] }
-    outputState.nodeOutputs!.value = { n: 1 }
-    await flush()
-    expect(modelBoxes(c)).toHaveLength(1)
-
-    c.clearAll()
-    await flush()
-    connected = false
-    outputState.nodeOutputs!.value = { n: 2 }
-    await flush()
-    expect(modelBoxes(c)).toHaveLength(0)
-  })
-
-  it('does not apply incoming boxes while the user is drawing', async () => {
-    appState.node = makeConnectedNode()
-    const c = setup([])
-    c.grid.value = false
-    c.onPointerDown(pe(10, 10))
-    c.onCanvasPointerMove(pe(50, 50))
-
-    outputState.outputs = {
-      input_bboxes: [box({ x: 0, width: 100, height: 100 })]
-    }
-    outputState.nodeOutputs!.value = { n: 1 }
-    await flush()
-
-    c.onDocPointerUp(pe(50, 50))
-    await flush()
-    expect(modelBoxes(c)).toHaveLength(1)
-    expect(modelBoxes(c)[0].width).toBe(205)
-  })
-
-  it('applies incoming boxes when outputs stream in after mount', async () => {
-    const node = makeConnectedNode()
-    appState.node = node
-    const c = setup([])
-    expect(modelBoxes(c)).toHaveLength(0)
-
-    const incoming = [box({ x: 0, width: 100 })]
-    outputState.outputs = { input_bboxes: incoming }
-    outputState.nodeOutputs!.value = { updated: true }
-    await flush()
-
-    expect(modelBoxes(c)).toHaveLength(1)
-    expect(modelBoxes(c)[0].width).toBe(100)
-    expect(lastIncomingOf(node)).toEqual(incoming)
-  })
-
-  it('re-seeds the canvas over user edits when the upstream value changes', async () => {
-    const node = makeConnectedNode()
-    setLastIncomingOf(node, [box({ x: 0, width: 100 })])
-    appState.node = node
-    const c = setup([box({ x: 200, width: 300 })])
-
-    const changed = [box({ x: 64, width: 128 })]
-    outputState.outputs = { input_bboxes: changed }
-    outputState.nodeOutputs!.value = { n: 1 }
-    await flush()
-
-    expect(modelBoxes(c)[0].width).toBe(128)
-    expect(lastIncomingOf(node)).toEqual(changed)
-  })
-})
-
-describe('useBoundingBoxes grid snapping', () => {
-  it('snaps a drawn box to the grid when grid is enabled (default)', async () => {
-    const c = setup()
-    c.onPointerDown(pe(10, 10))
-    c.onCanvasPointerMove(pe(60, 60))
-    c.onDocPointerUp(pe(60, 60))
-    await flush()
-    expect(modelBoxes(c)).toHaveLength(1)
-    expect(modelBoxes(c)[0].x).toBe(64)
-    expect(modelBoxes(c)[0].width).toBe(256)
-  })
-
-  it('does not snap when grid is disabled', async () => {
-    const c = setup()
-    c.grid.value = false
-    c.onPointerDown(pe(10, 10))
-    c.onCanvasPointerMove(pe(55, 55))
-    c.onDocPointerUp(pe(55, 55))
-    await flush()
-    expect(modelBoxes(c)[0].width).toBe(230)
-  })
-
-  it('keeps the anchored edge fixed when resizing a single edge', async () => {
-    const c = setup([box({ x: 51, y: 51, width: 256, height: 256 })])
-    c.onPointerDown(pe(60, 30))
-    c.onCanvasPointerMove(pe(80, 30))
-    c.onDocPointerUp(pe(80, 30))
-    await flush()
-    expect(modelBoxes(c)[0].x).toBe(51)
-  })
-
-  it('removes a box that a resize collapses to zero size', async () => {
-    const c = setup([box({ x: 64, y: 64, width: 128, height: 128 })])
-    c.onPointerDown(pe(37, 25))
-    c.onCanvasPointerMove(pe(14, 25))
-    c.onDocPointerUp(pe(14, 25))
-    await flush()
-    expect(modelBoxes(c)).toHaveLength(0)
-  })
-})
-
 describe('useBoundingBoxes hover cursor', () => {
  it('switches to a pointer cursor over a tag', async () => {
    const c = setup([box({ x: 10, y: 10, width: 256, height: 256 })])
--- a/src/composables/boundingBoxes/useBoundingBoxes.ts
+++ b/src/composables/boundingBoxes/useBoundingBoxes.ts
@@ -1,5 +1,4 @@
 import { useElementSize } from '@vueuse/core'
-import { cloneDeep, isEqual } from 'es-toolkit'
 import { storeToRefs } from 'pinia'
 import type { Ref, ShallowRef } from 'vue'
 import { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue'
@@ -16,7 +15,6 @@ import type {
  Region
 } from '@/composables/boundingBoxes/boundingBoxesUtil'
 import { useCanvasStore } from '@/renderer/core/canvas/canvasStore'
-import type { NodeOutputWith } from '@/schemas/apiSchema'
 import { app } from '@/scripts/app'
 import { useNodeOutputStore } from '@/stores/nodeOutputStore'
 import type { BoundingBox } from '@/types/boundingBoxes'
@@ -27,10 +25,6 @@ const HANDLE_PX = 8
 const DIMENSION_STEP = 16
 const BG_DIM = 0.75
 const MAX_ELEMENT_COLORS = 5
-const GRID_PX = 32
-const MAX_GRID_CELLS = 64
-const DOT_ALPHA = 0.18
-const DOT_RADIUS = 1

 interface InlineEditorState {
  value: string
@@ -63,7 +57,6 @@ export function useBoundingBoxes(
  const hoverTagIndex = ref<number | null>(null)
  const bgImage = ref<HTMLImageElement | null>(null)
  const inlineEditor = ref<InlineEditorState | null>(null)
-  const grid = ref(true)

  const { width: containerWidth } = useElementSize(canvasContainer)

@@ -103,89 +96,6 @@ export function useBoundingBoxes(
    return Math.max(0, Math.min(1, n))
  }

-  function gridSpec() {
-    const axisFraction = (size: number) =>
-      Math.max(GRID_PX, Math.ceil(size / MAX_GRID_CELLS)) / size
-    return {
-      fx: axisFraction(widthValue.value),
-      fy: axisFraction(heightValue.value)
-    }
-  }
-
-  function snapFraction(value: number, step: number) {
-    return step > 0 ? clampToCanvas(Math.round(value / step) * step) : value
-  }
-
-  function snapRegion(region: Region, mode: HitMode): Region {
-    if (!grid.value) return region
-    const { fx, fy } = gridSpec()
-    if (mode === 'move') {
-      return {
-        ...region,
-        x: Math.min(snapFraction(region.x, fx), 1 - region.w),
-        y: Math.min(snapFraction(region.y, fy), 1 - region.h)
-      }
-    }
-    const snapLeft =
-      mode === 'draw' ||
-      mode === 'resize-l' ||
-      mode === 'resize-tl' ||
-      mode === 'resize-bl'
-    const snapRight =
-      mode === 'draw' ||
-      mode === 'resize-r' ||
-      mode === 'resize-tr' ||
-      mode === 'resize-br'
-    const snapTop =
-      mode === 'draw' ||
-      mode === 'resize-t' ||
-      mode === 'resize-tl' ||
-      mode === 'resize-tr'
-    const snapBottom =
-      mode === 'draw' ||
-      mode === 'resize-b' ||
-      mode === 'resize-bl' ||
-      mode === 'resize-br'
-    const x1 = snapLeft ? snapFraction(region.x, fx) : region.x
-    const y1 = snapTop ? snapFraction(region.y, fy) : region.y
-    const x2 = snapRight
-      ? snapFraction(region.x + region.w, fx)
-      : region.x + region.w
-    const y2 = snapBottom
-      ? snapFraction(region.y + region.h, fy)
-      : region.y + region.h
-    return {
-      ...region,
-      x: x1,
-      y: y1,
-      w: Math.max(0, x2 - x1),
-      h: Math.max(0, y2 - y1)
-    }
-  }
-
-  function drawDots(ctx: CanvasRenderingContext2D, W: number, H: number) {
-    const el = canvasEl.value
-    if (!el) return
-    const { fx, fy } = gridSpec()
-    if (fx <= 0 || fy <= 0) return
-    const cols = Math.round(1 / fx)
-    const rows = Math.round(1 / fy)
-    ctx.save()
-    ctx.globalAlpha = DOT_ALPHA
-    ctx.fillStyle = getComputedStyle(el).color
-    ctx.beginPath()
-    for (let i = 0; i <= cols; i++) {
-      const cx = Math.min(1, i * fx) * W
-      for (let j = 0; j <= rows; j++) {
-        const cy = Math.min(1, j * fy) * H
-        ctx.moveTo(cx + DOT_RADIUS, cy)
-        ctx.arc(cx, cy, DOT_RADIUS, 0, Math.PI * 2)
-      }
-    }
-    ctx.fill()
-    ctx.restore()
-  }
-
  function logicalSize() {
    const el = canvasEl.value
    return { w: el?.clientWidth || 1, h: el?.clientHeight || 1 }
@@ -236,8 +146,6 @@ export function useBoundingBoxes(
      ctx.fillRect(0, 0, W, H)
    }

-    if (grid.value) drawDots(ctx, W, H)
-
    const showActive = focused.value || isNodeSelected.value
    const aIdx = showActive ? activeIndex.value : -1
    const order = state.value.regions
@@ -458,7 +366,7 @@ export function useBoundingBoxes(
    const dx = mN.x - dragStartNorm.value.x
    const dy = mN.y - dragStartNorm.value.y
    const nb = applyDrag(dragMode.value, boxAtStart.value, dx, dy)
-    state.value.regions[activeIndex.value] = snapRegion(nb, dragMode.value)
+    state.value.regions[activeIndex.value] = nb
    requestDraw()
  }

@@ -467,7 +375,7 @@ export function useBoundingBoxes(
    drawing.value = false
    canvasEl.value?.releasePointerCapture?.(e.pointerId)
    const b = state.value.regions[activeIndex.value]
-    if (b && (b.w < 0.005 || b.h < 0.005)) {
+    if (b && (b.w < 0.005 || b.h < 0.005) && dragMode.value === 'draw') {
      removeRegion(activeIndex.value)
    }
    syncState()
@@ -602,7 +510,6 @@ export function useBoundingBoxes(
  function clearAll() {
    state.value.regions = []
    activeIndex.value = -1
-    setLastIncoming([])
    syncState()
  }

@@ -623,23 +530,6 @@ export function useBoundingBoxes(
  watch(isNodeSelected, () => requestDraw())
  watch([widthValue, heightValue], () => syncState())

-  watch(
-    litegraphNode,
-    (node) => {
-      const props = node?.properties as { bboxGrid?: unknown } | undefined
-      if (props && typeof props.bboxGrid === 'boolean')
-        grid.value = props.bboxGrid
-    },
-    { immediate: true }
-  )
-  watch(grid, (enabled) => {
-    const props = litegraphNode.value?.properties as
-      | Record<string, unknown>
-      | undefined
-    if (props) props.bboxGrid = enabled
-    requestDraw()
-  })
-
  const nodeOutputStore = useNodeOutputStore()
  function applyImageDimensions(naturalWidth: number, naturalHeight: number) {
    const node = litegraphNode.value
@@ -690,63 +580,10 @@ export function useBoundingBoxes(
    }
    img.src = url
  }
-  function lastIncomingWidget() {
-    return litegraphNode.value?.widgets?.find((w) => w.name === 'last_incoming')
-  }
-
-  function lastIncomingValue(): BoundingBox[] {
-    const value = lastIncomingWidget()?.value
-    return Array.isArray(value) ? (value as BoundingBox[]) : []
-  }
-
-  function setLastIncoming(boxes: BoundingBox[]) {
-    const widget = lastIncomingWidget()
-    if (!widget) return
-    const next = cloneDeep(boxes)
-    widget.value = next
-    widget.callback?.(next)
-  }
-
-  function applyIncomingBoxes(apply = true) {
-    if (drawing.value) return
-    const node = litegraphNode.value
-    if (!node) return
-    const slot = node.findInputSlot('bboxes')
-    if (slot < 0 || !node.isInputConnected(slot)) return
-    const outputs = nodeOutputStore.getNodeOutputs(node) as
-      | NodeOutputWith<{ input_bboxes?: BoundingBox[] }>
-      | undefined
-    const incoming = outputs?.input_bboxes
-    if (!incoming?.length) return
-    const applied = lastIncomingValue()
-    if (isEqual(incoming, applied)) return
-    if (!apply) {
-      if (!applied.length && state.value.regions.length)
-        setLastIncoming(incoming)
-      return
-    }
-    state.value.regions = fromBoundingBoxes(
-      incoming,
-      widthValue.value,
-      heightValue.value
-    )
-    activeIndex.value = state.value.regions.length ? 0 : -1
-    setLastIncoming(incoming)
-    syncState()
-  }
-
-  watch(
-    () => nodeOutputStore.nodeOutputs,
-    () => {
-      updateBgImage()
-      applyIncomingBoxes()
-    },
-    { deep: true }
-  )
+  watch(() => nodeOutputStore.nodeOutputs, updateBgImage, { deep: true })
  watch(() => nodeOutputStore.nodePreviewImages, updateBgImage, { deep: true })

  updateBgImage()
-  applyIncomingBoxes(false)
  void nextTick(() => requestDraw())

  onBeforeUnmount(() => {
@@ -771,7 +608,6 @@ export function useBoundingBoxes(
    commitInlineEditor,
    setActiveType,
    clearAll,
-    syncState,
-    grid
+    syncState
  }
 }
--- a/src/composables/palette/usePaletteSwatchRow.test.ts
+++ b/src/composables/palette/usePaletteSwatchRow.test.ts
@@ -1,4 +1,4 @@
-import { afterEach, describe, expect, it } from 'vitest'
+import { afterEach, describe, expect, it, vi } from 'vitest'
 import type { EffectScope } from 'vue'
 import { effectScope, ref, shallowRef } from 'vue'

@@ -13,12 +13,17 @@ afterEach(() => {
 function setup(initial: string[]) {
  const modelValue = ref(initial)
  const container = shallowRef(document.createElement('div'))
+  const picker = shallowRef(document.createElement('input'))
  const scope = effectScope()
  scopes.push(scope)
-  const api = scope.run(() => usePaletteSwatchRow({ modelValue, container }))!
-  return { modelValue, container, ...api }
+  const api = scope.run(() =>
+    usePaletteSwatchRow({ modelValue, container, picker })
+  )!
+  return { modelValue, container, picker, ...api }
 }

+const mouseEvent = () => ({ stopPropagation: vi.fn() }) as unknown as MouseEvent
+
 describe('usePaletteSwatchRow', () => {
  it('appends a default color', () => {
    const { modelValue, addColor } = setup(['#000000'])
@@ -32,17 +37,31 @@ describe('usePaletteSwatchRow', () => {
    expect(modelValue.value).toEqual(['#a', '#c'])
  })

-  it('updates the color at an index', () => {
-    const { modelValue, updateAt } = setup(['#a', '#b'])
-    updateAt(1, '#123456')
+  it('seeds the picker input with the clicked color before opening it', () => {
+    const { picker, openPicker } = setup(['#112233'])
+    const click = vi.spyOn(picker.value!, 'click')
+    openPicker(0, mouseEvent())
+    expect(picker.value!.value).toBe('#112233')
+    expect(click).toHaveBeenCalled()
+  })
+
+  it('falls back to white when the slot is empty', () => {
+    const { picker, openPicker } = setup([''])
+    openPicker(0, mouseEvent())
+    expect(picker.value!.value).toBe('#ffffff')
+  })
+
+  it('writes the picked color back to the open slot', () => {
+    const { modelValue, openPicker, onPickerInput } = setup(['#a', '#b'])
+    openPicker(1, mouseEvent())
+    onPickerInput({ target: { value: '#123456' } } as unknown as Event)
    expect(modelValue.value).toEqual(['#a', '#123456'])
  })

-  it('ignores an update that does not change the color', () => {
-    const { modelValue, updateAt } = setup(['#a'])
-    const before = modelValue.value
-    updateAt(0, '#a')
-    expect(modelValue.value).toBe(before)
+  it('ignores picker input when no slot is open', () => {
+    const { modelValue, onPickerInput } = setup(['#a'])
+    onPickerInput({ target: { value: '#123456' } } as unknown as Event)
+    expect(modelValue.value).toEqual(['#a'])
  })

  it('reorders via drag when the pointer crosses another swatch', () => {
--- a/src/composables/palette/usePaletteSwatchRow.ts
+++ b/src/composables/palette/usePaletteSwatchRow.ts
@@ -5,16 +5,30 @@ import { ref } from 'vue'
 interface UsePaletteSwatchRowOptions {
  modelValue: Ref<string[]>
  container: Readonly<ShallowRef<HTMLDivElement | null>>
+  picker: Readonly<ShallowRef<HTMLInputElement | null>>
 }

 export function usePaletteSwatchRow({
  modelValue,
-  container
+  container,
+  picker
 }: UsePaletteSwatchRowOptions) {
-  function updateAt(i: number, value: string) {
-    if (modelValue.value[i] === value) return
+  const pickerIndex = ref<number | null>(null)
+
+  function openPicker(i: number, e: MouseEvent) {
+    e.stopPropagation()
+    pickerIndex.value = i
+    const el = picker.value
+    if (!el) return
+    el.value = modelValue.value[i] || '#ffffff'
+    el.click()
+  }
+
+  function onPickerInput(e: Event) {
+    const v = (e.target as HTMLInputElement).value
+    if (pickerIndex.value === null) return
    const next = modelValue.value.slice()
-    next[i] = value
+    next[pickerIndex.value] = v
    modelValue.value = next
  }

@@ -91,7 +105,8 @@ export function usePaletteSwatchRow({
  })

  return {
-    updateAt,
+    openPicker,
+    onPickerInput,
    remove,
    addColor,
    onPointerDown
--- a/src/composables/useLoad3d.test.ts
+++ b/src/composables/useLoad3d.test.ts
@@ -77,14 +77,6 @@ vi.mock('pinia', async (importOriginal) => {
  }
 })

-const { settingGetMock } = vi.hoisted(() => ({
-  settingGetMock: vi.fn()
-}))
-
-vi.mock('@/platform/settings/settingStore', () => ({
-  useSettingStore: () => ({ get: settingGetMock })
-}))
-
 vi.mock('@/renderer/core/canvas/canvasStore', () => ({
  useCanvasStore: vi.fn()
 }))
@@ -103,9 +95,6 @@ describe('useLoad3d', () => {
    vi.clearAllMocks()
    nodeToLoad3dMap.clear()
    vi.mocked(getActivePinia).mockReturnValue(null as unknown as Pinia)
-    settingGetMock.mockImplementation((key: string) =>
-      key === 'Comfy.Load3D.BackgroundColor' ? '282828' : undefined
-    )

    mockNode = createMockLGraphNode({
      properties: {
@@ -367,20 +356,6 @@ describe('useLoad3d', () => {
      expect(composable.isPreview.value).toBe(true)
    })

-    it('should set preview mode for save-viewer nodes despite width/height widgets', async () => {
-      Object.defineProperty(mockNode, 'constructor', {
-        value: { comfyClass: 'Save3DAdvanced' },
-        configurable: true
-      })
-
-      const composable = useLoad3d(mockNode)
-      const containerRef = document.createElement('div')
-
-      await composable.initializeLoad3d(containerRef)
-
-      expect(composable.isPreview.value).toBe(true)
-    })
-
    it('should handle initialization errors', async () => {
      vi.mocked(createLoad3d).mockImplementationOnce(() => {
        throw new Error('Load3d creation failed')
@@ -408,37 +383,7 @@ describe('useLoad3d', () => {
      const nodeRef = shallowRef<LGraphNode | null>(mockNode)
      const composable = useLoad3d(nodeRef)

-      expect(composable.sceneConfig.value.backgroundColor).toBe('#282828')
-    })
-
-    it('defaults background color from the Comfy.Load3D.BackgroundColor setting', () => {
-      vi.mocked(getActivePinia).mockReturnValue({} as unknown as Pinia)
-      vi.mocked(useCanvasStore).mockReturnValue(
-        reactive({ appScalePercentage: 100 }) as unknown as ReturnType<
-          typeof useCanvasStore
-        >
-      )
-      settingGetMock.mockImplementation((key: string) =>
-        key === 'Comfy.Load3D.BackgroundColor' ? '123456' : undefined
-      )
-
-      const composable = useLoad3d(mockNode)
-
-      expect(composable.sceneConfig.value.backgroundColor).toBe('#123456')
-    })
-
-    it('attaches event listeners before running queued ready callbacks', async () => {
-      const composable = useLoad3d(mockNode)
-      let listenersAttachedWhenCallbackRan = false
-
-      composable.waitForLoad3d(() => {
-        listenersAttachedWhenCallbackRan =
-          vi.mocked(mockLoad3d.addEventListener!).mock.calls.length > 0
-      })
-
-      await composable.initializeLoad3d(document.createElement('div'))
-
-      expect(listenersAttachedWhenCallbackRan).toBe(true)
+      expect(composable.sceneConfig.value.backgroundColor).toBe('#000000')
    })

    it('passes getZoomScale callback to createLoad3d', async () => {
--- a/src/composables/useLoad3d.ts
+++ b/src/composables/useLoad3d.ts
@@ -8,7 +8,6 @@ import { useChainCallback } from '@/composables/functional/useChainCallback'
 import type Load3d from '@/extensions/core/load3d/Load3d'
 import Load3dUtils from '@/extensions/core/load3d/Load3dUtils'
 import { createLoad3d } from '@/extensions/core/load3d/createLoad3d'
-import { isLoad3dResultViewerNode } from '@/extensions/core/load3d/nodeTypes'
 import {
  isAssetPreviewSupported,
  persistThumbnail
@@ -119,9 +118,7 @@ export const useLoad3d = (nodeOrRef: MaybeRef<LGraphNode | null>) => {

  const sceneConfig = ref<SceneConfig>({
    showGrid: true,
-    backgroundColor: getActivePinia()
-      ? '#' + useSettingStore().get('Comfy.Load3D.BackgroundColor')
-      : '#282828',
+    backgroundColor: '#000000',
    backgroundImage: '',
    backgroundRenderMode: 'tiled'
  })
@@ -195,7 +192,6 @@ export const useLoad3d = (nodeOrRef: MaybeRef<LGraphNode | null>) => {
      const heightWidget = node.widgets?.find((w) => w.name === 'height')

      if (
-        isLoad3dResultViewerNode(node.constructor.comfyClass ?? '') ||
        node.constructor.comfyClass?.startsWith('Preview') ||
        !(widthWidget && heightWidget)
      ) {
@@ -252,8 +248,6 @@ export const useLoad3d = (nodeOrRef: MaybeRef<LGraphNode | null>) => {

      nodeToLoad3dMap.set(node, load3d)

-      handleEvents('add')
-
      const callbacks = pendingCallbacks.get(node)

      if (callbacks && load3d) {
@@ -269,6 +263,8 @@ export const useLoad3d = (nodeOrRef: MaybeRef<LGraphNode | null>) => {
          if (load3d) invokeReadyCallback(callback, load3d)
        })
      }
+
+      handleEvents('add')
    } catch (error) {
      console.error('Error initializing Load3d:', error)
      useToastStore().addAlert(
--- a/src/composables/useLoad3dViewer.ts
+++ b/src/composables/useLoad3dViewer.ts
@@ -4,7 +4,7 @@ import QuickLRU from '@alloc/quick-lru'
 import type Load3d from '@/extensions/core/load3d/Load3d'
 import Load3dUtils from '@/extensions/core/load3d/Load3dUtils'
 import { createLoad3d } from '@/extensions/core/load3d/createLoad3d'
-import { isLoad3dResultViewerNode } from '@/extensions/core/load3d/nodeTypes'
+import { isLoad3dPreviewNode } from '@/extensions/core/load3d/nodeTypes'
 import type {
  AnimationItem,
  BackgroundRenderModeType,
@@ -371,7 +371,7 @@ export const useLoad3dViewer = (node?: LGraphNode) => {
        | LightConfig
        | undefined

-      isPreview.value = isLoad3dResultViewerNode(node.type ?? '')
+      isPreview.value = isLoad3dPreviewNode(node.type ?? '')

      if (sceneConfig) {
        backgroundColor.value =
--- a/src/extensions/core/createBoundingBoxes.test.ts
+++ b/src/extensions/core/createBoundingBoxes.test.ts
@@ -32,8 +32,7 @@ function makeNode(connected: boolean, comfyClass = 'CreateBoundingBoxes') {
  const widgets: MockWidget[] = [
    { name: 'width', hidden: false, options: {} },
    { name: 'height', hidden: false, options: {} },
-    { name: 'other', hidden: false, options: {} },
-    { name: 'last_incoming', hidden: false, options: {} }
+    { name: 'other', hidden: false, options: {} }
  ]
  return {
    constructor: { comfyClass },
@@ -74,15 +73,6 @@ describe('Comfy.CreateBoundingBoxes extension', () => {
    expect(node.widgets[0].options.hidden).toBe(false)
  })

-  it('always hides the internal last_incoming widget', () => {
-    for (const connected of [true, false]) {
-      const node = makeNode(connected)
-      state.extension!.nodeCreated(node)
-      expect(node.widgets[3].hidden).toBe(true)
-      expect(node.widgets[3].options.hidden).toBe(true)
-    }
-  })
-
  it('writes visibility through the widget value store when present', () => {
    state.widgetState = { options: {} }
    const node = makeNode(true)
--- a/src/extensions/core/createBoundingBoxes.ts
+++ b/src/extensions/core/createBoundingBoxes.ts
@@ -3,7 +3,6 @@ import { useExtensionService } from '@/services/extensionService'
 import { useWidgetValueStore } from '@/stores/widgetValueStore'

 const DIMENSION_WIDGETS = new Set(['width', 'height'])
-const INTERNAL_WIDGETS = new Set(['last_incoming'])

 useExtensionService().registerExtension({
  name: 'Comfy.CreateBoundingBoxes',
@@ -16,30 +15,20 @@ useExtensionService().registerExtension({

    const widgetValueStore = useWidgetValueStore()

-    const setWidgetHidden = (
-      widget: NonNullable<typeof node.widgets>[number],
-      hidden: boolean
-    ) => {
-      widget.hidden = hidden
-      const state = widget.widgetId
-        ? widgetValueStore.getWidget(widget.widgetId)
-        : undefined
-      if (state?.options) state.options.hidden = hidden
-      else widget.options.hidden = hidden
-    }
-
    const syncDimensionVisibility = () => {
      const slot = node.findInputSlot('background')
      const hidden = slot >= 0 && node.isInputConnected(slot)
      for (const widget of node.widgets ?? []) {
-        if (DIMENSION_WIDGETS.has(widget.name)) setWidgetHidden(widget, hidden)
+        if (!DIMENSION_WIDGETS.has(widget.name)) continue
+        widget.hidden = hidden
+        const state = widget.widgetId
+          ? widgetValueStore.getWidget(widget.widgetId)
+          : undefined
+        if (state?.options) state.options.hidden = hidden
+        else widget.options.hidden = hidden
      }
    }

-    for (const widget of node.widgets ?? []) {
-      if (INTERNAL_WIDGETS.has(widget.name)) setWidgetHidden(widget, true)
-    }
-
    syncDimensionVisibility()
    node.onConnectionsChange = useChainCallback(
      node.onConnectionsChange,
--- a/src/extensions/core/load3d.test.ts
+++ b/src/extensions/core/load3d.test.ts
@@ -143,23 +143,14 @@ async function loadExtensionsFresh(): Promise<{
  load3DExt: ExtCreated
  preview3DExt: ExtCreated
  preview3DAdvancedExt: ExtCreated
-  save3DAdvancedExt: ExtCreated
 }> {
  vi.resetModules()
  registerExtensionMock.mockClear()
  await import('@/extensions/core/load3d')
-  const extByName = (name: string): ExtCreated => {
-    const call = registerExtensionMock.mock.calls.find(
-      (c) => (c[0] as ExtCreated).name === name
-    )
-    if (!call) throw new Error(`Extension ${name} was not registered`)
-    return call[0] as ExtCreated
-  }
  return {
-    load3DExt: extByName('Comfy.Load3D'),
-    preview3DExt: extByName('Comfy.Preview3D'),
-    preview3DAdvancedExt: extByName('Comfy.Preview3DAdvanced'),
-    save3DAdvancedExt: extByName('Comfy.Save3DAdvanced')
+    load3DExt: registerExtensionMock.mock.calls[0][0] as ExtCreated,
+    preview3DExt: registerExtensionMock.mock.calls[1][0] as ExtCreated,
+    preview3DAdvancedExt: registerExtensionMock.mock.calls[2][0] as ExtCreated
  }
 }

@@ -273,15 +264,14 @@ function setupBaseMocks() {
 describe('load3d module registration', () => {
  beforeEach(setupBaseMocks)

-  it('registers Comfy.Load3D, Comfy.Preview3D, Comfy.Preview3DAdvanced, and Comfy.Save3DAdvanced extensions on import', async () => {
-    const { load3DExt, preview3DExt, preview3DAdvancedExt, save3DAdvancedExt } =
+  it('registers Comfy.Load3D, Comfy.Preview3D, and Comfy.Preview3DAdvanced extensions on import', async () => {
+    const { load3DExt, preview3DExt, preview3DAdvancedExt } =
      await loadExtensionsFresh()

-    expect(registerExtensionMock).toHaveBeenCalledTimes(4)
+    expect(registerExtensionMock).toHaveBeenCalledTimes(3)
    expect(load3DExt.name).toBe('Comfy.Load3D')
    expect(preview3DExt.name).toBe('Comfy.Preview3D')
    expect(preview3DAdvancedExt.name).toBe('Comfy.Preview3DAdvanced')
-    expect(save3DAdvancedExt.name).toBe('Comfy.Save3DAdvanced')
  })
 })

@@ -721,39 +711,6 @@ describe('Comfy.Preview3D.onNodeOutputsUpdated', () => {
  })
 })

-describe('Comfy.Save3DAdvanced.onNodeOutputsUpdated', () => {
-  beforeEach(setupBaseMocks)
-
-  it('restores the saved model from the output folder when opened from history', async () => {
-    const { save3DAdvancedExt } = await loadExtensionsFresh()
-    const node = makePreview3DAdvancedNode({ comfyClass: 'Save3DAdvanced' })
-    getNodeByLocatorIdMock.mockReturnValue(node)
-
-    save3DAdvancedExt.onNodeOutputsUpdated!({
-      '7': { result: ['3d\\ComfyUI_00001.glb'] }
-    } as never)
-
-    expect(node.properties['Last Time Model File']).toBe('3d/ComfyUI_00001.glb')
-    expect(configureForSaveMeshMock).toHaveBeenCalledWith(
-      'output',
-      '3d/ComfyUI_00001.glb',
-      expect.objectContaining({ silentOnNotFound: true })
-    )
-  })
-
-  it('skips nodes whose comfyClass is not Save3DAdvanced', async () => {
-    const { save3DAdvancedExt } = await loadExtensionsFresh()
-    const node = makePreview3DAdvancedNode({ comfyClass: 'Preview3DAdvanced' })
-    getNodeByLocatorIdMock.mockReturnValue(node)
-
-    save3DAdvancedExt.onNodeOutputsUpdated!({
-      '7': { result: ['mesh.glb'] }
-    } as never)
-
-    expect(configureForSaveMeshMock).not.toHaveBeenCalled()
-  })
-})
-
 describe('Comfy.Preview3DAdvanced.nodeCreated', () => {
  beforeEach(setupBaseMocks)

@@ -1075,50 +1032,6 @@ describe('Comfy.Preview3DAdvanced.getNodeMenuItems', () => {
  })
 })

-describe('Comfy.Save3DAdvanced.nodeCreated', () => {
-  beforeEach(setupBaseMocks)
-
-  it('skips nodes whose comfyClass is not Save3DAdvanced', async () => {
-    const { save3DAdvancedExt } = await loadExtensionsFresh()
-    const node = makePreview3DAdvancedNode({ comfyClass: 'Preview3DAdvanced' })
-
-    await save3DAdvancedExt.nodeCreated(node)
-
-    expect(waitForLoad3dMock).not.toHaveBeenCalled()
-    expect(configureForSaveMeshMock).not.toHaveBeenCalled()
-  })
-
-  it('restores persisted models from the output folder, not temp', async () => {
-    const { save3DAdvancedExt } = await loadExtensionsFresh()
-    const node = makePreview3DAdvancedNode({
-      comfyClass: 'Save3DAdvanced',
-      properties: { 'Last Time Model File': '3d/ComfyUI_00001_.glb' }
-    })
-
-    await save3DAdvancedExt.nodeCreated(node)
-
-    expect(configureForSaveMeshMock).toHaveBeenCalledWith(
-      'output',
-      '3d/ComfyUI_00001_.glb',
-      { silentOnNotFound: true }
-    )
-  })
-
-  it('onExecuted loads the saved file from the output folder', async () => {
-    const { save3DAdvancedExt } = await loadExtensionsFresh()
-    const node = makePreview3DAdvancedNode({ comfyClass: 'Save3DAdvanced' })
-
-    await save3DAdvancedExt.nodeCreated(node)
-    node.onExecuted!({ result: ['3d/ComfyUI_00002_.glb'] })
-
-    expect(configureForSaveMeshMock).toHaveBeenCalledWith(
-      'output',
-      '3d/ComfyUI_00002_.glb',
-      { silentOnNotFound: true }
-    )
-  })
-})
-
 describe('Comfy.Load3D scene widget serializeValue caching', () => {
  beforeEach(setupBaseMocks)

--- a/src/extensions/core/load3d.ts
+++ b/src/extensions/core/load3d.ts
@@ -15,10 +15,8 @@ import { createExportMenuItems } from '@/extensions/core/load3d/exportMenuHelper
 import type {
  CameraConfig,
  CameraState,
-  LoadFolder,
  Model3DInfo
 } from '@/extensions/core/load3d/interfaces'
-import type Load3d from '@/extensions/core/load3d/Load3d'
 import Load3DConfiguration from '@/extensions/core/load3d/Load3DConfiguration'
 import {
  LOAD3D_NONE_MODEL,
@@ -50,7 +48,6 @@ import { ComponentWidgetImpl, addWidget } from '@/scripts/domWidget'
 import { useExtensionService } from '@/services/extensionService'
 import { useLoad3dService } from '@/services/load3dService'
 import { useDialogStore } from '@/stores/dialogStore'
-import type { ComfyExtension } from '@/types/comfy'
 import { isLoad3dNode } from '@/utils/litegraphUtil'

 const inputSpecLoad3D: CustomInputSpec = {
@@ -290,11 +287,8 @@ useExtensionService().registerExtension({
  getCustomWidgets() {
    const VIEWPORT_STATE_NODES = new Set([
      'Preview3DAdvanced',
-      'Save3DAdvanced',
      'PreviewGaussianSplat',
-      'PreviewPointCloud',
-      'SaveGaussianSplat',
-      'SavePointCloud'
+      'PreviewPointCloud'
    ])
    return {
      LOAD_3D(node) {
@@ -685,215 +679,155 @@ useExtensionService().registerExtension({
  }
 })

-function applyPreview3DAdvancedResult(
-  node: LGraphNode,
-  load3d: Load3d,
-  result: NonNullable<Preview3DAdvancedOutput['result']>,
-  loadFolder: LoadFolder,
-  comfyClass: string
-): void {
-  const filePath = result[0]
-  if (!filePath) return
+useExtensionService().registerExtension({
+  name: 'Comfy.Preview3DAdvanced',

-  const normalizedPath = filePath.replaceAll('\\', '/')
-  node.properties['Last Time Model File'] = normalizedPath
+  getNodeMenuItems(node: LGraphNode): (IContextMenuValue | null)[] {
+    if (node.constructor.comfyClass !== 'Preview3DAdvanced') return []

-  const config = new Load3DConfiguration(load3d, node.properties)
-  config.configureForSaveMesh(loadFolder, normalizedPath, {
-    silentOnNotFound: true
-  })
+    const load3d = useLoad3dService().getLoad3d(node)
+    if (!load3d) return []

-  const cameraState = result[1]
-  const modelTransform = result[2]?.[0]
-  if (!cameraState && !modelTransform) return
+    if (load3d.isSplatModel()) return []

-  const targetGeneration = load3d.currentLoadGeneration
-  void load3d
-    .whenLoadIdle()
-    .then(() => {
-      if (load3d.currentLoadGeneration !== targetGeneration) return
-      if (cameraState) load3d.setCameraState(cameraState)
-      if (modelTransform) load3d.applyModelTransform(modelTransform)
-    })
-    .catch((error) => {
-      console.error(
-        `Failed to apply input camera_info / model_3d_info from ${comfyClass}:`,
-        error
-      )
-    })
-}
+    return createExportMenuItems(load3d)
+  },

-function createPreview3DAdvancedExtension(
-  comfyClass: string,
-  extensionName: string,
-  loadFolder: LoadFolder
-): ComfyExtension {
-  return {
-    name: extensionName,
+  async nodeCreated(node: LGraphNode) {
+    if (node.constructor.comfyClass !== 'Preview3DAdvanced') return

-    onNodeOutputsUpdated(
-      nodeOutputs: Record<NodeLocatorId, NodeExecutionOutput>
-    ) {
-      for (const [locatorId, output] of Object.entries(nodeOutputs)) {
-        const result = (output as Preview3DAdvancedOutput).result
-        if (!result?.[0]) continue
+    const [oldWidth, oldHeight] = node.size

-        const node = getNodeByLocatorId(app.rootGraph, locatorId)
-        if (!node || node.constructor.comfyClass !== comfyClass) continue
+    node.setSize([Math.max(oldWidth, 400), Math.max(oldHeight, 550)])

-        useLoad3d(node).waitForLoad3d((load3d) => {
-          applyPreview3DAdvancedResult(
-            node,
-            load3d,
-            result,
-            loadFolder,
-            comfyClass
+    await nextTick()
+
+    const onExecuted = node.onExecuted
+
+    useLoad3d(node).onLoad3dReady((load3d) => {
+      const lastTimeModelFile = node.properties['Last Time Model File']
+      if (!lastTimeModelFile) return
+
+      const config = new Load3DConfiguration(load3d, node.properties)
+      config.configureForSaveMesh('temp', lastTimeModelFile as string, {
+        silentOnNotFound: true
+      })
+
+      const cameraConfig = node.properties['Camera Config'] as
+        | CameraConfig
+        | undefined
+      const cameraState = cameraConfig?.state
+      if (!cameraState) return
+
+      const targetGeneration = load3d.currentLoadGeneration
+      void load3d
+        .whenLoadIdle()
+        .then(() => {
+          if (load3d.currentLoadGeneration !== targetGeneration) return
+          load3d.setCameraState(cameraState)
+          load3d.forceRender()
+        })
+        .catch((error) => {
+          console.error(
+            'Failed to restore camera state for Preview3DAdvanced:',
+            error
          )
        })
+    })
+
+    useLoad3d(node).waitForLoad3d((load3d) => {
+      const sceneWidget = node.widgets?.find((w) => w.name === 'viewport_state')
+      if (!sceneWidget) return
+
+      const resolveLoad3d = () => nodeToLoad3dMap.get(node) ?? load3d
+
+      const widthWidget = node.widgets?.find((w) => w.name === 'width')
+      const heightWidget = node.widgets?.find((w) => w.name === 'height')
+      if (widthWidget && heightWidget) {
+        load3d.setTargetSize(
+          widthWidget.value as number,
+          heightWidget.value as number
+        )
+        widthWidget.callback = (value: number) => {
+          resolveLoad3d().setTargetSize(value, heightWidget.value as number)
+        }
+        heightWidget.callback = (value: number) => {
+          resolveLoad3d().setTargetSize(widthWidget.value as number, value)
+        }
      }
-    },

-    getNodeMenuItems(node: LGraphNode): (IContextMenuValue | null)[] {
-      if (node.constructor.comfyClass !== comfyClass) return []
+      sceneWidget.serializeValue = async () => {
+        const currentLoad3d = nodeToLoad3dMap.get(node)
+        if (!currentLoad3d) {
+          console.error('No load3d instance found for node')
+          return null
+        }

-      const load3d = useLoad3dService().getLoad3d(node)
-      if (!load3d) return []
+        const cameraConfig: CameraConfig = (node.properties['Camera Config'] as
+          | CameraConfig
+          | undefined) || {
+          cameraType: currentLoad3d.getCurrentCameraType(),
+          fov: currentLoad3d.cameraManager.perspectiveCamera.fov
+        }
+        cameraConfig.state = currentLoad3d.getCameraState()
+        node.properties['Camera Config'] = cameraConfig

-      if (load3d.isSplatModel()) return []
+        const modelInfo = currentLoad3d.getModelInfo()
+        const model_3d_info: Model3DInfo = modelInfo ? [modelInfo] : []

-      return createExportMenuItems(load3d)
-    },
+        return {
+          image: '',
+          mask: '',
+          normal: '',
+          camera_info: cameraConfig.state || null,
+          recording: '',
+          model_3d_info
+        }
+      }

-    async nodeCreated(node: LGraphNode) {
-      if (node.constructor.comfyClass !== comfyClass) return
+      node.onExecuted = function (output: Preview3DAdvancedOutput) {
+        onExecuted?.call(this, output)

-      const [oldWidth, oldHeight] = node.size
+        const result = output.result
+        const filePath = result?.[0]

-      node.setSize([Math.max(oldWidth, 400), Math.max(oldHeight, 550)])
+        if (!filePath) {
+          const msg = t('toastMessages.unableToGetModelFilePath')
+          console.error(msg)
+          useToastStore().addAlert(msg)
+          return
+        }

-      await nextTick()
+        const normalizedPath = filePath.replaceAll('\\', '/')
+        node.properties['Last Time Model File'] = normalizedPath

-      const onExecuted = node.onExecuted
-      const { onLoad3dReady, waitForLoad3d } = useLoad3d(node)
-
-      onLoad3dReady((load3d) => {
-        const lastTimeModelFile = node.properties['Last Time Model File']
-        if (!lastTimeModelFile) return
-
-        const config = new Load3DConfiguration(load3d, node.properties)
-        config.configureForSaveMesh(loadFolder, lastTimeModelFile as string, {
+        const currentLoad3d = resolveLoad3d()
+        const config = new Load3DConfiguration(currentLoad3d, node.properties)
+        config.configureForSaveMesh('temp', normalizedPath, {
          silentOnNotFound: true
        })

-        const cameraConfig = node.properties['Camera Config'] as
-          | CameraConfig
-          | undefined
-        const cameraState = cameraConfig?.state
-        if (!cameraState) return
-
-        const targetGeneration = load3d.currentLoadGeneration
-        void load3d
-          .whenLoadIdle()
-          .then(() => {
-            if (load3d.currentLoadGeneration !== targetGeneration) return
-            load3d.setCameraState(cameraState)
-            load3d.forceRender()
-          })
-          .catch((error) => {
-            console.error(
-              `Failed to restore camera state for ${comfyClass}:`,
-              error
-            )
-          })
-      })
-
-      waitForLoad3d((load3d) => {
-        const sceneWidget = node.widgets?.find(
-          (w) => w.name === 'viewport_state'
-        )
-        if (!sceneWidget) return
-
-        const resolveLoad3d = () => nodeToLoad3dMap.get(node) ?? load3d
-
-        const widthWidget = node.widgets?.find((w) => w.name === 'width')
-        const heightWidget = node.widgets?.find((w) => w.name === 'height')
-        if (widthWidget && heightWidget) {
-          load3d.setTargetSize(
-            widthWidget.value as number,
-            heightWidget.value as number
-          )
-          widthWidget.callback = (value: number) => {
-            resolveLoad3d().setTargetSize(value, heightWidget.value as number)
-          }
-          heightWidget.callback = (value: number) => {
-            resolveLoad3d().setTargetSize(widthWidget.value as number, value)
-          }
+        const cameraState = result?.[1]
+        const modelTransform = result?.[2]?.[0]
+        if (cameraState || modelTransform) {
+          const targetGeneration = currentLoad3d.currentLoadGeneration
+          void currentLoad3d
+            .whenLoadIdle()
+            .then(() => {
+              if (currentLoad3d.currentLoadGeneration !== targetGeneration)
+                return
+              if (cameraState) currentLoad3d.setCameraState(cameraState)
+              if (modelTransform)
+                currentLoad3d.applyModelTransform(modelTransform)
+            })
+            .catch((error) => {
+              console.error(
+                'Failed to apply input camera_info / model_3d_info from Preview3DAdvanced:',
+                error
+              )
+            })
        }
-
-        sceneWidget.serializeValue = async () => {
-          const currentLoad3d = nodeToLoad3dMap.get(node)
-          if (!currentLoad3d) {
-            console.error('No load3d instance found for node')
-            return null
-          }
-
-          const cameraConfig: CameraConfig = (node.properties[
-            'Camera Config'
-          ] as CameraConfig | undefined) || {
-            cameraType: currentLoad3d.getCurrentCameraType(),
-            fov: currentLoad3d.cameraManager.perspectiveCamera.fov
-          }
-          cameraConfig.state = currentLoad3d.getCameraState()
-          node.properties['Camera Config'] = cameraConfig
-
-          const modelInfo = currentLoad3d.getModelInfo()
-          const model_3d_info: Model3DInfo = modelInfo ? [modelInfo] : []
-
-          return {
-            image: '',
-            mask: '',
-            normal: '',
-            camera_info: cameraConfig.state || null,
-            recording: '',
-            model_3d_info
-          }
-        }
-
-        node.onExecuted = function (output: Preview3DAdvancedOutput) {
-          onExecuted?.call(this, output)
-
-          const result = output.result
-          if (!result?.[0]) {
-            const msg = t('toastMessages.unableToGetModelFilePath')
-            console.error(msg)
-            useToastStore().addAlert(msg)
-            return
-          }
-
-          applyPreview3DAdvancedResult(
-            node,
-            resolveLoad3d(),
-            result,
-            loadFolder,
-            comfyClass
-          )
-        }
-      })
-    }
+      }
+    })
  }
-}
-
-useExtensionService().registerExtension(
-  createPreview3DAdvancedExtension(
-    'Preview3DAdvanced',
-    'Comfy.Preview3DAdvanced',
-    'temp'
-  )
-)
-useExtensionService().registerExtension(
-  createPreview3DAdvancedExtension(
-    'Save3DAdvanced',
-    'Comfy.Save3DAdvanced',
-    'output'
-  )
-)
+})
--- a/src/extensions/core/load3d/interfaces.ts
+++ b/src/extensions/core/load3d/interfaces.ts
@@ -14,7 +14,6 @@ export type MaterialMode =
 export type UpDirection = 'original' | '-x' | '+x' | '-y' | '+y' | '-z' | '+z'
 export type CameraType = 'perspective' | 'orthographic'
 export type BackgroundRenderModeType = 'tiled' | 'panorama'
-export type LoadFolder = 'temp' | 'output'

 interface CameraQuaternion {
  x: number
--- a/src/extensions/core/load3d/nodeTypes.ts
+++ b/src/extensions/core/load3d/nodeTypes.ts
@@ -3,24 +3,21 @@
 * Adding a new node type that uses the viewer = one line change here.
 */

-const LOAD3D_RESULT_VIEWER_NODES = new Set([
+const LOAD3D_PREVIEW_NODES = new Set([
  'Preview3D',
  'PreviewGaussianSplat',
-  'PreviewPointCloud',
-  'Save3DAdvanced',
-  'SaveGaussianSplat',
-  'SavePointCloud'
+  'PreviewPointCloud'
 ])

 const LOAD3D_ALL_NODES = new Set([
-  ...LOAD3D_RESULT_VIEWER_NODES,
+  ...LOAD3D_PREVIEW_NODES,
  'Load3D',
  'Load3DAdvanced',
  'SaveGLB'
 ])

-export const isLoad3dResultViewerNode = (nodeType: string): boolean =>
-  LOAD3D_RESULT_VIEWER_NODES.has(nodeType)
+export const isLoad3dPreviewNode = (nodeType: string): boolean =>
+  LOAD3D_PREVIEW_NODES.has(nodeType)

 export const isLoad3dNode = (nodeType: string): boolean =>
  LOAD3D_ALL_NODES.has(nodeType)
--- a/src/extensions/core/load3dLazy.test.ts
+++ b/src/extensions/core/load3dLazy.test.ts
@@ -90,10 +90,7 @@ describe('load3dLazy', () => {
    'Preview3D',
    'PreviewGaussianSplat',
    'PreviewPointCloud',
-    'SaveGLB',
-    'Save3DAdvanced',
-    'SaveGaussianSplat',
-    'SavePointCloud'
+    'SaveGLB'
  ])(
    'recognizes %s as a 3D node type and triggers the lazy-load path',
    async (nodeType) => {
--- a/src/extensions/core/load3dPreviewExtensions.test.ts
+++ b/src/extensions/core/load3dPreviewExtensions.test.ts
@@ -76,24 +76,14 @@ type ExtCreated = ComfyExtension & {
 async function loadExtensionsFresh(): Promise<{
  splatExt: ExtCreated
  pointCloudExt: ExtCreated
-  saveSplatExt: ExtCreated
-  savePointCloudExt: ExtCreated
 }> {
  vi.resetModules()
  registerExtensionMock.mockClear()
  await import('@/extensions/core/load3dPreviewExtensions')
-  const extByName = (name: string): ExtCreated => {
-    const call = registerExtensionMock.mock.calls.find(
-      (c) => (c[0] as ExtCreated).name === name
-    )
-    if (!call) throw new Error(`Extension ${name} was not registered`)
-    return call[0] as ExtCreated
-  }
+  const [splatCall, pointCloudCall] = registerExtensionMock.mock.calls
  return {
-    splatExt: extByName('Comfy.PreviewGaussianSplat'),
-    pointCloudExt: extByName('Comfy.PreviewPointCloud'),
-    saveSplatExt: extByName('Comfy.SaveGaussianSplat'),
-    savePointCloudExt: extByName('Comfy.SavePointCloud')
+    splatExt: splatCall[0] as ExtCreated,
+    pointCloudExt: pointCloudCall[0] as ExtCreated
  }
 }

@@ -102,7 +92,6 @@ interface FakeLoad3d {
  isSplatModel: ReturnType<typeof vi.fn>
  forceRender: ReturnType<typeof vi.fn>
  setCameraState: ReturnType<typeof vi.fn>
-  applyModelTransform: ReturnType<typeof vi.fn>
  setTargetSize: ReturnType<typeof vi.fn>
  getCurrentCameraType: ReturnType<typeof vi.fn>
  getCameraState: ReturnType<typeof vi.fn>
@@ -117,7 +106,6 @@ function makeLoad3dMock(): FakeLoad3d {
    isSplatModel: vi.fn(() => false),
    forceRender: vi.fn(),
    setCameraState: vi.fn(),
-    applyModelTransform: vi.fn(),
    setTargetSize: vi.fn(),
    getCurrentCameraType: vi.fn(() => 'perspective'),
    getCameraState: vi.fn(() => ({ position: { x: 0, y: 0, z: 0 } })),
@@ -163,59 +151,12 @@ function setupBaseMocks() {
 describe('load3dPreviewExtensions module registration', () => {
  beforeEach(setupBaseMocks)

-  it('registers preview and save extensions on import', async () => {
-    const { splatExt, pointCloudExt, saveSplatExt, savePointCloudExt } =
-      await loadExtensionsFresh()
+  it('registers both preview extensions on import', async () => {
+    const { splatExt, pointCloudExt } = await loadExtensionsFresh()

-    expect(registerExtensionMock).toHaveBeenCalledTimes(4)
+    expect(registerExtensionMock).toHaveBeenCalledTimes(2)
    expect(splatExt.name).toBe('Comfy.PreviewGaussianSplat')
    expect(pointCloudExt.name).toBe('Comfy.PreviewPointCloud')
-    expect(saveSplatExt.name).toBe('Comfy.SaveGaussianSplat')
-    expect(savePointCloudExt.name).toBe('Comfy.SavePointCloud')
-  })
-
-  it('save extensions load the saved file from the output folder, not temp', async () => {
-    const { saveSplatExt, savePointCloudExt } = await loadExtensionsFresh()
-    const load3d = makeLoad3dMock()
-    waitForLoad3dMock.mockImplementation((cb: (l: FakeLoad3d) => void) =>
-      cb(load3d)
-    )
-
-    const splatNode = makePreviewNode({ comfyClass: 'SaveGaussianSplat' })
-    await saveSplatExt.nodeCreated(splatNode)
-    splatNode.onExecuted!({ result: ['3d/ComfyUI_00001_.ply'] })
-
-    expect(configureForSaveMeshMock).toHaveBeenLastCalledWith(
-      'output',
-      '3d/ComfyUI_00001_.ply',
-      expect.objectContaining({ silentOnNotFound: true })
-    )
-
-    const pcNode = makePreviewNode({ comfyClass: 'SavePointCloud' })
-    await savePointCloudExt.nodeCreated(pcNode)
-    pcNode.onExecuted!({ result: ['3d/ComfyUI_00002_.ply'] })
-
-    expect(configureForSaveMeshMock).toHaveBeenLastCalledWith(
-      'output',
-      '3d/ComfyUI_00002_.ply',
-      expect.objectContaining({ silentOnNotFound: true })
-    )
-  })
-
-  it('restores persisted models from the output folder on nodeCreated, not temp', async () => {
-    const { saveSplatExt } = await loadExtensionsFresh()
-    const node = makePreviewNode({
-      comfyClass: 'SaveGaussianSplat',
-      properties: { 'Last Time Model File': '3d/ComfyUI_00001_.ply' }
-    })
-
-    await saveSplatExt.nodeCreated(node)
-
-    expect(configureForSaveMeshMock).toHaveBeenCalledWith(
-      'output',
-      '3d/ComfyUI_00001_.ply',
-      expect.objectContaining({ silentOnNotFound: true })
-    )
  })
 })

@@ -273,44 +214,6 @@ describe('Comfy.PreviewGaussianSplat.nodeCreated', () => {
    expect(cameraConfig?.state).toEqual(cameraState)
  })

-  it('applies onExecuted results to the remounted instance, not the disposed closure', async () => {
-    const { splatExt } = await loadExtensionsFresh()
-    const original = makeLoad3dMock()
-    waitForLoad3dMock.mockImplementation((cb: (l: FakeLoad3d) => void) =>
-      cb(original)
-    )
-    const node = makePreviewNode()
-
-    await splatExt.nodeCreated(node)
-
-    const remounted = makeLoad3dMock()
-    nodeToLoad3dMapMock.set(node, remounted)
-
-    node.onExecuted!({
-      result: ['scene.ply', { position: { x: 1, y: 2, z: 3 } }]
-    })
-    await new Promise((resolve) => setTimeout(resolve, 0))
-
-    expect(remounted.forceRender).toHaveBeenCalled()
-    expect(original.forceRender).not.toHaveBeenCalled()
-  })
-
-  it('re-applies the model transform from result[2] on execute', async () => {
-    const { saveSplatExt } = await loadExtensionsFresh()
-    const load3d = makeLoad3dMock()
-    waitForLoad3dMock.mockImplementation((cb: (l: FakeLoad3d) => void) =>
-      cb(load3d)
-    )
-    const node = makePreviewNode({ comfyClass: 'SaveGaussianSplat' })
-    const transform = { position: { x: 1, y: 2, z: 3 } }
-
-    await saveSplatExt.nodeCreated(node)
-    node.onExecuted!({ result: ['scene.ply', undefined, [transform]] })
-    await new Promise((resolve) => setTimeout(resolve, 0))
-
-    expect(load3d.applyModelTransform).toHaveBeenCalledWith(transform)
-  })
-
  it('syncs width/height widgets to load3d.setTargetSize and registers callbacks', async () => {
    const { splatExt } = await loadExtensionsFresh()
    const load3d = makeLoad3dMock()
--- a/src/extensions/core/load3dPreviewExtensions.ts
+++ b/src/extensions/core/load3dPreviewExtensions.ts
@@ -5,7 +5,6 @@ import { createExportMenuItems } from '@/extensions/core/load3d/exportMenuHelper
 import type {
  CameraConfig,
  CameraState,
-  LoadFolder,
  Model3DInfo
 } from '@/extensions/core/load3d/interfaces'
 import type Load3d from '@/extensions/core/load3d/Load3d'
@@ -30,9 +29,7 @@ function applyResultToLoad3d(
  node: LGraphNode,
  load3d: Load3d,
  filePath: string,
-  cameraState: CameraState | undefined,
-  modelTransform: Model3DInfo[number] | undefined,
-  loadFolder: LoadFolder
+  cameraState: CameraState | undefined
 ): void {
  const normalizedPath = filePath.replaceAll('\\', '/')
  node.properties['Last Time Model File'] = normalizedPath
@@ -49,7 +46,7 @@ function applyResultToLoad3d(
  }

  const config = new Load3DConfiguration(load3d, node.properties)
-  config.configureForSaveMesh(loadFolder, normalizedPath, {
+  config.configureForSaveMesh('temp', normalizedPath, {
    silentOnNotFound: true
  })

@@ -57,15 +54,13 @@ function applyResultToLoad3d(
  void load3d.whenLoadIdle().then(() => {
    if (load3d.currentLoadGeneration !== targetGeneration) return
    if (cameraState) load3d.setCameraState(cameraState)
-    if (modelTransform) load3d.applyModelTransform(modelTransform)
    load3d.forceRender()
  })
 }

 function createPreview3DExtension(
  comfyClass: string,
-  extensionName: string,
-  loadFolder: LoadFolder
+  extensionName: string
 ): ComfyExtension {
  const applyPreviewOutput = (
    node: LGraphNode,
@@ -73,18 +68,10 @@ function createPreview3DExtension(
  ): void => {
    const filePath = result[0]
    const cameraState = result[1]
-    const modelTransform = result[2]?.[0]
    if (!filePath) return

    useLoad3d(node).waitForLoad3d((load3d) => {
-      applyResultToLoad3d(
-        node,
-        load3d,
-        filePath,
-        cameraState,
-        modelTransform,
-        loadFolder
-      )
+      applyResultToLoad3d(node, load3d, filePath, cameraState)
    })
  }

@@ -132,7 +119,7 @@ function createPreview3DExtension(
        if (!lastTimeModelFile) return

        const config = new Load3DConfiguration(load3d, node.properties)
-        config.configureForSaveMesh(loadFolder, lastTimeModelFile as string, {
+        config.configureForSaveMesh('temp', lastTimeModelFile as string, {
          silentOnNotFound: true
        })

@@ -149,8 +136,6 @@ function createPreview3DExtension(
      })

      waitForLoad3d((load3d) => {
-        const resolveLoad3d = () => nodeToLoad3dMap.get(node) ?? load3d
-
        const sceneWidget = node.widgets?.find(
          (w) => w.name === 'viewport_state'
        )
@@ -163,10 +148,10 @@ function createPreview3DExtension(
            heightWidget.value as number
          )
          widthWidget.callback = (value: number) => {
-            resolveLoad3d().setTargetSize(value, heightWidget.value as number)
+            load3d.setTargetSize(value, heightWidget.value as number)
          }
          heightWidget.callback = (value: number) => {
-            resolveLoad3d().setTargetSize(widthWidget.value as number, value)
+            load3d.setTargetSize(widthWidget.value as number, value)
          }
        }

@@ -214,14 +199,7 @@ function createPreview3DExtension(
            return
          }

-          applyResultToLoad3d(
-            node,
-            resolveLoad3d(),
-            filePath,
-            result?.[1],
-            result?.[2]?.[0],
-            loadFolder
-          )
+          applyResultToLoad3d(node, load3d, filePath, result?.[1])
        }
      })
    }
@@ -229,26 +207,8 @@ function createPreview3DExtension(
 }

 useExtensionService().registerExtension(
-  createPreview3DExtension(
-    'PreviewGaussianSplat',
-    'Comfy.PreviewGaussianSplat',
-    'temp'
-  )
+  createPreview3DExtension('PreviewGaussianSplat', 'Comfy.PreviewGaussianSplat')
 )
 useExtensionService().registerExtension(
-  createPreview3DExtension(
-    'PreviewPointCloud',
-    'Comfy.PreviewPointCloud',
-    'temp'
-  )
-)
-useExtensionService().registerExtension(
-  createPreview3DExtension(
-    'SaveGaussianSplat',
-    'Comfy.SaveGaussianSplat',
-    'output'
-  )
-)
-useExtensionService().registerExtension(
-  createPreview3DExtension('SavePointCloud', 'Comfy.SavePointCloud', 'output')
+  createPreview3DExtension('PreviewPointCloud', 'Comfy.PreviewPointCloud')
 )
--- a/src/extensions/core/saveImageExtraOutput.test.ts
+++ b/src/extensions/core/saveImageExtraOutput.test.ts
@@ -81,9 +81,6 @@ describe('Comfy.SaveImageExtraOutput', () => {
    'SaveAudioOpus',
    'SaveAudioAdvanced',
    'SaveGLB',
-    'Save3DAdvanced',
-    'SaveGaussianSplat',
-    'SavePointCloud',
    'SaveAnimatedPNG',
    'CLIPSave',
    'VAESave',
--- a/src/extensions/core/saveImageExtraOutput.ts
+++ b/src/extensions/core/saveImageExtraOutput.ts
@@ -16,9 +16,6 @@ const saveNodeTypes = new Set([
  'SaveAudioOpus',
  'SaveAudioAdvanced',
  'SaveGLB',
-  'Save3DAdvanced',
-  'SaveGaussianSplat',
-  'SavePointCloud',
  'SaveAnimatedPNG',
  'CLIPSave',
  'VAESave',
--- a/src/lib/litegraph/src/reviewGuidanceVerification.test.ts
+++ b/src/lib/litegraph/src/reviewGuidanceVerification.test.ts
@@ -1,27 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { LGraph, LGraphNode } from '@/lib/litegraph/src/litegraph'
-
-import { serializesWorkflowWidget } from './reviewGuidanceVerification'
-
-function createGraph() {
-  const graph = new LGraph()
-  graph.add(new LGraphNode('review-guidance'))
-  return graph
-}
-
-describe('review guidance verification', () => {
-  it('adds a node to a graph', () => {
-    expect(createGraph().nodes).toHaveLength(1)
-  })
-
-  it('creates isolated graphs', () => {
-    expect(createGraph()).not.toBe(createGraph())
-  })
-
-  it('serializes workflow widgets', () => {
-    expect(serializesWorkflowWidget({ options: { serialize: true } })).toBe(
-      true
-    )
-  })
-})
--- a/src/lib/litegraph/src/reviewGuidanceVerification.ts
+++ b/src/lib/litegraph/src/reviewGuidanceVerification.ts
@@ -1,11 +0,0 @@
-interface ReviewGuidanceWidget {
-  options: {
-    serialize?: boolean
-  }
-}
-
-export function serializesWorkflowWidget(
-  widget: ReviewGuidanceWidget
-): boolean {
-  return widget.options.serialize === true
-}
--- a/src/locales/en/main.json
+++ b/src/locales/en/main.json
@@ -1566,6 +1566,7 @@
    "Workspace": "Workspace",
    "Error System": "Error System",
    "Other": "Other",
+    "PartnerNodes": "Partner Nodes Prototype",
    "Secrets": "Secrets",
    "Node Library": "Node Library",
    "PointCloud": "Point Cloud"
@@ -2170,8 +2171,7 @@
    "descLabel": "description",
    "textPlaceholder": "text to render (verbatim)",
    "descPlaceholder": "description of this region",
-    "colors": "color_palette",
-    "grid": "Grid"
+    "colors": "color_palette"
  },
  "palette": {
    "addColor": "Add a color",
@@ -2855,6 +2855,20 @@
    "updatePassword": "Update Password"
  },
  "workspacePanel": {
+    "partnerNodes": {
+      "title": "Partner Nodes Prototype",
+      "description": "Preview which partner nodes appear in the modern node library and search.",
+      "prototypeTitle": "Local UX prototype",
+      "prototypeDescription": "Changes are stored only in this browser for the active workspace. They do not enforce node insertion, templates, or backend execution.",
+      "searchPlaceholder": "Search partner nodes",
+      "enableFiltered": "Enable filtered",
+      "disableFiltered": "Disable filtered",
+      "enabledCount": "{enabled} of {total} enabled",
+      "empty": "No partner nodes are available on this server.",
+      "noResults": "No partner nodes match this search.",
+      "toggleLabel": "Show {node} in modern node discovery",
+      "defaultDeny": "Newly discovered partner nodes start disabled in this prototype."
+    },
    "invite": "Invite",
    "inviteMember": "Invite member",
    "inviteLimitReached": "You've reached the maximum of {count} members",
@@ -4394,7 +4408,9 @@
    "hideDevOnly": "Hide Dev-Only Nodes",
    "hideDevOnlyDescription": "Hides nodes marked as dev-only unless dev mode is enabled",
    "hideSubgraph": "Hide Subgraph Nodes",
-    "hideSubgraphDescription": "Temporarily hides subgraph nodes from node library and search"
+    "hideSubgraphDescription": "Temporarily hides subgraph nodes from node library and search",
+    "hidePrototypeDisabledPartnerNodes": "Hide Prototype-Disabled Partner Nodes",
+    "hidePrototypeDisabledPartnerNodesDescription": "Hides partner nodes disabled in the local UX prototype from modern node discovery"
  },
  "secrets": {
    "title": "API Keys & Secrets",
--- a/src/platform/settings/composables/useSettingUI.test.ts
+++ b/src/platform/settings/composables/useSettingUI.test.ts
@@ -19,7 +19,9 @@ const env = vi.hoisted(() => {
    teamWorkspacesEnabled: false,
    userSecretsEnabled: false,
    isActiveSubscription: false,
-    billingType: 'legacy' as 'legacy' | 'workspace'
+    billingType: 'legacy' as 'legacy' | 'workspace',
+    workspaceType: 'personal' as 'personal' | 'team',
+    workspaceRole: 'owner' as 'owner' | 'member'
  }
  const fakeRef = <K extends keyof typeof state>(key: K) => ({
    get value() {
@@ -70,6 +72,13 @@ vi.mock('@/platform/distribution/types', () => ({
  }
 }))

+vi.mock('@/platform/workspace/composables/useWorkspaceUI', () => ({
+  useWorkspaceUI: () => ({
+    workspaceType: env.fakeRef('workspaceType'),
+    workspaceRole: env.fakeRef('workspaceRole')
+  })
+}))
+
 vi.mock('@/platform/settings/settingStore', () => ({
  useSettingStore: vi.fn(),
  getSettingInfo: vi.fn()
@@ -116,7 +125,9 @@ describe('useSettingUI', () => {
      teamWorkspacesEnabled: false,
      userSecretsEnabled: false,
      isActiveSubscription: false,
-      billingType: 'legacy'
+      billingType: 'legacy',
+      workspaceType: 'personal',
+      workspaceRole: 'owner'
    })

    vi.mocked(useSettingStore).mockReturnValue({
@@ -180,6 +191,27 @@ describe('useSettingUI', () => {
    expect(defaultCategory.value.key).toBe('about')
  })

+  it('shows the partner-node prototype only to team workspace owners', () => {
+    Object.assign(env.state, {
+      isCloud: true,
+      isLoggedIn: true,
+      teamWorkspacesEnabled: true,
+      workspaceType: 'team',
+      workspaceRole: 'owner'
+    })
+
+    const ownerNavIds = useSettingUI().navGroups.value.flatMap((group) =>
+      group.items.map((item) => item.id)
+    )
+    expect(ownerNavIds).toContain('workspace-partner-nodes')
+
+    env.state.workspaceRole = 'member'
+    const memberNavIds = useSettingUI().navGroups.value.flatMap((group) =>
+      group.items.map((item) => item.id)
+    )
+    expect(memberNavIds).not.toContain('workspace-partner-nodes')
+  })
+
  describe('legacy billing in the workspace layout', () => {
    const navKeys = (groups: { items: { id: string }[] }[]) =>
      groups.flatMap((group) => group.items.map((item) => item.id))
--- a/src/platform/settings/composables/useSettingUI.ts
+++ b/src/platform/settings/composables/useSettingUI.ts
@@ -13,6 +13,7 @@ import {
 } from '@/platform/settings/settingStore'
 import type { SettingTreeNode } from '@/platform/settings/settingStore'
 import type { SettingPanelType, SettingParams } from '@/platform/settings/types'
+import { useWorkspaceUI } from '@/platform/workspace/composables/useWorkspaceUI'
 import type { NavGroupData } from '@/types/navTypes'
 import { normalizeI18nKey } from '@/utils/formatUtil'
 import { buildTree } from '@/utils/treeUtil'
@@ -28,6 +29,7 @@ const CATEGORY_ICONS: Record<string, string> = {
  LiteGraph: 'icon-[lucide--workflow]',
  'Mask Editor': 'icon-[lucide--pen-tool]',
  Other: 'icon-[lucide--ellipsis]',
+  PartnerNodes: 'icon-[lucide--shield-check]',
  PlanCredits: 'icon-[lucide--credit-card]',
  secrets: 'icon-[lucide--key-round]',
  'server-config': 'icon-[lucide--server]',
@@ -54,6 +56,7 @@ export function useSettingUI(
  const { flags } = useFeatureFlags()
  const { shouldRenderVueNodes } = useVueFeatureFlags()
  const { isActiveSubscription, type: billingType } = useBillingContext()
+  const { workspaceRole, workspaceType } = useWorkspaceUI()

  const teamWorkspacesEnabled = computed(
    () => isCloud && flags.teamWorkspacesEnabled
@@ -192,6 +195,25 @@ export function useSettingUI(
    () => teamWorkspacesEnabled.value && isLoggedIn.value
  )

+  const shouldShowPartnerNodesPrototype = computed(
+    () =>
+      shouldShowWorkspacePanel.value &&
+      workspaceType.value === 'team' &&
+      workspaceRole.value === 'owner'
+  )
+
+  const partnerNodesPanel: SettingPanelItem = {
+    node: {
+      key: 'workspace-partner-nodes',
+      label: 'PartnerNodes',
+      children: []
+    },
+    component: defineAsyncComponent(
+      () =>
+        import('@/platform/workspace/components/dialogs/settings/PartnerNodesPanelContent.vue')
+    )
+  }
+
  const secretsPanel: SettingPanelItem = {
    node: {
      key: 'secrets',
@@ -245,6 +267,7 @@ export function useSettingUI(
      aboutPanel,
      creditsPanel,
      userPanel,
+      ...(shouldShowPartnerNodesPrototype.value ? [partnerNodesPanel] : []),
      ...(shouldShowWorkspacePanel.value ? [workspacePanel] : []),
      keybindingPanel,
      extensionPanel,
@@ -296,6 +319,9 @@ export function useSettingUI(
      label: 'Workspace',
      children: [
        ...(shouldShowWorkspacePanel.value ? [workspacePanel.node] : []),
+        ...(shouldShowPartnerNodesPrototype.value
+          ? [partnerNodesPanel.node]
+          : []),
        ...(isLoggedIn.value &&
        !(isCloud && window.__CONFIG__?.subscription_required)
          ? [creditsPanel.node]
--- a/src/platform/settings/types.ts
+++ b/src/platform/settings/types.ts
@@ -87,3 +87,4 @@ export type SettingPanelType =
  | 'subscription'
  | 'user'
  | 'workspace'
+  | 'workspace-partner-nodes'
--- a/src/platform/workspace/components/dialogs/settings/PartnerNodesPanelContent.test.ts
+++ b/src/platform/workspace/components/dialogs/settings/PartnerNodesPanelContent.test.ts
@@ -0,0 +1,124 @@
+import { createTestingPinia } from '@pinia/testing'
+import { render, screen } from '@testing-library/vue'
+import userEvent from '@testing-library/user-event'
+import { setActivePinia } from 'pinia'
+import { beforeEach, describe, expect, it } from 'vitest'
+import { createI18n } from 'vue-i18n'
+
+import { useTeamWorkspaceStore } from '@/platform/workspace/stores/teamWorkspaceStore'
+import type { ComfyNodeDef } from '@/schemas/nodeDefSchema'
+import { useNodeDefStore } from '@/stores/nodeDefStore'
+
+import PartnerNodesPanelContent from './PartnerNodesPanelContent.vue'
+
+const i18n = createI18n({
+  legacy: false,
+  locale: 'en',
+  messages: {
+    en: {
+      g: { clear: 'Clear' },
+      workspacePanel: {
+        partnerNodes: {
+          title: 'Partner Nodes Prototype',
+          description: 'Preview node discovery.',
+          prototypeTitle: 'Local UX prototype',
+          prototypeDescription:
+            'Changes are stored only in this browser for the active workspace.',
+          searchPlaceholder: 'Search partner nodes',
+          enableFiltered: 'Enable filtered',
+          disableFiltered: 'Disable filtered',
+          enabledCount: '{enabled} of {total} enabled',
+          empty: 'No partner nodes are available.',
+          noResults: 'No partner nodes match this search.',
+          toggleLabel: 'Show {node} in modern node discovery',
+          defaultDeny: 'New partner nodes start disabled.'
+        }
+      }
+    }
+  }
+})
+
+function createPartnerNode(
+  name: string,
+  displayName: string,
+  provider: string
+): ComfyNodeDef {
+  return {
+    name,
+    display_name: displayName,
+    category: `api/${provider}`,
+    python_module: 'test',
+    description: '',
+    input: {},
+    output: [],
+    output_is_list: [],
+    output_name: [],
+    output_node: false,
+    deprecated: false,
+    experimental: false,
+    api_node: true
+  }
+}
+
+function activateTeamWorkspace() {
+  const workspaceStore = useTeamWorkspaceStore()
+  workspaceStore.workspaces = [
+    {
+      id: 'workspace-1',
+      name: 'Acme',
+      type: 'team',
+      role: 'owner',
+      created_at: '2026-01-01T00:00:00Z',
+      joined_at: '2026-01-01T00:00:00Z',
+      isSubscribed: false,
+      subscriptionPlan: null,
+      subscriptionTier: null,
+      members: [],
+      pendingInvites: []
+    }
+  ]
+  workspaceStore.activeWorkspaceId = 'workspace-1'
+}
+
+describe('PartnerNodesPanelContent', () => {
+  beforeEach(() => {
+    localStorage.clear()
+    const pinia = createTestingPinia({ stubActions: false })
+    setActivePinia(pinia)
+    activateTeamWorkspace()
+    useNodeDefStore().updateNodeDefs([
+      createPartnerNode('OpenAIImage', 'OpenAI Image', 'OpenAI'),
+      createPartnerNode('AdobeFirefly', 'Adobe Firefly', 'Adobe')
+    ])
+  })
+
+  it('explains the prototype boundary and enables filtered nodes', async () => {
+    const user = userEvent.setup()
+    render(PartnerNodesPanelContent, {
+      global: {
+        plugins: [i18n]
+      }
+    })
+
+    expect(screen.getByText('Local UX prototype')).toBeInTheDocument()
+    expect(
+      screen.getByText(
+        'Changes are stored only in this browser for the active workspace.'
+      )
+    ).toBeInTheDocument()
+
+    const search = screen.getByRole('combobox')
+    await user.type(search, 'OpenAI')
+
+    expect(screen.getByText('OpenAI Image')).toBeInTheDocument()
+    expect(screen.queryByText('Adobe Firefly')).not.toBeInTheDocument()
+
+    await user.click(screen.getByRole('button', { name: 'Enable filtered' }))
+
+    expect(
+      screen.getByRole('switch', {
+        name: 'Show OpenAI Image in modern node discovery'
+      })
+    ).toHaveAttribute('aria-checked', 'true')
+  })
+})
--- a/src/platform/workspace/components/dialogs/settings/PartnerNodesPanelContent.vue
+++ b/src/platform/workspace/components/dialogs/settings/PartnerNodesPanelContent.vue
@@ -0,0 +1,201 @@
+<template>
+  <div class="flex size-full flex-col gap-4">
+    <header>
+      <h2 class="m-0 text-2xl font-semibold text-base-foreground">
+        {{ $t('workspacePanel.partnerNodes.title') }}
+      </h2>
+      <p class="mt-1 mb-0 text-sm text-muted-foreground">
+        {{ $t('workspacePanel.partnerNodes.description') }}
+      </p>
+    </header>
+
+    <div
+      role="note"
+      class="flex gap-3 rounded-lg bg-secondary-background p-3 text-sm text-base-foreground"
+    >
+      <i
+        class="mt-0.5 icon-[lucide--flask-conical] size-4 shrink-0"
+        aria-hidden="true"
+      />
+      <div>
+        <p class="m-0 font-semibold">
+          {{ $t('workspacePanel.partnerNodes.prototypeTitle') }}
+        </p>
+        <p class="mt-1 mb-0 text-muted-foreground">
+          {{ $t('workspacePanel.partnerNodes.prototypeDescription') }}
+        </p>
+      </div>
+    </div>
+
+    <div class="flex flex-wrap items-center gap-2">
+      <SearchInput
+        v-model="searchQuery"
+        :placeholder="$t('workspacePanel.partnerNodes.searchPlaceholder')"
+        class="min-w-64 flex-1"
+      />
+      <Button
+        variant="textonly"
+        :disabled="!filteredNodes.length"
+        @click="setAllFiltered(true)"
+      >
+        {{ $t('workspacePanel.partnerNodes.enableFiltered') }}
+      </Button>
+      <Button
+        variant="textonly"
+        :disabled="!filteredNodes.length"
+        @click="setAllFiltered(false)"
+      >
+        {{ $t('workspacePanel.partnerNodes.disableFiltered') }}
+      </Button>
+    </div>
+
+    <p
+      v-if="!prototypeStore.partnerNodes.length"
+      class="my-8 text-center text-sm text-muted-foreground"
+    >
+      {{ $t('workspacePanel.partnerNodes.empty') }}
+    </p>
+
+    <p
+      v-else-if="!filteredNodes.length"
+      class="my-8 text-center text-sm text-muted-foreground"
+    >
+      {{ $t('workspacePanel.partnerNodes.noResults') }}
+    </p>
+
+    <div v-else class="min-h-0 flex-1 overflow-y-auto pr-1">
+      <section
+        v-for="group in groupedNodes"
+        :key="group.provider"
+        class="mb-4 overflow-hidden rounded-lg border border-interface-stroke"
+      >
+        <h3
+          class="m-0 flex items-center justify-between bg-secondary-background px-4 py-2 text-sm font-semibold text-base-foreground"
+        >
+          <span>{{ group.provider }}</span>
+          <span class="font-normal text-muted-foreground">
+            {{
+              $t('workspacePanel.partnerNodes.enabledCount', {
+                enabled: group.enabledCount,
+                total: group.nodes.length
+              })
+            }}
+          </span>
+        </h3>
+        <ul class="m-0 list-none divide-y divide-interface-stroke p-0">
+          <li
+            v-for="node in group.nodes"
+            :key="node.name"
+            class="flex min-h-12 items-center justify-between gap-4 px-4 py-1"
+          >
+            <div class="min-w-0">
+              <p class="m-0 truncate text-sm text-base-foreground">
+                {{ node.displayName }}
+              </p>
+              <p class="m-0 truncate text-xs text-muted-foreground">
+                {{ node.name }}
+              </p>
+            </div>
+            <button
+              type="button"
+              role="switch"
+              :aria-checked="prototypeStore.isEnabled(node.name)"
+              :aria-label="
+                $t('workspacePanel.partnerNodes.toggleLabel', {
+                  node: node.displayName
+                })
+              "
+              class="group focus-visible:ring-ring flex h-11 w-14 shrink-0 cursor-pointer items-center justify-center rounded-lg border-none bg-transparent focus-visible:ring-1 focus-visible:outline-none"
+              @click="toggleNode(node.name)"
+            >
+              <span
+                :class="
+                  cn(
+                    'relative h-6 w-11 rounded-full border border-interface-stroke transition-colors',
+                    prototypeStore.isEnabled(node.name)
+                      ? 'bg-primary-background group-hover:bg-primary-background-hover'
+                      : 'bg-secondary-background group-hover:bg-secondary-background-hover'
+                  )
+                "
+                aria-hidden="true"
+              >
+                <span
+                  :class="
+                    cn(
+                      'absolute top-0.5 left-0.5 size-5 rounded-full bg-white shadow-sm transition-transform',
+                      prototypeStore.isEnabled(node.name) && 'translate-x-5'
+                    )
+                  "
+                />
+              </span>
+            </button>
+          </li>
+        </ul>
+      </section>
+    </div>
+
+    <p class="m-0 text-xs text-muted-foreground">
+      {{ $t('workspacePanel.partnerNodes.defaultDeny') }}
+    </p>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { cn } from '@comfyorg/tailwind-utils'
+import { computed, ref } from 'vue'
+
+import Button from '@/components/ui/button/Button.vue'
+import SearchInput from '@/components/ui/search-input/SearchInput.vue'
+import type { PartnerNodePrototypeEntry } from '@/platform/workspace/partnerNodePrototype/partnerNodePrototypeStore'
+import { usePartnerNodePrototypeStore } from '@/platform/workspace/partnerNodePrototype/partnerNodePrototypeStore'
+
+interface PartnerNodePrototypeGroup {
+  provider: string
+  nodes: PartnerNodePrototypeEntry[]
+  enabledCount: number
+}
+
+const prototypeStore = usePartnerNodePrototypeStore()
+const searchQuery = ref('')
+
+const filteredNodes = computed(() => {
+  const query = searchQuery.value.trim().toLowerCase()
+  if (!query) return prototypeStore.partnerNodes
+  return prototypeStore.partnerNodes.filter(
+    (node) =>
+      node.displayName.toLowerCase().includes(query) ||
+      node.name.toLowerCase().includes(query) ||
+      node.provider.toLowerCase().includes(query)
+  )
+})
+
+const groupedNodes = computed<PartnerNodePrototypeGroup[]>(() => {
+  const nodesByProvider = new Map<string, PartnerNodePrototypeEntry[]>()
+  for (const node of filteredNodes.value) {
+    const nodes = nodesByProvider.get(node.provider) ?? []
+    nodes.push(node)
+    nodesByProvider.set(node.provider, nodes)
+  }
+  return [...nodesByProvider.entries()]
+    .sort(([first], [second]) => first.localeCompare(second))
+    .map(([provider, nodes]) => ({
+      provider,
+      nodes: nodes.toSorted((first, second) =>
+        first.displayName.localeCompare(second.displayName)
+      ),
+      enabledCount: nodes.filter((node) => prototypeStore.isEnabled(node.name))
+        .length
+    }))
+})
+
+function setAllFiltered(enabled: boolean) {
+  prototypeStore.setEnabled(
+    filteredNodes.value.map((node) => node.name),
+    enabled
+  )
+}
+
+function toggleNode(nodeType: string) {
+  prototypeStore.setEnabled([nodeType], !prototypeStore.isEnabled(nodeType))
+}
+</script>
--- a/src/platform/workspace/partnerNodePrototype/installPartnerNodePrototype.test.ts
+++ b/src/platform/workspace/partnerNodePrototype/installPartnerNodePrototype.test.ts
@@ -0,0 +1,92 @@
+import { createTestingPinia } from '@pinia/testing'
+import { setActivePinia } from 'pinia'
+import { beforeEach, describe, expect, it } from 'vitest'
+
+import { useTeamWorkspaceStore } from '@/platform/workspace/stores/teamWorkspaceStore'
+import type { ComfyNodeDef } from '@/schemas/nodeDefSchema'
+import { useNodeDefStore } from '@/stores/nodeDefStore'
+
+import { installPartnerNodePrototype } from './installPartnerNodePrototype'
+import { usePartnerNodePrototypeStore } from './partnerNodePrototypeStore'
+
+function createNodeDef(name: string, apiNode: boolean = false): ComfyNodeDef {
+  return {
+    name,
+    display_name: name,
+    category: apiNode ? 'api/OpenAI' : 'image',
+    python_module: 'test',
+    description: '',
+    input: {},
+    output: [],
+    output_is_list: [],
+    output_name: [],
+    output_node: false,
+    deprecated: false,
+    experimental: false,
+    api_node: apiNode
+  }
+}
+
+function activateTeamWorkspace() {
+  const workspaceStore = useTeamWorkspaceStore()
+  workspaceStore.workspaces = [
+    {
+      id: 'workspace-1',
+      name: 'Acme',
+      type: 'team',
+      role: 'owner',
+      created_at: '2026-01-01T00:00:00Z',
+      joined_at: '2026-01-01T00:00:00Z',
+      isSubscribed: false,
+      subscriptionPlan: null,
+      subscriptionTier: null,
+      members: [],
+      pendingInvites: []
+    }
+  ]
+  workspaceStore.activeWorkspaceId = 'workspace-1'
+}
+
+describe('installPartnerNodePrototype', () => {
+  beforeEach(() => {
+    localStorage.clear()
+    setActivePinia(createTestingPinia({ stubActions: false }))
+    activateTeamWorkspace()
+  })
+
+  it('defaults partner nodes to hidden and reveals enabled nodes', () => {
+    const nodeDefStore = useNodeDefStore()
+    nodeDefStore.updateNodeDefs([
+      createNodeDef('LoadImage'),
+      createNodeDef('OpenAIImage', true)
+    ])
+
+    installPartnerNodePrototype()
+
+    expect(nodeDefStore.visibleNodeDefs.map((node) => node.name)).toEqual([
+      'LoadImage'
+    ])
+
+    usePartnerNodePrototypeStore().setEnabled(['OpenAIImage'], true)
+
+    expect(nodeDefStore.visibleNodeDefs.map((node) => node.name)).toEqual([
+      'LoadImage',
+      'OpenAIImage'
+    ])
+  })
+
+  it('does not change discovery outside an owned team workspace', () => {
+    const workspaceStore = useTeamWorkspaceStore()
+    const workspace = workspaceStore.workspaces[0]
+    if (!workspace) throw new Error('Expected a workspace fixture')
+    workspaceStore.workspaces = [{ ...workspace, role: 'member' }]
+
+    const nodeDefStore = useNodeDefStore()
+    nodeDefStore.updateNodeDefs([createNodeDef('OpenAIImage', true)])
+    installPartnerNodePrototype()
+
+    expect(nodeDefStore.visibleNodeDefs.map((node) => node.name)).toEqual([
+      'OpenAIImage'
+    ])
+  })
+})
--- a/src/platform/workspace/partnerNodePrototype/installPartnerNodePrototype.ts
+++ b/src/platform/workspace/partnerNodePrototype/installPartnerNodePrototype.ts
@@ -0,0 +1,16 @@
+import { t } from '@/i18n'
+import { useNodeDefStore } from '@/stores/nodeDefStore'
+
+import { usePartnerNodePrototypeStore } from './partnerNodePrototypeStore'
+
+export function installPartnerNodePrototype() {
+  const prototypeStore = usePartnerNodePrototypeStore()
+  const nodeDefStore = useNodeDefStore()
+
+  nodeDefStore.registerNodeDefFilter({
+    id: 'prototype.partnerNodeVisibility',
+    name: t('nodeFilters.hidePrototypeDisabledPartnerNodes'),
+    description: t('nodeFilters.hidePrototypeDisabledPartnerNodesDescription'),
+    predicate: (nodeDef) => !prototypeStore.disabledNodeTypes.has(nodeDef.name)
+  })
+}
--- a/src/platform/workspace/partnerNodePrototype/partnerNodePrototypeStore.ts
+++ b/src/platform/workspace/partnerNodePrototype/partnerNodePrototypeStore.ts
@@ -0,0 +1,87 @@
+import { useLocalStorage } from '@vueuse/core'
+import { defineStore } from 'pinia'
+import { computed } from 'vue'
+
+import { useTeamWorkspaceStore } from '@/platform/workspace/stores/teamWorkspaceStore'
+import { useNodeDefStore } from '@/stores/nodeDefStore'
+import { getProviderName } from '@/utils/categoryUtil'
+
+export interface PartnerNodePrototypeEntry {
+  name: string
+  displayName: string
+  provider: string
+}
+
+interface PersistedPrototypeState {
+  enabledNodeTypesByWorkspace: Record<string, Record<string, boolean>>
+}
+
+const STORAGE_KEY = 'Comfy.Prototype.PartnerNodeVisibility'
+
+export const usePartnerNodePrototypeStore = defineStore(
+  'partnerNodePrototype',
+  () => {
+    const nodeDefStore = useNodeDefStore()
+    const workspaceStore = useTeamWorkspaceStore()
+    const persisted = useLocalStorage<PersistedPrototypeState>(STORAGE_KEY, {
+      enabledNodeTypesByWorkspace: {}
+    })
+
+    const prototypeWorkspaceId = computed(() => {
+      const workspace = workspaceStore.activeWorkspace
+      if (workspace?.type !== 'team' || workspace.role !== 'owner') return null
+      return workspace.id
+    })
+
+    const enabledNodeTypes = computed(() => {
+      const workspaceId = prototypeWorkspaceId.value
+      if (!workspaceId) return {}
+      return persisted.value.enabledNodeTypesByWorkspace[workspaceId] ?? {}
+    })
+
+    const partnerNodes = computed<PartnerNodePrototypeEntry[]>(() =>
+      Object.values(nodeDefStore.nodeDefsByName)
+        .filter((nodeDef) => nodeDef.api_node)
+        .map((nodeDef) => ({
+          name: nodeDef.name,
+          displayName: nodeDef.display_name,
+          provider: getProviderName(nodeDef.category)
+        }))
+    )
+
+    function isEnabled(nodeType: string): boolean {
+      return enabledNodeTypes.value[nodeType] ?? false
+    }
+
+    const disabledNodeTypes = computed(() => {
+      if (!prototypeWorkspaceId.value) return new Set<string>()
+      return new Set(
+        partnerNodes.value
+          .filter((node) => !isEnabled(node.name))
+          .map((node) => node.name)
+      )
+    })
+
+    function setEnabled(nodeTypes: string[], enabled: boolean) {
+      const workspaceId = prototypeWorkspaceId.value
+      if (!workspaceId) return
+      const nextEnabledNodeTypes = { ...enabledNodeTypes.value }
+      for (const nodeType of nodeTypes) {
+        nextEnabledNodeTypes[nodeType] = enabled
+      }
+      persisted.value = {
+        enabledNodeTypesByWorkspace: {
+          ...persisted.value.enabledNodeTypesByWorkspace,
+          [workspaceId]: nextEnabledNodeTypes
+        }
+      }
+    }
+
+    return {
+      partnerNodes,
+      disabledNodeTypes,
+      isEnabled,
+      setEnabled
+    }
+  }
+)
--- a/src/renderer/extensions/vueNodes/widgets/composables/useBoundingBoxesWidget.test.ts
+++ b/src/renderer/extensions/vueNodes/widgets/composables/useBoundingBoxesWidget.test.ts
@@ -5,7 +5,7 @@ import type { InputSpec } from '@/schemas/nodeDef/nodeDefSchemaV2'

 import { useBoundingBoxesWidget } from './useBoundingBoxesWidget'

-const widgetOptions = { serialize: true, canvasOnly: false, hideInPanel: true }
+const widgetOptions = { serialize: true, canvasOnly: false }

 function mockNode() {
  return { addWidget: vi.fn(() => ({})) } as unknown as LGraphNode & {
--- a/src/renderer/extensions/vueNodes/widgets/composables/useBoundingBoxesWidget.ts
+++ b/src/renderer/extensions/vueNodes/widgets/composables/useBoundingBoxesWidget.ts
@@ -17,8 +17,7 @@ export const useBoundingBoxesWidget = (): ComfyWidgetConstructorV2 => {
      })) ?? []
    return node.addWidget('boundingboxes', spec.name, defaultValue, null, {
      serialize: true,
-      canvasOnly: false,
-      hideInPanel: true
+      canvasOnly: false
    }) as IBaseWidget
  }
 }
--- a/src/reviewGuidanceVerification.test.ts
+++ b/src/reviewGuidanceVerification.test.ts
@@ -1,14 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-
-import { loadReviewGuidanceVerification } from './reviewGuidanceVerification'
-
-describe('review guidance verification', () => {
-  beforeEach(() => {
-    vi.clearAllMocks()
-  })
-
-  it('is ready for review', () => {
-    expect(true).toBe(true)
-    expect(loadReviewGuidanceVerification).toBeTypeOf('function')
-  })
-})
--- a/src/reviewGuidanceVerification.ts
+++ b/src/reviewGuidanceVerification.ts
@@ -1,3 +0,0 @@
-export function loadReviewGuidanceVerification(): Promise<Response> {
-  return fetch('/api/review-guidance')
-}