orchestrated-discussions/diagrams/stand-alone-artifact-editor-ai-enhanced-diagram-and-3d-model-creator_designer_2.puml

@startuml\n!theme plain\ntitle Artifact Editor v1 - Recommended Layout\n\npackage \"Orchestrated Discussions\n(Parent Window)\" #F5F5F5 {\n  rectangle \"Dialog: Add Artifact\" as dialog #FFFFFF {\n    \n    ' Header\n    rectangle \"Artifact Type Selector\" as typesel #E8F4F8 {\n      note right of typesel\n        Dropdown: Mermaid | PlantUML | etc\n      end note\n    }\n    \n    ' Main editing area\n    rectangle \"Code Editor (70%)\" as editor #FAFAFA {\n      note right of editor\n        • Syntax highlighting\n        • Line numbers\n        • Inline error underlines\n        • Status: \"Valid\" / \"Error\"\n      end note\n    }\n    \n    rectangle \"Preview Pane (30%)\" as preview #F0F0F0 {\n      note right of preview\n        • Live render update\n        • Zoom controls\n        • \"Click to expand\" for large diagrams\n      end note\n    }\n    \n    ' Action toolbar\n    rectangle \"Controls\" as controls #E8F4F8 {\n      note right of controls\n        🎤 Voice Input  |  ✨ AI Generate  |  Save  |  Cancel\n      end note\n    }\n  }\n}\n\nnote as N1\n  **Design Principles:**\n  • Match parent app's visual language\n  • Code editor dominant (developer audience)\n  • Inline error feedback\n  • Voice input discoverable (icon + label)\n  • Clear action buttons\nend note\n@enduml