99 lines
17 KiB
XML
99 lines
17 KiB
XML
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="773px" preserveAspectRatio="none" style="width:1548px;height:773px;background:#F5F5F5;" version="1.1" viewBox="0 0 1548 773" width="1548px" zoomAndPan="magnify"><defs><filter height="300%" id="f1k5i97etpp1d8" width="300%" x="-1" y="-1"><feGaussianBlur result="blurOut" stdDeviation="2.0"/><feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0"/><feOffset dx="4.0" dy="4.0" in="blurOut2" result="blurOut3"/><feBlend in="SourceGraphic" in2="blurOut3" mode="normal"/></filter></defs><g><!--MD5=[65a966c8c73c71a0446029b99c9797ee]
|
|
cluster Artifact Editor - Proposed UX Layout (PyQt6)--><rect fill="#F3E5F5" filter="url(#f1k5i97etpp1d8)" height="738" style="stroke: #512DA8; stroke-width: 1.5;" width="1130" x="22" y="24"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="309" x="432.5" y="40.9659">Artifact Editor - Proposed UX Layout (PyQt6)</text><!--MD5=[7afc990edd1bf305c09b855254bc1b10]
|
|
cluster main_workspace--><rect fill="#F3E5F5" filter="url(#f1k5i97etpp1d8)" height="574" style="stroke: #512DA8; stroke-width: 1.5;" width="521" x="54" y="156"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="115" x="257" y="172.9659">Main Workspace</text><!--MD5=[5aede0586259e4d3ba330cb9e34d0e56]
|
|
cluster editor--><rect fill="#E1F5FF" filter="url(#f1k5i97etpp1d8)" height="133" style="stroke: #01579B; stroke-width: 1.5;" width="408" x="106" y="218"/><rect fill="#E1F5FF" height="10" style="stroke: #01579B; stroke-width: 1.5;" width="15" x="494" y="223"/><rect fill="#E1F5FF" height="2" style="stroke: #01579B; stroke-width: 1.5;" width="4" x="492" y="225"/><rect fill="#E1F5FF" height="2" style="stroke: #01579B; stroke-width: 1.5;" width="4" x="492" y="229"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="159" x="230.5" y="245.9659">Left Panel (Text Editor)</text><!--MD5=[588c463f218493110eb7fbaaa6e40c41]
|
|
cluster canvas--><rect fill="#E1F5FF" filter="url(#f1k5i97etpp1d8)" height="272" style="stroke: #01579B; stroke-width: 1.5;" width="433" x="94" y="418"/><rect fill="#E1F5FF" height="10" style="stroke: #01579B; stroke-width: 1.5;" width="15" x="507" y="423"/><rect fill="#E1F5FF" height="2" style="stroke: #01579B; stroke-width: 1.5;" width="4" x="505" y="425"/><rect fill="#E1F5FF" height="2" style="stroke: #01579B; stroke-width: 1.5;" width="4" x="505" y="429"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="211" x="205" y="445.9659">Right Panel (Graphical Canvas)</text><!--MD5=[3eee715f6f6eb947cc2d6d4cbbb6611c]
|
|
cluster controls--><rect fill="#E1F5FF" filter="url(#f1k5i97etpp1d8)" height="251" style="stroke: #01579B; stroke-width: 1.5;" width="505" x="615" y="439"/><rect fill="#E1F5FF" height="10" style="stroke: #01579B; stroke-width: 1.5;" width="15" x="1100" y="444"/><rect fill="#E1F5FF" height="2" style="stroke: #01579B; stroke-width: 1.5;" width="4" x="1098" y="446"/><rect fill="#E1F5FF" height="2" style="stroke: #01579B; stroke-width: 1.5;" width="4" x="1098" y="450"/><text fill="#000000" font-family="sans-serif" font-size="14" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="136" x="799.5" y="466.9659">Bottom Control Bar</text><!--MD5=[48af7236ebe878760a3516eafd0f9e45]
|
|
entity menu--><rect fill="#E1F5FF" filter="url(#f1k5i97etpp1d8)" height="39.0679" style="stroke: #01579B; stroke-width: 1.5;" width="115" x="509.5" y="62"/><rect fill="#E1F5FF" height="5" style="stroke: #01579B; stroke-width: 1.5;" width="10" x="504.5" y="67"/><rect fill="#E1F5FF" height="5" style="stroke: #01579B; stroke-width: 1.5;" width="10" x="504.5" y="91.0679"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="95" x="519.5" y="86.9659">Top Menu Bar</text><!--MD5=[792bcc276390338fb634f3d5a35213bb]
|
|
entity code_area--><rect fill="#E1F5FF" filter="url(#f1k5i97etpp1d8)" height="39.0679" style="stroke: #01579B; stroke-width: 1.5;" width="166" x="149" y="276"/><rect fill="#E1F5FF" height="5" style="stroke: #01579B; stroke-width: 1.5;" width="10" x="144" y="281"/><rect fill="#E1F5FF" height="5" style="stroke: #01579B; stroke-width: 1.5;" width="10" x="144" y="305.0679"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="146" x="159" y="300.9659">PlantUML Code Editor</text><path d="M350.5,264 L350.5,291.5 L315.35,295.5 L350.5,299.5 L350.5,327.118 A0,0 0 0 0 350.5,327.118 L489.5,327.118 A0,0 0 0 0 489.5,327.118 L489.5,274 L479.5,264 L350.5,264 A0,0 0 0 0 350.5,264 " fill="#FBFB77" filter="url(#f1k5i97etpp1d8)" style="stroke: #A80036; stroke-width: 1.0;"/><path d="M479.5,264 L479.5,274 L489.5,274 L479.5,264 " fill="#FBFB77" style="stroke: #A80036; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="117" x="356.5" y="282.897">Syntax highlighting</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="82" x="356.5" y="300.603">Line numbers</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="118" x="356.5" y="318.309">Inline error markers</text><!--MD5=[6024d8b9e966a0b45a055a4bc7721af4]
|
|
entity draw_toolbar--><rect fill="#E1F5FF" filter="url(#f1k5i97etpp1d8)" height="39.0679" style="stroke: #01579B; stroke-width: 1.5;" width="132" x="143" y="627"/><rect fill="#E1F5FF" height="5" style="stroke: #01579B; stroke-width: 1.5;" width="10" x="138" y="632"/><rect fill="#E1F5FF" height="5" style="stroke: #01579B; stroke-width: 1.5;" width="10" x="138" y="656.0679"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="112" x="153" y="651.9659">Drawing Toolbar</text><!--MD5=[509bbd62d0744455ec5d08e82de835f3]
|
|
entity draw_area--><rect fill="#E1F5FF" filter="url(#f1k5i97etpp1d8)" height="39.0679" style="stroke: #01579B; stroke-width: 1.5;" width="144" x="137" y="485"/><rect fill="#E1F5FF" height="5" style="stroke: #01579B; stroke-width: 1.5;" width="10" x="132" y="490"/><rect fill="#E1F5FF" height="5" style="stroke: #01579B; stroke-width: 1.5;" width="10" x="132" y="514.0679"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="124" x="147" y="509.9659">Interactive Canvas</text><path d="M316.5,464 L316.5,500.5 L281.23,504.5 L316.5,508.5 L316.5,544.8241 A0,0 0 0 0 316.5,544.8241 L503.5,544.8241 A0,0 0 0 0 503.5,544.8241 L503.5,474 L493.5,464 L316.5,464 A0,0 0 0 0 316.5,464 " fill="#FBFB77" filter="url(#f1k5i97etpp1d8)" style="stroke: #A80036; stroke-width: 1.0;"/><path d="M493.5,464 L493.5,474 L503.5,474 L493.5,464 " fill="#FBFB77" style="stroke: #A80036; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="74" x="322.5" y="482.897">Live preview</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="114" x="322.5" y="500.603">Select/Drag shapes</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="166" x="322.5" y="518.309">Add shapes (rect, circle, etc.)</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="108" x="322.5" y="536.0151">Connect elements</text><!--MD5=[2935e10667aef0675bf227d465d6e5f6]
|
|
entity save--><rect fill="#E1F5FF" filter="url(#f1k5i97etpp1d8)" height="39.0679" style="stroke: #01579B; stroke-width: 1.5;" width="100" x="639" y="485"/><rect fill="#E1F5FF" height="5" style="stroke: #01579B; stroke-width: 1.5;" width="10" x="634" y="490"/><rect fill="#E1F5FF" height="5" style="stroke: #01579B; stroke-width: 1.5;" width="10" x="634" y="514.0679"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="80" x="649" y="509.9659">Save Button</text><!--MD5=[1cf63780fc517fbc6cc8d8f2d94a4db1]
|
|
entity ai_btn--><rect fill="#E1F5FF" filter="url(#f1k5i97etpp1d8)" height="39.0679" style="stroke: #01579B; stroke-width: 1.5;" width="151" x="774.5" y="485"/><rect fill="#E1F5FF" height="5" style="stroke: #01579B; stroke-width: 1.5;" width="10" x="769.5" y="490"/><rect fill="#E1F5FF" height="5" style="stroke: #01579B; stroke-width: 1.5;" width="10" x="769.5" y="514.0679"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="131" x="784.5" y="509.9659">AI Generate/Modify</text><!--MD5=[010e7e855952afb42756898a4c3b10fb]
|
|
entity dictate_btn--><rect fill="#E1F5FF" filter="url(#f1k5i97etpp1d8)" height="39.0679" style="stroke: #01579B; stroke-width: 1.5;" width="116" x="961" y="485"/><rect fill="#E1F5FF" height="5" style="stroke: #01579B; stroke-width: 1.5;" width="10" x="956" y="490"/><rect fill="#E1F5FF" height="5" style="stroke: #01579B; stroke-width: 1.5;" width="10" x="956" y="514.0679"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="96" x="971" y="509.9659">Dictate Button</text><!--MD5=[bfaba0fb3c73c3d0bfe66c81d719af44]
|
|
entity status_bar--><rect fill="#E1F5FF" filter="url(#f1k5i97etpp1d8)" height="39.0679" style="stroke: #01579B; stroke-width: 1.5;" width="89" x="644.5" y="627"/><rect fill="#E1F5FF" height="5" style="stroke: #01579B; stroke-width: 1.5;" width="10" x="639.5" y="632"/><rect fill="#E1F5FF" height="5" style="stroke: #01579B; stroke-width: 1.5;" width="10" x="639.5" y="656.0679"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacingAndGlyphs" textLength="69" x="654.5" y="651.9659">Status Bar</text><path d="M1168,606 L1168,686.8241 L1536,686.8241 L1536,616 L1526,606 L1168,606 " fill="#FBFB77" filter="url(#f1k5i97etpp1d8)" style="stroke: #A80036; stroke-width: 1.0;"/><path d="M1526,606 L1526,616 L1536,616 L1526,606 " fill="#FBFB77" style="stroke: #A80036; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="254" x="1174" y="624.897">`save`: Saves file, outputs ARTIFACT_SAVED</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="347" x="1174" y="642.603">`ai_btn`: Invokes SmartTool for AI generation/modification</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="283" x="1174" y="660.309">`dictate_btn`: Invokes SmartTool for voice input</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="311" x="1174" y="678.0151">`status_bar`: Displays rendering status, errors, mode</text><path d="M1167.5,482 L1167.5,527.412 L1354.5,527.412 L1354.5,492 L1344.5,482 L1167.5,482 " fill="#FBFB77" filter="url(#f1k5i97etpp1d8)" style="stroke: #A80036; stroke-width: 1.0;"/><path d="M1344.5,482 L1344.5,492 L1354.5,492 L1344.5,482 " fill="#FBFB77" style="stroke: #A80036; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="166" x="1173.5" y="500.897">Visual feedback for listening</text><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="110" x="1173.5" y="518.603">Transcript preview</text><!--MD5=[31cce34563f85f700e328756b8cb9f57]
|
|
link editor to canvas--><!--MD5=[31cce34563f85f700e328756b8cb9f57]
|
|
link editor to canvas--><path d="M110.8222,351.2816 C110.8019,351.6319 110.7815,351.9832 110.7611,352.3354 C110.7203,353.0398 110.6792,353.748 110.638,354.4598 C110.4729,357.307 110.3046,360.2116 110.1335,363.1621 C109.4495,374.9642 108.7228,387.5013 107.9963,400.0375 C107.8146,403.1716 107.633,406.3056 107.452,409.428 C107.3615,410.9893 107.2712,412.5476 107.1811,414.1017 C107.1361,414.8787 107.0911,415.6546 107.0463,416.4293 C107.0238,416.8166 107.0014,417.2036 106.979,417.5903 " fill="none" id="editor-canvas" style="stroke: #A80036; stroke-width: 1.0;"/><polygon fill="#A80036" points="106.979,417.5903,111.493,408.8368,107.2683,412.5987,103.5064,408.374,106.979,417.5903" style="stroke: #A80036; stroke-width: 1.0;"/><polygon fill="#A80036" points="110.8222,351.2816,106.3081,360.035,110.5328,356.2732,114.2947,360.498,110.8222,351.2816" style="stroke: #A80036; stroke-width: 1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" font-weight="bold" lengthAdjust="spacingAndGlyphs" textLength="188" x="111" y="389.897">Bidirectional Sync (CRITICAL)</text><!--MD5=[e8ce33ef6d47e15f1229db55f3f105cc]
|
|
link menu to main_workspace--><path d="M567,101.31 C567,114.08 567,132.265 567,152.4264 C567,153.0565 567,153.6884 567,154.3222 C567,154.6391 567,154.9565 567,155.2743 " fill="none" id="menu->main_workspace" style="stroke: #A80036; stroke-width: 1.0;"/><polygon fill="#A80036" points="567,155.2743,571,146.2743,567,150.2743,563,146.2743,567,155.2743" style="stroke: #A80036; stroke-width: 1.0;"/><!--MD5=[c87fac98842521943617cb37a119c773]
|
|
link main_workspace to controls--><path d="M575.3692,296.9323 C575.6278,296.9465 575.8921,296.961 576.162,296.9759 C577.2417,297.0356 578.4112,297.1011 579.6677,297.1726 C582.1805,297.3157 585.0409,297.4828 588.2249,297.6753 C600.9611,298.4452 618.876,299.621 640.442,301.2858 C683.5741,304.6153 741.3106,309.9006 801.4313,317.8063 C921.6725,333.6175 1051.45,359.91 1093,402 C1100.935,410.0375 1106.115,420.2663 1109.4155,431.1209 C1109.828,432.4778 1110.2112,433.8444 1110.5668,435.2177 C1110.7445,435.9044 1110.9154,436.5927 1111.0795,437.2824 C1111.1616,437.6272 1111.242,437.9724 1111.3207,438.3178 C1111.3601,438.4905 1111.3991,438.6633 1111.4376,438.8361 " fill="none" id="main_workspace->controls" style="stroke: #A80036; stroke-width: 1.0;"/><polygon fill="#A80036" points="1111.4376,438.8361,1113.3823,429.1812,1110.3491,433.9561,1105.5742,430.9229,1111.4376,438.8361" style="stroke: #A80036; stroke-width: 1.0;"/><!--MD5=[09163b5f30a62a4768f37a4904cfdbef]
|
|
reverse link draw_area to draw_toolbar--><path d="M209,529.36 C209,556.92 209,601.69 209,626.83 " fill="none" id="draw_area<-draw_toolbar" style="stroke: #A80036; stroke-width: 1.0;"/><polygon fill="#A80036" points="209,524.09,205,533.09,209,529.09,213,533.09,209,524.09" style="stroke: #A80036; stroke-width: 1.0;"/><!--MD5=[b64c48b3a5f8deabbd875f36a199935f]
|
|
link controls to GMN28--><path d="M1120.0712,515.6735 C1120.2556,515.8938 1120.4425,516.1165 1120.632,516.3414 C1121.011,516.7913 1121.4002,517.2503 1121.7991,517.7174 C1122.5969,518.6515 1123.4334,519.618 1124.305,520.6088 C1131.2775,528.535 1140.49,538.02 1150,545 C1182.29,568.7 1221.01,589.5 1255.87,605.94 " fill="none" id="controls-GMN28" style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 7.0,7.0;"/><!--MD5=[075213ebc33329aeb8312ce02f5b3de8]
|
|
link dictate_btn to GMN31--><path d="M1023.82,484.73 C1034.29,446.49 1062.15,367.59 1110.5,384.5 C1165.7,403.81 1215.76,452.8 1241.91,481.86 " fill="none" id="dictate_btn-GMN31" style="stroke: #A80036; stroke-width: 1.0; stroke-dasharray: 7.0,7.0;"/><!--MD5=[ecb54a43ace0e94b7accb80a039e274b]
|
|
link save to ai_btn--><!--MD5=[611bc7c8b3425e07417f889c10fa72a1]
|
|
link save to status_bar--><!--MD5=[19942d9c4f8bf19ceb7a630e38bfa72a]
|
|
@startuml
|
|
skinparam backgroundColor #f5f5f5
|
|
skinparam component {
|
|
BackgroundColor #e1f5ff
|
|
BorderColor #01579b
|
|
}
|
|
skinparam rectangle {
|
|
BackgroundColor #f3e5f5
|
|
BorderColor #512da8
|
|
}
|
|
|
|
rectangle "Artifact Editor - Proposed UX Layout (PyQt6)" {
|
|
component "Top Menu Bar" as menu
|
|
|
|
rectangle "Main Workspace" as main_workspace {
|
|
component "Left Panel (Text Editor)" as editor {
|
|
component "PlantUML Code Editor" as code_area
|
|
note right of code_area
|
|
Syntax highlighting
|
|
Line numbers
|
|
Inline error markers
|
|
end note
|
|
}
|
|
|
|
component "Right Panel (Graphical Canvas)" as canvas {
|
|
component "Drawing Toolbar" as draw_toolbar
|
|
component "Interactive Canvas" as draw_area
|
|
note right of draw_area
|
|
Live preview
|
|
Select/Drag shapes
|
|
Add shapes (rect, circle, etc.)
|
|
Connect elements
|
|
end note
|
|
}
|
|
|
|
editor -[hidden]right-> canvas
|
|
editor <- -> canvas : **Bidirectional Sync (CRITICAL)**
|
|
}
|
|
|
|
component "Bottom Control Bar" as controls {
|
|
component "Save Button" as save
|
|
component "AI Generate/Modify" as ai_btn
|
|
component "Dictate Button" as dictate_btn
|
|
component "Status Bar" as status_bar
|
|
}
|
|
}
|
|
|
|
menu -down-> main_workspace
|
|
main_workspace -down-> controls
|
|
|
|
draw_toolbar -up-> draw_area
|
|
|
|
note bottom of controls
|
|
`save`: Saves file, outputs ARTIFACT_SAVED
|
|
`ai_btn`: Invokes SmartTool for AI generation/modification
|
|
`dictate_btn`: Invokes SmartTool for voice input
|
|
`status_bar`: Displays rendering status, errors, mode
|
|
end note
|
|
|
|
note right of dictate_btn
|
|
Visual feedback for listening
|
|
Transcript preview
|
|
end note
|
|
|
|
@enduml
|
|
|
|
PlantUML version 1.2020.02(Sun Mar 01 06:22:07 AST 2020)
|
|
(GPL source distribution)
|
|
Java Runtime: OpenJDK Runtime Environment
|
|
JVM: OpenJDK 64-Bit Server VM
|
|
Java Version: 21.0.8+9-Ubuntu-0ubuntu124.04.1
|
|
Operating System: Linux
|
|
Default Encoding: UTF-8
|
|
Language: en
|
|
Country: CA
|
|
--></g></svg> |
