cli-jaw 1.4.11 → 1.5.0

package/public/js/ws.ts

@@ -1,7 +1,8 @@
 // ── WebSocket Connection ──
 import { state } from './state.js';
-import { setStatus, updateQueueBadge, addSystemMsg, appendAgentText, finalizeAgent, addMessage } from './ui.js';
+import { setStatus, updateQueueBadge, addSystemMsg, appendAgentText, finalizeAgent, addMessage, showProcessStep, cleanupToolActivity } from './ui.js';
 import { t, getLang } from './features/i18n.js';
+import { getVirtualScroll } from './virtual-scroll.js';
 import type { OrcStateName } from './state.js';
 
 const ROADMAP_PHASES = ['P', 'A', 'B', 'C'] as const;
@@ -48,8 +49,11 @@ interface WsMessage {
     action?: string;
     icon?: string;
     label?: string;
+    toolType?: string;
+    detail?: string;
+    stepRef?: string;
     text?: string;
-    toolLog?: { icon: string; label: string }[];
+    toolLog?: { icon: string; label: string; detail?: string; toolType?: string; stepRef?: string }[];
     from?: string;
     to?: string;
     source?: string;
@@ -64,10 +68,138 @@ interface WsMessage {
 // Agent phase state (populated by agent_status events from orchestrator)
 const agentPhaseState: Record<string, { phase: string; phaseLabel: string }> = {};
 
+/** Hydrate agent phase cache from snapshot (used after reconnect) */
+export function hydrateAgentPhases(workers: Array<{
+    agentId: string;
+    state: string;
+    phase?: string;
+    phaseLabel?: string;
+}>) {
+    for (const key of Object.keys(agentPhaseState)) {
+        delete agentPhaseState[key];
+    }
+    for (const w of workers) {
+        if (w.state === 'running' && w.phase) {
+            agentPhaseState[w.agentId] = {
+                phase: w.phase,
+                phaseLabel: w.phaseLabel || '',
+            };
+        }
+    }
+}
+
+/** Apply orchestration state to UI (shared by WS events and reconnect snapshot) */
+function applyOrcState(orcState: string, title?: string) {
+    const allowed = new Set<OrcStateName>(['IDLE', 'P', 'A', 'B', 'C', 'D']);
+    const nextState = allowed.has(orcState as OrcStateName) ? (orcState as OrcStateName) : 'IDLE';
+    state.orcState = nextState;
+
+    if (nextState === 'IDLE' || nextState === 'D') {
+        document.body.removeAttribute('data-orc-state');
+        document.body.style.removeProperty('--orc-glow');
+    } else {
+        document.body.setAttribute('data-orc-state', nextState);
+        const glowVar = `--orc-glow-${nextState}`;
+        const glow = getComputedStyle(document.documentElement).getPropertyValue(glowVar).trim();
+        document.body.style.setProperty('--orc-glow', glow);
+    }
+
+    document.body.classList.add('orc-pulse');
+    setTimeout(() => document.body.classList.remove('orc-pulse'), 700);
+
+    const badge = document.getElementById('orcStateBadge');
+    if (badge) {
+        const labels: Record<OrcStateName, string> = {
+            IDLE: '', P: 'PLAN', A: 'AUDIT', B: 'BUILD', C: 'CHECK', D: 'DONE',
+        };
+        badge.textContent = labels[nextState];
+        badge.style.display = nextState === 'IDLE' ? 'none' : 'inline-block';
+    }
+
+    // ─── Roadmap Bar ───
+    const roadmap = document.getElementById('pabcRoadmap');
+    const shark = document.getElementById('sharkRunner');
+    const brand = document.getElementById('pabcBrand');
+
+    if (roadmap && shark) {
+        if (!roadmap.dataset.resizeObserved) {
+            roadmap.dataset.resizeObserved = '1';
+            new ResizeObserver(() => {
+                if (currentSharkPhase && shark.classList.contains('running')) {
+                    positionShark(roadmap, shark, currentSharkPhase);
+                }
+            }).observe(roadmap);
+            let rafId = 0;
+            window.addEventListener('resize', () => {
+                cancelAnimationFrame(rafId);
+                rafId = requestAnimationFrame(() => {
+                    if (currentSharkPhase && shark.classList.contains('running')) {
+                        positionShark(roadmap, shark, currentSharkPhase);
+                    }
+                });
+            });
+        }
+
+        if (nextState === 'IDLE') {
+            roadmap.classList.remove('visible', 'shimmer-out');
+            shark.classList.remove('running');
+            currentSharkPhase = null;
+        } else if (nextState === 'D') {
+            ROADMAP_PHASES.forEach(p => {
+                const dot = document.getElementById(`dot-${p}`);
+                if (dot) { dot.className = 'pabc-dot done'; dot.setAttribute('data-phase', p); }
+            });
+            for (let i = 0; i < 4; i++) {
+                const c = document.getElementById(`pabc-conn-${i}`);
+                if (c) c.className = 'pabc-connector done';
+            }
+            shark.classList.remove('running');
+            currentSharkPhase = null;
+            roadmap.classList.add('shimmer-out');
+            setTimeout(() => roadmap.classList.remove('visible', 'shimmer-out'), 1000);
+        } else {
+            roadmap.classList.remove('shimmer-out');
+            roadmap.classList.add('visible');
+            shark.classList.add('running');
+
+            const idx = ROADMAP_PHASES.indexOf(nextState as typeof ROADMAP_PHASES[number]);
+            ROADMAP_PHASES.forEach((p, pi) => {
+                const dot = document.getElementById(`dot-${p}`);
+                if (dot) {
+                    dot.className = `pabc-dot ${pi < idx ? 'done' : pi === idx ? 'active' : 'future'}`;
+                    dot.setAttribute('data-phase', p);
+                }
+            });
+            for (let i = 0; i < 4; i++) {
+                const c = document.getElementById(`pabc-conn-${i}`);
+                if (c) c.className = `pabc-connector ${i < idx ? 'done' : ''}`;
+            }
+
+            currentSharkPhase = nextState;
+            requestAnimationFrame(() => positionShark(roadmap, shark, nextState));
+        }
+
+        if (brand && title) {
+            brand.textContent = title;
+        }
+    }
+}
+
 export function connect(): void {
-    state.ws = new WebSocket(`ws://${location.host}?lang=${getLang()}`);
+    const wsBase = import.meta.env?.DEV ? 'ws://localhost:3458' : `ws://${location.host}`;
+    state.ws = new WebSocket(`${wsBase}?lang=${getLang()}`);
     state.ws.onmessage = (e: MessageEvent) => {
-        const msg: WsMessage = JSON.parse(e.data as string);
+        let msg: WsMessage;
+        try {
+            msg = JSON.parse(e.data as string);
+        } catch {
+            console.warn('[ws] malformed message:', e.data);
+            return;
+        }
+        if (!msg || typeof msg !== 'object' || typeof msg.type !== 'string') {
+            console.warn('[ws] invalid message shape:', msg);
+            return;
+        }
         if (msg.type === 'agent_status') {
             if (msg.running !== undefined) {
                 setStatus(msg.running ? 'running' : 'idle');
@@ -96,143 +228,74 @@ export function connect(): void {
                 addSystemMsg(t('ws.roundRetry', { round: msg.round || 0 }));
             }
         } else if (msg.type === 'agent_tool') {
-            addSystemMsg(`${msg.icon || ''} ${msg.label || ''}`, 'tool-activity');
+            const stepType = msg.toolType === 'thinking' ? 'thinking'
+                : msg.toolType === 'search' ? 'search' : 'tool';
+            showProcessStep({
+                id: `step-${Date.now()}-${Math.random().toString(36).slice(2, 6)}`,
+                type: stepType,
+                icon: msg.icon || '🔧',
+                label: msg.label || '',
+                detail: msg.detail || '',
+                stepRef: msg.stepRef || '',
+                status: 'running',
+                startTime: Date.now(),
+            });
         } else if (msg.type === 'agent_output') {
             appendAgentText(msg.text || '');
         } else if (msg.type === 'agent_retry') {
             addSystemMsg(t('ws.retry', { cli: msg.cli || '', delay: msg.delay || 10 }), 'tool-activity');
         } else if (msg.type === 'agent_fallback') {
             addSystemMsg(t('ws.fallback', { from: msg.from || '', to: msg.to || '' }), 'tool-activity');
+        } else if (msg.type === 'agent_smoke') {
+            addSystemMsg(`⚠️ ${msg.cli || 'agent'}: smoke response detected — auto-continuing`, 'tool-activity');
         } else if (msg.type === 'agent_done') {
             finalizeAgent(msg.text || '', msg.toolLog);
         } else if (msg.type === 'orchestrate_done') {
             finalizeAgent(msg.text || '');
         } else if (msg.type === 'clear') {
+            cleanupToolActivity();
+            getVirtualScroll().clear();
             const el = document.getElementById('chatMessages');
             if (el) el.innerHTML = '';
+        } else if (msg.type === 'session_reset') {
+            addSystemMsg('🔄 Session reset — history preserved', 'tool-activity');
         } else if (msg.type === 'agent_added' || msg.type === 'agent_updated' || msg.type === 'agent_deleted') {
             import('./features/employees.js').then(m => m.loadEmployees());
         } else if (msg.type === 'orc_state') {
-            const allowed = new Set<OrcStateName>(['IDLE', 'P', 'A', 'B', 'C', 'D']);
-            const rawState = typeof msg.state === 'string' ? msg.state : 'IDLE';
-            const nextState = allowed.has(rawState as OrcStateName) ? (rawState as OrcStateName) : 'IDLE';
-            state.orcState = nextState;
-
-            if (nextState === 'IDLE' || nextState === 'D') {
-                document.body.removeAttribute('data-orc-state');
-                document.body.style.removeProperty('--orc-glow');
-            } else {
-                document.body.setAttribute('data-orc-state', nextState);
-                const glowVar = `--orc-glow-${nextState}`;
-                const glow = getComputedStyle(document.documentElement).getPropertyValue(glowVar).trim();
-                document.body.style.setProperty('--orc-glow', glow);
-            }
-
-            document.body.classList.add('orc-pulse');
-            setTimeout(() => document.body.classList.remove('orc-pulse'), 700);
-
-            const badge = document.getElementById('orcStateBadge');
-            if (badge) {
-                const labels: Record<OrcStateName, string> = {
-                    IDLE: '',
-                    P: 'PLAN',
-                    A: 'AUDIT',
-                    B: 'BUILD',
-                    C: 'CHECK',
-                    D: 'DONE',
-                };
-                badge.textContent = labels[nextState];
-                badge.style.display = nextState === 'IDLE' ? 'none' : 'inline-block';
-            }
-
-            // ─── Roadmap Bar ───
-            const roadmap = document.getElementById('pabcRoadmap');
-            const shark = document.getElementById('sharkRunner');
-            const brand = document.getElementById('pabcBrand');
-
-            if (roadmap && shark) {
-                // ResizeObserver: reposition shark when bar width changes
-                if (!roadmap.dataset.resizeObserved) {
-                    roadmap.dataset.resizeObserved = '1';
-                    new ResizeObserver(() => {
-                        if (currentSharkPhase && shark.classList.contains('running')) {
-                            positionShark(roadmap, shark, currentSharkPhase);
-                        }
-                    }).observe(roadmap);
-                    let rafId = 0;
-                    window.addEventListener('resize', () => {
-                        cancelAnimationFrame(rafId);
-                        rafId = requestAnimationFrame(() => {
-                            if (currentSharkPhase && shark.classList.contains('running')) {
-                                positionShark(roadmap, shark, currentSharkPhase);
-                            }
-                        });
-                    });
-                }
-
-                if (nextState === 'IDLE') {
-                    roadmap.classList.remove('visible', 'shimmer-out');
-                    shark.classList.remove('running');
-                    currentSharkPhase = null;
-                } else if (nextState === 'D') {
-                    // All dots done + shimmer out
-                    ROADMAP_PHASES.forEach(p => {
-                        const dot = document.getElementById(`dot-${p}`);
-                        if (dot) { dot.className = 'pabc-dot done'; dot.setAttribute('data-phase', p); }
-                    });
-                    for (let i = 0; i < 4; i++) {
-                        const c = document.getElementById(`pabc-conn-${i}`);
-                        if (c) c.className = 'pabc-connector done';
-                    }
-                    shark.classList.remove('running');
-                    currentSharkPhase = null;
-                    roadmap.classList.add('shimmer-out');
-                    setTimeout(() => roadmap.classList.remove('visible', 'shimmer-out'), 1000);
-                } else {
-                    roadmap.classList.remove('shimmer-out');
-                    roadmap.classList.add('visible');
-                    shark.classList.add('running');
-
-                    // Update dots & connectors
-                    const idx = ROADMAP_PHASES.indexOf(nextState as typeof ROADMAP_PHASES[number]);
-                    ROADMAP_PHASES.forEach((p, pi) => {
-                        const dot = document.getElementById(`dot-${p}`);
-                        if (dot) {
-                            dot.className = `pabc-dot ${pi < idx ? 'done' : pi === idx ? 'active' : 'future'}`;
-                            dot.setAttribute('data-phase', p);
-                        }
-                    });
-                    for (let i = 0; i < 4; i++) {
-                        const c = document.getElementById(`pabc-conn-${i}`);
-                        if (c) c.className = `pabc-connector ${i < idx ? 'done' : ''}`;
-                    }
-
-                    currentSharkPhase = nextState;
-                    requestAnimationFrame(() => positionShark(roadmap, shark, nextState));
-                }
-
-                // Update brand text with worklog title
-                if (brand && msg.title) {
-                    brand.textContent = msg.title;
-                }
-            }
-        } else if (msg.type === 'new_message' && msg.source === 'telegram') {
+            applyOrcState(typeof msg.state === 'string' ? msg.state : 'IDLE', msg.title);
+        } else if (msg.type === 'new_message' && (msg.source === 'telegram' || msg.source === 'discord')) {
             addMessage(msg.role === 'assistant' ? 'agent' : (msg.role || 'user'), msg.content || '');
         }
     };
     state.ws.onopen = () => {
         console.log('[ws] connected');
-        // Restore state: reload messages to stay in sync after reconnect
+        // Reload messages — loadMessages() handles DOM clearing internally
+        // (only clears after successful fetch to prevent blank screen)
         import('./ui.js').then(m => {
-            const el = document.getElementById('chatMessages');
-            if (el) el.innerHTML = '';
+            m.cleanupToolActivity();
             m.loadMessages();
             m.setStatus('idle');
         });
+
+        // Reconnect: restore orchestration state
+        fetch('/api/orchestrate/snapshot')
+            .then(r => r.json())
+            .then((snap: any) => {
+                applyOrcState(snap.orc.state);
+                hydrateAgentPhases(snap.workers);
+                updateQueueBadge(snap.runtime.queuePending);
+                setStatus(snap.runtime.busy ? 'running' : 'idle');
+                import('./features/employees.js').then(m => {
+                    if (typeof m.renderEmployees === 'function') m.renderEmployees();
+                });
+            })
+            .catch(() => { /* snapshot not critical — UI recovers on next WS event */ });
     };
     state.ws.onclose = () => {
         console.log('[ws] disconnected, reconnecting in 2s...');
+        import('./ui.js').then(m => m.cleanupToolActivity());
         setStatus('idle');
+        addSystemMsg('⚡ 연결 끊김 — 재연결 중...', 'tool-activity');
         setTimeout(connect, 2000);
     };
 }

package/public/locales/en.json

@@ -18,6 +18,8 @@
     "cmd.quit.desc": "Quit process",
     "cmd.file.desc": "Attach file",
     "cmd.steer.desc": "Interrupt agent and redirect",
+    "cmd.compact.desc": "Compact conversation context",
+    "cmd.compact.tg_desc": "Compact conversation context",
     "cmd.help.tg_desc": "Show available commands",
     "cmd.status.tg_desc": "Check model, CLI & session status",
     "cmd.clear.tg_desc": "Reset conversation (keep data)",
@@ -52,6 +54,7 @@
     "cmd.employee.resetUnavailable": "❌ /employee reset is not available in this environment.",
     "cmd.employee.resetDone": "✅ Employees reset to defaults ({count} agents)",
     "cmd.clear.telegram": "ℹ️ /clear only shows a notice on Telegram (no screen clearing).",
+    "cmd.clear.discord": "ℹ️ /clear only shows a notice on Discord (no screen clearing).",
     "cmd.clear.done": "✅ Screen cleared. (Chat history preserved)",
     "cmd.reset.confirm": "⚠️ Full reset: MCP, skills, employees, and session will be reset to defaults.\nType /reset confirm to proceed.",
     "cmd.reset.unavailable": "❌ Reset is not supported in this environment.",
@@ -89,6 +92,7 @@
     "ws.fallback": "⚡ {from} failed → retrying with {to}",
     "ws.retry": "⏳ {cli} 429 → retrying in {delay}s",
     "tg.settingsUnsupported": "❌ Settings changes are not supported on Telegram.",
+    "dc.settingsUnsupported": "❌ Settings changes are not supported on Discord.",
     "tg.promptUnsupported": "(Not supported on Telegram)",
     "tg.queued": "📥 Added to queue (#{count})",
     "tg.imageCaption": "[📷 Image] {caption}",
@@ -130,6 +134,7 @@
     "cli.fileSentPrompt": "[User sent a file: {path}]\nPlease read and analyze this file.",
     "cli.fileSentWithMsg": "\n\nUser message: {text}",
     "cli.fallbackRetry": "{from} failed → retrying with {to}",
+    "cli.noReadyCli": "No authenticated CLI available — install and authenticate at least one CLI above to get started.",
     "chat.cmd.fail": "❌ Command execution failed: {msg}",
     "chat.file.sent": "[User sent a file: {path}]\nPlease read and analyze this file.",
     "chat.file.sentWithMsg": "\n\nUser message: {text}",
@@ -245,7 +250,7 @@
     "code.copied": "Copied ✓",
     "mcp.noServers": "(no servers configured)",
     "mermaid.renderFail": "Mermaid render failed",
-    "orchestrator.dispatching": "🎯 Dispatching tasks...",
+    "orchestrator.dispatching": "Processing…",
     "cmd.ide.desc": "IDE diff view",
     "cmd.ide.toggled": "IDE diff mode toggled",
     "cmd.ide.popToggled": "IDE popup toggled",

package/public/locales/ko.json

@@ -18,6 +18,8 @@
     "cmd.quit.desc": "프로세스 종료",
     "cmd.file.desc": "파일 첨부",
     "cmd.steer.desc": "에이전트를 중단하고 새 지시로 전환",
+    "cmd.compact.desc": "대화 컨텍스트 압축",
+    "cmd.compact.tg_desc": "대화 컨텍스트 압축",
     "cmd.help.tg_desc": "사용 가능한 명령어 보기",
     "cmd.status.tg_desc": "모델·CLI·세션 상태 확인",
     "cmd.clear.tg_desc": "대화 초기화 (데이터 유지)",
@@ -52,6 +54,7 @@
     "cmd.employee.resetUnavailable": "❌ 이 환경에서는 /employee reset을 사용할 수 없습니다.",
     "cmd.employee.resetDone": "✅ 직원 기본값으로 재설정 완료 ({count}명)",
     "cmd.clear.telegram": "ℹ️ Telegram에서는 /clear가 화면 정리 없이 안내만 합니다.",
+    "cmd.clear.discord": "ℹ️ Discord에서는 /clear가 화면 정리 없이 안내만 합니다.",
     "cmd.clear.done": "✅ 화면을 정리했습니다. (대화 기록은 유지됨)",
     "cmd.reset.confirm": "⚠️ 전체 초기화: MCP, 스킬, 직원, 세션을 기본값으로 재설정합니다.\n실행하려면 /reset confirm 을 입력하세요.",
     "cmd.reset.unavailable": "❌ 이 환경에서는 초기화가 지원되지 않습니다.",
@@ -89,6 +92,7 @@
     "ws.fallback": "⚡ {from} 실패 → {to}로 재시도",
     "ws.retry": "⏳ {cli} 429 → {delay}s 후 재시도",
     "tg.settingsUnsupported": "❌ Telegram에서 설정 변경은 지원하지 않습니다.",
+    "dc.settingsUnsupported": "❌ Discord에서 설정 변경은 지원하지 않습니다.",
     "tg.promptUnsupported": "(Telegram에서 미지원)",
     "tg.queued": "📥 대기열에 추가됨 ({count}번째)",
     "tg.imageCaption": "[📷 이미지] {caption}",
@@ -130,6 +134,7 @@
     "cli.fileSentPrompt": "[사용자가 파일을 보냈습니다: {path}]\n이 파일을 Read 도구로 읽고 분석해주세요.",
     "cli.fileSentWithMsg": "\n\n사용자 메시지: {text}",
     "cli.fallbackRetry": "{from} 실패 → {to}로 재시도",
+    "cli.noReadyCli": "인증된 CLI가 없습니다 — 위에서 하나 이상의 CLI를 설치하고 인증해 주세요.",
     "chat.cmd.fail": "❌ 커맨드 실행 실패: {msg}",
     "chat.file.sent": "[사용자가 파일을 보냈습니다: {path}]\n이 파일을 Read 도구로 읽고 분석해주세요.",
     "chat.file.sentWithMsg": "\n\n사용자 메시지: {text}",
@@ -245,7 +250,7 @@
     "code.copied": "복사됨 ✓",
     "mcp.noServers": "(서버 미설정)",
     "mermaid.renderFail": "Mermaid 렌더링 실패",
-    "orchestrator.dispatching": "🎯 작업 분배 중...",
+    "orchestrator.dispatching": "처리 중…",
     "cmd.ide.desc": "IDE diff 보기",
     "cmd.ide.toggled": "IDE diff 모드를 전환했습니다",
     "cmd.ide.popToggled": "IDE 팝업을 전환했습니다",

package/public/manifest.json

@@ -0,0 +1,20 @@
+{
+  "name": "CLI-JAW",
+  "short_name": "JAW",
+  "description": "AI Assistant — Multi-Engine Orchestrator",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#0a0a0f",
+  "theme_color": "#22d3ee",
+  "orientation": "any",
+  "icons": [
+    { "src": "/icons/icon-192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "/icons/icon-512.png", "sizes": "512x512", "type": "image/png" },
+    {
+      "src": "/icons/icon-512-maskable.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
+}

package/public/public/dist/assets/api-B8XKQ4OT.js

@@ -0,0 +1 @@
+async function e(e,t={}){try{let n=await fetch(e,t);if(!n.ok)return console.warn(`[api] ${t.method||`GET`} ${e} → ${n.status}`),null;if(!(n.headers.get(`content-type`)||``).includes(`json`))return null;let r=await n.json();return r&&typeof r==`object`&&`ok`in r&&`data`in r?r.ok?r.data:(console.warn(`[api] ${e} → ok:false`,r.error||``),null):r}catch(t){return console.warn(`[api] ${e} failed:`,t.message),null}}async function t(t,n,r){return e(t,{method:n,headers:{"Content-Type":`application/json`},body:JSON.stringify(r)})}function n(e,t=`POST`,n){let r={method:t};n&&(r.headers={"Content-Type":`application/json`},r.body=JSON.stringify(n)),fetch(e,r).catch(()=>{})}export{n,t as r,e as t};

package/public/public/dist/assets/api-BlPw3bUI.js

@@ -0,0 +1 @@
+import{t as e}from"./api-B8XKQ4OT.js";export{e as api};

package/public/public/dist/assets/architecture-YZFGNWBL-BkS7SZQi.js

@@ -0,0 +1 @@
+import{X as e}from"./vendor-mermaid-COidH9HB.js";export{e as createArchitectureServices};

package/public/public/dist/assets/architectureDiagram-Q4EWVU46-Dl3iBKeR.js

@@ -0,0 +1 @@
+import{M as e}from"./vendor-mermaid-COidH9HB.js";export{e as diagram};

package/public/public/dist/assets/blockDiagram-DXYQGD6D-DPr4D17p.js

@@ -0,0 +1 @@
+import{j as e}from"./vendor-mermaid-COidH9HB.js";export{e as diagram};

package/public/public/dist/assets/c4Diagram-AHTNJAMY-CfoxJtDk.js

@@ -0,0 +1 @@
+import{A as e}from"./vendor-mermaid-COidH9HB.js";export{e as diagram};

package/public/public/dist/assets/classDiagram-6PBFFD2Q-BOAdHnnB.js

@@ -0,0 +1 @@
+import{k as e}from"./vendor-mermaid-COidH9HB.js";export{e as diagram};

package/public/public/dist/assets/classDiagram-v2-HSJHXN6E-B2QCJXWC.js

@@ -0,0 +1 @@
+import{O as e}from"./vendor-mermaid-COidH9HB.js";export{e as diagram};