Modern web app UI layout mockup for a professional visual prompt compiler, dark ...

Modern web app UI layout mockup for a professional visual prompt compiler, dark mode theme with sleek slate gray and deep obsidian panels. Functional SaaS design emphasizing a premium, true node-based graph editor interface with a high signal-to-noise ratio, strictly avoiding over-designed visual clutter. The layout establishes the graph as the undisputed center of gravity, structured into three distinct zones under a clean top navigation bar (Graph | Compose | Preview): LEFT PANEL (Progressive Intent & Library): Features progressive disclosure to lower cognitive load. Starts with a simple 'Scene Intent' selector. Below is a drag-and-drop library of 'Reusable Subgraphs' (pre-built semantic clusters like 'Epic Fantasy Lighting' or 'Lonely Hero') acting as creative building blocks, replacing the overwhelming initial questionnaire. CENTER WORKSPACE (True Semantic Graph): A multi-directional, interconnected graph editor rather than a top-down tree. Nodes (Environment, Lighting, Camera, Subject) connect horizontally and diagonally to illustrate complex cross-influence. The curved connecting edges display actionable insight labels (e.g., '✓ Strong support', '⚠ Weak specificity') instead of raw percentages. Nodes feature clean 'Because you selected...' reasoning and inline suggestion chips. Graph affordances like 'Auto Arrange' and '+ Add Element' sit in a clean floating palette. RIGHT PANEL (Traceability & Compiled Output): Features a compiled prompt text block with semantic syntax highlighting and a visual color legend mapping text segments to node categories. Visualizes a real-time 'Semantic Traceability' hover interaction: a cursor hovers over a highlighted phrase in the text, causing the corresponding node in the center graph to brilliantly pulse and glow, proving a 1:1 relationship. Minimalist sans-serif typography, flat UI design, distinct bright accent colors (neon blue, teal, goldenrod, purple) used for active states and semantic color-coding, highly spacious layout, professional creative software aesthetic mimicking high-end visual scripting environments.