Welcome to WebLabs-MobIDE Discussions!

[spiralgang]

print("""

<title>Dynamic Mermaid Sequence Diagram</title> <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script> <style> body { margin: 0; overflow: hidden; } #diagram-container { position: relative; width: 100vw; height: 100vh; overflow: auto; } #mermaid { transform-origin: top left; } .buttons { position: fixed; bottom: 10px; right: 10px; background: rgba(0,0,0,0.5); padding: 10px; border-radius: 5px; } .buttons button { margin: 5px; padding: 5px 10px; background: #333; color: white; border: none; cursor: pointer; } .buttons button:hover { background: #555; } </style>

sequenceDiagram actor User participant Terminal participant AIOrchestrator participant FileSystem User->>Terminal: Enter 'generate ' Terminal->>AIOrchestrator: queryModel('deepseek', description) AIOrchestrator-->>Terminal: AI-generated code Terminal->>FileSystem: createOrUpdate(, code) Terminal-->>User: Notify file generated User->>Terminal: Enter 'refactor ' Terminal->>FileSystem: Read file content Terminal->>AIOrchestrator: queryModel('deepseek', instructions + code) AIOrchestrator-->>Terminal: AI-refactored code Terminal->>FileSystem: Update file with new code Terminal-->>User: Notify file refactored

Up Down Left Right Zoom In Zoom Out Reset

<script> mermaid.initialize({ startOnLoad: true }); let container = document.getElementById('diagram-container'); let mermaidDiv = document.getElementById('mermaid'); let scale = 1; let translateX = 0; let translateY = 0; function updateView() { mermaidDiv.style.transform = `translate(${translateX}px, ${translateY}px) scale(${scale})`; } function pan(direction) { const step = 50; switch (direction) { case 'up': translateY += step; break; case 'down': translateY -= step; break; case 'left': translateX += step; break; case 'right': translateX -= step; break; } updateView(); } function zoom(factor) { scale *= factor; updateView(); } function resetView() { scale = 1; translateX = 0; translateY = 0; updateView(); } </script> """)