Modern desktop UI layout mockup for a visual prompt-builder desktop software app...

Modern desktop UI layout mockup for a visual prompt-builder desktop software application, dark mode theme with sleek slate gray and deep obsidian panels. UI design inspiration blending Figma property inspector and Notion collapsible blocks. The interface is structured into three primary columns: 1. LEFT PANEL (Context & DNA Dashboard): Compact sidebar featuring real-time visual 'Context Meters' represented as horizontal segmented progress bars labeled 'Tech', 'Magic', 'Cleanliness', and 'Urban Density'. Below the meters is a collapsible tree view showing prompt origin dependencies with subtle glowing connecting lines. 2. CENTER WORKSPACE (The Generation Pipeline): A clean, vertical flow of modular card blocks connected by thin vertical directional lines. The sequence consists of distinct stacked stage cards: 'World' (selected: Sci-Fi), 'Theme' (selected: Medical), 'Environment' (selected: Cybernetic Clinic), 'Character' (selected: Biomedical Engineer), 'Action', 'Atmosphere', and 'Render Style'. Each card displays tiny status indicators—a lock icon for user-selected options and a lightning icon with percentage badges (e.g., '98% Match') for engine-derived options. 3. RIGHT PANEL (Live Inspector & Output): Top half shows a property inspector displaying an 'Influence Map' with 'Chosen Because' reasoning tags (e.g., '✓ World = Sci-Fi'). Bottom half shows a compiled prompt output preview container with clean syntax highlighting and a sleek action toolbar. Minimalist typography, precise UI design, subtle neon blue and teal accent highlights on active cards, clean spacing, high-resolution UI screen capture style, clean vector icons. ### Key Elements Included: * **Pipeline Column:** Replaces the flat list with the vertical stage sequence (World $\rightarrow$ Theme $\rightarrow$ Environment $\rightarrow$ Character). * **Visual Context Meters:** Integrates the "DNA strip" tracking `Tech`, `Magic`, and `Cleanliness` values in real time. * **Provenance Indicators:** Explicitly calls out lock icons (user choices) versus lightning icons with match percentages (derived context). * **Explainability Cards:** Highlights the "Chosen Because" badges inside the right inspector panel.