mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-07-14 11:17:35 +00:00
38c034e1d6
## Summary Prototype redesign of the embedded 3D viewer controls into a framed top/bottom-bar chrome. Proof-of-concept for design exploration — not intended to merge as-is. ## Changes - **What**: Replaces the floating viewer controls (`Load3DControls`) with a new `Load3DMenuBar` framed chrome: a black top bar with a category dropdown (Scene / 3D Model / Camera / Lighting) and the active category's actions (labels collapse to icons on narrow nodes), plus a black bottom bar with Record (left) and fit + export (right). Export is moved out of the menu into the bottom-right button. Adds a "Clay" material mode that renders meshes with a flat grey material so geometry is visible without textures. - **Breaking**: None — `Load3D.vue` swaps the component and hides its existing right-side button column behind `v-if="false"`; nothing is deleted. ## Review Focus - Design prototype: `Load3D.vue` swaps `Load3DControls` → `Load3DMenuBar` and hides the existing fit/center/expand/record column. The original components are left untouched. - The only changes outside the prototype component are for the **Clay** material mode, which touches shared engine code: `MaterialMode` type (`interfaces.ts`), the runtime material switch (`SceneModelManager.ts`), the capability lists (`MeshModelAdapter.ts`, `ModelAdapter.ts`, `useLoad3d.ts`), and the i18n label. - Known prototype gaps: **Record** is a visual toggle only (pulsing dot, not wired to real recording); **fit** reuses the existing `handleFitToViewer`; **export** reuses the existing format options. ## Screenshots (if applicable) Prototype walkthrough captured during development (top-bar chrome, category dropdown, labeled-vs-icon collapse, Clay material, pulsing Record). Available on request. --------- Co-authored-by: PabloWiedemann <PabloWiedemann@users.noreply.github.com> Co-authored-by: Terry Jia <terryjia88@gmail.com>